html {
  --sci-colour-all: #0d1b47;
  --sci-colour-srt: #d7197b;
  --sci-colour-clo: #f25821;
  --sci-colour-abs: #5b2d91;
  --sci-colour-abf: #00abb9;
}

#sci-home {
}

  #sci-home div.row.sci-main-container {
    column-gap: 0px;
  }

  #sci-home div.main .hero a {
    width: 100%;    
    height: 100%;
    margin-bottom: 20px;
    position: relative;
  }

    #sci-home div.main .hero a.main.news {
      min-height: 520px;
    }

      #sci-home div.main .hero a.main.news.more {
        min-height: 360px;
      }


    #sci-home div.main .hero div.main.events {
      min-height: 400px;
    }

      #sci-home div.main .hero div.main.events img {
        width: 100%;
      }

    #sci-home div.main .hero a.main {
      margin-bottom: 0px;
    }

    #sci-home div.main .hero a img {
      height: auto;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
    }

    #sci-home div.main .hero a.main.news img {
      object-fit: cover;
      height: 100%;
      width: 100%;      
    }

    #sci-home div.main .hero a div.source {
      position: absolute;
      width: 60px;
      height: 60px;
      min-height: 0;
      left: 1em;
      top: 1em;
    }

      #sci-home div.main .hero a div.source .circle {
        border-radius: 50%;
        min-height: 100%;
        line-height: 0;
      }

        #sci-home div.main .hero a div.source .circle span.datatype {
          position: absolute;
          bottom: 50%;
          width: 100%;
          text-align: center;
          font-weight: 700;
          color: #fff;
        }

    #sci-home div.main .hero.latest {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
    }

      #sci-home div.main .hero.latest a.main.news.more {
        grid-column: span 3;
      }

@media (max-width: 810px) {

  #sci-home div.main .hero.latest a.main.news.more {
    margin-top: 20px;
    grid-column: span 12;
  }

}


  #sci-home .bg-all {
    background-color: var(--sci-colour-all);
  }

  #sci-home .bg-srt {
    background-color: var(--sci-colour-srt);
  }

  #sci-home .bg-clo {
    background-color: var(--sci-colour-clo);
  }

  #sci-home .bg-abs {
    background-color: var(--sci-colour-abs);
  }

  #sci-home .bg-abf {
    background-color: var(--sci-colour-abf);
  }

  #sci-home div.main .hero a div.details {
    position: absolute;
    bottom: 0;
    min-height: 0;
    margin-bottom: 0;
    color: #fff;
    width: 100%;
  }

  #sci-home div.main .hero a.main div.details {
    background-color: rgba(50, 50, 50, 0.8);
    height: 30%;
    max-height: 160px;
  }

  #sci-home div.main .hero a.main.news.more div.details {
    background-color: #323232;
    height: 40%;
    max-height: 200px;
  }

  #sci-home div.main .hero a.main div.details.event {
    background-color: unset;
  }

  #sci-home div.main .hero a div.details h2 {
    padding: 0 10px 0 10px;
    font-size: 13.5pt;
    line-height: 1.3;
  }

  #sci-home div.main .hero a div.details p {
    padding: 0 10px 0 10px;
    line-height: 1.3;
  }

  #sci-home-content-items-news div.view-all-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
  }

  #sci-home div.sidebar div.view-all-link {
    width: 100%;
  }

    #sci-home-content-items-news div.view-all-link span,
    #sci-home div.sidebar div.view-all-link span {
      padding: 20px;
      background-color: #00a4ff;
      color: #fff;
    }

      #sci-home-content-items-news div.view-all-link span i,
      #sci-home div.sidebar div.view-all-link span i {
        margin-left: 20px;
      }

  #sci-home div.intro {
  }

    #sci-home div.intro h2 {
      font-family: ProximaNovaExtraBold;
      font-size: 2em;
      margin: 0 0 0 0;
    }

    #sci-home div.intro h3 {
      font-weight: 400;
      margin: 0 0 20px 0;
    }

    #sci-home div.intro ul li {
      list-style-type: none;
    }

  #sci-home div.sidebar {
    border-right: none;
    padding-left: 40px;
    margin-bottom: 40px;
  }

    #sci-home div.sidebar div.item-list {
      background-color: #e9edef;
      width: 100%;
      margin-bottom: 20px;
    }

      #sci-home div.sidebar div.item-list div.item-list-header {
        background-color: var(--sci-issue-blue);
        font-weight: bold;
        color: #fff;
        height: 80px;
        width: 100%;
      }

        #sci-home div.sidebar div.item-list div.item-list-header h1 {
          margin: 0;
          padding: 10px 0 0 20px;
          font-size: 1.6em;
        }

      #sci-home div.sidebar div.item-list div.item-list-container {
        padding: 10px 20px 0 20px;
      }


        #sci-home div.sidebar div.item-list div.item-list-container ul,
        #sci-home div.sidebar div.multimedia ul {
          list-style-type: none;
        }

          #sci-home div.sidebar div.item-list div.item-list-container ul li {
          }

            #sci-home div.sidebar div.item-list div.item-list-container ul li:not(:last-child) {
              border-bottom: 1px solid black;
              margin-bottom: 15px;
            }

            #sci-home div.sidebar div.item-list div.item-list-container ul li h2 {
              font-size: 1.4em;
              text-decoration: underline;
              margin: 0;
            }

      #sci-home div.sidebar div.item-list div.item-list-logo {
        margin: 60px 20px 20px 0;
        padding-bottom: 20px;
        text-align: right;
      }

        #sci-home div.sidebar div.item-list div.item-list-logo span {
          font-weight: 700;
          padding-right: 10px;
        }

        #sci-home div.sidebar div.item-list div.item-list-logo img {
          width: auto;
          height: 40px;
        }

      #sci-home div.sidebar div.item-list.multimedia {
        background-color: #fff;
        margin-top: 40px;
      }

        #sci-home div.sidebar div.item-list.multimedia div.item-list-container {
          padding: 0;
        }


        #sci-home div.sidebar div.item-list.multimedia ul {
        }

          #sci-home div.sidebar div.item-list.multimedia ul li {
            border: none;
            background-color: #e9edef;
            margin-bottom: 20px;
            padding-bottom: 20px;
          }

            #sci-home div.sidebar div.item-list.multimedia ul li:not(:last-child) {
              border-bottom: none !important;
            }

            #sci-home div.sidebar div.item-list.multimedia ul li h2,
            #sci-home div.sidebar div.item-list.multimedia ul li p {
              padding: 10px 20px 0 20px;
              text-decoration: none !important;
            }

            #sci-home div.sidebar div.item-list.multimedia ul li div.image img {
              position: relative;
              width: 100%;
            }

            #sci-home div.sidebar div.item-list.multimedia ul li div.video {
              position: relative;
              padding: 56.25% 0 0 0;
            }

              #sci-home div.sidebar div.item-list.multimedia ul li div.video iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
              }


  @media (max-width: 810px) {
    #sci-home div.sidebar {
      padding-left: 0;
    }
  }

  #sci-home-content-items-news {
    border-top: 1px solid black;
  }

    #sci-home-content-items-news div.items {
      background-color: #e9edef;
      column-gap: 0;
    }

      #sci-home-content-items-news div.items .item {
        position: relative;
      }

        #sci-home-content-items-news div.items .item div.source {
          position: absolute;
          width: 30px;
          height: 30px;
          min-height: 0;
          left: 1em;
          top: 1em;
        }

          #sci-home-content-items-news div.items .item div.source .circle {
            border-radius: 50%;
            min-height: 100%;
            line-height: 0;
          }

            #sci-home-content-items-news div.items .item div.source .circle span.datatype {
              position: absolute;
              bottom: 50%;
              width: 100%;
              text-align: center;
              font-weight: 700;
              color: #fff;
              font-size: 9pt;
            }

      #sci-home-content-items-news div.items .item {
        display: flex;
        align-items: center;
        min-height: 240px;
      }

        #sci-home-content-items-news div.items .item:not(:last-child) {
        }

        #sci-home-content-items-news div.items .item div.info {
          height: 75%;
          margin-left: 20px;
        }

        #sci-home-content-items-news div.items .item:not(:last-child) div.info {
          width: 100%;
          border-right: 1px solid black;
        }

  @media (max-width: 810px) {
    #sci-home-content-items-news div.items .item:not(:last-child) div.info {
      border-right: none;      
    }

    #sci-home-content-items-news div.items .item {
      border-bottom: 1px solid black;
    }

      #sci-home-content-items-news div.items .item div.info {
        margin-left: 0;
      }

    #sci-home-content-items-news div.items {
      margin: 40px 0 40px 0;
    }

  }

  #sci-home div.main div.partner {
    color: #fff;
    background-color: #323232;
    padding: 20px;
  }

    #sci-home div.main div.partner h2 {
      margin: 0 0 20px 0;
    }

    #sci-home div.main div.partner hr {
      margin: 0;
    }

    #sci-home div.main div.partner p {
      margin: 5px 0 15px 0;
      font-weight: 700;
    }

    #sci-home div.main div.partner ol {
      width: 85%;
      list-style-position: outside;
      padding-left: 20px;
    }

  #sci-home div.sidebar.sponsor {
    margin: auto;
    width: 320px;
    height: 100%;
  }

    #sci-home div.sidebar.sponsor a {
      width: 100%;
      height: 100%;
      background-color: #00a4ff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

      #sci-home div.sidebar.sponsor a span {
        color: #fff;
        width: 60%;
        text-align: center;
      }

  #sci-home .penant {
    position: relative;
    height: 100%;
    min-height: 400px;
  }

  #sci-home div.penant div.body {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    background-color: #323232;
  }

    #sci-home div.penant div.body div.details {
      padding: 20px;
      color: #fff;
    }

      #sci-home div.penant div.body div.details img.logo {
        width: 33%;
        max-width: 104px;
      }

      #sci-home div.penant div.body div.details hr {
        margin: 10px 0 0 0;
      }

    #sci-home div.penant div.body div.year {
      position: absolute;
      bottom: 0;
      right: 0;
      height: 100%;
      width: 100%;
      clip-path: polygon(50% 80%, 100% 60%, 100% 100%);
    }

      #sci-home div.penant div.body div.year span {
        position: absolute;
        font-family: ProximaNovaExtraBold;
        font-size: 20pt;
        left: 70%;
        top: 73%;
        color: #fff;
      }

      #sci-home div.penant div.body div.year.srt {
        background-color: var(--sci-colour-srt);
      }

      #sci-home div.penant div.body div.year.clo {
        background-color: var(--sci-colour-clo);
      }

      #sci-home div.penant div.body div.year.abs {
        background-color: var(--sci-colour-abs);
      }

      #sci-home div.penant div.body div.year.abf {
        background-color: var(--sci-colour-abf);
      }

    #sci-home div.penant div.body div.snip {
      position: absolute;
      bottom: 0;
      right: 0;
      height: 100%;
      width: 100%;
      background-color: #fff;
      clip-path: polygon(0 100%, 50% 80%, 100% 100%);
    }

  #sci-footer {
    padding-top: 10px;
  }

  #sci-home .sci-partner {
    margin: 20px 0 40px 0;
  }

    #sci-home .sci-partner h1,
    #sci-home .sci-partner h2 {
      font-size: 24pt;
      margin: 0;
    }

    #sci-home .sci-partner h2 {
      font-family: ProximaNovaExtraBold;
    }

    #sci-home .sci-partner h3 {
      font-size: 14pt;
      margin: 0;
      color: #00a4ff;
    }

    #sci-home .sci-partner .text {
      display: grid;
      place-content: center;
    }

    #sci-home .sci-partner .image {
      display: flex;
      justify-content: center;
      align-items: center;
    }

      #sci-home .sci-partner .image img {
        width: 66%;
      }

    #sci-home .sci-partner h1 {
      font-weight: normal;
    }

    #sci-home .sci-partner hr {
      border-width: 2px;
      border-color: #00a4ff;
    }

    #sci-home .sci-partner .partnershipForm {
      margin-top: 40px;
    }

    #sci-home .sci-partner p {
      margin: 0;
    }

    #sci-home .sci-partner ul {
      list-style-type: none;
      padding-left: 0;
      margin-top: 0;
    }

      #sci-home .sci-partner ul li::before {
        color: #00a4ff;
        font-family: FontAwesome;
        content: "\f111\00a0\00a0";
      }

  #sci-home div.partnershipForm h2 {
    font-family: ProximaNovaExtraBold;
    color: #0e4194;
    font-size: 24pt;
  }

  #sci-home div.partnershipForm h3 {
    font-size: 14pt;
    font-weight: normal;
  }

  #sci-home div.partnershipForm h2, #sci-home div.partnershipForm h3 {
    margin: 0;
    text-align: center;
  }

  #sci-home div.partnershipForm label {
    font-weight: normal;
  }

  #sci-home div.partnershipForm span.required {
    color: red;
  }

  #sci-landing h1 {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 40px 0px 20px 0px;
  }

  #sci-landing img.icon {
    width: 80px;
    height: auto;
    margin-right: 20px;
  }

    #sci-landing img.icon.icon-cover {
      content: url(/includes/2025/ajax/home/free/images/icon-cover.svg);
    }

    #sci-landing img.icon.icon-data {
      content: url(/includes/2025/ajax/home/free/images/icon-data.svg);
    }

    #sci-landing img.icon.icon-events {
      content: url(/includes/2025/ajax/home/free/images/icon-events.svg);
    }

    #sci-landing img.icon.icon-news {
      content: url(/includes/2025/ajax/home/free/images/icon-news.svg);
    }

  #sci-landing button {
    padding: 10px 50px 10px 50px;
    border: 1px solid white;
    color: white;
    font-weight: normal;
    text-align: center;
    width: 240px;
    height: 48px;
    border-radius: 0;
  }

    #sci-landing button.signin {
      background-color: #0d1b47;
    }

    #sci-landing button.register {
      background-color: red;
    }

  @media (max-width: 810px) {

    #sci-landing button {
      padding: 10px;
      text-align: center;
      width: 100%;
      border-radius: 0;
    }
  }

  #sci-landing-header {
    margin-top: 40px;
    padding: 20px;
    width: 100%;
    color: white;
    background-color: #164194;
    background-image: url(/includes/2025/ajax/home/free/images/sci-landing-header2.svg);
    background-repeat: no-repeat;
  }

    #sci-landing-header h2 {
      margin: 0;
      padding: 0;
      font-size: 56px;
      line-height: 1.2em;
    }

    #sci-landing-header img {
      width: 320px;
      height: auto;
    }


  @media (max-width: 810px) {

    #sci-landing-header {
      background-image: none;
    }

      #sci-landing-header h2 {
        font-size: 8vw;
      }

      #sci-landing-header img {
        width: 100%;
      }

      #sci-landing-header div.header-container {
        margin-top: 8px;
      }

      #sci-landing-header div.header-signin-buttons button.login {
        margin: 4px 0 4px 0;
      }

      #sci-landing-header div.header-logo-image {
        margin: 16px 0 4px 0;
      }
  }

  @media (min-width: 993px) {

    #sci-landing-header div.header-container {
      display: grid;
      grid-template-columns: 1fr; /* Single column layout */
      grid-template-rows: 1fr 1fr; /* Two rows for vertical spacing */
      padding: 1rem;
      box-sizing: border-box;
    }

    #sci-landing-header div.header-signin-buttons {
      justify-self: end;
      align-self: start;
      max-width: 100%;
    }

    #sci-landing-header div.header-logo-image {
      justify-self: end;
      align-self: end;
      max-width: 100%;
    }
  }

















  #sci-landing-access {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 20px 0 10px 0;
  }

  #sci-landing-news {
  }

    #sci-landing-news .explore-container {
      color: white;
      width: 100%;
      background-color: #0e1c48;
      background-image: url(/includes/2025/ajax/home/free/images/sci-landing-news.svg);
      background-repeat: no-repeat;
    }

      #sci-landing-news .explore-container .explore {
        padding: 10px 20px 10px 20px;
      }

        #sci-landing-news .explore-container .explore h2 {
          margin: 0;
        }

        #sci-landing-news .explore-container .explore h3 {
          font-weight: normal;
          font-size: 16pt;
        }

        #sci-landing-news .explore-container .explore img.arrow {
          display: block;
          width: 100%;
          max-width: 40px;
        }

    #sci-landing-news .news-item-container {
      background-color: #e9edef;
      padding: 20px;
    }

      #sci-landing-news .news-item-container .news-item:not(:first-child) {
        width: 100%;
        border-top: 1px solid black;
      }

    #sci-landing-news a div.source {
      position: absolute;
      width: 60px;
      height: 60px;
      min-height: 0;
      right: 1em;
      top: 1em;
    }

      #sci-landing-news a div.source .circle {
        border-radius: 50%;
        min-height: 100%;
        line-height: 0;
      }

        #sci-landing-news a div.source .circle span.datatype {
          position: absolute;
          bottom: 50%;
          width: 100%;
          font-size: 12pt;
          text-align: center;
          font-weight: 800;
          color: #fff;
        }

  @media (max-width: 810px) {

    #sci-landing-news .explore-container {
      background-image: none;
    }

    #sci-landing-news a div.source {
      right: 0;
    }

    #sci-landing-news div.info {
      width: 80%;
    }
  }




  #sci-landing-cover {
  }

    #sci-landing-cover .source-container {
      background-color: #e9edef;
    }


    #sci-landing-cover .source {
      width: 100%;
      aspect-ratio: 1 / 1;
      background-color: #0e1c48;
      background-image: url(/includes/2025/ajax/home/free/images/sci-landing-data.svg);
      background-repeat: no-repeat;
      padding: 10%;
    }

      #sci-landing-cover .source .circle {
        border-radius: 50%;
        min-height: 100%;
        line-height: 0;
      }

        #sci-landing-cover .source .circle span.datatype {
          position: absolute;
          bottom: 50%;
          width: 80%;
          font-size: 32pt;
          text-align: center;
          font-weight: 800;
          color: #fff;
        }

    #sci-landing-cover .source-info {
      font-size: 16pt;
      width: 100%;
      padding: 0 20px 40px 20px;
      margin: 0;
    }

  #sci-landing-market-data {
    background-color: #eff2f3;
  }

    #sci-landing-market-data .info {
      padding: 20px;
      font-size: 16pt;
    }

  @media (max-width: 810px) {

    #sci-landing-market-data iframe {
      display: none;
    }
  }

  #sci-landing-events {
  }

    #sci-landing-events .info {
      background-color: #0e1c48;
      color: white;
      padding: 10px 20px 10px 20px;
    }

      #sci-landing-events .info p {
        margin-bottom: 60px;
      }

      #sci-landing-events .info h2 {
        margin: 0;
      }

      #sci-landing-events .info img {
        width: 100%;
        max-width: 96px;
      }


  #sci-landing-contact-container.row {
    margin-bottom: 0;
  }

  #sci-landing-contact-container .sci-landing-contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    padding: 20px;
    width: 100%;
    color: white;
    background-color: #0e1c48;
    background-image: url(/includes/2025/ajax/home/free/images/sci-landing-contact.svg);
    background-repeat: no-repeat;
  }

    #sci-landing-contact-container .sci-landing-contact h2 {
      margin: 0;
      padding-left: 92px;
      font-size: 32pt;
    }


  @media (max-width: 810px) {

    #sci-landing-contact-container .sci-landing-contact {
      padding: 10px;
      background-image: none;
    }

      #sci-landing-contact-container .sci-landing-contact h2 {
        padding-left: 0px;
        font-size: 24pt;
      }

    #sci-landing-contact-container button.login {
      margin-bottom: 4px;
    }
  }

  #sci-landing-connect {
    background-color: #e9edef;
    margin-bottom: 76px;
  }

    #sci-landing-connect.row {
      row-gap: 0;
    }

    #sci-landing-connect .info {
      text-align: center;
      font-size: 24pt;
      padding: 20px 56px 20px 56px;
    }


  @media (max-width: 810px) {

    #sci-landing-connect .info {
      text-align: center;
      font-size: 16pt;
      padding: 10px;
    }
  }