:root {
  /* Typography */
  --heading-font: 'acumin-pro', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --paragraph-font: 'acumin-pro', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  /* Colours */
  --text-pri: #2c2a29;
  --text-pri-hover: #002d72;
  --text-sec: #676767;
  --text-sec-hover: #147CA6;
  --text-light: #fff;
  --accent-pri: #004A8D;
  --accent-pri-hover: #007dba;
  --accent-sec: #CDDAE6;
  --accent-sec-hover: #D5E2ED;
  --accent-tri-hover: #031d45;


  --background-pri: #fff;
  /* Lightest background colour */
  --background-pri-hover: #F2F8FA;
  /* Second lightest background colour */
  --background-sec: #F2F8FA;
  /* Third ligthest background colour */
  --background-ter: #fff;

  --button-pri: #004A8D;
  --button-pri-hover: #007dba;
  --button-pri-transparent: #004A8DA8;
  --button-pri-transparent-hover: #007dbaA8;

  --border-light: #CBE0E8;
  --border-accent: #B7D0E6;

  /* Header */
  --banner-background-url: url("");
  --banner-text: #ffffff;
  --media-padding: #418FDE33;
  --media-padding-background-color: rgb(20, 124, 166);
  --media-padding-background-gradient: linear-gradient(135deg, rgba(20, 124, 166, 0.33) 0%, rgba(18, 100, 133, 0.4) 100%);
  --media-padding-background-color-hover: rgb(17, 146, 198);
  --media-padding-background-gradient-hover: linear-gradient(135deg, rgba(20, 124, 166, 0.50) 0%, rgba(18, 100, 133, 0.66) 100%);

  /* Body Background Options - One Colour */

  --body-background: #F4F5F7;
  --footer-background: linear-gradient(135deg, rgba(0,40,100,1) 0%, rgba(3,29,69,1) 100%);

  /* Body Background Options - Alternating Background Section */
  --alt-background-odd: #E0E8EF;
  --alt-background-even: #F0F3F6;
}

/* Navigation */

body>nav:first-of-type {
  --nav-background: var(--background-pri);
}

body>nav:first-of-type .grid .nav-logo img {
  --logo-img: url("https://cadmoremediastorage.blob.core.windows.net/539d408c-07f1-4881-a39b-acf62bf60edb/ApplicationContent/logo-endocrine-society-color-193x49.png?sv=2018-03-28&sr=c&sig=gr7nMAj2Emyu75MLqsiEp1mmr17zKubewLwOQFGzm7Q%3D&st=2025-06-30T15%3A05%3A23Z&se=2025-06-30T19%3A10%3A23Z&sp=r");
  --logo-height: 48px;
  --logo-width: auto;
}

/* Homepage Banner Carousel */

/* - Carousel 1 */

header.homepage-banner li.banner-1 .header-img {
  background-image: linear-gradient(to bottom, rgba(22, 56, 84, 0) 66%, rgba(22, 56, 84, 1) 100%), url("https://cadmoremediastorage.blob.core.windows.net/539d408c-07f1-4881-a39b-acf62bf60edb/ApplicationContent/header-cells-640x640.jpg?sv=2018-03-28&sr=c&sig=gr7nMAj2Emyu75MLqsiEp1mmr17zKubewLwOQFGzm7Q%3D&st=2025-06-30T15%3A05%3A23Z&se=2025-06-30T19%3A10%3A23Z&sp=r");
}

header.homepage-banner li.banner-1 .content-container {
  background: #163854;
}

header.homepage-banner li.banner-1 .content-container .pre-header {
  color: #eaaa00;
}

header.homepage-banner li.banner-1 .content-container h1 {
  color: var(--text-light);
}

header.homepage-banner li.banner-1 .content-container p {
  color: var(--text-light);
}

header.homepage-banner li.banner-1 .content-container .button-group a.primary {
  color: var(--text-light);
  background: var(--button-pri);
  transition: all 0.2s ease-in-out;
}

header.homepage-banner li.banner-1 .content-container .button-group a.secondary {
  color: var(--text-light);
  background: var(--button-pri-transparent);
  transition: all 0.2s ease-in-out;
}

header.homepage-banner li.banner-1 .content-container .button-group a.primary:hover {
  background: var(--button-pri-hover);
  transition: all 0.2s ease-in-out;
}

header.homepage-banner li.banner-1 .content-container .button-group a.secondary:hover {
  background: var(--button-pri-transparent-hover);
  transition: all 0.2s ease-in-out;
}

/* - Carousel 2 */

header.homepage-banner li.banner-2 .header-img {
  background-image: linear-gradient(to bottom, rgba(22, 56, 84, 0) 66%, rgba(22, 56, 84, 1) 100%), url("https://cadmoremediastorage.blob.core.windows.net/539d408c-07f1-4881-a39b-acf62bf60edb/ApplicationContent/header-chicago-640x640.jpg?sv=2018-03-28&sr=c&sig=gr7nMAj2Emyu75MLqsiEp1mmr17zKubewLwOQFGzm7Q%3D&st=2025-06-30T15%3A05%3A23Z&se=2025-06-30T19%3A10%3A23Z&sp=r");
  background-position: bottom;
}

header.homepage-banner li.banner-2 .content-container {
  background:#163854;
}

header.homepage-banner li.banner-2 .content-container .pre-header {
  color: #418fde;
}

header.homepage-banner li.banner-2 .content-container h1 {
  color: var(--text-light);
}

header.homepage-banner li.banner-2 .content-container p {
  color: var(--text-light);
}

header.homepage-banner li.banner-2 .content-container .button-group a.primary {
  color: var(--text-light);
  background: #1f4d8b;
  transition: all 0.2s ease-in-out;
}

header.homepage-banner li.banner-2 .content-container .button-group a.primary:hover {
  background: #10367a;
  transition: all 0.2s ease-in-out;
}

header.homepage-banner li.banner-2 .content-container .button-group a.secondary {
  color: var(--text-light);
  background: #10367aA8;
  transition: all 0.2s ease-in-out;
}

header.homepage-banner li.banner-2 .content-container .button-group a.secondary:hover {
  background: #10367a54;
  transition: all 0.2s ease-in-out;
}


/* - Carousel 3 */

header.homepage-banner li.banner-3 .header-img {
  background-image: linear-gradient(to bottom, rgba(46, 141, 174, 0) 66%, rgba(46, 141, 174, 1) 100%), url("https://cadmoremediastorage.blob.core.windows.net/539d408c-07f1-4881-a39b-acf62bf60edb/ApplicationContent/header-thyroid-640x640.jpg?sv=2018-03-28&sr=c&sig=gr7nMAj2Emyu75MLqsiEp1mmr17zKubewLwOQFGzm7Q%3D&st=2025-06-30T15%3A05%3A23Z&se=2025-06-30T19%3A10%3A23Z&sp=r");
  background-position: top;
}

header.homepage-banner li.banner-3 .content-container {
  background: #2e8dad;
}

header.homepage-banner li.banner-3 .content-container .pre-header {
  color: #8a1538;
}

header.homepage-banner li.banner-3 .content-container h1 {
  color: var(--text-pri);
}

header.homepage-banner li.banner-3 .content-container p {
  color: var(--text-pri);
}

header.homepage-banner li.banner-3 .content-container .button-group a.primary {
  color: var(--text-light);
  background: var(--button-pri);
  transition: all 0.2s ease-in-out;
}

header.homepage-banner li.banner-3 .content-container .button-group a.secondary {
  color: var(--text-light);
  background: var(--button-pri-transparent);
  transition: all 0.2s ease-in-out;
}

header.homepage-banner li.banner-3 .content-container .button-group a.primary:hover {
  background: var(--button-pri-hover);
  transition: all 0.2s ease-in-out;
}

header.homepage-banner li.banner-3 .content-container .button-group a.secondary:hover {
  background: var(--button-pri-transparent-hover);
  transition: all 0.2s ease-in-out;
}

/* - Carousel 4 */

header.homepage-banner li.banner-4 .header-img {
  background-image: linear-gradient(to bottom, rgba(46, 141, 174, 0) 66%, rgba(46, 141, 174, 1) 100%), url("https://cadmoremediastorage.blob.core.windows.net/539d408c-07f1-4881-a39b-acf62bf60edb/ApplicationContent/header-podcast-640x640.jpg?sv=2018-03-28&sr=c&sig=gr7nMAj2Emyu75MLqsiEp1mmr17zKubewLwOQFGzm7Q%3D&st=2025-06-30T15%3A05%3A23Z&se=2025-06-30T19%3A10%3A23Z&sp=r");
  background-position: top;
}

header.homepage-banner li.banner-4 .content-container {
  background: #030214;
}

header.homepage-banner li.banner-4 .content-container .pre-header {
  color: #5EC8FC;
}

header.homepage-banner li.banner-4 .content-container h1 {
  color: var(--text-light);
}

header.homepage-banner li.banner-4 .content-container p {
  color: var(--text-light);
}

header.homepage-banner li.banner-4 .content-container .button-group a.primary {
  color: var(--text-light);
  background: var(--button-pri);
  transition: all 0.2s ease-in-out;
}

header.homepage-banner li.banner-4 .content-container .button-group a.secondary {
  color: var(--text-light);
  background: var(--button-pri-transparent);
  transition: all 0.2s ease-in-out;
}

header.homepage-banner li.banner-4 .content-container .button-group a.primary:hover {
  background: var(--button-pri-hover);
  transition: all 0.2s ease-in-out;
}

header.homepage-banner li.banner-4 .content-container .button-group a.secondary:hover {
  background: var(--button-pri-transparent-hover);
  transition: all 0.2s ease-in-out;
}

@media (min-width: 640px) {

  header.homepage-banner li.banner-1 .header-img {
    background-image: url("https://cadmoremediastorage.blob.core.windows.net/539d408c-07f1-4881-a39b-acf62bf60edb/ApplicationContent/header-cells-1920x787.jpg?sv=2018-03-28&sr=c&sig=gr7nMAj2Emyu75MLqsiEp1mmr17zKubewLwOQFGzm7Q%3D&st=2025-06-30T15%3A05%3A23Z&se=2025-06-30T19%3A10%3A23Z&sp=r");
    background-position: top;
  }

  header.homepage-banner li.banner-2 .header-img {
    background-image: url("https://cadmoremediastorage.blob.core.windows.net/539d408c-07f1-4881-a39b-acf62bf60edb/ApplicationContent/header-chicago-split-1920x787.jpg?sv=2018-03-28&sr=c&sig=gr7nMAj2Emyu75MLqsiEp1mmr17zKubewLwOQFGzm7Q%3D&st=2025-06-30T15%3A05%3A23Z&se=2025-06-30T19%3A10%3A23Z&sp=r");
    background-position: center;
  }

  header.homepage-banner li.banner-3 .header-img {
    background-image: url("https://cadmoremediastorage.blob.core.windows.net/539d408c-07f1-4881-a39b-acf62bf60edb/ApplicationContent/header-thyroid-1920x787.jpg?sv=2018-03-28&sr=c&sig=gr7nMAj2Emyu75MLqsiEp1mmr17zKubewLwOQFGzm7Q%3D&st=2025-06-30T15%3A05%3A23Z&se=2025-06-30T19%3A10%3A23Z&sp=r");
    background-position: center;
  }

  header.homepage-banner li.banner-4 .header-img {
    background-image: url("https://cadmoremediastorage.blob.core.windows.net/539d408c-07f1-4881-a39b-acf62bf60edb/ApplicationContent/header-podcast-1920x787.jpg?sv=2018-03-28&sr=c&sig=gr7nMAj2Emyu75MLqsiEp1mmr17zKubewLwOQFGzm7Q%3D&st=2025-06-30T15%3A05%3A23Z&se=2025-06-30T19%3A10%3A23Z&sp=r");
    background-position: center;
  }


}

/* Homepage Detail-Columns Add-on */


main.homepage .detail-columns .one-quarter:nth-of-type(1) .fa-stack-2x {
  color: #D4E6EF;
}

main.homepage .detail-columns .one-quarter:nth-of-type(1) .fa-stack-1x {
  color: #004A8D;
}

main.homepage .detail-columns .one-quarter:nth-of-type(2) .fa-stack-2x {
  color: #E1DCF0;
}

main.homepage .detail-columns .one-quarter:nth-of-type(2) .fa-stack-1x {
  color: #5B3DAD;
}

main.homepage .detail-columns .one-quarter:nth-of-type(3) .fa-stack-2x {
  color: #EDDCF0;
}

main.homepage .detail-columns .one-quarter:nth-of-type(3) .fa-stack-1x {
  color: #A03CAD;
}

main.homepage .detail-columns .one-quarter:nth-of-type(4) .fa-stack-2x {
  color: #D4E8EB;
}

main.homepage .detail-columns .one-quarter:nth-of-type(4) .fa-stack-1x {
  color: #148093;
}

main.homepage.alternating-background .widgetPlaceHolder:nth-of-type(odd)>section:not(.img-bg) {
  background: var(--alt-background-odd);
}

main.homepage.alternating-background .widgetPlaceHolder:nth-of-type(even)>section:not(.img-bg) {
  background: var(--alt-background-even);
}

/* Homepage Organizations */

main.homepage .organizations .logos .atica {
  content: url("");
}

main.homepage .organizations .logos .aven {
  content: url("");
}

main.homepage .organizations .logos .codelab {
  content: url("");
}

main.homepage .organizations .logos .liva {
  content: url("");
}

main.homepage .organizations .logos .utosia {
  content: url("");
}

main.homepage .organizations .logos .velocity {
  content: url("");
}



/* Body Background Options - Alternating Background Sections */

main section:nth-of-type(odd):not(.img-bg) {
  background: var(--body-background);
}

main section:nth-of-type(even):not(.img-bg) {
  background: var(--body-background);
}

a.accent-primary,
a.accent-primary:visited {
  color: var(--accent-pri)
}

a.accent-primary:hover {
  color: var(--accent-pri-hover)
}

.badge {
  background: var(--accent-sec);
  color: var(--text-pri);
}

.badge:hover {
  background: var(--accent-sec-hover);
}

/* Footer Logo */

footer img.logo {
  content: url("https://cadmoremediastorage.blob.core.windows.net/539d408c-07f1-4881-a39b-acf62bf60edb/ApplicationContent/logo-endocrine-society-white-200x50.png?sv=2018-03-28&sr=c&sig=gr7nMAj2Emyu75MLqsiEp1mmr17zKubewLwOQFGzm7Q%3D&st=2025-06-30T15%3A05%3A23Z&se=2025-06-30T19%3A10%3A23Z&sp=r");
  height: 3rem;
  width: auto;
}