/* =============================================================================================
==============CUSTOM CSS FOR COLOR STYLING, FONTS, AND HIDDEN ELEMENTS/EXCLUSIONS===============
============================================================================================= */
/* FONTS */
@font-face {
  font-family: "Ideal Sans";
  src: url("/font/IdealSans-Medium-Pro.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Ideal Sans Semibold";
  src: url("/font/IdealSans-Semibold-Pro.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Ideal Sans Light";
  src: url("/font/IdealSans-Light-Pro.otf") format("opentype");
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: "Sentinel Pro";
  src: url("/font/SentinelPro-Semibold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Root Colors */
:root {
  /* ===========MAIN================ */
  --ribbonBackground-color: #004153;
  /*color for header ribbon*/
  --ribbonText-color: rgb(255, 255, 255);
  --paragraphFont: "Ideal Sans Light", sans-serif;
  --heroOverlay-color: rgba(255, 255, 255, 0.5);
  --focus-color: #5e9cae;

  /* ========Breaking News=========== */
  --breakingNewsBackground-color: rgb(148, 34, 34);
  --breakingNewsText-color: red;
  --newsHideAndShow: block;

  /* ==========Logo Styling========== */
  --companyLogoMobile-width: 160px;
  --companyLogo768-width: 180px;
  --companyLogo1024-width: 220px;

  /* ==========BUTTON STYLING======= */
  --helpButtons-color: #004153;
  --button-color: #004153;
  --buttonText-color: rgb(255, 255, 255);
  --buttonOnHover-color: #5e9cae;
  --buttonTextOnHover-color: #004153;
  --carouselButton-color: #004153;
  --carouselButtonText-color: rgb(255, 255, 255);
  --carouselButtonHover-color: rgb(90, 83, 83);
  --carouselButtonTextHover-color: rgb(255, 255, 255);

  --aboutButton-color: #107cfb;

  /* =======Headings==================== */
  --nav-color: rgb(128, 128, 128);
  --h1Font-family: "Sentinel Pro", sans-serif;
  --h2Text-color: #5e9cae;
  --h2Font-family: "Ideal Sans", sans-serif;
  --featuredText-color: #5e9cae;
  --featuredParagraph-color: rgb(11, 36, 66);
  --galleryHeader-color: #5e9cae;
  --galleryHeader-font: "Ideal Sans Semibold", sans-serif;
  --galleryText-color: rgb(255, 255, 255);

  /* =======contact/popup=============== */
  --contactInfo-color: rgb(0, 0, 0);
  --companyName-color: rgb(128, 128, 128);
  --contactBorder-color: rgb(92, 87, 87);
  --popupText-color: rgb(85, 84, 84);
  --backgroundOverlay-color: rgba(0, 0, 0, 0.6);

  /* =======Carousel==================== */
  --carouselBackground-color: #5e9cae;
  /*color for carousel background*/
  --carouselText-color: rgb(255, 255, 255);
  --carousel-font: "Ideal Sans", sans-serif;

  /*========================STORY AND TOPIC============================================== */
  --breadcrumbText-color: rgb(255, 255, 255);

  --storyH1-color: rgb(11, 36, 66);
  --storyParagraph-color: rgb(0, 0, 0);
  --storyImageText-color: rgb(255, 255, 255);
  --storyImageOverlay-color: rgba(0, 0, 0, 0.6);

  --topicCarouselText-color: rgb(255, 255, 255);
  --topicHeading-color: rgb(0, 0, 0);
  --topicPageFilterText: rgb(0, 0, 0);

  /* ================SITEMAP============= */
  --sitemapPersonal-color: #5e9cae;
  /*color of "your favorites", "your courses", and "your history" text in sitemap*/
  --sitemapCurated-color: #004153;
  /*color of "assessments", "calculators", etc in sitemap.*/

  /* ========footer===================== */
  --notices-color: rgb(85, 84, 84);

  /* Learning Center */
  --notePadText-color: rgb(0, 0, 0);

  /*From Page macro*/
  --link-color: rgb(0, 45, 190);
  --trim-color: rgb(255, 214, 0);
  --tile-color: rgba(250, 250, 250, 0.8);
  --pane-color: rgba(241, 241, 241, 0.5);
  --text-color: rgb(0, 2, 92);
  --page-color: rgb(255, 255, 255);
  --line-color: rgba(222, 222, 222, 0.5);
  --line-width: 3px;
  --line-round: 6px;
}

html {
  font-family: "Ideal Sans Light", sans-serif;
}

.overlay {
  height: auto !important;
  overflow-y: auto;
}

.playlist ol li a {
  color: var(--carouselText-color);
}

.carouselmain h2 {
  display: none;
}

.carouselmain h3 {
  display: block;
  font-size: 4rem;
}

#news {
  width: unset;
}

#news a {
  font-size: 2.4rem;
  position: absolute;
  right: 2rem;
  top: 1rem;
}

.home #programs h3 {
  font-family: var(--h1Font-family);
}

.home section.results {
  max-height: 500px !important;
}

.popup {
  z-index: 2147483699;
}

#welcome {
  overflow: hidden;
}

.static-ticker-container {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}

.static-ticker-container h1 {
  font-size: 125%;
}

.ticker-container {
  animation: ticker-scroll 25s linear infinite;
  display: flex;
  position: absolute;
  min-width: 1600px;
}

#ticker-popup h1 {
  color: var(--h2Text-color);
  font-size: 2.8rem;
}

#ticker-popup p {
  color: var(--featuredParagraph-color);
  font-size: 2rem;
}

.ticker-container:hover {
  animation-play-state: paused;
}

.ticker-item {
  margin: 0;
  font-size: 3rem;
}

.ticker-item:not(:last-child):after {
  content: "|";
  padding: 2rem;
}

.ticker-item a {
  text-decoration: underline;
  color: white;
}

.ticker-item a:hover {
  cursor: pointer;
}

@keyframes ticker-scroll {
  0% {
    transform: translate3d(100%, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

/* locators */
#city {
  display: none;
}

@media screen and (min-width: 0px) {
  body>header {
    height: 210px;
  }

  #logo .square-logo {
    height: 70px;
    width: auto;
  }

  #logo .round-logo {
    height: 70px;
    width: auto;
  }

  #news a {
    font-size: 1.8rem;
    font-family: "Ideal Sans", sans-serif;
  }

  /* =====Help menu===== */
  .schedule-coaching {
    position: absolute;
    top: 15rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .schedule-coaching a {
    font-size: 1.4rem;
    background: #fdb813;
    white-space: nowrap;
  }

  .special-events {
    position: absolute;
    top: 18rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .special-events a {
    font-size: 1.4rem;
    background: #fdb813;
    white-space: nowrap;
  }

  .eap-directory {
    position: absolute;
    top: 15rem;
    right: calc(50% - 13rem);
  }

  .eap-directory a {
    font-size: 1.4rem;
    background: #fdb813;
  }

  .eap-directory-overlay {
    columns: 1;
    width: 90%;
  }

  #request {
    padding: 2rem 0;
  }

  #request>section>h3 {
    font-size: 1.8rem;
    width: min-content;
    font-family: var(--paragraphFont);
  }

  #request>section:first-of-type {
    border-right: 2px solid lightgray;
    display: flex;
    align-items: center;
    margin: 0 1rem;
    padding: 1rem;
  }

  #request>section>h2 {
    font-size: 3rem;
    width: 100%;
    font-family: var(--h1Font-family);
    font-weight: bold;
    color: var(--h2Text-color);
  }

  #request section+section {
    text-align: center;
    margin: auto;
  }

  #request section+section>section {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    margin: auto;
    width: 100%;
  }

  #request section>a {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 110px;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
    /*white-space: nowrap;*/
    white-space: break-spaces;
    color: #fdb813;
  }

  #request section>a img {
    width: 60px;
  }

  .home article.blurb.ribbon,
  .locators article.blurb.ribbon {
    align-items: center;
    justify-content: end;
  }

  .take-a-tour-container {
    background: var(--ribbonBackground-color);
    z-index: 100;
  }

  .take-a-tour-container .take-a-tour {
    background: #fdb813;
    font-size: 1rem;
    font-family: var(--h1Font-family);
  }

  .take-a-tour-container .take-a-tour:hover {
    background: var(--buttonOnHover-color);
    color: var(--buttonTextOnHover-color);
  }

  /*====Home Hero====*/
  .featuredArticle header {
    gap: 0;
  }

  .carousel-overlay {
    display: flex !important;
    position: absolute !important;
    top: 10%;
    right: 50%;
    transform: translateX(50%);
    height: 80% !important;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1000 !important;
    width: 75% !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .carousel-overlay h1 {
    color: var(--h2Text-color);
  }

  .carousel-overlay h2 {
    display: block;
    font-size: 2rem;
    color: var(--h2Text-color);
    font-family: var(--h2Font-family);
    margin-bottom: 0;
  }

  .carousel-overlay p {
    text-align: center;
    font-size: 1.4rem;
    color: var(--featuredParagraph-color);
    font-family: var(--paragraphFont);
    padding: 1rem;
    margin: 0;
  }

  .carousel-overlay footer p {
    padding: 1rem 0;
  }

  .carousel-overlay a {
    margin: 0 1rem;
  }

  .carousel-overlay .action {
    white-space: nowrap;
    padding: 1rem;
    font-size: 1rem;
    border-radius: var(--line-round);
  }

  .carousel-overlay button.action {
    margin: 0 1rem;
    font-family: var(--h1Font-family);
  }

  .home .results #related .carousel .blurb img {
    max-width: 1920px !important;
    height: 330px;
    /* height: auto; */
    width: 150% !important;
  }

  .home .blurb.compact>header h2 {
    font-size: 2.8rem;
  }

  .home #programs h3 {
    font-size: 1.4rem;
  }

  .single-slide .back,
  .single-slide .next,
  .single-slide footer:not(.carousel-overlay footer) {
    display: none !important;
  }

  [data-popup-id="viewwebinar"].popup>.dialog {
    border: none;
    /*removes white space around webinar iframe for safari added 1/2/22 -mf*/
    height: 0;
  }

  [data-popup-id="viewwebinar"] iframe {
    height: 50vh;
  }

  [data-popup-id="viewwebinar"]>.dialog>button.close {
    top: 60px;
    right: -20px;
  }

  /*====Guest Login Page====*/
  .guest-login main {
    background-image: url("/images/guest-login.webp");
    background-size: cover;
    height: auto;
    background-position-x: center;
    /*background-attachment: fixed;*/
  }

  .guest-login:not(.real-register) main section:first-child {
    color: white;
  }

  .individual-login main,
  .real-register main {
    background-image: url("/images/login-bg.webp");
    background-size: cover;
    height: auto;
    background-position: 50%;
  }

  .guest-login .ribbon {
    margin: 0;
    justify-content: start;
    height: 10%;
    padding: 2% 0 2% 5%;
  }

  .individual-login.guest-login .ribbon {
    padding: 0;
  }

  .individual-login.guest-login .ribbon {
    justify-content: center;
  }

  /*.individual-login.guest-login .ribbon h1{*/
  .guest-login .ribbon h1 {
    font-size: 1.5rem;
    font-family: var(--h2Font-family);
    font-weight: bold;
  }

  .guest-login .ribbon img {
    width: 200px;
  }

  .register main,
  .individual-login main,
  .guest-login main {
    align-items: flex-start;
    padding: 5%;
    gap: 4rem;
    justify-content: center;
  }

  .guest-login:not(.individual-login):not(.real-register) main {
    justify-content: space-around;
  }

  .individual-login.guest-login main {
    align-items: center;
  }

  /*.guest-login .dialog #credentials label input {
  	width: 90%;
  }*/
  /*.guest-login main > section:first-child {
    color: white;
  }*/
  .guest-login main>section:first-child h1 {
    font-size: 4rem;
  }

  .guest-login main>section:first-child p {
    font-size: 1.4rem;
  }

  .individual-login.guest-login main>section:first-child p a {
    text-decoration: underline;
    font-style: italic;
    color: black;
  }

  .individual-login.guest-login main>section:first-child p {
    color: black;
    padding: 1rem;
  }

  .individual-login.guest-login>footer p {
    color: var(--notices-color);
    font-size: .5rem;
  }

  .guest-login form {
    background: rgba(233, 233, 233, 0.9);
    height: fit-content;
    padding: 0 1rem 1rem 1rem;
    max-width: 400px;
    width: auto;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .guest-login form label {
    margin: 0;
  }

  .guest-login form h2 {
    font-weight: bold;
    color: var(--ribbonBackground-color);
  }

  .guest-login form footer section:first-child {
    display: flex;
    gap: 2rem;
  }

  .guest-login input {
    text-align: center;
  }

  .guest-login form footer section+section {
    text-align: center;
    text-decoration: underline;
  }

  .guest-login form button {
    background: #fdb813;
    padding: 1rem 2rem;
    margin-left: 1rem;
    height: 10px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
  }

  .guest-login>footer {
    display: flex;
    height: 5%;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
  }

  .guest-login #notices p a:last-child {
    border: none;
  }

  .guest-login>footer div+div {
    display: flex;
    align-items: center;
  }

  .guest-login #disclaimers {
    display: flex;
  }

  .guest-login #notices p a {
    font-size: 0.5rem;
  }

  .guest-login #register-form label {
    margin: 0;
  }

  .guest-login #notices {
    padding: 0;
  }

  /*===RJ guest modal===*/
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
  }

  .modal-content {
    width: 50vw;
    height: auto;
    position: relative;
    top: 10%;
    /*left: 25%;*/
    text-align: center;
    padding: 3rem;
    background: white;
    border-radius: var(--line-round);
  }

  .modal h2 {
    font-size: 3rem;
    font-family: var(--h2Font-family);
  }

  .modal p {
    font-size: 2rem;
  }

  .modal a,
  .modal button {
    color: white;
    margin: 1rem auto;
  }

  .modal .close {
    position: absolute;
    top: -35px;
    right: -25px;
    opacity: 0.8;
    background-size: cover;
    background-color: transparent;
    background-image: url("https://web.personaladvantage.com/images/icons/close.png");
    width: 20px;
    height: 20px;
  }

  .modal .close:hover {
    cursor: pointer;
  }

  /* expand ticker button */

  #expand-ticker {
    font-family: var(--h1Font-family);
    font-size: 1rem;
  }

  /* Ticker expanded modal */
  .ticker-modal .modal-inner-div {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 80vw;
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: white;
  }

  .ticker-expanded {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    height: 100%;
    width: 100%;
  }

  .ticker-expanded h1.ticker-item {
    text-align: center;
    font-size: 2rem;
  }

  .ticker-expanded h1.ticker-item:after {
    content: "" !important;
  }

  .ticker-expanded a {
    color: black !important;
    font-size: 2rem
  }

  .content .custom-article ul li {
    font-size: 2rem;
  }

  /* Publisher */
  #featured {
    padding: 0;
    background-image: unset;
  }

  .featuredArticle {
    width: 100%;
    height: 100%;
    align-items: end;
    padding-right: 10%;
    background: unset;
  }

  .featuredArticle>section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .featuredArticle>div {
    display: block !important;
  }

  .featuredArticle header {
    width: auto;
  }

  #featured .featured h3 {
    /*added 12-7 MF*/
    font-family: var(--h2Font-family);
  }

  .featuredArticle header span {
    font-size: 2.5rem;
    white-space: nowrap;
    font-weight: bold;
  }

  .featuredArticle p {
    display: flex;
    gap: 0rem;
  }

  .carousel footer a span {
    font-size: 1.6rem;
  }

  carousel-overlay p {
    padding: 1rem 0;
  }
	/*6/19/23 added .home fixing query.html hero on mobile*/
  .home .slide {
    min-height: 300px;
  }

  #slide-1,
  #slide-2 {
    background-size: cover;
  }

  #slide-2 {
    background-position: bottom;
  }

  .single-slide #slide-1 {
    background-position: bottom;
  }

  .carousel-overlay button.action {
    margin: 1rem;
  }
	/*6/19/23 added .home fixing query.html hero on mobile*/
  .home .results aside .carousel .elastic.animated {
    min-height: 300px;
  }
  
  /*11/15/23 EAP-HC custom qrcode popups*/
  .eap-hc .ticker-item:not(:last-child):after {
      content: "";
    }

    .eap-hc #mindful-moment {
      text-align: center;
    }

    .eap-hc #mindful-moment h1,
    .eap-hc #mindful-moment h2 {
      color: var(--featuredText-color);
      font-weight: bold;
      margin: 1rem 0;
    }

    .eap-hc #mindful-moment h1 {
      font-size: 3.4rem;
    }

    .eap-hc #mindful-moment h2 {
      font-size: 3rem;
    }

    .eap-hc #mindful-moment>section {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-evenly;
    }

    .eap-hc #mindful-moment>section>section {
      display: flex;
      flex-flow: column;
      align-items: center;
      justify-content: center;
    }

    .eap-hc #mindful-moment p {
      font-size: 1.8rem;
      margin: 0;
    }
}

@media screen and (min-width: 560px) {
  .carousel-overlay h2 {
    font-size: 3rem;
  }

  .carousel-overlay p {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 768px) {
  #viewwebinar iframe {
    height: 56vh !important;
  }

  #viewtour iframe {
    height: 56vh !important;
  }

  body>header {
    height: 175px;
  }

  #logo {
    height: 100%;
  }

  #logo .square-logo {
    height: 14rem;
    width: auto;
  }

  #logo .round-logo {
    height: auto;
    width: 14rem;
  }

  #news a {
    font-size: 2.8rem;
  }

  .home .projector h1 {
    font-size: 2.4rem;
  }

  /* =====Help menu===== */
  #request section+section>section {
    gap: 3rem 15rem;
    width: 97%;
    flex-flow: row wrap;
  }

  #request section>a img {
    width: 132px;
  }

  #request section>a {
    white-space: nowrap;
  }

  .take-a-tour-container .take-a-tour {
    font-size: 2rem;
    padding: 10px;
  }

  .schedule-coaching {
    top: 18rem;
    right: -2rem;
    left: unset;
    transform: unset;
  }

  .schedule-coaching a {
    font-size: 1.6rem;
    background: #fdb813;
  }

  .eap-directory {
    position: absolute;
    top: 18rem;
    right: -2rem;
  }

  .eap-directory a {
    font-size: 1.6rem;
    background: #fdb813;
  }

  .special-events {
    position: absolute;
    top: 18rem;
    right: 29rem;
    left: unset;
    transform: unset;
  }

  .special-events.amtrak {
    right: 32rem;
  }

  .special-events a {
    font-size: 1.6rem;
  }

  .carousel-overlay {
    top: 10%;
    right: 10%;
    transform: translateX(0%);
    height: 70% !important;
    width: 75% !important;
  }

  .carousel-overlay h1 {
    margin: 0 0 2rem 0;
  }

  .carousel-overlay h2 {
    /* font-size: 4rem; */
    font-size: 2rem;
    margin: 1rem 0 0 0;
  }

  .carousel-overlay p {
    font-size: 2.2rem;
    padding: 1rem;
  }

  .carousel-overlay .action {
    padding: 1rem;
    /* font-size: 1.6rem; */
    font-size: 1.2rem;
    border-radius: var(--line-round);
  }

  .home .results #related .carousel .blurb img {
    max-width: 1920px !important;
    width: 100% !important;
    height: auto;
  }

  .home #programs h3 {
    font-size: 1.6rem;
  }

  #sitemap:not(.curated-sitemap) ul li:last-child {
    padding-bottom: 4rem;
  }

  .content #copy img {
    max-width: 100%;
  }

  [data-popup-id="viewwebinar"]>.dialog>button.close {
    top: -60px;
    right: 0px;
  }

  /*====Guest Login====*/
  .guest-login main>section:first-child {
    width: 50%;
  }

  .guest-login main>section:first-child h1 {
    font-size: 6rem;
  }

  .guest-login main>section:first-child p {
    font-size: 1.6rem;
  }

  .guest-login input {
    min-width: 350px;
  }

  .guest-login #notices p a {
    font-size: 1rem;
  }

  .guest-login>footer {
    justify-content: space-between;
  }

  .individual-login.guest-login main {
    background-position: 70%;
  }

  .individual-login.guest-login main>section:first-child p {
    width: 100%;
  }

  .guest-login .ribbon h1 {
    font-size: 2.5rem;
  }

  .individual-login.guest-login>footer p {
    color: var(--notices-color);
    font-size: 1rem;
  }

  .register-first-section {
    margin-top: 5rem;
    width: 35% !important;
  }

  /*===RJ guest modal===*/
  .modal-content {
    height: 50vh;
    padding: 8rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
  }

  .modal h2 {
    font-size: 6rem;
  }

  .modal a {
    font-size: 1.6rem;
  }

  /* ===Legend on content pages */
  .content #actions fieldset legend {
    position: static;
  }


  .static-ticker-container h1 {
    font-size: 175%;
  }

  /* expand ticker button */

  #expand-ticker {
    font-size: 2rem;
  }

  /* Ticker expanded modal */
  .ticker-modal .modal-inner-div {
    width: 50vw;
    padding: 5rem;
  }

  .ticker-expanded h1.ticker-item {
    font-size: 2.4rem;
  }

  .ticker-expanded a {
    font-size: 2.4rem
  }

  /* Publisher */
  #featured article {
    height: 500px;
  }

  #featured .featured h3 {
    font-size: 3rem;
  }

  .featuredArticle header span {
    font-size: 2.4rem;
    font-family: var(--h1Font-family);
  }

  .featuredArticle p {
    gap: 2rem;
  }
}

@media screen and (min-width:1024px) {
  .featuredArticle div p {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1200px) {

  /* =====Help menu===== */
  .schedule-coaching a {
    font-size: 2rem;
    background: #fdb813;
  }

  .eap-directory a {
    font-size: 2rem;
    background: #fdb813;
  }

  .special-events {
    right: 35rem;
  }

  .special-events.amtrak {
    right: 40rem;
  }

  .special-events a {
    font-size: 2rem;
    background: #fdb813;
  }

  .carousel-overlay {
    width: 35% !important;
  }

  .carouselmain h3 {
    font-size: 5rem;
  }

  .carousel-overlay p {
    font-size: 1.8rem;
    /* font-size: 1.6rem; */
    padding: 0 2rem;
  }

  .home .results #related figure {
    max-height: 455px;
  }

  .individual-login.guest-login main>section:first-child p {
    width: 75%;
  }

  .static-ticker-container h1 {
    font-size: 200%;
  }
}

@media screen and (min-width: 1700px) {

  .carouselmain h3 {
    font-size: 6rem;
  }

  .carousel-overlay p {
    font-size: 2.4rem;
    padding: 2rem;
  }

  .home .results #related .carousel .blurb img {
    height: 100%;
    width: 100% !important;
  }

  .home .results #related figure {
    max-height: unset;
  }
}

.textBlock {
  margin: 2rem auto;
  padding: 0 5%;
}

.textBlock h2 {
  text-align: center;
  color: var(--featuredText-color);
  font-family: var(--galleryHeader-font);
  font-size: 3;
  font-weight: 600;
}

.learning.calculators-page.curated-content .textBlock .two-column h2{
	text-align: left;
}

.textBlock p {
  font-size: 2rem;
}

#help img {
  border-radius: 30%;
}

/* +++++++++++++++Program Tiles+++++++++++++++++ */
/* +++++++++++++++Program Tiles+++++++++++++++++ */
/* +++++++++++++++Program Tiles+++++++++++++++++ */

.core-tiles a {
  text-decoration: none;
}

.core-tiles {
  /* text-align: center; */
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.core-tiles h1 {
  text-align: center;
}

/* @media screen and (max-width: 1600px) {
  .core-tiles {
    max-width: 980px;
  }
  [data-popup-id="my-eap-benefits-popup"] .dialog,
  [data-popup-id="organizational-support-popup"] .dialog {
    max-width: 980px !important;
  }
} */
.core-tiles img {
  width: 100%;
}

.core-tiles h1 {
  color: var(--featuredText-color);
  font-family: var(--galleryHeader-font);
  font-size: 3rem;
  width: 100%;
}

.benefits-links {
  text-align: center;
}

.benefits-tile {
  height: auto;
  width: 40%;
  min-width: 280px;
  margin: 1rem;
  padding: 0.6rem;
  font-family: var(--galleryHeader-font);
  font-size: 1.5rem;
  /* font-weight: 600; */
  color: white;
  background: var(--galleryHeader-color);
  border-radius: 20px;
  text-align: center;
  display: inline-block;
}

.benefits-tile:hover {
  background: var(--buttonOnHover-color);
  color: var(--buttonTextOnHover-color);
  transition: all 0.4s ease-in-out;
}

/*kept @mdeia max 600px for easy revert*/
/*@media screen and (max-width: 600px) {*/
@media screen and (max-width: 768px) {

  #logo img {
    max-height: 70px;
    width: auto;
  }

  .contact p a {
    font-size: 1.8rem !important;
  }

  .core-tiles h1 {
    font-size: 3rem;
  }

  .benefits-tile {
    width: 80%;
    min-width: 0px;
    font-size: 1rem;
  }

  .guest-login input {
    font-size: 1rem !important;
  }

  /* Publisher */
  #featured .featured h2 {
    display: none !important;
  }

  #featured .featured h3 {
    /*added 12/7 MF */
    font-size: 2rem;
  }

  #featured .featured header {
    margin: 0;
  }

  .featuredArticle header span {
    font-size: 2.5rem;
  }

  .carousel footer a span {
    min-width: 100px;
  }

  .carousel-overlay {
    display: flex !important;
    position: absolute !important;
    height: 90% !important;
    width: 90% !important;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
  }
}

object {
  width: 100%;
  height: 80vh;
  max-width: 1200px !important;
}

/*Temp mobile nav until admin integration*/
@media screen and (min-width: 0px){
#links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    position: fixed;
    top: 0;
    /*left: 0;*/
    width: 85%;
    height: min-content;
    min-height: 40%;
    transform: translateX(-101%);
    z-index: 100;
    transition: all ease 0.4s;
    background: white;
    box-shadow: 1px 1px 1px 1px;
    color: rgba(0, 0, 0, 0.3);
    /*line-height: 2;*/
    margin: 0;
    padding: 5rem 0;
}
  #close-links {
    position: absolute;
    left: 20px;
    top: 40px;
    cursor: pointer;
    color: black;
}
  #menu #links > li:not(:last-child):after {
    content: "";
}
}
@media screen and (min-width: 768px){
  #links {
  	display: flex;
    flex-flow: row;
    align-items: baseline;
    position: absolute;
    top: 8px;
    width: unset;
    height: unset;
    transform: translateX(0) !important;
    z-index: 2;
    background: unset;
    box-shadow: unset;
    /*line-height: 1;*/
    min-height: 0;
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 8px;
		left: 16px;
		font-size: 1rem;
  }
  #close-links {
    display: none;
}
  #menu #links > li:not(:last-child):after {
    content: "|";
}
}
/*End Temp mobile nav*/