:root {
    --c-sled_blue: #006680;
    --c-sled_light_blue: #87d2e7;
    --c-sled_orange: #fd6b0d;
    --t-sled_light-blue: #edf8fb;
    --t-sled_dark-blue: #80b3c0;
    --fs-nav_font: 0.9em;
    --fs-heading: 2.1em;
    --fs-body: 0.95em;
    --fs-refs: 0.63em;
    --nav-v_spacing: 2em;
    --side_gutters: 2.5%;
  }
  
  /* fonts */
  @font-face {
    font-family: "volta_modern";
    src: url("../fonts/voltamodern-webfont.woff2") format("woff2"),
        url("../fonts/voltamodern-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
      font-family: "volta_modern_bold";
      src: url("../fonts/voltamodern-bold-webfont.woff2") format("woff2"),
          url("../fonts/voltamodern-bold-webfont.woff") format("woff");
      font-weight: bold;
      font-style: bold;
  }
  
  * {
    font-family: "Volta Modern Display", Helvetica, Arial, sans-serif;
  }
  
  h1 {
    color: var(--c-sled_blue);
    font-size: var(--fs-heading);
    margin-top: 1.6rem;
    margin-bottom: 1rem;
  }
  
  #sled_container {
    display: flex;
    flex-direction: column;
    position: relative;
    border: 2px solid var(--c-gray-dark);
    margin: auto;
    max-width: 768px;
    overflow: hidden;
  }
  
  #main_container {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
    flex: 1;
  }
  
  #sled_footer {
    border-top: 1px solid #858080;
    margin: 0 var(--side_gutters);
  }
  
  .nav-row,
  #top_nav,
  #footer_nav {
    display: flex;
    align-items: center;
    column-gap: var(--fs-nav_font);
  }
  
  #top_nav,
  #footer_nav {
    list-style: none;
  }
  
  #top_nav,
  #footer_nav,
  .side-tab {
    font-size: var(--fs-nav_font);
    color: var(--c-sled_blue);
    font-weight: 700;
    text-transform: uppercase;
  }
  
  #footer_nav li {
    padding: var(--nav-v_spacing) 0;
  }
  
  #main_container {
    padding-top: var(--nav-v_spacing);
  }
  
  /* :is(#top_nav, #footer_nav) li {
    padding: var(--nav-v_spacing) 0;
  } */
  /* 
  .side-tab-left,
  .side-tabs-container {
    margin-top: var(--nav-v_spacing);
  } */
  
  :is(#top_nav, #footer_nav) li a {
    position: relative;
  }
  
  :is(#top_nav, #footer_nav) li:not(.home-link) a.active::after {
    background-color: var(--c-sled_blue);
    position: absolute;
    content: "";
    left: 0;
    bottom: -10px;
    width: 55px;
    height: 1px;
  }
  
  #top_nav {
    column-gap: 2.5rem;
  }
  
  #footer_nav {
    flex: 1;
    justify-content: space-evenly;
  }
  
  .side-tabs-container {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-left: auto;
  }
  
  .side-tab {
    display: flex;
    align-items: center;
    width: 160px;
    height: 40px;
  }
  
  .side-tab-left {
    color: #ffffff;
    background-color: var(--c-sled_blue);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-left: 30px;
    padding-right: 20px;
  }
  
  .side-tab-right {
    background-color: var(--c-sled_light_blue);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-left: 20px;
    padding-right: 30px;
  }
  
  /* WORKINGS OUT */
  .disable-link:not(.active) {
    color: var(--t-sled_dark-blue);
    cursor: default;
  }
  
  .pop-text-boxes {
    justify-content: space-evenly;
    gap: 1em;
  }

/* html {
    width: 100%;
    height: 100%;
    background: #000;
}
body {
    margin: 0px auto;
    overflow: hidden;
}
#container {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
} 
.screen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.screen img {
    width: 100%;
} */

.hidden {
    display: none;
}
.active {
    display: block;
}

.four-col {
    width: 42%;
    min-height: 35%;
}
.eight-col {
    width: 57%;
}

/* Content header */

h1 {
    font-family: "volta_modern_bold", arial, sans-serif;
    color: #000;
    font-size: 2.25em;
    line-height: 1;
    padding: 0;
    margin: 0;
}
h2 {
    font-family: "volta_modern", arial, sans-serif;
    color: #0460a9;
    font-size: 1.87em;
    line-height: 1.1;
    margin: 0;
}
h3 {
    font-family: "volta_modern_bold", arial, sans-serif;
    color: #fff;
    font-size: 1em;
    line-height: 1;
    padding: 0;
    margin: 0;
}

p {
    font-family: "volta_modern", arial, sans-serif;
    color: #000;
    font-size: 1em;
    line-height: 1.3;
    padding: 5px 0;
    margin: 0;
}

.content-header {
    position: absolute;
    height: 19%;
    width: 87.5%;
    margin: 2em 3em;
}

.title {
    position: absolute;
    top: 25%;
    width: 90%;
    padding: 20px 0 15px 0;
}
.title h1 {
    padding-bottom: 10px;
}

.border {
    border-bottom: #b2b2b2 solid 2px;

}

a.pship {
    font-family: "volta_modern_bold", arial, sans-serif;
    text-decoration: none;
    color: #0460a9;
    font-size: 1em;
    line-height: 1;
    padding: 0;
    margin: 0;
}

button {
    all: unset;
}

/* Brand colours */
.nov-blue {
    color: #0460a9;
}
.apricot {
    color: #ec9a1e;
}
.sienna {
    color: #e74a21;
}
.carmine {
    color: #8d1f1b;
}

/* country colors */
.scotland, .nhs-confed {
    background: #0460a9;
}
.wales, #sienna {
    background: #e74a21;
}
.england, #carmine {
    background: #8d1f1b;
}
.north-ire, #apricot {
    background: #ec9a1e;
}
.rep_ireland {
    color: #e6e6e6;
}

/* Trust map container - locations saved in local css */
#trust_map {
    position: absolute;
    left: 0%;
    top: 8%;
    width: 67%;
    height: 77%;
}

.trust-pin {
    position: absolute;
    font-size: 16px;
    line-height: 18px;
    width: 22px;
    border-radius: 50%;
    text-align: center;
    font-family: "volta_modern_bold", arial, sans-serif;
    text-decoration: none;
    color: #fff;
}

/* topics */
.therapy-area {
    position: absolute;
    right: 0%;
    width: 29.3%;
    height: 2.2%;
    padding: 1% 2%;
}
.therapy-area.multiple {
    left: 66.7%;
    width: 29.6%;
}

#ta_1 {
    top: 13.7%;
}
#ta_2 {
    top: 17.4%;
}
#ta_2_large {
    top: 17.4%;
    height: 4.2%;
}
#ta_3 {
    top: 21.1%;
}
#ta_3a {
    top: 24.1%;
}
#ta_3_large {
    top: 21.1%;
    height: 4.2%;
}
#ta_4 {
    top: 24.8%;
}
#ta_4a {
    top: 26.8%;
}
#ta_5 {
    top: 28.4%;
}
#ta_6 {
    top: 32.1%;
}
#ta_6a {
    top: 32.1%;
    height: 4.2%;
}
#ta_7 {
    top: 35.8%;
}
#ta_7_large {
    top: 37.8%;
    height: 4.2%;
}
#ta_8 {
    top: 43.5%;
}
#ta_9 {
    top: 47.2%;
    height: 4.2%;
}
#ta_10 {
    top: 52.9%;
}
#ta_10a {
    top: 52.9%;
    height: 4.2%;
}
#ta_11 {
    top: 56.5%;
}
#ta_11a {
    top: 58.5%;
}
#ta_12 {
    top: 60%;
}
#ta_12a {
    top: 62.2%;
}
#ta_13 {
    top: 63.4%;
}
.cardiology {
    background: #0078d2;
}
.oncology {
    background: #dc3c32;
}
.neurology {
    background: #782864;
}
.rheumatology {
    background: #ff8c00;
}
.ophthalmology {
    background: #4b915a;
}
.ortho-rheum {
    background: #9bc882;
}
.innovation {
    background: #27aae1;
}
.rare-disease {
    background: #fbb040;
}
.long-covid {
    background: #3c2878;
}
.cardio-nephro {
    background: #bf4678;
}
.haematology {
    background: #50aaa0;
}
.hcp-support {
    background: #b42026;
}
.orthopaedics {
    background: #ffc908;
}
.multiple {
    background: #fff;
    color: #0460a9;
    border: #0460a9 solid 2px;
}
.therapy-area.pale, .trust-pin.pale {
    color: #f5f5f5;
}
.cardiology.pale {
    background: #77b0e5;
    border-color: #77b0e5!important;
}
.oncology.pale {
    background: #ea918c;
    border-color: #ea918c!important;
}
.neurology.pale {
    background: #b187a6;
    border-color: #b187a6!important;
}
.rheumatology.pale {
    background: #ffbb82;
    border-color: #ffbb82!important;
}
.ophthalmology.pale {
    background: #99bea0;
    border-color: #99bea0!important;
}
.ortho-rheum.pale {
    background: #c4deb6;
    border-color: #c4deb6!important;
}
.innovation.pale {
    background: #27aae1;
    border-color: #27aae1!important;
}
.rare-disease.pale {
    background: #fcd096;
    border-color: #fcd096!important;
}
.long-covid.pale {
    background: #9087b1;
    border-color: #9087b1!important;
}
.cardio-nephro.pale {
    background: #d996b1;
    border-color: #d996b1!important;
}
.haematology.pale {
    background: #9bcdc7;
    border-color: #9bcdc7!important;
}
.hcp-support.pale {
    background: #d28487;
    border-color: #d28487!important;
}
.orthopaedics.pale {
    background: #ffdf87;
    border-color: #ffdf87!important;
}
.multiple.pale {
    background: #f5f5f5;
    color: #77b0e5 !important;
    border: #77b0e5 solid 2px;
}
.multiple.pale h1 {
    color: #77b0e5 !important;
}

.trust-pin.cardiology {
    border: #0078d2 solid 2px;
}
.trust-pin.oncology {
    border: #dc3c32 solid 2px;
}
.trust-pin.neurology {
    border: #782864 solid 2px;
}
.trust-pin.rheumatology {
    border: #ff8c00 solid 2px;
}
.trust-pin.ophthalmology {
    border: #4b915a solid 2px;
}
.trust-pin.ortho-rheum {
    border: #9bc882 solid 2px;
}
.trust-pin.innovation {
    border: #27aae1 solid 2px;
}
.trust-pin.rare-disease {
    border: #fbb040 solid 2px;
}
.trust-pin.long-covid {
    border: #3c2878 solid 2px;
}
.trust-pin.cardio-nephro {
    border: #bf4678 solid 2px;
}
.trust-pin.haematology {
    border: #50aaa0 solid 2px;
}
.trust-pin.hcp-support {
    border: #b42026 solid 2px;
}
.trust-pin.orthopaedics {
    border: #ffc908 solid 2px;
}

/* Trust information box */
.info-box, .trust {
    position: absolute;
    overflow: hidden;
    bottom: 5%;
    right: 6.5%;
    height: 29%;
    background: #ffffff;
    cursor: pointer;
    z-index: 8;
}
.trust {
    display: none;
}
#pcount, .pcount {
    display: inline;
}
.partnership {
    display: none;
    width: 100%;
    overflow: hidden;
}
.trust-row {
    padding: 2% 4%;
    border-bottom: #fff solid 1px;
}
.pship-row {
    padding: 2% 4%;
}
.thumbnail {
    padding-right: 0.3em;
}
.thumb {
    vertical-align: top;
    width:22%;
}
.pship-dets {
    background-color: #fff;
    padding: 2% 4%;
}
.pship-dets img {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    padding-right: 8px;
}
.pship-text {
    width: 71%;
    float: right;
}
.pship-link {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 2% 4%;
    min-height: 1.2em;
    border-bottom: #0460a9 solid 7px;
    z-index: 5;
}
.pship-link p {
    width: 56%;
    font-size: 1em;
}
.arrows {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 15%;
    padding-bottom: 2%;
    padding-right: 2%;
    z-index: 7;
    cursor: pointer;
    z-index: 7;
}
.arrows img {
    height: 62%;
    padding: 0 0.7em;
}
.left-arrow {
    opacity: 0.5;
    transform: rotate(180deg);
}

/* buttons */
.button {
    background-color: #0460a9;
    text: #fff;
    display: flex;
    align-items: center;
    padding: 20px 20px;
    border-radius: 20px;
    cursor: pointer;
}
#home_btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 8%;
    height: 30%;
    padding-bottom: 5%;
    z-index: 9;
}
.return_btn {
    position: absolute;
    right: 1.5%;
    width: 32%;
    height: 4.5%;
    margin: auto;
    padding: 10px;
    z-index: 9;
}
#uk-map-return {
    top: 8.4%;
}
#england_map_return {
    top: 8.4%;
}
.return_btn img {
    float: right;
    display: inline;
    width: 35%;
    margin: auto;
}
.return_btn h3 {
    position: absolute;
    display: inline;
    top: 38%;
    color: #b3b3b2;
}

/* Navigation */
#nav_overlay {
    position: absolute;
    top: 0;
    height: 100%;
    left: -70%;
    width: 70%;
    background-color: #fff;
    z-index: 50;
}
#nav_menu {
    position: absolute;
    height: 100%;
    width: 30%;
    left: 0;
    top: 0;
}
#nav_open {
    position: absolute;
    left: 0;
    top: 0;
    width: 8%;
    height: 19%;
    padding-bottom: 5%;
    z-index: 1;
}
#nav_open img {
    height: 100%;
    padding-bottom: 5%;
}
#nav_close {
    position: absolute;
    left: 71%;
    width: 17%;
    height: 9%;
    top: 3%;
}
#nav_close img {
    float: right;
    height: 40%;
}
.nav-item {
    position: absolute;
    display: inline;
    left: 4%;
    width: 81.9%;
    padding: 20px 0;
    margin: auto;
    border-bottom: #b2b2b2 solid 1px;
    z-index: 60;
}
.nav-item img {
    position: absolute;
    display: inline;
    right: 0;
    top: 20%;
    margin: auto;
    height: 50%;
}
#nav_item_1 {
    top: 11%;
}
#nav_item_2 {
    top: 17.5%;
}
#nav_item_3 {
    top: 23.8%;
}
#nav_item_4 {
    top: 29.8%;
}
#nav_item_5 {
    top: 35.8%;
}
#nav_item_6 {
    top: 41.9%;
}
#nav_item_7 {
    top: 48%;
}
#shader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
    z-index: 10;
}
/* Popups */
.open-popup {
    position: absolute;
    height: 6.4%;
    width: 41.9%;
}
.open-popup img {
    position: absolute;
    right: 10%;
    display: inline;
    width: 10%;
    margin: auto;
}
.close-popup {
    display: none;
    position: absolute;
    right: 6%;
    top: 28%;
    width: 5.5% !important;
    height: 77%;
    padding-bottom: 5%;
    z-index: 9;
}
.popup {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
}
.popup img {
    width: 100%;
}

.popup-header {
    position: absolute;
    background-color: #0460a9;
    height: 10%;
    width: 100%;
    padding: 2em 3em;
}

/* footer */
.content-footer {
    position: absolute;
    bottom: 0;
    width: 87.5%;
    margin: 2.8em 3em;
}

.content-footer img {
    position: relative;
    width: 22%;
    bottom: 0;
    padding-top: 10px;
}

.content-footer p {
    color: #000;
    font-size: 0.6em;
}

#date-of-prep {
    float: right;
}

#pdf_container {
    display: none;
    width:100%;
  }

/* MEDIA QUERIES */
/* @media (max-width: 1024px) {
    #sled_container {
      font-size: 14px;
    }
  }
  
  @media (max-width: 992px) {
    #sled_container {
      font-size: 11px;
    }
  }
  
  @media (max-width: 768px) {
    #sled_container {
      font-size: 10px;
    }
  } */