/*** megamenu tweaks ***/
#megamenu .row {
    justify-content: center;
    margin: 0 auto !important;
}

#megamenu .centered-menu {
	width: 66%;
}

#mm-directories .centered-menu,
#mm-resource .centered-menu {
  width: 70%;
}

#mm-resource, #mm-directories {
    text-align: center;
}

.fa-brands {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    font-style: normal;
    padding-right: 0;
}

.top-bar .dropdown-pane ul.vertical {
    width: auto;
    justify-content: flex-start;
    max-width: none;
    margin: 0 3rem;
}

.top-bar .dropdown-pane {
    top: 95px !important;
}

.sidebar-col1 {
    padding-right: 2.5rem;
}

.dropdown-pane .menu li.subnav-item, .dropdown-pane .menu.expanded li.subnav-item {
	text-align: center !important;
}

.row,
section.pageBodyRow, body
{
    /* max-width: var(--row-class-width); */
    margin: 0 auto;
}

section.pageBodyRow,
.breadcrumbSection .row {
    max-width: 78rem;
}

#mega-menu > li:last-child {
    display: block;
}

.dropdown.menu {
  width: 80rem;
}

.resultsSorter:hover {
  text-decoration: none;
  border-bottom: 1px solid var(--primary-color);
}

.resultsSorter.selected {
  border-bottom: 1px solid var(--primary-color);
}

#megamenu .top-bar .dropdown-pane {
    top: 68px !important;
    background-color: #fff;
    margin: 0 auto;
    box-shadow: 0px 2px 5px 0px rgb(159 161 164 / 43%);
    width: 100% !important;
    max-width: 100%;
    left: -6rem !important;
    min-width: auto;
}

#megamenu .top-bar .dropdown-pane {
    min-width: 90rem;
    padding: 1.75rem 0;
}

.menu.expanded li.topnav-item {
    flex: 0.2 0.1 auto;
    padding: 0 0.5rem;
}

.fixed-side-button {
	display: none;
}

.flex-footer .footerLinkContainer a.standardLink {
    width: unset;
    font-weight: bold;
}

.flex-footer .footerLinkContainer a.standardLink,
.flex-footer .footerLinkContainer a:visited,
.flex-footer .footerLinkContainer a.standardLink,
.flex-footer .footerLinkContainer a:active,
.flex-footer .footerLinkContainer a:hover {
  padding:0;
  line-height: unset;
}


.socialLinkContainer .horizontalLinkList.alignListCenter > a, .socialLinkContainer .horizontalLinkList.alignListCenter > a:active, .socialLinkContainer .horizontalLinkList.alignListCenter > a:hover, .socialLinkContainer .horizontalLinkList.alignListCenter > a:visited {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.navLogoContainer a img {
    padding-right: 0;
    max-width: none;
}

.navbar-fixed .navLogoContainer a img {
    width: 10rem;
}

.dropdown-pane.level2 {
  left: -6rem !important;
}

.socialLinkContainer a:hover i {
	color: #fff !important;
}

.socialLinkContainer a:hover  {
  border: 1px solid #fff;
}

.hero-section3 .row {
    max-width: 90rem !important;
    margin: 0 auto;
}

.hero-section3 .hero-section-text {
    justify-content: flex-start;
}

.premierLogin.row {
  display: none;
}

.columnBlock .linkContainer {
    text-align: left;
}

.topNavContainer {
/*  padding-bottom: 0.75rem; */
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.topNavContainer.navbar-fixed {
	padding-bottom: 0;
	padding-top: 0;
}

.fixed-nav-height > section {
    /* padding-top: 0; */
}

.flexBorders.column-flex {
    display: flex;
    flex-direction: column;
}

.flexBorders > .headerBlock {
    border-bottom: 1px solid #979797;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.flexBorders > .headerBlock:first-child,  .flexBorders > .headerBlock:last-child  {
    border-bottom: none;
}

.flexBorders.column-flex {
    border-left: 1px solid #979797;
}

/* Override the homepage (.flexBorders) flex container mainDisplay and mainSidebar top padding to better align the vertical keyline */
.flexBorders .mainDisplay,
.flexBorders .mainSidebar {
  padding-top: 0;
  margin-top: 1rem;
}

.noLeftBorder .linkContainer a {
    border-bottom: 1px solid #979797;
    padding: 1rem 0rem;
}

.noLeftBorder .linkContainer a:last-child {
    border-bottom: 1px solid #fff;
}

section#jumplink {
    padding-top: 2rem;
}

.cardGrid .columnBlockContainer {
    min-height: auto;
}

.dotsArea {
    background-color: transparent;
    padding: 0.8rem;
}

.presentation-slider {
  max-width: 90%;
}

.presentation-slider .slick-next, .presentation-slider .slick-prev {
    top: 50%;
}

.slick-slide {
    height: auto;
    max-height: 100%;
}

.slick-slider {
  /* height: 424px; */
  height: initial;
}

.filterContainer {
	margin-bottom: 2.80rem;
  margin-top: 1.5rem;
}

.article-header {
    border-top: none;
    border-bottom: none;
}

.filterContainer .dropdown.menu,
.filterContainer .filterMenu {
	min-width: 20rem;
  width: 100% !important;
}

.filterMenu #accordion .accordionTitle {
	margin-top: 0.5rem;
	padding-top: 0.5rem;
}

.filterMenu #accordion .accordionTitle:nth-of-type(1) {
	margin-top: 0;
	padding-top: 0;
}

/* Fixes issue with overlapping media and LR spread components within the .accordionComponent elements */
.accordionComponent li.accordion-item {
  display: flex;
  flex-direction: column;
}


/* Stuff for ambassador landing page component (might need to get moved to article.css) */

.ambassadorList .article-summary:first-child {
	display: block;
}

.authorLayout .article-summary {
	display: none;
}

.article-summary-address p {
}

.allAmbassadors {
  display: flex;
  align-content: flex-start;
  min-width:100%;
  flex-wrap: wrap;
}

.column-block.amba {
  display: flex;
  /* width: 33%; */
  flex-grow: 1;
  /* max-width: 33%; */
}

.column-block.amba p {
  margin: 0;
  padding: 0;
  line-height: 1.5rem;
}

.amba-image-block {
  max-width: 40%;
  /* width: 100%; */
}

.amba-text-block {
  max-width: 60%;
  text-align: left;
  padding-left: 1rem;
}

.amba-text-block .author-block,
.amba-text-block .article-summary-address,
.amba-text-block .article-summary-phone {
  margin-top: 0.5rem;
}

.amba-block .west-region {
  display: none;
  display: flex;
}

.amba-block .east-region {
  display: none;
  display: flex;
}

.speaker-container,
.ambassador-container {
  display: flex;
  flex-wrap: wrap;
}
.amba-block .central-region {
  display: none;
  display: flex;
}

section.sliderContainer:first-child {
  padding-top: 0;
}

.flex-footer.section-margin {
  margin-bottom: 0;
}

.ambassador-container .article-summary:first-child {
	display: flex;
  flex-wrap: wrap;
}

.linkContainer i.fa-vsp-heart {
    color: #3366ff;
    padding-right: 0.5rem;
}

  .XXamba-image-block,
  .XXamba-text-block {
    display: flex;
  }

  .column-block.amba {
    margin-bottom: 2rem;
    flex-grow: 0;
  }

  .user-icon {
    font-size: 3rem;
  }

  .red-font {
    color: red;
  }

  .catPinContainer .custom-article-header,
  .catPinContainer .custom-article-header .custom-category-header {
    /* margin-bottom: 0; */
    margin: 0 auto;
    /* margin: 0 auto 1rem auto; */
  }

  .event-resources .linkContainer a {
    border-bottom: 2px solid #D2D3D4;
    padding-bottom: 1.5625rem;
    padding-top: 1.5625rem;
    margin-bottom: 0;
  }

  .article-subBlock {
	margin-top: 2rem;
	margin-bottom: 3rem;
  padding-bottom: 2rem;
  border-bottom: 2px solid #ccc;
}

.ambassadorList .author-summary-thumbnail-img {
    cursor: auto;
}

.pinned-item {
  border-bottom: 1px solid #979797;
}

.pinned-item:last-child {
	border-bottom: none;
}


.column-flex-container .catPinContainer {
    margin-bottom: 0;
}

/*----------------------------------------------------------------------*/
/*   MEDIA QUERIES START HERE                                           */
/*----------------------------------------------------------------------*/

/*--- SMALL only ------------------------------------------------------ */
@media screen and (max-width: 39.9375em) {

  .fixed-nav-height {
    /*margin-top: 130px;*/
    /* margin-top: 65px; */
    margin-top: 0;
   }

  .topNavContainer, .topNavContainer.navbar-fixed {
    /*top: 72px;*/
    top: 52px;
    top: 0;
    z-index: 999;
  }

  header .topNavContainer {
    /*top: 72px;*/
    top: 52px;
  }

  .dropdown.menu {
    width: 100%;
  }

  .flex-footer a.footerLink, .flex-footer a, .flex-footer a:active, .flex-footer a:hover {
    padding-left: 1rem;
  }

  .presentation-slider {
       max-width: 100% !important;
  }

  .author-summary-thumbnail-img {
      max-width: 100%;
  }

  .column-block.amba {
    padding-left: 0;
    padding-right: 0;
  }

  .amba-image-block {
    max-width: 30%;
    width: 100%;
  }

  .amba-text-block {
    width: 70%;
    overflow: hidden;
  }

  .sort-container {
	padding-right: 0;
  }

  .paragraphBlock .linkContainer, .paragraphBlock .linkContainer2 {
    text-align: left !important;
    margin: 0 0 1.75rem 0;
  }

  .section-margin {
	   margin-bottom: 0.5rem;
}

.topics-list-heading h2 {
	padding-top: 0;
}

/*.fixed-nav-height .hero-section3:first-of-type {
    margin-top: 40px;
  } */

}

/*--- SMALL only Landscape--------------------------------------------- */
@media screen and (max-width: 39.9375em) and (orientation: landscape)
{
  header .topNavContainer {
  	top: 42px;
  }
  
  /* .fixed-nav-height {
    margin-top: 0;
  }  */

}

/*--- SMALL and MEDIUM only ------------------------------------------- */
@media screen and (max-width: 63.9375em) {
    
  .navLinkContainer .navLogoContainer-mobile {
      padding-left: 1rem;
  }

  .sliderContainer {
    z-index: 1;
  }

  .globalNavigation {
    position: relative;
    top: 0;
    left: 0;
    z-index: 88;
    width: 100%;
  }

  .linkNest, .linkNest:focus {
  	margin: 0.4rem 0 0.4rem 0 !important;
  }

  header .topNavContainer {
    position: fixed;
    left: 0;
    z-index: 3000000000;
    width: 100%;
  }

  .topNavContainer, .topNavContainer.navbar-fixed {
    position: fixed;
  }

  #megamenu .top-bar .dropdown-pane ul.vertical,
  #megamenu .top-bar .dropdown-pane ul.horizontal {
  	padding: 0;
  }

  .sliderContainer {
    padding-top: 0;
  }

  #megamenu .top-bar .dropdown-pane {
  	top: -0.5rem !important;
    left: 0 !important;
    box-shadow: none;
    min-width: revert;
  }

/*  .top-bar .dropdown.menu .menu.vertical li.subnav-item,
  .top-bar .dropdown.menu .menu.horizontal li.subnav-item {
    margin-left: 0;
  }*/

  .top-bar .dropdown.menu .menu.vertical li.mobileOnly,
  .top-bar .dropdown.menu .menu.horizontal li.mobileOnly {
    display: none;
  }

  #mm-resource .centered-menu,
  #mm-directories .centered-menu {
  	width: auto;
  }

  #megamenu .top-bar .dropdown-pane {
      padding: 0;
  }

  .flex-footer-column .linkColumn.horizontalLinkList.alignListCenter {
    flex-direction: row;
  }

  .flex-footer-column .linkColumn.horizontalLinkList.alignListLeft {
    flex-direction: column;
  }

  .footerLinkContainer a.standardLink:after {
    content: " ";
    padding: 0 1rem;
  }

  .topNavContainer {
      top: 70px;
  	padding-bottom: 0;
  	padding-top: 0;
  }

  section.sliderContainer:first-child,
  .fixed-nav-height section:first-child {
    /* position: relative; */
    padding-top: 0;
    /* top: 58px; */
    /* top: 0; */
    top: 42px;
  }

/*  .mm-title-bar {
  	padding: 0.5rem 1rem 0.5rem 0;
  }*/
  
  /* Moving from ACPT to here 4/16/2026 */
    ul.dropdown li ul.menu.vertical li,
    ul.dropdown li ul.menu.horizontal li { 
        display: block;
    }
    
    .top-bar .dropdown.menu .menu.vertical li.mobileOnly, 
    .top-bar .dropdown.menu .menu.horizontal li.mobileOnly { 
        display: block;
        margin-bottom: .5rem;
    }
    
    #megamenu .top-bar .dropdown-pane {
        position: absolute;
    }
    
    .top-bar {
        position: relative;
    }
    
    .top-bar .dropdown.menu .menu.vertical li.subnav-item.noLink {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    
    .top-bar .dropdown-pane ul.vertical {
        padding: 0 1rem;
    }
    
    #resources_mobile, #directories_mobile {
        font-weight: 800;
    }
    .menuColumnContainer {
        padding-left: 1rem;
        padding-bottom: 2.5rem;
    }
    
    li.subnav-item.mmLink {
        margin-left: 1.5rem;
    }
    
    .breadcrumbSection {
        margin: 0;
        padding: 3rem 0;
    }
    
    .breadcrumbContainer p {
        padding-top: 1.5rem !important;
    }
  
}

/*--- SMALL and MEDIUM only Landscape ---------------------------------- */
@media screen and (max-width: 63.9375em) and (orientation: landscape) {

  section.sliderContainer:first-child,
  section:first-child {
    /* position: relative; */
    padding-top: 0;
    top: 58px;
    /* top: 0; */
    top: 0;
  }

}

/*--- MEDIUM and UP  -------------------------------------------------- */
@media screen and (min-width: 40em)  {

  .catPinContainer .custom-article-header,
  .catPinContainer .custom-article-header .custom-category-header {
    margin: 0 auto 1rem auto;
  }

}

@media screen and (min-width: 60em) and (max-width: 63em)   {

}

/*--- MEDIUM only ----------------------------------------------------- */
@media screen and (min-width: 40em) and  (max-width: 64em) {

  .fixed-nav-height {
    /* margin-top: 102px; */
    margin-top: 0;
  }
  
  header .topNavContainer {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    top: 42px;
  }

  .topNavContainer, .topNavContainer.navbar-fixed {
    top: 0;
  }

  .amba-image-block {
  	max-width: 35%;
  	width: 100%;
  }

  .author-summary-thumbnail-img {
  	max-width: 100%;
  }

}


/*--- LARGE and up ---------------------------------------------------- */
@media screen and (min-width: 64em) {



  #megamenu .top-bar .dropdown-pane {
  	top: 46px !important;
  	background-color: #fff;
  	margin: 0 auto;
  	box-shadow: 0px 2px 5px 0px rgb(159 161 164 / 43%);
  	width: 100% !important;
  	max-width: 100%;
  	left: -5rem !important;
  	min-width: 90rem;
    display: flex;
  }

  .flex-footer .footer-container.alignTop {
	    margin-left: 6.3%;
	}

	#mega-menu li:first-child {
	    text-align: left;
	    margin-left: 0;
      padding-left: 1rem;
	}

  .navbar-fixed #mega-menu li:first-child {
	    margin-left: 0;
  }

  main.specialGutterPadding section.hero-section2 .headerBlock .paragraphBlock.column,
  main.specialGutterPadding section.hero-section3 .headerBlock .paragraphBlock.column {
      padding-left: calc(var(--double-gutter-padding)*3.5);
      padding-right: 0;
      justify-content: unset;
  }

/* If we decide to go with the vars approach, this next rule should be removed */
  section.hero-section2 .headerBlock .paragraphBlock.column,
  section.hero-section3 .headerBlock .paragraphBlock.column {
      padding-left: 6.875rem;
  }

  .navLinkContainer {
    margin-top: 0;
  	margin-bottom: 0;
  }

  .topNavContainer.navbar-fixed .navLinkContainer {
    margin-top: 0.25rem;
  	margin-bottom: 0.25rem;
  }

  .topNavContainer.navbar-fixed #megamenu .top-bar .dropdown-pane {
  	top: 40px !important;
  }

  .ctaDash {
     background: #003046;
     margin-top: 0rem;
   }

  .presentation-slider {
        max-width: 90%;
    }

  .flexBorders.column-flex {
        border-left: 1px solid #979797;
        padding-left: 1.5rem;
   }

  .columnFlexLeft {
      padding-right: 1.5rem;
   }

   .flexBorders section.mainDisplay {
          padding-right: 1.5rem !important;
   }

 section.pageBodyRow aside.mainSidebar {
        padding-left: var(--double-gutter-padding);
 }

 .flexBorders aside.mainSidebar {
     border-left: 1px solid #979797;
 }

.flexBorders aside.mainSidebar .paragraphBlock.standardPadding.noBottomPadding {
    border-bottom: 1px solid #fff;
}

}

/*--- LARGE only ------------------------------------------------------ */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}

@media only screen and (device-width: 768px) {

.heroSlideContainer .slideImage {
        margin-top: 4.65rem;
    }
}

/*--- iPad Both Orientations ------------------------------------------ */

@media only screen and (min-device-width: 768px)
and (max-device-width: 1024px) {

  .navLogoContainer a img {
	max-width: 100%;
}

#megamenu .top-bar .dropdown-pane {
  left: 0 !important;
  min-width: revert;
}

#mm-directories .centered-menu {
  width: 80%;
}

.topNavContainer.navbar-fixed #megamenu .top-bar .dropdown-pane {
	/* top: 40px !important; */
}

.navLinkContainer {
  margin-bottom: 0;
}

.fixed-nav-height {
  /* margin-top: 0; */
}

/* #main-menu ul {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
} */
.blockGrid3 .paragraphBlock .paragraphContainer {
    padding: 0rem;
}

.heroSlideContainer .slideImage {
  /* margin-top: 4.65rem; */
  margin-top: 0;
}

.globalNavigation .quickLinks {
  position: relative;
}

}

/* iPad Portrait Only */
@media only screen and (min-device-width: 768px)
and (max-device-width: 1024px) and (orientation: portrait) {

  header .topNavContainer {
    top: 42px;
  }

  .fixed-nav-height {
    margin-top: 65px;
  	/* margin-top: 0; */
  }

}

/*--- iPad Landscape Only --------------------------------------------- */
@media only screen and (min-device-width: 768px)
and (max-device-width: 1024px) and (orientation: landscape) {

  .flex-footer .footer-container.alignTop {
 	    margin-left: 0 !important;
 	}

   header .topNavContainer {
     top: 0;
     position: relative;
   }

   .fixed-nav-height {
     /* margin-top: 24px; */
    	margin-top: 0;
   }

   main.specialGutterPadding section.hero-section2 .headerBlock .paragraphBlock.column, main.specialGutterPadding section.hero-section3 .headerBlock .paragraphBlock.column {
       padding-left: calc(var(--double-gutter-padding)*0.5);
       padding-right: 0;
       justify-content: unset;
   }

}


/*--- iPad Pro -------------------------------------------------------- */
/* Portrait and Landscape */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) {

  #megamenu .top-bar .dropdown-pane {
    left: 0 !important;
    min-width: revert;
  }

  #mm-directories .centered-menu {
    width: 80%;
  }

  header .topNavContainer {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .topNavContainer.navbar-fixed #megamenu .top-bar .dropdown-pane {
  	/* top: 40px !important; */
  }

}

/* Portrait */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {

  .flex-footer .footer-container.alignTop {
   margin-left: 0 !important;
}

header .topNavContainer {
  top: 0;
}

.fixed-nav-height {
	/* margin-top: 24px; */
  margin-top: 0;
}

main.specialGutterPadding section.hero-section2 .headerBlock .paragraphBlock.column, main.specialGutterPadding section.hero-section3 .headerBlock .paragraphBlock.column {
    padding-left: calc(var(--double-gutter-padding)*0.5);
    padding-right: 0;
    justify-content: unset;
}

}

/* Landscape */
@media only screen
and (min-width: 1366px)
and (max-height: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {

  #megamenu .top-bar .dropdown-pane {
  	left: -6rem !important;
  	min-width: 90rem;
  }

  .flex-footer .footer-container.alignTop {
   margin-left: 4.2%;
}

main.specialGutterPadding section.hero-section2 .headerBlock .paragraphBlock.column, main.specialGutterPadding section.hero-section3 .headerBlock .paragraphBlock.column {
  padding-left: calc(var(--double-gutter-padding)*2.35);
  padding-right: 0;
  justify-content: unset;
}

}

@media screen and (min-width: 40em) and (max-width: 64.1em) {
ul.dropdown li ul.menu.vertical li, ul.dropdown li ul.menu.horizontal li {
    margin-left: 2.2rem;
    display: block;
  }
  
  #mm-resource .centered-menu {
    width: 85%;
  }
}