@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

* {
  box-sizing: border-box;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.skip-to-content-link {
  background: #8dc63f;
  height: 30px;
  left: 50%;
  padding: 8px;
  position: absolute;
  transform: translateY(-150%);
  transition: transform 0.3s;
}

.skip-to-content-link:focus {
  transform: translateY(0%);
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.wrap {
  max-width: 1400px;
  padding: 0 20px;
  margin: 0 auto;
}

#header .logo-wrap {
  float: left;
  margin: 35px 0;
}
#header .top-row .btn, #header .top-row .quiz-enter-scores button, .quiz-enter-scores #header .top-row button {
  display: inline-block;
  float: right;
  font-size: 16px;
  margin-top: 50px;
}
#header .top-row .top-nav > .btn, #header .top-row .quiz-enter-scores .top-nav > button, .quiz-enter-scores #header .top-row .top-nav > button {
  margin: 50px 10px 0;
}
#header nav {
  background-color: #1a78b9;
  padding: 20px 0;
  border-bottom: 2px solid #fff;
}
#header nav .wrap > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
#header nav .wrap > ul li {
  margin: 0;
}
#header nav .wrap > ul > li {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #89cbf9;
  text-align: center;
  position: relative;
}
#header nav .wrap > ul > li.mobile-only {
  display: none;
}
#header nav .wrap > ul > li:nth-child(8) {
  border-right: none;
}
#header nav .wrap > ul > li:hover > ul {
  display: block;
}
#header nav .wrap > ul > li > a,
#header nav .wrap > ul > li button {
  border: none;
  background: transparent;
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  padding: 7px 10px;
  text-decoration: none;
  margin: 0 2px;
  letter-spacing: -0.02em;
}
#header nav .wrap > ul > li > a:hover,
#header nav .wrap > ul > li button:hover {
  background-color: rgb(26, 104.9245283019, 159.5);
}
#header nav .wrap > ul > li > a.fancy,
#header nav .wrap > ul > li button.fancy {
  text-transform: uppercase;
  padding: 7px 10px;
  font-weight: 700;
  z-index: 1;
  position: relative;
  background-color: rgb(219, 132, 44);
}
#header nav .wrap > ul > li > a.fancy:hover,
#header nav .wrap > ul > li button.fancy:hover {
  background-color: rgb(26, 104.9245283019, 159.5);
}
#header nav .wrap > ul > li button {
  position: relative;
  padding: 7px 35px 7px 10px;
}
#header nav .wrap > ul > li button:after {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  right: 15px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #fff;
}
#header nav .wrap > ul > li > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  background-color: #fff;
  position: absolute;
  z-index: 10;
  top: 32px;
  display: none;
}
#header nav .wrap > ul > li > ul li {
  margin: 0;
}
#header nav .wrap > ul > li > ul > li {
  display: block;
}
#header nav .wrap > ul > li > ul > li > a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #1a78b9;
  white-space: nowrap;
  font-size: 14px;
}
#header nav .wrap > ul > li > ul > li > a:hover {
  background-color: rgb(26, 104.9245283019, 159.5);
  color: #fff;
}
#header .menu-toggle {
  position: relative;
  display: none;
  height: 25px;
  width: 25px;
  border: none;
  background: none;
  float: right;
  margin: 70px 0 0;
}
#header .menu-toggle .toggle-icon {
  font-size: 0;
  display: block;
  width: 100%;
  height: 3px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.25s ease-in-out;
}
#header .menu-toggle .toggle-icon:before, #header .menu-toggle .toggle-icon:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #000;
  transition: all 0.25s ease-in-out;
}
#header .menu-toggle .toggle-icon:before {
  position: absolute;
  transform-origin: center;
  top: -8px;
}
#header .menu-toggle .toggle-icon:after {
  position: absolute;
  transform-origin: center;
  bottom: -8px;
}
#header .menu-toggle.is-active .toggle-icon {
  background-color: transparent;
}
#header .menu-toggle.is-active .toggle-icon:before {
  transform: rotate(45deg);
  top: 0;
}
#header .menu-toggle.is-active .toggle-icon:after {
  transform: rotate(135deg);
  bottom: 0;
}

#footer {
  background-color: #63338f;
  border-bottom: 12px solid #f49331;
  padding: 40px 0;
}
#footer .footer-logo-wrap {
  float: left;
}
#footer .disclaimer {
  padding-top: 40px;
  clear: both;
}
#footer .disclaimer p {
  color: #fff;
  font-size: 0.9em;
  margin: 0;
}
#footer .footer-right {
  width: 640px;
  float: right;
}
#footer .footer-right .footer-nav {
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 20px;
}
#footer .footer-right .footer-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  columns: 2;
  margin-bottom: 20px;
}
#footer .footer-right .footer-nav ul li {
  margin: 0;
}
#footer .footer-right .footer-nav ul li {
  margin-bottom: 10px;
}
#footer .footer-right .footer-nav ul li a {
  color: #fff;
  text-decoration: none;
}
#footer .footer-right .footer-nav ul li a:hover {
  text-decoration: underline;
}
#footer .footer-right .copyright {
  color: #fff;
  margin-right: 90px;
  display: inline-block;
}
#footer .footer-right .share-options {
  display: inline-block;
}
#footer .footer-right .share-options > span {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  margin-right: 10px;
}

.hero-banner {
  height: 57.5vh;
  min-height: 575px;
  position: relative;
  background-color: #1a78b9;
}
.hero-banner .hero-banner-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-image: url("../images/home/hero.webp");
  background-position: 40% center;
}
.hero-banner .hero-banner-img.hero-1 {
  background-image: url("../images/home/hero-1.jpg");
}
.hero-banner .hero-banner-img.hero-2 {
  background-image: url("../images/home/hero-2.jpg");
  background-position: center right;
}
.hero-banner .hero-banner-img.hero-3 {
  background-position: center right;
  background-image: url("../images/home/hero-3.jpg");
}
.hero-banner .hero-banner-img.hero-4 {
  background-position: center right;
  background-image: url("../images/home/hero-4.jpg");
}
.hero-banner .hero-banner-img.hero-june {
  background-position: center;
  background-image: url("../images/home/hero-june.jpg");
}
.hero-banner .hero-banner-img.hero-july {
  background-position: center;
  background-image: url("../images/home/hero-july.jpg");
}
.hero-banner .hero-banner-img.hero-august {
  background-position: center right;
  background-image: url("../images/home/hero-august.webp");
}
.hero-banner .hero-banner-img.hero-september {
  background-position: center right;
  background-image: url("../images/home/hero-sept.webp");
}
.hero-banner .hero-banner-img.hero-october {
  background-position: center right;
  background-image: url("../images/home/hero-oct.webp");
}
.hero-banner .hero-banner-img.phig-partners {
  background-position: center;
  background-image: url("../images/home/2.png");
}
.hero-banner .wrap {
  position: relative;
  height: 100%;
}
.hero-banner .hero-banner-text {
  position: relative;
  display: flex;
  height: 100%;
  background-color: rgba(1, 68, 115, 0.54);
  width: calc(50% + 80px);
  text-align: center;
}
.hero-banner .hero-banner-text h1 {
  font-weight: 300;
  font-size: 4em;
  color: #fff;
  margin: auto;
}
.hero-banner .hero-banner-text-phig-partners {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 40px;
  widows: auto;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
}
.hero-banner .hero-banner-text-phig-partners img {
  max-width: 100%;
  height: auto;
  margin: 0 auto 30px;
}
.hero-banner .hero-banner-text-phig-partners h1 {
  font-weight: 300;
  font-size: 4em;
  margin: auto;
  color: rgb(1, 68, 115);
  text-transform: uppercase;
  font-weight: 700;
  white-space: nowrap;
}
.hero-banner .hero-banner-text-phig-partners h1 small {
  display: block;
  text-transform: none;
  font-weight: 400;
  font-size: 48px;
}
.hero-banner .hero-banner-text-phig-partners a {
  text-transform: uppercase;
  background-color: #1a78b9;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  border-radius: 5px;
  padding: 10px 20px;
}
.hero-banner .hero-banner-text-phig-partners a:hover {
  background-color: rgb(26, 89.8490566038, 134);
}
.hero-banner.phap .inner-wrap {
  margin: auto;
}
.hero-banner.phap .hero-banner-img {
  background-image: url("../images/home/banner-phap.webp");
  background-position: right center;
}
.hero-banner.phap .hero-banner-text {
  flex-direction: column;
}
.hero-banner.phap .hero-banner-text h1 {
  margin: 0;
  font-size: 3.4375em;
}
.hero-banner.phap .hero-banner-text h1 strong {
  display: block;
  font-weight: 700;
}
.hero-banner.phap .hero-banner-text .event {
  padding-top: 20px;
  border-top: 1px solid #fff;
  margin: 15px 20px 0;
}
.hero-banner.phap .hero-banner-text .event h2 {
  text-transform: uppercase;
  color: #fff;
  font-size: 2.125em;
  line-height: 1.2;
  margin: 0 0 10px;
}
.hero-banner.phap .hero-banner-text .event p {
  font-size: 1.125em;
  color: #fff;
  margin: 0 0 15px;
}
.hero-banner.phap .hero-banner-text .event a {
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid #fff;
  display: inline-block;
  font-size: 18px;
  border-radius: 5px;
  padding: 10px 20px;
}
.hero-banner .hero-banner-slide {
  height: 57.5vh;
  min-height: 575px;
  position: relative;
}
.hero-banner .hero-banner-slide.content-slide .hero-banner-text {
  flex-direction: column;
}
.hero-banner .hero-banner-slide.content-slide .hero-banner-text .inner {
  margin: auto;
  padding: 60px;
}
.hero-banner .hero-banner-slide.content-slide .hero-banner-text h2 {
  color: #fff;
  font-size: 2.25em;
  line-height: 1.2;
  margin: 0 0 10px;
}
.hero-banner .hero-banner-slide.content-slide .hero-banner-text p {
  font-size: 1.3125em;
  color: #fff;
  margin: 0 0 15px;
}
.hero-banner .hero-banner-slide.content-slide .hero-banner-text a {
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid #fff;
  display: inline-block;
  font-size: 18px;
  border-radius: 5px;
  padding: 10px 20px;
}
.hero-banner .hero-banner-slide.content-slide .hero-banner-text a:hover {
  background-color: #fff;
  color: #1a78b9;
}
.hero-banner .slick-arrow {
  position: absolute;
  padding: 0;
  top: 50%;
  z-index: 9;
  transform: translateY(-50%);
  height: 45px;
  width: 45px;
  text-indent: -99999px;
  background-color: #1a78b9;
  color: #fff;
  border: none;
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4);
}
.hero-banner .slick-arrow.slick-next {
  right: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}
.hero-banner .slick-arrow.slick-prev {
  left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}
.hero-banner .slick-arrow:hover {
  background-color: #8dc63f;
}

@media screen and (min-width: 768px) {
  .hero-banner .hero-banner-text h1 span {
    font-size: 34px;
    vertical-align: top;
    margin-top: 9px;
    display: inline-block;
  }
}
.body-class-job-search .search-public-health-home {
  margin-top: 40px;
}

.search-public-health-home {
  text-align: center;
  padding-bottom: 40px;
}
.search-public-health-home h1,
.search-public-health-home h2,
.search-public-health-home .h1-style {
  font-size: 2.1875em;
  font-weight: 500;
  color: #1a78b9;
  margin-bottom: 5px;
}
.search-public-health-home .search-headings {
  margin-bottom: 20px;
}
.search-public-health-home .search-headings h1 {
  text-indent: -9999px;
  position: absolute;
  left: -100%;
}
.search-public-health-home .search-headings strong {
  display: inline-block;
  font-size: 21px;
  color: #63338f;
}
.search-public-health-home.cta-only h2 {
  margin-bottom: 20px;
}
.search-public-health-home.cta-only .btn, .search-public-health-home.cta-only .quiz-enter-scores button, .quiz-enter-scores .search-public-health-home.cta-only button {
  display: inline-block;
  font-size: 21px;
  margin-bottom: 0px;
}
.search-public-health-home form {
  border: 1px solid #c7c2bc;
  background-color: #F0F0F0;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  padding: 40px;
}
.search-public-health-home form > * {
  width: calc(33.3333333333% - 10px);
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #C7C2BC;
}
.search-public-health-home form .dropdown-wrap {
  text-align: left;
  position: relative;
}
.search-public-health-home form .dropdown-wrap:last-child:after {
  content: none;
}
.search-public-health-home form .dropdown-wrap .search-accordion-button {
  font-size: clamp(0.7em, 1vw, 1.1em);
  display: block;
  border: none;
  background-color: transparent;
  display: block;
  width: 100%;
  text-align: left;
  padding: 20px 60px 20px 15px;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  letter-spacing: -0.01em;
}
.search-public-health-home form .dropdown-wrap .search-accordion-button:after {
  content: "";
  border-top: 10px solid #1a78b9;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  right: 15px;
  top: 23px;
  pointer-events: none;
}
.search-public-health-home form .dropdown-wrap .search-accordion-button.active:after {
  transform: rotate(-180deg);
}
.search-public-health-home form .dropdown-wrap > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid rgba(199, 194, 188, 0.501);
  border-top: none;
  padding: 15px 20px;
  margin-top: -3px;
  width: calc(100% + 2px);
  background-color: #fff;
  position: absolute;
  max-height: 250px;
  overflow-y: scroll;
  display: none;
  z-index: 99;
  left: -1px;
}
.search-public-health-home form .dropdown-wrap > ul li {
  margin: 0;
}
.search-public-health-home form .dropdown-wrap > ul > li {
  margin-bottom: 5px;
  padding: 0;
}
.search-public-health-home form .dropdown-wrap > ul > li > a {
  font-size: 16px;
  text-decoration: none;
  color: #1a78b9;
}
.search-public-health-home form .dropdown-wrap > ul > li > a:hover {
  text-decoration: underline;
}
.search-public-health-home form .dropdown-wrap > ul > li.accordion a.accordion-section-title {
  width: calc(100% - 40px);
  display: inline-block;
  vertical-align: top;
}
.search-public-health-home form .dropdown-wrap > ul > li.accordion button {
  float: right;
  position: relative;
  width: 27px;
  height: 27px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  letter-spacing: -0.01em;
}
.search-public-health-home form .dropdown-wrap > ul > li.accordion button:before {
  content: "";
  top: 5px;
  left: 7px;
  position: absolute;
  transform: rotate(-45deg);
  display: block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #1a78b9;
  border-bottom: 2px solid #1a78b9;
}
.search-public-health-home form .dropdown-wrap > ul > li.accordion button.is-active {
  transform: rotate(180deg);
}
.search-public-health-home form .dropdown-wrap > ul > li.accordion div {
  display: none;
}
.search-public-health-home form .dropdown-wrap > ul > li.accordion div > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style: none;
  padding-left: 0;
  margin: 10px 0;
}
.search-public-health-home form .dropdown-wrap > ul > li.accordion div > ul li {
  margin: 0;
}
.search-public-health-home form .dropdown-wrap > ul > li.accordion div > ul > li {
  margin-bottom: 4px;
  border-bottom: none;
}
.search-public-health-home form .dropdown-wrap > ul > li.accordion div > ul > li > a {
  font-size: 16px;
  text-decoration: none;
  color: #1a78b9;
}
.search-public-health-home .input-wrap {
  display: inline-block;
  text-align: left;
  position: relative;
}
.search-public-health-home .input-wrap input {
  border: none;
  width: 85%;
  font-size: clamp(0.7em, 1vw, 1.1em);
  padding: 0;
  letter-spacing: -0.01em;
  padding: 20px 60px 19px 15px;
}
.search-public-health-home .input-wrap input:focus {
  outline: 1px solid rgba(0, 0, 0, 0.1);
}
.search-public-health-home .submit-wrap {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.search-public-health-home .submit-wrap button {
  background-color: #1a78b9;
  border: none;
  border-radius: 5px;
  height: 35px;
  width: 35px;
  position: relative;
  cursor: pointer;
  color: #fff;
}
.search-public-health-home .submit-wrap button:hover {
  background-color: rgb(26, 104.9245283019, 159.5);
}
.search-public-health-home .submit-wrap button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.search-public-health-home .dropdown-list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.search-public-health-home .dropdown-list li {
  margin: 0;
}
.search-public-health-home .dropdown-list > li {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 8px);
  position: relative;
}
.search-public-health-home .dropdown-list > li .search-accordion-button {
  font-size: 1.5em;
  display: block;
  border: 1px solid #c7c2bc;
  background-color: transparent;
  display: block;
  width: 100%;
  text-align: left;
  padding: 20px 60px 20px 15px;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
.search-public-health-home .dropdown-list > li .search-accordion-button:after {
  content: "";
  border-top: 12px solid #1a78b9;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  position: absolute;
  right: 30px;
  top: 23px;
  pointer-events: none;
}
.search-public-health-home .dropdown-list > li .search-accordion-button.active:after {
  transform: rotate(-180deg);
}
.search-public-health-home .dropdown-list > li > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #c7c2bc;
  border-top: none;
  padding: 15px 45px;
  margin-top: -3px;
  width: 100%;
  background-color: #fff;
  position: absolute;
  max-height: 250px;
  overflow-y: scroll;
  display: none;
  z-index: 10;
}
.search-public-health-home .dropdown-list > li > ul li {
  margin: 0;
}
.search-public-health-home .dropdown-list > li > ul > li {
  margin-bottom: 10px;
}
.search-public-health-home .dropdown-list > li > ul > li > a {
  font-size: 18px;
  text-decoration: none;
  color: #1a78b9;
}

.search-public-health-home .mobile-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.importance-of-public-health {
  padding-top: 45px;
  border-top: 2px solid #9f9f9f;
}
.importance-of-public-health .wrap {
  text-align: center;
}
.importance-of-public-health p {
  font-size: 1.5em;
  font-weight: 300;
  text-align: center;
}
.importance-of-public-health a.btn {
  display: inline-block;
}
.importance-of-public-health ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  margin: 70px 0 0;
}
.importance-of-public-health ul li {
  margin: 0;
}
.importance-of-public-health ul li {
  display: inline-block;
  vertical-align: top;
  height: 0;
  width: 33.3333333333%;
  padding-bottom: 25%;
  background-size: cover;
  background-position: center -40px;
  position: relative;
  text-align: center;
}
.importance-of-public-health ul li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.importance-of-public-health ul li a {
  font-size: 30px;
  text-decoration: none;
  display: block;
  width: 90%;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 2px 2px 2px rgb(0, 0, 0);
}
.importance-of-public-health ul li.why-choose {
  background-image: url("../images/home/why-chose-public-health.webp");
  background-position: center top;
  background-color: #1a78b9;
}
.importance-of-public-health ul li.why-choose:before {
  content: "";
  background-color: rgba(26, 120, 185, 0.76);
}
.importance-of-public-health ul li.health-equity-diversity {
  background-image: url("../images/home/health-equity-diverse.webp");
  background-color: #6f3902;
}
.importance-of-public-health ul li.health-equity-diversity:before {
  content: "";
  background-color: rgba(111, 57, 2, 0.76);
}
.importance-of-public-health ul li.areas-in-public-health {
  background-position: center -20px;
  background-image: url("../images/home/roles-in-public-health.webp");
  background-color: #2f4f01;
}
.importance-of-public-health ul li.areas-in-public-health:before {
  content: "";
  background-color: rgba(47, 79, 1, 0.76);
}
.importance-of-public-health ul li.hear-public-health-pros {
  background-image: url("../images/home/hear-from-pros.webp");
  background-color: #63338f;
}
.importance-of-public-health ul li.hear-public-health-pros:before {
  content: "";
  background-color: rgba(99, 51, 143, 0.76);
}

.tooltip {
  position: fixed;
  width: 325px;
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 16px;
  z-index: 9999;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
  outline: 1px solid #63328F;
}

.tooltip:before {
  content: " ";
  height: 26px;
  width: 35px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='37.859' height='32.928' viewBox='0 0 37.859 32.928'%3E%3Cdefs%3E%3Cfilter id='Polygon_3' x='0' y='0' width='37.859' height='32.928' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='4' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeFlood flood-opacity='0.435'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(%23Polygon_3)'%3E%3Cg id='Polygon_3-2' data-name='Polygon 3' transform='translate(28.86 19.93) rotate(-180)' fill='%23fff'%3E%3Cpath d='M 18.92593574523926 14.42802238464355 L 0.9330875277519226 14.42802238464355 L 9.929512023925781 0.9028028249740601 L 18.92593574523926 14.42802238464355 Z' stroke='none'/%3E%3Cpath d='M 9.929512023925781 1.805607795715332 L 1.866176605224609 13.92802238464355 L 17.99284744262695 13.92802238464355 L 9.929512023925781 1.805607795715332 M 9.929512023925781 2.86102294921875e-06 L 19.85902214050293 14.92802238464355 L 1.9073486328125e-06 14.92802238464355 L 9.929512023925781 2.86102294921875e-06 Z' stroke='none' fill='%2363328f'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  left: 50%;
  background-position: center bottom;
  position: absolute;
  bottom: -26px;
  z-index: 1;
  transform: translateX(-50%);
}

.tooltip h3 {
  font-size: 16px;
  line-height: 1.2;
  display: block;
  color: #000;
  font-weight: 600;
  margin: 0 0 15px;
}

.tooltip h3 small {
  font-size: 12px;
  color: #1a78b9;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}

.tooltip ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.tooltip ul li {
  margin-bottom: 5px;
}

.tooltip .close-popup {
  position: absolute;
  top: 5px;
  right: 5px;
  background: none;
  padding: 0;
  border: none;
  cursor: pointer;
}
.tooltip .close-popup:before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231a78b9' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E");
}
.tooltip .close-popup:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2363328F' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E");
}

.tooltip ul li a {
  border: 1px solid #63328F;
  border-radius: 4px;
  display: inline-block;
  width: 78%;
  padding: 5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #63328F;
  text-decoration: none;
}
.tooltip ul li a:hover {
  color: #1a78b9;
  border-color: #1a78b9;
}

.connect-with-states {
  margin-top: 50px;
  padding-top: 45px;
  padding-bottom: 40px;
  border-top: 2px solid #9f9f9f;
  border-bottom: 2px solid #9f9f9f;
}
.connect-with-states #country-wrap {
  position: relative;
}
.connect-with-states.inner-map {
  margin-top: 0;
}
.connect-with-states h2 {
  font-size: 35px;
  font-weight: 500;
  color: #1a78b9;
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
}
.connect-with-states p {
  text-align: center;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 60px;
}
.connect-with-states p a {
  color: #572b81;
}
.connect-with-states p a:hover {
  color: #1a78b9;
}
.connect-with-states .state-list {
  width: 45.1388888889%;
  display: block;
  float: left;
}
.connect-with-states .state-list > ul {
  columns: 3;
  margin: 0;
  padding: 0;
  list-style: none;
}
.connect-with-states .state-list > ul li {
  margin: 0;
}
.connect-with-states .state-list > ul > li {
  margin-bottom: 5px;
}
.connect-with-states .state-list > ul > li > a,
.connect-with-states .state-list > ul > li > button {
  text-decoration: none;
  color: #1a78b9;
  font-size: 15px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.connect-with-states .state-list > ul > li > a:hover,
.connect-with-states .state-list > ul > li > button:hover {
  color: #8dc63f;
}
.connect-with-states .state-list > ul > li > button {
  position: relative;
  padding-right: 15px;
}
.connect-with-states .state-list > ul > li > button:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 0;
  height: 8px;
  width: 8px;
  background-repeat: no-repeat;
  background-size: 5px 7px;
  background-position: center right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.304' height='6.669' viewBox='0 0 4.304 6.669'%3E%3Cpath id='Icon_awesome-angle-right' data-name='Icon awesome-angle-right' d='M5.9,10.435,3.064,13.268a.5.5,0,0,1-.706,0L1.887,12.8a.5.5,0,0,1,0-.706L3.9,10.083,1.887,8.075a.5.5,0,0,1,0-.706l.469-.475a.5.5,0,0,1,.706,0L5.9,9.727A.5.5,0,0,1,5.9,10.435Z' transform='translate(-1.74 -6.746)' fill='%231978b9'/%3E%3C/svg%3E%0A");
}
.connect-with-states .state-list > ul > li > button.active:after {
  transform: rotate(90deg);
}
.connect-with-states .state-list > ul > li > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  position: absolute;
  z-index: 99;
  background-color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #63328F;
}
.connect-with-states .state-list > ul > li > ul > li > a {
  color: #1a78b9;
  font-size: 13px;
}
.connect-with-states .state-list > ul > li > ul > li > a:hover {
  color: #63328F;
}
.connect-with-states .country-wrap {
  width: 48.6111111111%;
  display: block;
  float: right;
  position: relative;
}
.connect-with-states .country-wrap img,
.connect-with-states .country-wrap svg {
  max-width: 100%;
  height: auto;
}
.connect-with-states .state {
  cursor: pointer;
}
.connect-with-states .state:hover {
  fill: #8dc63f;
}
.connect-with-states .state:hover path {
  fill: #8dc63f;
}

.map-dropdown {
  background-color: #fff;
  border: 1px solid #5f5f5f;
  margin-bottom: 20px;
}
.map-dropdown > button {
  padding: 14px 25px;
  width: 100%;
  border: none;
  text-align: left;
  background-color: #63328F;
  color: #fff;
  font-weight: 700;
  position: relative;
  font-size: 16px;
}
.map-dropdown > button:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  border-top: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.map-dropdown > button.is-active {
  color: #63328F;
  background-color: #fff;
}
.map-dropdown > button.is-active:after {
  margin-top: -4px;
  border-bottom: 8px solid #63328F;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.map-dropdown #mobile-state-dropdown {
  display: none;
  max-height: 273px;
  overflow: scroll;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
.map-dropdown #mobile-state-dropdown > li {
  margin-bottom: 2px;
}
.map-dropdown #mobile-state-dropdown > li > button {
  border: none;
  font-weight: 700;
  width: 100%;
  text-align: left;
  font-size: 14px;
  background: none;
  color: #1a78b9;
  padding: 0 25px;
}
.map-dropdown #mobile-state-dropdown > li > button:hover {
  color: #63328F;
}

.mobile-state-box {
  display: none;
  background-color: #fff;
  border: 1px solid #5f5f5f;
  padding: 20px 25px;
  margin-bottom: 20px;
}
.mobile-state-box.is-open {
  display: block;
}
.mobile-state-box h3 {
  color: #1a78b9;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 10px;
}
.mobile-state-box h3 small {
  display: block;
  color: #5F5F5F;
  font-size: 14px;
  text-transform: uppercase;
}
.mobile-state-box ul {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}
.mobile-state-box ul li {
  margin-bottom: 5px;
  display: block;
  text-align: center;
}
.mobile-state-box ul li a {
  display: block;
  font-weight: 700;
  color: #63328F;
  border: 1px solid #63328F;
  border-radius: 5px;
  opacity: 1;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 15px;
}

.internships-fellowships {
  position: relative;
  padding: 20px;
  background: rgb(26, 120, 185);
}
.internships-fellowships:before, .internships-fellowships:after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
}
.internships-fellowships:before {
  width: 75%;
  left: 0;
  background: rgb(26, 120, 185);
  background: linear-gradient(90deg, rgb(26, 120, 185) 0%, rgb(26, 120, 185) 63%, rgba(26, 120, 185, 0) 100%);
  z-index: 1;
}
.internships-fellowships:after {
  background-image: url("../images/home/search-now.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 60%;
  right: 0;
  z-index: 0;
}
.internships-fellowships .wrap {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 20px;
}
.internships-fellowships .intern-header {
  color: #fff;
  font-weight: 700;
  font-size: 43px;
  line-height: 1.1;
  display: block;
  margin-right: 20px;
}
.internships-fellowships .intern-header p {
  font-size: 18px;
  margin: 10px 0;
  font-weight: normal;
}
.internships-fellowships .intern-header a {
  color: #fff;
}
.internships-fellowships .intern-header a:hover {
  text-decoration: underline;
}
.internships-fellowships .intern-link {
  border-left: 2px solid #fff;
  margin-left: 20px;
  padding: 30px;
}
.internships-fellowships .intern-link a {
  border: 1px solid #fff;
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 20px 15px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
}
.internships-fellowships .intern-link a:hover {
  background-color: #fff;
  color: rgb(26, 120, 185);
}

.inner-banner {
  min-height: 350px;
  position: relative;
}
.inner-banner .inner-banner-bg {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-image: url("../images/sub/why-choose-public-health/why-choose-public-health-banner.webp");
  background-position: center right;
}
.inner-banner .inner-banner-bg.advantages-of-a-career-in-public-health {
  background-image: url("../images/sub/advantages-to-a-career-in-health/advantage-to-career-banner.webp");
}
.inner-banner .inner-banner-bg.hed-banner {
  background-image: url("../images/sub/hed/banner.webp");
}
.inner-banner .inner-banner-bg.areas-of-public-health {
  background-image: url("../images/sub/working-in-public-health/banner-working-in.jpg");
}
.inner-banner .inner-banner-bg.what-is-public-health {
  background-image: url("../images/sub/what-is-public/banner.jpg");
}
.inner-banner .inner-banner-bg.working-in-public-sector {
  background-image: url("../images/sub/working-in-public-sector/banner.webp");
}
.inner-banner .inner-banner-bg.hear-from-public-health {
  background-image: url("../images/sub/hear-from-public-health/hear-from-banner.webp");
}
.inner-banner .inner-banner-bg.faq-banner {
  background-image: url("../images/sub/faqs/faq-banner.webp");
}
.inner-banner .inner-banner-bg.about-us {
  background-image: url("../images/sub/about/about-banner.jpg");
}
.inner-banner .inner-banner-bg.aphl-banner {
  background-image: url("../images/sub/aphl/aphl-banner-2024.jpg");
}
.inner-banner .inner-banner-bg.resources-banner {
  background-image: url("../images/sub/resources/resources-header.jpg");
}
.inner-banner .inner-banner-bg.posting-banner {
  background-image: url("../images/sub/posting/posting-banner.jpg");
}
.inner-banner .inner-banner-bg.public-health-chronicles {
  background-image: url("../images/blog/public-health-chronicles.jpg");
}
.inner-banner .inner-banner-bg.lhd-banner {
  background-image: url("../images/sub/local/local-banner.jpg");
  background-position: right center;
}
.inner-banner .inner-banner-bg.state-banner {
  background-image: url("../images/sub/state/banner-state.jpg");
}
.inner-banner .inner-banner-text {
  position: relative;
  z-index: 2;
  background-color: rgba(1, 68, 115, 0.75);
  height: 350px;
  text-align: center;
  max-width: 50%;
  display: flex;
}
.inner-banner .inner-banner-text.posting-banner {
  width: 100%;
  max-width: 100%;
}
.inner-banner .inner-banner-text h1,
.inner-banner .inner-banner-text .h1 {
  margin: auto;
  font-size: 60px;
  line-height: 1.1;
  font-weight: 300;
  color: #fff;
}
.inner-banner .inner-banner-text h1 strong,
.inner-banner .inner-banner-text .h1 strong {
  font-weight: 700;
}
.inner-banner .inner-banner-text.hear-from-public-health {
  max-width: 60%;
}

.inner-banner-with-slider {
  flex-direction: row-reverse;
  display: flex;
}
.inner-banner-with-slider .inner-banner-text {
  width: 40%;
  padding: 0 20px;
  background-color: #014473;
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 50%;
  display: inline-flex;
}
.inner-banner-with-slider .inner-banner-text h1,
.inner-banner-with-slider .inner-banner-text .h1 {
  margin: auto;
  font-size: 60px;
  line-height: 1.1;
  font-weight: 300;
  color: #fff;
}
.inner-banner-with-slider .inner-banner-text h1 strong,
.inner-banner-with-slider .inner-banner-text .h1 strong {
  font-weight: 700;
}
.inner-banner-with-slider .inner-slider {
  display: block;
  width: 60%;
  height: 100%;
}
.inner-banner-with-slider .inner-slider .inner-banner-bg {
  position: static;
  width: 100%;
  height: 0;
  padding-bottom: 6%;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.inner-banner-with-slider .inner-slider .inner-banner-bg.islands {
  background-image: url("../images/sub/islands/slide-1.jpg");
}
.inner-banner-with-slider .inner-slider .inner-banner-bg.islands-two {
  background-image: url("../images/sub/islands/slide-2.jpg");
  background-position: right center;
}
.inner-banner-with-slider .inner-slider .inner-banner-bg.islands-three {
  background-image: url("../images/sub/islands/slide-3.jpg");
}
.inner-banner-with-slider .inner-slider .inner-banner-bg.islands-four {
  background-image: url("../images/sub/islands/slide-4.jpg");
}
.inner-banner-with-slider .slick-dots {
  position: absolute;
  bottom: 0;
  right: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.inner-banner-with-slider .slick-dots li {
  margin: 0;
}
.inner-banner-with-slider .slick-dots > li {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}
.inner-banner-with-slider .slick-dots > li button {
  text-indent: -9999px;
  height: 15px;
  width: 15px;
  display: block;
  background-color: transparent;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 100%;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
.inner-banner-with-slider .slick-dots > li.slick-active button {
  background-color: #fff;
}

@media screen and (max-width: 900px) {
  .inner-banner .inner-banner-bg.hed-banner {
    background-position: center;
    background-image: url("../images/sub/hed/banner-mobile.jpg");
  }
}
.slick-dots {
  position: absolute;
  bottom: 0;
  right: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.slick-dots li {
  margin: 0;
}
.slick-dots > li {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}
.slick-dots > li button {
  text-indent: -9999px;
  height: 15px;
  width: 15px;
  display: block;
  padding: 0;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 100%;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
.slick-dots > li.slick-active button {
  background-color: #fff;
}

@media screen and (max-width: 600px) {
  .hero-banner .hero-banner-text-phig-partners,
  .hero-banner .hero-banner-text {
    padding-bottom: 60px !important;
  }
  .hero-banner .slick-dots {
    text-align: center;
    right: auto;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.intro-block {
  position: relative;
  display: flex;
  margin-top: 60px;
  background-image: linear-gradient(90deg, #a8c588, #c4dca2);
}
.intro-block.advantages-intro {
  flex-direction: row-reverse;
}
.intro-block.advantages-intro .inner-wrap {
  transform: translateX(30%);
}
.intro-block.advantages-intro .background-image {
  background-image: url("../images/sub/advantages-to-a-career-in-health/intro-box-image.webp");
}
.intro-block.hed-intro .background-image {
  background-image: url("../images/sub/hed/intro-box-image.webp");
}
.intro-block.working-in-public-sector-intro .background-image {
  background-image: url("../images/sub/working-in-public-health/intro-box-image.jpg");
}
.intro-block.what-is-intro .background-image {
  background-image: url("../images/sub/what-is-public/intro-image.webp");
  background-size: cover;
}
.intro-block.about-intro .background-image {
  background-image: url("../images/sub/about/about-us-intro.jpg");
}
.intro-block.aphl-intro .background-image {
  background-image: url("../images/sub/aphl/intro-photo.jpg");
}
.intro-block.island-intro .background-image {
  background-image: url("../images/sub/islands/island-intro.jpg");
}
.intro-block.resources-intro .background-image {
  background-image: url("../images/sub/resources/resources-intro.jpg");
}
.intro-block.local-intro-box .background-image {
  background-image: url("../images/sub/local/intro-image.jpg");
}
.intro-block.state-intro .inner-wrap {
  margin: 200px 0;
}
.intro-block.state-intro .background-image {
  background-position: center top;
  background-image: url("../images/sub/state/intro-photo.jpg");
}
.intro-block .background-image {
  background-image: url("../images/sub/why-choose-public-health/why-choose-intro-photo.webp");
  background-size: cover;
  background-position: center;
  width: 59.8958333333%;
}
.intro-block .text {
  width: 40.1041666667%;
}
.intro-block .inner-wrap {
  background-color: #fff;
  box-shadow: 0px 5px 10px 9px rgba(0, 0, 0, 0.2);
  margin: 80px 0;
  width: 130%;
  transform: translateX(-30%);
  padding: 60px 55px;
}
.intro-block .inner-wrap h2 {
  margin: 0;
  font-size: 32px;
  line-height: 1.2;
  color: #1a78b9;
}
.intro-block .inner-wrap h2.light-weight {
  font-weight: 300;
  font-size: 32px;
}
.intro-block .inner-wrap h2.light-weight strong {
  font-weight: 700;
}
.intro-block .inner-wrap h3 {
  font-weight: 300;
  color: #63328F;
  font-size: 30px;
  margin: 0 0 10px;
}
.intro-block .inner-wrap p {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 300;
}

.two-col-block {
  display: flex;
  flex-direction: row-reverse;
}
.two-col-block.purple-bg {
  background-image: linear-gradient(96deg, #421b66, #63338f);
}
.two-col-block.blue-bg {
  background-image: linear-gradient(96deg, #054068, #0c5688);
}
.two-col-block.flipped {
  flex-direction: row;
}
.two-col-block .inner-wrap {
  color: #fff;
  padding: 130px 100px;
}
.two-col-block .inner-wrap.less-padding {
  padding: 50px 100px;
}
.two-col-block h2 {
  margin: 0;
  font-size: 35px;
  line-height: 1.2;
}
.two-col-block h3 {
  font-size: 30px;
  line-height: 1.2;
  margin-top: 0;
}
.two-col-block h3.bigger {
  font-size: 38px;
  margin-bottom: 10px;
}
.two-col-block p {
  font-size: 24px;
}
.two-col-block .img-bg-col,
.two-col-block .text-col {
  width: 50%;
}
.two-col-block .text-col a {
  color: #fff;
}
.two-col-block .text-col.body-copy p {
  font-size: 16px;
}
.two-col-block .text-col ul {
  line-height: 1.5;
}
.two-col-block .text-col ul li {
  margin-bottom: 10px;
}
.two-col-block .img-bg-col {
  background-image: url("../images/sub/why-choose-public-health/public-health-goal.webp");
  background-repeat: no-repeat;
  background-position: 30% top;
  background-size: cover;
}
.two-col-block .img-bg-col.what-is-pub {
  background-image: url("../images/sub/what-is-public/working-on-computer.webp");
  background-position: center center;
}
.two-col-block .img-bg-col.working-in-public {
  background-image: url("../images/sub/working-in-public-health/working-in-public-heatlh.webp");
}
.two-col-block .img-bg-col.roles-in-pub {
  background-image: url("../images/sub/working-in-public-health/it.webp");
  background-position: center left;
}
.two-col-block .img-bg-col.infra-in-public {
  background-image: url("../images/sub/working-in-public-health/office-meeting.webp");
}
.two-col-block .img-bg-col.about-astho {
  padding-bottom: 30%;
  background-image: url("../images/sub/about/about-us-content.jpg");
}
.two-col-block .img-bg-col.fellowship-aphl {
  background-image: url("../images/sub/aphl/fellowship.jpg");
  background-position: 80% center;
}
.two-col-block .img-bg-col.application-aphl {
  background-position: center right;
  background-image: url("../images/comps/gettyimages-1356573536-170667a.jpg");
}
.two-col-block .img-bg-col.internship-aphl {
  background-position: center right;
  background-image: url("../images/sub/aphl/internship.jpg");
}
.two-col-block .img-bg-col.featured-aphl {
  background-position: center left;
  background-image: url("../images/sub/aphl/greenhouse.jpg");
}
.two-col-block .img-bg-col.function-of-local-health {
  background-position: center;
  background-image: url("../images/sub/local/function-image.jpg");
}
.two-col-block .img-bg-col.function-list {
  background-position: center;
  background-image: url("../images/sub/local/list-image.jpg");
}
.two-col-block .img-bg-col.state-health-directory {
  background-image: url("../images/sub/state/bottom-image.jpg");
}

.number-callout {
  position: relative;
  background-image: linear-gradient(90deg, rgba(26, 120, 185, 0.9), rgba(18, 96, 150, 0.9)), url("../images/sub/why-choose-public-health/stats-banner.webp");
  background-repeat: no-repeat;
  background-position: center center;
  padding: 50px 0;
}
.number-callout.purple-bg {
  background-image: linear-gradient(-90deg, rgba(102, 54, 146, 0.9), rgba(122, 74, 166, 0.9)), url("../images/sub/why-choose-public-health/stats-banner.webp");
}
.number-callout .number-callout-wrap {
  display: flex;
  align-items: center;
  position: relative;
}
.number-callout p {
  font-size: 18px;
  color: #fff;
}
.number-callout .text-col {
  width: calc(100% - 401px);
}
.number-callout .number-col {
  max-width: 432px;
  border-left: 1px solid #fff;
  padding-left: 30px;
  margin-left: 30px;
  text-align: center;
}
.number-callout .number-col .large-number {
  font-size: 187px;
  font-weight: 700;
  color: #fff;
}
.number-callout .number-col .large-number span {
  font-size: 110px;
}
.number-callout .number-col p {
  font-size: 16px;
  color: #fff;
}
.number-callout h2 {
  font-size: 38px;
  color: #fff;
  margin: 0 0 20px;
}

.benefits-list {
  background-image: linear-gradient(93deg, rgba(20, 98, 152, 0.9), rgba(25, 116, 179, 0.9)), url("../images/sub/advantages-to-a-career-in-health/benefits-bg.webp");
  background-size: cover;
  background-position: center center;
  padding: 65px 0;
}
.benefits-list h2 {
  text-align: center;
  margin: 0 0 50px;
  color: #fff;
  font-size: 36px;
}
.benefits-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.benefits-list ul li {
  margin: 0;
}
.benefits-list ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  width: 50%;
  display: inline-flex;
  justify-content: space-between;
  color: #fff;
  padding: 0 25px 40px 0;
  margin-bottom: 40px;
}
.benefits-list ul li h3 {
  font-size: 30px;
  line-height: 1.2;
  margin: 0;
}
.benefits-list ul li p {
  font-size: 20px;
  line-height: 1.5;
}
.benefits-list ul li .icon-wrap {
  max-width: 165px;
}
.benefits-list ul li .icon-wrap svg {
  width: 100%;
  height: auto;
  fill: #fff;
}
.benefits-list ul li .content-wrap {
  width: calc(100% - 205px);
}

.mid-headline {
  position: relative;
  padding: 50px 0;
}
.mid-headline:before {
  content: "";
  display: block;
  height: 100px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, #d4d4d4, rgba(212, 212, 212, 0));
}
.mid-headline .wrap {
  max-width: 1175px;
  margin: 0 auto;
  position: relative;
}
.mid-headline p {
  text-align: center;
  font-size: 32px;
  line-height: 1.5;
  margin: 0;
}
.mid-headline h2 {
  font-size: 36px;
  text-align: center;
  color: #1a78b9;
}

.multi-images-text {
  display: flex;
}
.multi-images-text > div {
  width: 33.3333333333%;
  height: 0;
  padding-bottom: 60%;
}
.multi-images-text .image-block:first-child {
  background-image: url("../images/sub/hed/bottom-row-1.webp");
  background-size: cover;
  background-position: center top;
}
.multi-images-text .text-block {
  background-color: #63338f;
  position: relative;
}
.multi-images-text .text-block .inner-wrap {
  padding: 20px;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.multi-images-text .text-block p {
  color: #fff;
  font-size: 24px;
  text-align: center;
}
.multi-images-text .image-block:last-child {
  background-image: url("../images/sub/hed/bottom-row-2.webp");
  background-size: cover;
  background-position: center;
}

.essential-public {
  padding: 40px 0;
  background-image: url("../images/sub/what-is-public/blur.webp");
  background-size: cover;
}
.essential-public h2 {
  color: #1a78b9;
  text-align: center;
  font-size: 36px;
}

.chart-wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  max-width: 90%;
  margin: 0 auto;
}
.chart-wrap > div svg {
  width: 100%;
  height: auto;
}
.chart-wrap > div.copy {
  width: 500px;
  padding-top: 40px;
}
.chart-wrap > div.copy h3 {
  color: #63338f;
}
.chart-wrap > div.chart {
  width: calc(100% - 550px);
}
.chart-wrap .mobile-chart {
  display: none;
}

.quote {
  background-image: linear-gradient(7deg #e5e5e5, #ffffff);
  padding: 65px 0;
}
.quote.with-photo .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.quote.with-photo .img-wrap {
  width: 350px;
}
.quote.with-photo .quote-wrap {
  width: calc(100% - 400px);
  padding: 0 70px 0 0;
}
.quote img {
  max-width: 320px;
  height: auto;
  border-radius: 100%;
  display: inline-block;
}
.quote blockquote {
  font-size: 32px;
  color: #333333;
  padding: 0;
  margin: 0;
  position: relative;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 20px;
}
.quote blockquote:before, .quote blockquote:after {
  line-height: 1;
  position: absolute;
  font-size: 140px;
  color: #d5cdde;
}
.quote blockquote:before {
  content: "“";
  top: -30px;
  left: -70px;
}
.quote blockquote:after {
  content: "”";
  right: -70px;
}
.quote span {
  font-size: 18px;
  color: #1a78b9;
  display: block;
}

.areas-of-study {
  margin-top: 30px;
  padding: 40px 0;
  text-align: center;
  background-image: url("../images/sub/working-in-public-health/blur-background.webp");
  background-size: cover;
  background-position: center center;
}
.areas-of-study h2 {
  font-size: 36px;
  color: #1a78b9;
}
.areas-of-study ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.areas-of-study ul li {
  margin: 0;
}
.areas-of-study ul li {
  vertical-align: top;
  display: inline-block;
  width: 24%;
  margin-bottom: 30px;
  padding: 0 50px;
}
.areas-of-study ul li svg {
  fill: #0072c2;
  margin-bottom: 15px;
  display: inline-block;
  max-width: 150px;
}
.areas-of-study ul li span {
  display: block;
  color: #63338f;
}

.upcoming-callouts {
  background: rgb(219, 132, 44);
  background: linear-gradient(180deg, rgb(219, 132, 44) 0%, rgb(244, 147, 49) 100%);
  padding: 40px 0;
  margin-top: 40px;
  border-top: 1px solid #fff;
}
.upcoming-callouts .wrap {
  display: flex;
  justify-content: center;
  max-width: 100%;
  flex-wrap: wrap;
}
.upcoming-callouts .wrap .event {
  margin: 0 10px;
  background-color: #fff;
  text-align: center;
  padding: 40px;
}
.upcoming-callouts .wrap .event h2 {
  font-size: 24px;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
  color: #1a78b9;
}
.upcoming-callouts .wrap .event .btn, .upcoming-callouts .wrap .event .quiz-enter-scores button, .quiz-enter-scores .upcoming-callouts .wrap .event button {
  display: inline-block;
  color: #1a78b9;
  background-color: transparent;
  border: 1px solid #1a78b9;
  font-size: 16px;
}
.upcoming-callouts .wrap .event .btn:hover, .upcoming-callouts .wrap .event .quiz-enter-scores button:hover, .quiz-enter-scores .upcoming-callouts .wrap .event button:hover {
  background-color: #1a78b9;
  color: #fff;
}
.upcoming-callouts .wrap .event.with-video {
  max-width: 700px;
  padding: 20px;
}
.upcoming-callouts .wrap .event.with-image {
  padding: 0;
  width: calc(33.3333333333% - 20px);
  flex-direction: column-reverse;
  margin-bottom: 20px;
}
.upcoming-callouts .wrap .event.with-image .content-wrap {
  padding: 30px 40px;
}
.upcoming-callouts .wrap .event.with-image .image-wrap {
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 55%;
  width: 100%;
}
.upcoming-callouts .wrap .event.with-image .image-wrap.pacific-public-health-fellowship {
  background-image: url("../images/home/events/pacific.jpg");
  background-position: center bottom;
}
.upcoming-callouts .wrap .event.with-image .image-wrap.aphl-fellowship-banner {
  background-image: url("../images/home/events/fellows.jpg");
  background-position: center;
}
.upcoming-callouts .wrap .event.with-image .image-wrap.aphl-internship-banner {
  background-position: center;
  background-image: url("../images/home/events/intern.jpg");
}

.job-listing {
  background-image: linear-gradient(180deg, #fff 153px, #cedde8 120px);
  margin-top: 30px;
  padding-bottom: 50px;
}
.job-listing .search-headings {
  margin: 20px 0;
  text-align: center;
  font-size: 21px;
  color: #63338f;
}
.job-listing .search-headings h1 {
  margin: 0 0 10px;
}
.job-listing .wrap {
  border-top: 1px solid #d2d2d2;
}
.job-listing .job-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 80%;
  margin: 30px auto 0;
}
.job-listing .job-list li {
  margin: 0;
}
.job-listing .job-list li {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 50px 55px;
  box-shadow: 12px 12px 29px rgba(0, 0, 0, 0.2);
  border: 1px solid #d2d2d2;
  color: #3a3a3a;
}
.job-listing .job-list li a {
  text-decoration: none;
}
.job-listing .job-list li a h3 {
  color: #1a78b9;
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 10px;
}
.job-listing .job-list li a:hover h3 {
  color: #63338f;
}
.job-listing .job-list li .job-location {
  text-transform: uppercase;
  color: #63338f;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}
.job-listing .job-list li > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 16px;
}
.job-listing .job-list li > div time {
  text-transform: uppercase;
  font-size: 14px;
}

.pagination {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.pagination li {
  margin: 0;
}
.pagination li {
  display: inline-block;
  margin: 10px;
  vertical-align: top;
}
.pagination li.current.page {
  font-size: 18px;
  text-decoration: none;
  height: 40px;
  width: 35px;
  display: inline-block;
  border-radius: 5px;
  line-height: 40px;
  color: #fff;
  background-color: #63338f;
}
.pagination li a,
.pagination li span {
  font-size: 18px;
  text-decoration: none;
  height: 40px;
  width: 35px;
  display: block;
  border-radius: 5px;
  line-height: 40px;
  color: #fff;
}
.pagination li a {
  background-color: #1a78b9;
  position: relative;
}
.pagination li a.next, .pagination li a.prev {
  text-indent: -9999px;
}
.pagination li a:hover {
  background-color: rgb(26, 89.8490566038, 134);
}
.pagination li a.prev:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 15px;
  left: 15px;
}
.pagination li a.next:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  top: 15px;
  left: 10px;
}
.pagination li span {
  background-color: #63338f;
}

@media screen and (max-width: 900px) {
  .pagination li {
    margin: 5px;
  }
  .pagination li.current.page {
    height: auto;
    width: auto;
    line-height: 1;
    padding: 11px;
    font-size: 1.7777777778vw;
  }
  .pagination li a,
  .pagination li span {
    font-size: 1.7777777778vw;
    height: auto;
    width: auto;
    line-height: 1;
    padding: 11px;
  }
  .pagination li a.next:before {
    top: 14px;
    left: 4px;
  }
}
@media screen and (max-width: 600px) {
  .pagination li a.next::before {
    top: 11px;
    left: 6px;
    height: 7px;
    width: 7px;
  }
}
.btn, .quiz-enter-scores button {
  font-size: 18px;
  padding: 15px 25px;
  background-color: #1a78b9;
  color: #fff;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  width: fit-content;
}
.btn.orange, .quiz-enter-scores button.orange {
  background-color: #F6941C;
}
.btn.purple, .quiz-enter-scores button.purple {
  background-color: #752894;
}
.btn:hover, .quiz-enter-scores button:hover {
  background-color: rgb(26, 104.9245283019, 159.5);
}

.job-details {
  margin-top: 50px;
  margin-bottom: 60px;
}
.job-details h1 {
  color: #1a78b9;
}
.job-details time {
  font-size: 16px;
  text-transform: uppercase;
  color: #3a3a3a;
  margin-bottom: 5px;
}
.job-details .wrap {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #d2d2d2;
  padding-top: 50px;
}
.job-details .text-column {
  width: calc(100% - 400px);
}
.job-details .text-column h1 {
  margin: 0 0 30px;
  font-size: 42px;
  line-height: 1.2;
}
.job-details .text-column p {
  font-size: 18px;
  line-height: 1.5;
  color: #3a3a3a;
}
.job-details .side-column {
  width: 325px;
}
.job-details .side-column .btn, .job-details .side-column .quiz-enter-scores button, .quiz-enter-scores .job-details .side-column button {
  margin-bottom: 20px;
}
.job-details dl {
  margin-bottom: 40px;
}
.job-details dl dt {
  color: #63338f;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 3px;
}
.job-details dl dd {
  margin: 0 0 10px 0;
  font-size: 21px;
  color: #3a3a3a;
}

.share-wrapper {
  margin-top: 30px;
}
.share-wrapper .nav-label {
  font-size: 18px;
  color: #1a78b9;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}
.share-wrapper .share-this-icons ul li {
  margin: 0 5px;
}
.share-wrapper .share-this-icons ul li a {
  display: inline-block;
  height: 35px;
  width: 35px;
  padding: 0;
  text-indent: -9999px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  border: 1px solid transparent;
}
.share-wrapper .share-this-icons ul li a.share-facebook {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg  xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath d='M35.8,16.26h-7.64v-5.01c0-1.88,1.25-2.32,2.13-2.32h5.39V.65l-7.43-.03c-8.25,0-10.12,6.17-10.12,10.12v5.52h-4.77v8.53h4.77v24.14h10.03V24.79h6.77l.88-8.53Z' fill='%231a78b9'/%3E%3C/svg%3E");
}
.share-wrapper .share-this-icons ul li a.share-facebook:hover {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg  xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath d='M35.8,16.26h-7.64v-5.01c0-1.88,1.25-2.32,2.13-2.32h5.39V.65l-7.43-.03c-8.25,0-10.12,6.17-10.12,10.12v5.52h-4.77v8.53h4.77v24.14h10.03V24.79h6.77l.88-8.53Z' fill='%23145b8c'/%3E%3C/svg%3E");
}
.share-wrapper .share-this-icons ul li a.share-twitter {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 1200 1227' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z' fill='%23145b8c'/%3E%3C/svg%3E%0A");
}
.share-wrapper .share-this-icons ul li a.share-twitter:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 1200 1227' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z' fill='%23145b8c'/%3E%3C/svg%3E%0A");
}
.share-wrapper .share-this-icons ul li a.share-linkedin {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve' fill='%231a78b9'%3E%3Cg%3E%3Cpath d='M4.9,18h8.3v26.4H4.9V18z'/%3E%3Cpath d='M8.9,5.6c-3,0-5,2-5,4.6c0,2.6,1.9,4.6,4.9,4.6h0.1c3.1,0,5-2,5-4.6C13.8,7.5,11.9,5.6,8.9,5.6L8.9,5.6z'/%3E%3Cpath d='M35.7,17.8c-4.7,0-7.7,2.6-8.2,4.4V18h-9.3c0.1,2.2,0,26.4,0,26.4h9.3V30.2c0-0.8,0-1.6,0.2-2.2c0.6-1.6,2-3.2,4.5-3.2 c3.2,0,4.7,2.4,4.7,6v13.7h9.4V29.8C46.2,21.6,41.6,17.8,35.7,17.8L35.7,17.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.share-wrapper .share-this-icons ul li a.share-linkedin:hover {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve' fill='%23145b8c'%3E%3Cg%3E%3Cpath d='M4.9,18h8.3v26.4H4.9V18z'/%3E%3Cpath d='M8.9,5.6c-3,0-5,2-5,4.6c0,2.6,1.9,4.6,4.9,4.6h0.1c3.1,0,5-2,5-4.6C13.8,7.5,11.9,5.6,8.9,5.6L8.9,5.6z'/%3E%3Cpath d='M35.7,17.8c-4.7,0-7.7,2.6-8.2,4.4V18h-9.3c0.1,2.2,0,26.4,0,26.4h9.3V30.2c0-0.8,0-1.6,0.2-2.2c0.6-1.6,2-3.2,4.5-3.2 c3.2,0,4.7,2.4,4.7,6v13.7h9.4V29.8C46.2,21.6,41.6,17.8,35.7,17.8L35.7,17.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.share-wrapper .share-this-icons ul li a.share-email {
  background-image: url("data:image/svg+xml,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%231a78b9'%3E%3Cpath d='M24 24.2l21.2-13.8C44.5 9 43 8 41.3 8H6.7c-1.8 0-3.3 1-4 2.4L24 24.2z'/%3E%3Cpath d='M24.9 27.2c-.3.2-.6.3-.9.3s-.6-.1-.9-.3L2.4 13.8V36c0 2.2 1.9 4 4.3 4h34.5c2.4 0 4.3-1.8 4.3-4V13.8L24.9 27.2z'/%3E%3C/svg%3E%0A");
}
.share-wrapper .share-this-icons ul li a.share-email:hover {
  background-image: url("data:image/svg+xml,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23145b8c'%3E%3Cpath d='M24 24.2l21.2-13.8C44.5 9 43 8 41.3 8H6.7c-1.8 0-3.3 1-4 2.4L24 24.2z'/%3E%3Cpath d='M24.9 27.2c-.3.2-.6.3-.9.3s-.6-.1-.9-.3L2.4 13.8V36c0 2.2 1.9 4 4.3 4h34.5c2.4 0 4.3-1.8 4.3-4V13.8L24.9 27.2z'/%3E%3C/svg%3E%0A");
}

.hear-videos {
  background-image: linear-gradient(90deg, #f7941d, #e5a558);
  padding: 30px 0;
  margin-top: 50px;
}
.hear-videos.inner-page {
  margin-top: 0;
  padding: 20px 0;
}
.hear-videos.bluebg {
  background-image: linear-gradient(96deg, #054068, #0c5688);
}

.video-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -30px;
}
.video-list li {
  margin: 0;
}
.video-list > li {
  width: calc(50% - 60px);
  margin: 30px;
  text-align: center;
}
.video-list > li .text {
  padding: 30px;
  background-color: #fff;
  margin-top: -11px;
  font-size: 18px;
  line-height: 1.4;
  border-bottom: 10px solid #63338f;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}
.video-list > li .text strong {
  font-size: 24px;
  text-transform: none;
  color: #1a78b9;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.roles-accordion {
  padding: 40px 0;
  background-image: linear-gradient(90deg, rgb(5, 64, 104) 0%, rgb(36, 120, 177) 50%, rgb(5, 64, 104) 100%), url("../images/sub/working-in-public-health/it-gray.webp");
  background-position: center left;
  background-blend-mode: multiply;
  background-size: cover;
  background-attachment: fixed;
}
.roles-accordion.fellowship-aphl {
  background-image: linear-gradient(90deg, rgb(5, 64, 104) 0%, rgb(36, 120, 177) 50%, rgb(5, 64, 104) 100%), url("../images/comps/gettyimages-1386962536-170667a.jpg");
}
.roles-accordion .wrap {
  max-width: 1024px;
}
.roles-accordion h3 {
  margin: 0 0 20px;
  color: #fff;
  font-size: 30px;
  text-align: center;
}
.roles-accordion p {
  text-align: center;
  color: #fff;
  font-size: 21px;
}
.roles-accordion a {
  color: #fff;
}
.roles-accordion .accordion-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.roles-accordion .accordion-list li {
  margin: 0;
}
.roles-accordion .accordion-list li {
  background-color: rgba(255, 255, 255, 0.95);
  padding: 10px 25px 10px 25px;
  margin-bottom: 10px;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}
.roles-accordion .accordion-list li .accordion-header a {
  font-size: 18px;
  text-decoration: none;
  font-weight: 700;
  position: relative;
  display: block;
  color: #1a78b9;
  padding-right: 25px;
}
.roles-accordion .accordion-list li .accordion-header a:after {
  content: "+";
  position: absolute;
  right: 0;
  font-weight: 700;
  font-size: 24px;
  top: -5px;
  color: #63338f;
}
.roles-accordion .accordion-list li .accordion-header a.active:after {
  transform: rotate(45deg);
}
.roles-accordion .accordion-list li .accordion-content {
  display: none;
  padding-top: 5px;
}
.roles-accordion .accordion-list li .accordion-content a {
  color: #1a78b9;
  text-decoration: none;
}

.faqs-page {
  background-image: linear-gradient(0deg, #ecf6df, #c0d9a1);
  padding: 40px 0;
}
.faqs-page h2 {
  text-align: center;
  font-size: 35px;
  text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.1);
}
.faqs-page .accordion {
  border: 1px solid #d2d2d2;
  box-shadow: 5px 9px 24px 3px rgba(0, 0, 0, 0.16);
  padding: 25px 50px;
  margin-bottom: 30px;
  background-color: #fff;
}
.faqs-page .accordion-content {
  display: none;
}
.faqs-page .accordion-content a {
  color: #1a78b9;
}
.faqs-page .accordion-content a:hover {
  color: #63338f;
}
.faqs-page .accordion-header a {
  font-size: 28px;
  line-height: 1.2;
  color: #1a78b9;
  position: relative;
  display: block;
  text-decoration: none;
  padding-right: 50px;
}
.faqs-page .accordion-header a:after {
  content: "+";
  position: absolute;
  right: 0;
  font-size: 36px;
  top: -5px;
  color: #63338f;
  font-weight: normal;
}

.about-astho {
  padding: 60px 0;
  background-image: url("../images/sub/about/astho-bg.jpg");
  background-size: cover;
  background-position: center center;
}
.about-astho .wrap {
  display: flex;
  justify-content: space-between;
}
.about-astho .text-col {
  width: 66%;
}
.about-astho .text-col p {
  font-size: 22px;
  color: #1a78b9;
}
.about-astho .logo-col {
  padding: 30px;
  width: 30%;
}
.about-astho .logo-col img {
  max-width: 100%;
  height: auto;
}

.contact-us {
  padding: 50px 0;
  background-image: linear-gradient(180deg, #f1f1f1, #fefefe);
  text-align: center;
}
.contact-us p {
  font-size: 26px;
  line-height: 1.3;
  color: #1a78b9;
  font-weight: 500;
}
.contact-us p a {
  color: #572b81;
  text-decoration: none;
}
.contact-us p a:hover {
  color: #1a78b9;
}

.special-thanks {
  padding: 30px 0;
  text-align: center;
  background-color: #1a78b9;
  position: relative;
}
.special-thanks:before {
  content: "";
  height: 60px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.special-thanks .wrap {
  position: relative;
  z-index: 2;
}
.special-thanks h2 {
  margin-top: 0;
  color: #fff;
}
.special-thanks p {
  font-size: 22px;
  color: #fff;
}

.testimonials {
  position: relative;
  padding-top: 30px !important;
  text-align: center;
}

.testimonial .wrap {
  z-index: 3;
  position: relative;
}

.testimonials h2 {
  z-index: 3;
  position: relative;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 500;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  color: #fff;
}

.testimonials p {
  font-size: 18px;
  font-weight: 700;
  color: #1a78b9;
}

.testimonial-slider {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  background-color: #fff;
  padding: 15px 20px 20px;
  margin-top: 20px;
  margin-bottom: 30px;
  border-bottom: 10px solid #4F2A79;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}

.testimonial-slide.with-headshot .content-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.testimonial-slide.with-headshot .quote-wrap {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 240px);
}
.testimonial-slide.with-headshot .img-wrap {
  display: block;
  padding: 10px;
}
.testimonial-slide.with-headshot .img-wrap img {
  width: 225px;
  box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 768px) {
  .testimonial-slide.with-headshot .content-wrap {
    flex-direction: column;
  }
  .testimonial-slide.with-headshot .quote-wrap {
    width: 100%;
  }
}
.testimonials .slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.testimonials .slick-arrow {
  height: 40px;
  width: 25px;
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
}
.testimonials .slick-arrow.slick-prev {
  left: 10px;
}
.testimonials .slick-arrow.slick-prev:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-left: 2px solid #4F2A79;
  border-bottom: 2px solid #4F2A79;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.testimonials .slick-arrow.slick-next {
  right: 10px;
}
.testimonials .slick-arrow.slick-next:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-right: 2px solid #4F2A79;
  border-bottom: 2px solid #4F2A79;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.testimonials .slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}

.testimonials .slick-dots li button {
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  width: 15px;
  padding: 0;
  height: 15px;
  display: block;
  border-radius: 100%;
  border: 2px solid #4F2A79;
  background-color: transparent;
}

.testimonials .slick-dots li.slick-active button {
  background-color: #4F2A79;
}

.testimonials blockquote {
  font-size: 26px;
}

.testimonials .testimonial-slide p {
  font-size: 21px;
  font-weight: normal;
}

.hear-videos.testimonials.inner-page .video-list > li {
  margin: 0 30px 30px;
}

@media screen and (max-width: 1440px) {
  #header nav .wrap > ul > li > a {
    font-size: 0.875em;
  }
  .intro-block .inner-wrap {
    margin: 75px 0;
    width: calc(130% + 20px);
  }
  .intro-block .inner-wrap h2 {
    font-size: 32px;
    font-size: 2.2222222222vw;
  }
  .intro-block .inner-wrap p {
    font-size: 21px;
    font-size: 1.4583333333vw;
  }
  .two-col-block h2 {
    font-size: 32px;
    font-size: 2.2222222222vw;
  }
  .two-col-block p {
    font-size: 21px;
    font-size: 1.4583333333vw;
  }
  .two-col-block .inner-wrap {
    color: #fff;
    padding: 15% 40px;
  }
  .about-astho .text-col p {
    font-size: 1.4583333333vw;
  }
  .number-callout h2 {
    font-size: 32px;
    font-size: 2.2222222222vw;
  }
  .number-callout .text-col {
    width: calc(100% - 250px);
  }
  .number-callout .number-col .large-number {
    font-size: 8.3333333333vw;
  }
  .number-callout .number-col .large-number span {
    font-size: 4.8611111111vw;
  }
  .mid-headline h2 {
    font-size: 2.2222222222vw;
  }
  .mid-headline p {
    font-size: 2.2222222222vw;
  }
  .benefits-list h2 {
    font-size: 2.8070175439vw;
  }
  .benefits-list ul li h3 {
    font-size: 2.0833333333vw;
  }
  .benefits-list ul li p {
    font-size: 1.3888888889vw;
  }
  .quote.with-photo .img-wrap {
    width: 25%;
  }
  .quote.with-photo .img-wrap img {
    width: 100%;
    height: auto;
  }
  .quote.with-photo .quote-wrap {
    width: 66%;
  }
  .quote blockquote {
    font-size: 2.2222222222vw;
  }
  .multi-images-text .text-block p {
    font-size: 1.6666666667vw;
  }
  .connect-with-states h2 {
    font-size: 2.4305555556vw;
  }
  .essential-public h2,
  .areas-of-study h2 {
    font-size: 2.5vw;
  }
  .two-col-block h3 {
    font-size: 2.0833333333vw;
  }
  .job-details .text-column h1 {
    font-size: 2.9166666667vw;
  }
}
@media screen and (max-width: 1250px) {
  #header nav .wrap > ul > li > button {
    font-size: 13px;
    white-space: nowrap;
    padding: 7px 25px 7px 10px;
  }
  #header nav .wrap > ul > li > button:after {
    right: 5px;
  }
  #header nav .wrap > ul > li > span,
  #header nav .wrap > ul > li > a {
    font-size: 12px;
    white-space: nowrap;
    padding: 7px;
    margin: 0;
  }
  .inner-banner .inner-banner-bg {
    background-position: center right;
  }
  .inner-banner .inner-banner-bg.hear-from-public-health {
    background-position: -740px center;
  }
  .inner-banner .inner-banner-text {
    max-width: 35%;
  }
  .inner-banner .inner-banner-text h1 {
    font-size: 4.8vw;
  }
  .inner-banner-with-slider .inner-banner-text h1 {
    font-size: 4vw;
  }
  .areas-of-study ul li {
    width: 33%;
  }
  .search-public-health-home form .dropdown-wrap > ul {
    padding: 15px 16px;
    width: calc(100% - 6px);
    right: 0;
  }
}
@media screen and (min-width: 1500px) {
  .two-col-block.flipped .inner-wrap {
    float: left;
  }
}
@media screen and (max-width: 1120px) {
  #header nav ul {
    justify-content: space-between;
  }
  #header nav ul li a {
    font-size: 0.8125em;
  }
  .internships-fellowships .intern-header {
    font-size: 3.2142857143vw;
  }
  .internships-fellowships .intern-link a {
    font-size: 1.7857142857vw;
  }
  .intro-block .inner-wrap {
    padding: 50px 30px;
  }
  .two-col-block .inner-wrap {
    padding: 15% 20px;
  }
  .chart-wrap {
    max-width: 100%;
  }
  .chart-wrap div.copy {
    width: 50%;
  }
  .chart-wrap div.chart {
    width: 50%;
    margin-top: 0;
  }
  .search-public-health-home .dropdown-list > li {
    width: calc(50% - 7px);
  }
  .search-public-health-home .dropdown-list > li:last-child {
    margin-right: 0;
  }
  .upcoming-callouts .wrap {
    display: block;
  }
  .upcoming-callouts .wrap .event {
    width: 100%;
    margin-bottom: 30px;
  }
  .upcoming-callouts .wrap .event.with-image {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 960px) {
  .search-public-health-home h1,
  .search-public-health-home h2 {
    font-size: 1.5em;
  }
  .search-public-health-home form {
    border: none;
    display: block;
  }
  .search-public-health-home form .dropdown-wrap {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .search-public-health-home form .dropdown-wrap .search-accordion-button {
    width: 100%;
    padding: 15px 65px 15px 20px;
  }
  .search-public-health-home form .dropdown-wrap .search-accordion-button:after {
    border-top: 8px solid #1a78b9;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: 15px;
  }
  .search-public-health-home form .dropdown-wrap:after {
    content: none;
  }
  .search-public-health-home form .dropdown-wrap > ul {
    width: 100%;
  }
  .search-public-health-home form .input-wrap {
    width: 100%;
    padding: 0 !important;
    border: none;
    margin-bottom: 10px;
  }
  .search-public-health-home form .input-wrap input {
    border: 1px solid #c7c2bc;
    width: 100%;
    padding: 15px 100px 15px 20px;
    border-radius: 5px;
    display: block;
  }
  .search-public-health-home form .input-wrap:after {
    content: none !important;
  }
  .search-public-health-home form .submit-wrap button {
    text-align: left;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    height: 30px;
    width: 40px;
  }
  .search-public-health-home form .submit-wrap button svg {
    height: 20px;
    width: 20px;
  }
  #header .menu-toggle {
    display: block;
  }
  #header .top-row .btn, #header .top-row .quiz-enter-scores button, .quiz-enter-scores #header .top-row button {
    display: none;
  }
  #header nav {
    display: none;
    position: absolute;
    top: 155px;
    z-index: 99;
    width: 100%;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
    border-bottom: none;
  }
  #header nav .wrap > ul {
    display: block;
  }
  #header nav .wrap > ul > li {
    display: block;
    padding: 0;
    border-right: none;
    border-top: 1px solid #89cbf9;
  }
  #header nav .wrap > ul > li.mobile-only {
    display: block;
  }
  #header nav .wrap > ul > li:hover > ul {
    display: none;
  }
  #header nav .wrap > ul > li > a,
  #header nav .wrap > ul > li button {
    padding: 20px 10px;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;
  }
  #header nav .wrap > ul > li > a:after,
  #header nav .wrap > ul > li button:after {
    top: 28px;
  }
  #header nav .wrap > ul > li:first-child {
    border-top: 0;
  }
  #header nav .wrap > ul > li > ul {
    display: none;
    text-align: left;
    position: static;
    background-color: transparent;
  }
  #header nav .wrap > ul > li > ul > li {
    border-top: 1px solid #89cbf9;
    background-color: transparent;
  }
  #header nav .wrap > ul > li > ul > li > a {
    color: #fff;
    padding: 20px 10px;
    display: block;
    font-size: 14px;
  }
  .hero-banner {
    background-color: #1a78b9;
    height: auto;
    min-height: auto;
  }
  .hero-banner .hero-banner-slide {
    height: auto;
    min-height: auto;
  }
  .hero-banner .hero-banner-img {
    padding-bottom: 40%;
    position: static;
    width: 100%;
    height: 0;
    background-position: top center;
    background-image: url("../images/home/hero-mobile.jpg");
  }
  .hero-banner .hero-banner-img.hero-1 {
    background-position: center;
    background-image: url("../images/home/hero-1-mobile.jpg");
  }
  .hero-banner .hero-banner-img.hero-2 {
    background-position: center;
    background-image: url("../images/home/hero-2-mobile.jpg");
  }
  .hero-banner .hero-banner-img.hero-3 {
    background-position: center;
    background-image: url("../images/home/hero-3-mobile.jpg");
  }
  .hero-banner .hero-banner-img.hero-4 {
    background-position: center top;
    background-image: url("../images/home/hero-4-mobile.jpg");
  }
  .hero-banner .hero-banner-img.hero-june {
    background-position: center top;
    background-image: url("../images/home/hero-june-mobile.jpg");
  }
  .hero-banner .hero-banner-img.hero-july {
    background-position: center top;
    background-image: url("../images/home/hero-july-mobile.jpg");
  }
  .hero-banner .hero-banner-img.phig-partners {
    background-position: center;
    background-image: url("../images/home/2.png");
  }
  .hero-banner .hero-banner-img.hero-august {
    background-position: center top;
    background-image: url("../images/home/hero-august-mobile.webp");
  }
  .hero-banner .hero-banner-img.hero-september {
    background-position: center top;
    background-image: url("../images/home/hero-sept-mobile.webp");
  }
  .hero-banner .hero-banner-img.hero-october {
    background-position: center top;
    background-image: url("../images/home/hero-oct-mobile.webp");
  }
  .hero-banner .hero-banner-text {
    height: auto;
    background-color: transparent;
    width: auto;
    display: block;
    padding: 30px 50px;
  }
  .hero-banner .hero-banner-text h1 {
    font-size: 3em;
  }
  .hero-banner .hero-banner-text-phig-partners {
    position: static;
    transform: none;
    background-color: #eee;
    border-radius: 0;
    margin: 0 -20px;
    width: calc(100% + 40px);
  }
  .hero-banner .hero-banner-text-phig-partners h1 {
    font-size: 3em;
    white-space: wrap;
  }
  .hero-banner .hero-banner-text-phig-partners h1 small {
    font-size: 1.5rem;
  }
  .hero-banner .hero-banner-text-phig-partners a {
    font-size: 16px;
  }
  .hero-banner .hero-banner-slide.content-slide .hero-banner-text .inner {
    padding: 0;
  }
  .hero-banner .hero-banner-slide.content-slide .hero-banner-text h2 {
    font-size: 1.75em;
  }
  .hero-banner .hero-banner-slide.content-slide .hero-banner-text p {
    font-size: 1em;
  }
  .importance-of-public-health ul li {
    width: 50%;
    padding-bottom: 35%;
  }
  .connect-with-states h2 {
    font-size: 32px;
  }
  .connect-with-states .state-list ul {
    columns: 3;
  }
  .connect-with-states .country-wrap {
    position: relative;
    width: 70%;
    margin: 0 auto 20px;
    float: none;
  }
  .connect-with-states .state-list {
    width: 100%;
  }
  #footer .footer-logo-wrap {
    width: 200px;
  }
  #footer .footer-logo-wrap img {
    max-width: 100%;
    height: auto;
  }
  #footer .footer-right {
    width: calc(100% - 250px);
  }
  #footer .footer-right .copyright {
    margin-right: 20px;
    margin-bottom: 10px;
  }
  .number-callout {
    text-align: center;
  }
  .number-callout .number-callout-wrap {
    flex-direction: column;
  }
  .number-callout .text-col {
    width: 100%;
  }
  .number-callout .number-col {
    max-width: 100%;
    border-left: none;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding-left: 0;
    margin-left: 0;
  }
  .mid-headline h2 {
    font-size: 24px;
  }
  .mid-headline p {
    font-size: 24px;
  }
  .intro-block {
    margin-top: 30px;
  }
  .benefits-list {
    padding: 65px 0 65px;
  }
  .benefits-list h2 {
    font-size: 32px;
  }
  .benefits-list ul li {
    width: 100%;
    padding: 0 0 30px;
  }
  .benefits-list ul li h3 {
    font-size: 24px;
  }
  .benefits-list ul li p {
    font-size: 18px;
  }
  .chart-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .chart-wrap > div.copy, .chart-wrap > div.chart {
    width: 100%;
  }
  .job-listing .job-list {
    max-width: 100%;
  }
  .job-listing .job-list li {
    padding: 30px 35px;
    margin-bottom: 15px;
  }
  .job-listing .job-list li a h3 {
    font-size: 21px;
  }
  .job-listing .job-list li .job-location {
    font-size: 14px;
  }
  .job-details .wrap {
    display: block;
  }
  .job-details .text-column {
    width: 100%;
  }
  .job-details .job-details {
    width: 100%;
  }
}
.mobile-selector {
  display: none;
}

@media screen and (max-width: 768px) {
  .desktop-selector {
    display: none;
  }
  .mobile-selector {
    display: block;
  }
  .connect-with-states {
    background-image: url("../svg/map-bg.svg");
    background-position: 84% top;
    background-repeat: no-repeat;
    min-height: 500px;
  }
  .upcoming-callouts .wrap .event h2 {
    font-size: 24px;
  }
  #header .menu-toggle {
    margin: 35px 0 0;
  }
  #header .logo-wrap {
    margin: 0 0;
  }
  #header .logo-wrap img {
    max-width: 300px;
  }
  #header nav {
    top: 85px;
  }
  .video-list {
    flex-direction: column;
    margin: 0;
  }
  .video-list > li {
    margin: 10px 0 !important;
    padding: 0;
    width: 100%;
  }
  .video-list > li .text {
    font-size: 16px;
  }
  .inner-banner {
    background-color: #1a78b9;
    height: auto;
    min-height: 0;
  }
  .inner-banner .inner-banner-bg {
    padding-bottom: 40%;
    position: static;
    width: 100%;
    height: 0;
  }
  .inner-banner .inner-banner-bg.hear-from-public-health {
    background-position: center right;
  }
  .inner-banner .inner-banner-text {
    height: auto;
    background-color: transparent;
    width: auto;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    padding: 30px 20px;
    text-align: center;
  }
  .inner-banner .inner-banner-text h1 {
    font-size: 2.25em;
    line-height: 1.2;
  }
  .inner-banner.with-slider .inner-slider {
    position: static;
  }
  .inner-banner.with-slider .inner-slider .inner-banner-bg {
    height: 0;
    padding-bottom: 8%;
  }
  .inner-banner.with-slider .inner-banner-bg.islands {
    background-image: url("../images/sub/islands/island-banner-mobile.jpg");
  }
  .inner-banner.with-slider .inner-banner-bg.islands-two {
    background-image: url("../images/sub/islands/island-banner-2-mobile.jpg");
  }
  .inner-banner-with-slider {
    flex-direction: column;
    display: flex;
  }
  .inner-banner-with-slider .inner-banner-text {
    width: 100%;
    height: auto;
    padding: 30px 20px;
    background-color: #014473;
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 100%;
    display: inline-flex;
  }
  .inner-banner-with-slider .inner-banner-text h1 {
    font-size: 2.25em;
    line-height: 1.1;
  }
  .inner-banner-with-slider .inner-slider {
    display: block;
    width: 100%;
    height: 100%;
  }
  .inner-banner-with-slider .inner-slider .inner-banner-bg {
    position: static;
    width: 100%;
    height: 0;
    padding-bottom: 8%;
    background-size: cover;
    background-position: center center;
  }
  .inner-banner-with-slider .inner-slider .inner-banner-bg.islands {
    background-image: url("../images/sub/islands/island-banner-mobile.jpg");
  }
  .inner-banner-with-slider .inner-slider .inner-banner-bg.islands-two {
    background-image: url("../images/sub/islands/island-banner-2-mobile.jpg");
  }
  .search-public-health-home h1,
  .search-public-health-home h2 {
    font-size: 1.5em;
  }
  .search-public-health-home form {
    border: none;
    display: block;
  }
  .search-public-health-home form .input-wrap {
    width: 100%;
    padding: 0 !important;
    border: none;
    margin-bottom: 10px;
  }
  .search-public-health-home form .input-wrap input {
    border: 1px solid #c7c2bc;
    width: 100%;
    padding: 15px 100px 15px 20px;
    border-radius: 5px;
    display: block;
  }
  .search-public-health-home form .input-wrap:after {
    content: none !important;
  }
  .search-public-health-home form .dropdown-wrap {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .search-public-health-home form .dropdown-wrap .search-accordion-button {
    width: 100%;
  }
  .search-public-health-home form .dropdown-wrap:after {
    content: none !important;
  }
  .search-public-health-home form .submit-wrap button {
    text-align: left;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    height: 30px;
    width: 40px;
  }
  .connect-with-states h2 {
    font-size: 1.5em;
  }
  .importance-of-public-health ul li a {
    font-size: 24px;
  }
  .importance-of-public-health {
    padding-top: 25px;
    margin-top: 30px;
  }
  .importance-of-public-health p {
    font-size: 1.3125 0em;
  }
  .importance-of-public-health ul {
    margin: 50px 0 0;
  }
  .connect-with-states .state-list ul {
    columns: 2;
  }
  .connect-with-states .state-list ul li a {
    font-size: 16px;
    padding: 5px 0 0;
    display: block;
  }
  .contact-us p {
    font-size: 18px;
  }
  #footer .footer-logo-wrap {
    float: none;
    margin: 0 auto 30px;
    width: 200px;
  }
  #footer .footer-right {
    width: 100%;
  }
  #footer .footer-right .footer-nav ul li a {
    font-size: 14px;
  }
  #footer .footer-right .footer-bottom {
    display: flex;
    flex-direction: column-reverse;
  }
  #footer .footer-right .share-options {
    margin-bottom: 10px;
  }
  #footer .footer-right .copyright {
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 0;
  }
  .internships-fellowships:before {
    width: 80%;
  }
  .internships-fellowships .wrap {
    display: block;
  }
  .internships-fellowships .intern-header {
    font-size: 36px;
    margin-right: 0;
  }
  .internships-fellowships .intern-link {
    margin: 10px 0;
    padding: 0;
    border: none;
  }
  .internships-fellowships .intern-link a {
    display: inline-block;
    font-size: 18px;
  }
  .two-col-block {
    flex-direction: column !important;
    text-align: center;
  }
  .two-col-block .img-bg-col,
  .two-col-block .text-col {
    width: 100%;
  }
  .two-col-block .text-col .btn, .two-col-block .text-col .quiz-enter-scores button, .quiz-enter-scores .two-col-block .text-col button {
    margin: 0 auto;
  }
  .two-col-block .img-bg-col {
    padding-bottom: 60% !important;
    background-position: 30% top;
  }
  .two-col-block .inner-wrap {
    padding: 30px 20px !important;
  }
  .two-col-block h2 {
    font-size: 28px;
  }
  .two-col-block h3 {
    font-size: 24px;
  }
  .two-col-block p {
    font-size: 18px;
  }
  .two-col-block .text-col ul {
    text-align: left;
  }
  .about-astho .wrap {
    display: block;
  }
  .about-astho .text-col {
    width: 100%;
  }
  .about-astho .text-col p {
    font-size: 18px;
  }
  .about-astho .logo-col {
    width: 100%;
  }
  .about-astho .logo-col img {
    display: block;
    max-width: 300px;
    margin: 0 auto;
  }
  .intro-block {
    flex-direction: column !important;
    background-image: none;
    text-align: center;
  }
  .intro-block.state-intro .inner-wrap {
    margin: 0;
  }
  .intro-block .background-image {
    width: 100%;
    padding-bottom: 60%;
  }
  .intro-block .text {
    width: 100%;
    padding: 40px 20px;
  }
  .intro-block .inner-wrap {
    transform: none !important;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    width: auto;
  }
  .intro-block .inner-wrap h2 {
    font-size: 28px;
  }
  .intro-block .inner-wrap p {
    font-size: 18px;
  }
  .intro-block .inner-wrap a {
    margin: 0 auto;
  }
  .number-callout h2 {
    font-size: 28px;
  }
  .number-callout .number-col {
    padding-top: 20px;
  }
  .number-callout .number-col .large-number {
    font-size: 70px;
  }
  .number-callout .number-col .large-number span {
    font-size: 48px;
  }
  .benefits-list {
    padding: 35px 0;
  }
  .benefits-list h2 {
    font-size: 28px;
  }
  .benefits-list ul li {
    width: 100%;
    align-items: center;
  }
  .benefits-list ul li .icon-wrap {
    max-width: 125px;
  }
  .benefits-list ul li .content-wrap {
    width: calc(100% - 150px);
  }
  .benefits-list ul li h3 {
    font-size: 24px;
  }
  .benefits-list ul li p {
    font-size: 18px;
  }
  .multi-images-text {
    flex-direction: column;
  }
  .multi-images-text > div {
    width: 100%;
  }
  .multi-images-text .text-block {
    padding: 20px 20px;
    height: auto;
  }
  .multi-images-text .text-block .inner-wrap {
    position: static;
    transform: none;
  }
  .multi-images-text .text-block p {
    font-size: 18px;
  }
  .multi-images-text .image-block:last-child {
    background-position: center top;
  }
  .quote.with-photo .wrap {
    display: block;
  }
  .quote.with-photo .quote-wrap {
    width: 100%;
    margin: 0 auto;
    padding-right: 0;
  }
  .quote.with-photo .img-wrap {
    width: 300px;
    margin: 0 auto 30px;
  }
  .quote blockquote {
    font-size: 21px;
    color: #333;
    text-align: center;
  }
  .quote blockquote:before, .quote blockquote:after {
    position: static;
    font-size: 21px;
    color: #333;
  }
  .quote span {
    text-align: center;
  }
  .roles-accordion h2,
  .essential-public h2,
  .areas-of-study h2 {
    font-size: 24px;
  }
  .roles-accordion .accordion-list li .accordion-header a {
    font-size: 16px;
  }
  .areas-of-study ul li {
    width: 49%;
  }
  .search-public-health-home {
    padding-bottom: 0;
    position: relative;
  }
  .search-public-health-home form {
    position: static;
  }
  .search-public-health-home .dropdown-list {
    padding: 0;
    margin-top: 0;
    display: block;
  }
  .search-public-health-home .dropdown-list > li {
    width: 100%;
    margin-bottom: 10px;
  }
  .pagination li {
    margin: 5px;
  }
  .job-details .text-column h1 {
    font-size: 32px;
  }
  .job-details .text-column p {
    font-size: 16px;
  }
  .job-details dl dt {
    font-size: 16px;
  }
  .job-details dl dd {
    font-size: 18px;
  }
  .btn, .quiz-enter-scores button {
    font-size: 16px;
  }
  .faqs-page .accordion {
    padding: 25px 25px;
  }
  .faqs-page .accordion .accordion-header a {
    font-size: 21px;
  }
  .testimonials h2 {
    font-size: 1.5em;
  }
  .testimonials blockquote {
    font-size: 1.25em;
  }
  .testimonials p {
    font-size: 1em;
  }
  .upcoming-callouts .wrap .event.with-image {
    width: 100%;
  }
  .upcoming-callouts .wrap .event.with-image .image-wrap {
    padding-bottom: 43%;
  }
  .upcoming-callouts .wrap .event.with-image .content-wrap {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 480px) {
  #header .logo-wrap img {
    max-width: 250px;
  }
  .hero-banner .hero-banner-text h1 {
    font-size: 1.875em;
  }
  .hero-banner .hero-banner-text-phig-partners {
    padding: 40px 75px;
  }
  .hero-banner .hero-banner-text-phig-partners h1 {
    font-size: 1.875em;
    white-space: wrap;
  }
  .hero-banner .hero-banner-text-phig-partners h1 small {
    font-size: 1.3125rem;
  }
  .inner-banner .inner-banner-text h1 {
    font-size: 1.74em;
  }
  .importance-of-public-health ul li {
    width: 100%;
    padding-bottom: 50%;
  }
  .importance-of-public-health p {
    font-size: 1.125em;
  }
  .connect-with-states .state-list ul li a {
    font-size: 14px;
  }
  #footer .footer-logo-wrap {
    float: none;
    margin: 0 auto 30px;
    width: 150px;
  }
  #footer .footer-right .footer-nav ul {
    columns: 1;
  }
  #footer .footer-right .footer-nav ul:nth-child(4) {
    margin-bottom: 10px;
  }
  .internships-fellowships {
    background: rgb(26, 120, 185);
    text-align: center;
  }
  .internships-fellowships:before, .internships-fellowships:after {
    content: none;
  }
  .internships-fellowships .wrap {
    display: block;
  }
  .internships-fellowships .intern-header {
    font-size: 24px;
  }
  .internships-fellowships .intern-header br {
    display: none;
  }
  .areas-of-study ul li {
    width: 100%;
  }
  .benefits-list ul li {
    display: block;
  }
  .benefits-list ul li .icon-wrap {
    display: block;
    margin: 0 auto;
  }
  .benefits-list ul li .content-wrap {
    width: 100%;
    text-align: center;
  }
  .benefits-list ul li .content-wrap h3 {
    font-size: 22px;
  }
  .intro-block .inner-wrap h2 {
    font-size: 24px;
  }
  .mid-headline p {
    font-size: 18px;
  }
  .benefits-list h2 {
    font-size: 24px;
  }
  .benefits-list ul li .content-wrap h3 {
    font-size: 20px;
  }
  .benefits-list ul li p {
    font-size: 16px;
    line-height: 1.3;
  }
  .chart-wrap .copy,
  .chart-wrap .chart {
    display: none;
  }
  .chart-wrap .mobile-chart {
    display: block;
  }
  .chart-wrap .mobile-chart h3 {
    color: #63338f;
  }
  .chart-wrap .mobile-chart ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .chart-wrap .mobile-chart ul li {
    margin: 0;
  }
  .chart-wrap .mobile-chart ul li ul li {
    color: #fff;
    padding: 20px;
  }
  .chart-wrap .mobile-chart ul li:first-child ul li:first-child {
    background-color: #c6463e;
  }
  .chart-wrap .mobile-chart ul li:first-child ul li:last-child {
    background-color: #db5734;
  }
  .chart-wrap .mobile-chart ul li:nth-child(2) ul li:first-child {
    background-color: #ea8522;
  }
  .chart-wrap .mobile-chart ul li:nth-child(2) ul li:nth-child(2) {
    background-color: #eeb42a;
  }
  .chart-wrap .mobile-chart ul li:nth-child(2) ul li:nth-child(3) {
    background-color: #94c226;
  }
  .chart-wrap .mobile-chart ul li:nth-child(2) ul li:last-child {
    background-color: #25a589;
  }
  .chart-wrap .mobile-chart ul li:nth-child(3) ul li:first-child {
    background-color: #0d6fc2;
  }
  .chart-wrap .mobile-chart ul li:nth-child(3) ul li:nth-child(2) {
    background-color: #024797;
  }
  .chart-wrap .mobile-chart ul li:nth-child(3) ul li:nth-child(3) {
    background-color: #7a3884;
  }
  .chart-wrap .mobile-chart ul li:nth-child(3) ul li:last-child {
    background-color: #bd44b7;
  }
  .job-listing .job-list li > div {
    display: block;
  }
  .search-public-health-home form {
    padding: 20px;
  }
  .search-public-health-home .dropdown-list {
    padding: 0;
  }
  .faqs-page .accordion {
    padding: 25px 25px;
    margin-bottom: 20px;
  }
  .faqs-page .accordion .accordion-header a {
    font-size: 16px;
  }
  .faqs-page .accordion .accordion-header a:after {
    font-size: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 360px) {
  #header .logo-wrap img {
    max-width: 200px;
  }
}
.share-this-icons {
  display: inline-block;
}

.share-this-icons > div {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  margin-right: 10px;
}

.share-this-icons ul {
  padding: 0;
  margin: 0;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
}

.share-this-icons ul li {
  display: inline-block;
  margin: 0 1px;
  height: 24px;
  width: 24px;
  position: relative;
}

.share-this-icons ul li a {
  display: inline-block;
  height: 24px;
  color: #fff;
  width: 24px;
  padding: 0;
  text-indent: -9999px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  border: 1px solid transparent;
}

.share-this-icons ul li a.share-facebook {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg  xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath d='M35.8,16.26h-7.64v-5.01c0-1.88,1.25-2.32,2.13-2.32h5.39V.65l-7.43-.03c-8.25,0-10.12,6.17-10.12,10.12v5.52h-4.77v8.53h4.77v24.14h10.03V24.79h6.77l.88-8.53Z' fill='%23fff'/%3E%3C/svg%3E");
}

.share-this-icons ul li a:hover {
  border-color: #fff;
}

.share-this-icons ul li a.share-twitter {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 1200 1227' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}

.share-this-icons ul li a.share-linkedin {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve' fill='%23fff'%3E%3Cg%3E%3Cpath d='M4.9,18h8.3v26.4H4.9V18z'/%3E%3Cpath d='M8.9,5.6c-3,0-5,2-5,4.6c0,2.6,1.9,4.6,4.9,4.6h0.1c3.1,0,5-2,5-4.6C13.8,7.5,11.9,5.6,8.9,5.6L8.9,5.6z'/%3E%3Cpath d='M35.7,17.8c-4.7,0-7.7,2.6-8.2,4.4V18h-9.3c0.1,2.2,0,26.4,0,26.4h9.3V30.2c0-0.8,0-1.6,0.2-2.2c0.6-1.6,2-3.2,4.5-3.2 c3.2,0,4.7,2.4,4.7,6v13.7h9.4V29.8C46.2,21.6,41.6,17.8,35.7,17.8L35.7,17.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.share-this-icons ul li a.share-email {
  background-image: url("data:image/svg+xml,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23fff'%3E%3Cpath d='M24 24.2l21.2-13.8C44.5 9 43 8 41.3 8H6.7c-1.8 0-3.3 1-4 2.4L24 24.2z'/%3E%3Cpath d='M24.9 27.2c-.3.2-.6.3-.9.3s-.6-.1-.9-.3L2.4 13.8V36c0 2.2 1.9 4 4.3 4h34.5c2.4 0 4.3-1.8 4.3-4V13.8L24.9 27.2z'/%3E%3C/svg%3E%0A");
}

#event-callout {
  position: fixed;
  bottom: 0;
  background-image: linear-gradient(0deg, #421b66, #63338f);
  width: 100%;
  color: #fff;
  z-index: 9999;
  padding: 20px 0 15px;
}
#event-callout.active {
  background-image: linear-gradient(0deg, rgb(219, 132, 44) 0%, rgb(244, 147, 49) 100%);
}
#event-callout .wrap {
  max-width: 1300px;
}
#event-callout .event-accordion-top a {
  color: #fff;
  text-decoration: none;
  display: block;
  position: relative;
  cursor: pointer;
}
#event-callout .event-accordion-top a:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border-top: 12px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
#event-callout .event-accordion-top a.active:before {
  transform: rotate(180deg);
}
#event-callout .event-accordion-top h3 {
  display: inline-block;
  font-size: 2em;
  margin: 0;
  color: #fff;
}
#event-callout .event-accordion-top h3 a {
  color: #fff;
}
#event-callout .event-accordion-bottom {
  display: none;
}
#event-callout .event-accordion-bottom .inner {
  padding: 30px 0 20px;
  display: flex;
  justify-content: space-between;
}
#event-callout .event-accordion-bottom .inner .date-col {
  width: 250px;
  padding: 0;
}
#event-callout .event-accordion-bottom .inner .date-col time {
  display: block;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 300;
}
#event-callout .event-accordion-bottom .inner .date-col time:before {
  content: "When";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  margin-bottom: 5px;
}
#event-callout .event-accordion-bottom .inner .date-col address {
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
}
#event-callout .event-accordion-bottom .inner .date-col address:before {
  content: "Where";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  margin-bottom: 5px;
}
#event-callout .event-accordion-bottom .inner .content-col {
  width: calc(100% - 270px);
  padding-left: 40px;
}
#event-callout .event-accordion-bottom .inner .content-col h4 {
  font-size: 24px;
  margin: 0 0 10px;
}
#event-callout .event-accordion-bottom .inner .content-col > p {
  margin-top: 0;
  font-size: 20px;
}
#event-callout .event-accordion-bottom .inner .content-col > p a {
  color: #fff;
}
@media screen and (max-width: 960px) {
  #event-callout .event-accordion-top h3 {
    font-size: 1.5em;
  }
  #event-callout .event-accordion-bottom .inner .content-col h4 {
    font-size: 18px;
  }
  #event-callout .event-accordion-bottom .inner .content-col > p {
    font-size: 16px;
  }
}
@media screen and (max-width: 700px) {
  #event-callout .event-accordion-top h3 {
    font-size: 1.25em;
  }
  #event-callout .event-accordion-top a:before {
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
  }
  #event-callout .event-accordion-bottom .inner {
    display: block;
  }
  #event-callout .event-accordion-bottom .inner .date-col {
    width: 100%;
    margin-bottom: 20px;
  }
  #event-callout .event-accordion-bottom .inner .content-col {
    width: 100%;
    padding-left: 0;
  }
}
.why-work-on-island {
  padding: 60px 0;
  background-size: cover;
  background-position: center;
  background-image: url("../images/sub/islands/work-island-bg.jpg");
  text-align: center;
}
.why-work-on-island h2 {
  font-size: 35px;
  color: #fff;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
}
.why-work-on-island ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.why-work-on-island ul li {
  margin: 0;
}
.why-work-on-island ul li {
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 21px;
  margin-bottom: 20px;
  padding: 30px;
}
.why-work-on-island ul li strong {
  color: #1a78b9;
  font-size: 24px;
  display: block;
}
.why-work-on-island ul li a {
  color: #1a78b9;
  text-decoration: none;
}
.why-work-on-island ul li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 900px) {
  .why-work-on-island {
    padding: 30px 0;
    background-size: cover;
    background-position: center;
    background-image: url("../images/sub/islands/work-island-bg.jpg");
    text-align: center;
  }
  .why-work-on-island h2 {
    font-size: 32px;
    color: #fff;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
  }
  .why-work-on-island ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .why-work-on-island ul li {
    margin: 0;
  }
  .why-work-on-island ul li {
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    margin-bottom: 10px;
    padding: 20px;
  }
  .why-work-on-island ul li strong {
    color: #1a78b9;
    font-size: 21px;
    display: block;
  }
  .why-work-on-island ul li a {
    color: #1a78b9;
    text-decoration: none;
  }
  .why-work-on-island ul li a:hover {
    text-decoration: underline;
  }
}
.island-public-health-priorities {
  background-color: #1a78b9;
  padding: 40px 0;
  text-align: center;
}
.island-public-health-priorities h2 {
  font-size: 35px;
  color: #fff;
}
.island-public-health-priorities ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.island-public-health-priorities ul li {
  margin: 0;
}
.island-public-health-priorities ul li {
  font-size: 21px;
  margin-bottom: 5px;
}
.island-public-health-priorities .row {
  display: flex;
  align-items: stretch;
  background-color: #fff;
  margin-bottom: 40px;
}
.island-public-health-priorities .row:before, .island-public-health-priorities .row:after {
  content: "";
  width: 25%;
  padding-bottom: 15%;
  background-color: #8dc63f;
  background-position: center center;
  background-size: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.island-public-health-priorities .row .content {
  width: 50%;
  padding: 20px 0;
}
.island-public-health-priorities .row .content h3 {
  margin-top: 0;
  font-size: 24px;
  color: #1a78b9;
}
.island-public-health-priorities .row.one:before {
  background-image: url("../images/sub/islands/row-one/row-one-a.jpg");
}
.island-public-health-priorities .row.one:after {
  background-image: url("../images/sub/islands/row-one/row-one-b.jpg");
}
.island-public-health-priorities .row.two:before {
  background-image: url("../images/sub/islands/row-two/row-two-a.jpg");
}
.island-public-health-priorities .row.two:after {
  background-image: url("../images/sub/islands/row-two/row-two-b.jpg");
}

@media screen and (max-width: 900px) {
  .island-public-health-priorities .row {
    flex-direction: column;
    margin: 40px 20px;
  }
  .island-public-health-priorities .row:before, .island-public-health-priorities .row:after {
    content: "";
    width: 100%;
    padding-bottom: 50%;
    background-color: #8dc63f;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .island-public-health-priorities .row .content {
    width: 100%;
  }
}
.health-equality-islands {
  margin: 30px 0;
  text-align: center;
}
.health-equality-islands .inner-wrap {
  background-color: #fff;
  padding: 30px;
}
.health-equality-islands .inner-wrap h2 {
  margin: 0 0 10px;
  font-size: 35px;
  color: #1a78b9;
}
.health-equality-islands .inner-wrap p {
  font-size: 20px;
}
.health-equality-islands .inner-wrap a {
  color: #1a78b9;
  text-decoration: none;
}
.health-equality-islands .inner-wrap a:hover {
  text-decoration: underline;
}
.health-equality-islands .tab-nav {
  display: inline-block;
  margin: 0 0 30px;
  padding: 0 30px 30px;
  list-style: none;
  border-bottom: 1px solid #ececec;
}
.health-equality-islands .tab-nav li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 10px;
}
.health-equality-islands .tab-nav li a.is-active {
  background-color: #8dc63f;
  cursor: default;
}
.health-equality-islands .tab-nav li a h3 {
  line-height: 1;
  font-size: 16px;
}
.health-equality-islands .img-wrap {
  margin: 0 -10px;
  font-size: 0;
}
.health-equality-islands .img-wrap > div {
  display: none;
}
.health-equality-islands .img-wrap > div.is-active {
  display: block;
}
.health-equality-islands .img-wrap > div img {
  width: 65%;
  height: auto;
  max-width: 100%;
}

@media screen and (max-width: 900px) {
  .health-equality-islands .tab-nav {
    margin: 0 auto 30px;
    padding: 0;
  }
  .health-equality-islands .img-wrap {
    margin: 0;
    font-size: 0;
  }
  .health-equality-islands .img-wrap > div {
    display: inline-block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0 0 20px;
  }
  .health-equality-islands .img-wrap > div h3 {
    font-size: 21px;
    color: #8dc63f;
  }
  .health-equality-islands .img-wrap > div img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .health-equality-islands .tab-nav li {
    width: 100%;
    margin: 0 0 10px;
  }
  .health-equality-islands .tab-nav li .btn, .health-equality-islands .tab-nav li .quiz-enter-scores button, .quiz-enter-scores .health-equality-islands .tab-nav li button {
    width: 100%;
  }
}
.intro-block-islands {
  margin-top: 50px;
  background-image: linear-gradient(90deg, #a8c588, #c4dca2);
  padding: 40px 0;
}
.intro-block-islands .text {
  width: 100%;
  margin-bottom: 40px;
}
.intro-block-islands .inner-wrap {
  background-color: #fff;
  padding: 30px;
  text-align: center;
}
.intro-block-islands .inner-wrap h2 {
  margin: 0;
  font-size: 35px;
  line-height: 1.2;
  color: #1a78b9;
}
.intro-block-islands .inner-wrap p {
  font-size: 21px;
  line-height: 1.5;
  font-weight: 300;
}
.intro-block-islands .hello-flags ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -5px;
  text-align: center;
}
.intro-block-islands .hello-flags ul li {
  margin: 0;
}
.intro-block-islands .hello-flags ul li {
  position: relative;
  height: auto;
  width: calc(25% - 25px);
  margin: 5px 5px 20px;
}
.intro-block-islands .hello-flags ul li img {
  height: auto;
  max-width: 100%;
  object-fit: fill;
  display: block;
}
.intro-block-islands .hello-flags ul li:hover .hover-wrap:before {
  opacity: 1;
}
.intro-block-islands .hello-flags ul li:hover span {
  opacity: 1;
}
.intro-block-islands .hello-flags ul li span {
  position: absolute;
  width: 90%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #fff;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}
.intro-block-islands .hello-flags ul li .name-wrap {
  margin-bottom: 5px;
  line-height: 1.2;
  font-size: 14px;
}
.intro-block-islands .hello-flags ul li .hover-wrap {
  display: block;
  position: relative;
}
.intro-block-islands .hello-flags ul li .hover-wrap:before {
  transition: all 0.25s ease-in-out;
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(26, 120, 185, 0.9);
}

@media screen and (max-width: 1000px) {
  .intro-block-islands {
    padding: 0;
  }
  .intro-block-islands .wrap {
    display: block;
    padding: 0;
  }
  .intro-block-islands .text {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
  }
  .intro-block-islands .hello-flags {
    width: 100%;
    padding: 30px 20px;
  }
}
@media screen and (max-width: 800px) {
  .intro-block-islands .hello-flags ul li {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 480px) {
  .intro-block-islands .hello-flags ul li {
    width: calc(50% - 10px);
  }
}
.island-list {
  padding: 30px 0 20px;
}
.island-list h2 {
  text-align: center;
  margin: 0 0 20px;
  color: #1a78b9;
}
.island-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.island-list ul li {
  margin: 0 25px 15px;
  display: inline-block;
}
.island-list ul li a {
  text-decoration: none;
  font-size: 20px;
  color: #1a78b9;
}
.island-list ul li a:hover {
  text-decoration: underline;
}
.island-list ul li:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

/* Resources */
.resources {
  margin: 70px 0;
}
.resources .text-column:first-child {
  border-bottom: 1px solid #a8a8a8;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.resources .text-column h3 {
  font-size: 32px;
  color: #662C91;
  margin: 0 0 10px;
}
.resources .text-column ul {
  list-style: none;
  padding: 0;
  margin: 0 0 100px;
}
.resources .text-column ul:last-child {
  margin-bottom: 0;
}
.resources .text-column ul > li {
  position: relative;
  margin-bottom: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.resources .text-column ul > li div:first-child {
  width: 80%;
}
.resources .text-column ul > li .btn, .resources .text-column ul > li .quiz-enter-scores button, .quiz-enter-scores .resources .text-column ul > li button {
  white-space: nowrap;
}
.resources .text-column ul > li a:not(.btn) {
  color: #1879B9;
  font-size: 24px;
  text-decoration: none;
  display: block;
  margin-bottom: 10px;
}
.resources .text-column ul > li a:not(.btn):hover {
  text-decoration: underline;
}
.resources .text-column ul > li p {
  margin: 0;
  font-size: 18px;
}
.resources .text-column ul > li:hover p {
  display: block;
}
.resources .img-column {
  flex: 1;
}
.resources .img-column img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 800px) {
  .resources {
    margin-top: 0px;
    border-top: 2px solid #9f9f9f;
    padding-top: 30px;
  }
  .resources .wrap {
    display: block;
  }
  .resources .text-column {
    margin-bottom: 60px;
  }
  .resources .text-column ul {
    margin: 0 0 30px;
  }
}
.posting-intro {
  margin: 50px 0;
}
.posting-intro h2 {
  margin: 0;
  font-size: 35px;
  line-height: 1.2;
  color: #1a78b9;
}
.posting-intro p {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 300;
}

@media screen and (max-width: 1440px) {
  .posting-intro h2 {
    font-size: 32px;
    font-size: 2.2222222222vw;
  }
  .posting-intro p {
    font-size: 21px;
    font-size: 1.4583333333vw;
  }
}
@media screen and (max-width: 768px) {
  .posting-intro h2 {
    font-size: 28px;
  }
  .posting-intro p {
    font-size: 18px;
  }
}
.posting-accordion {
  background-color: #1978B9;
  padding: 40px 0;
  position: relative;
}
.posting-accordion:before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  height: 113px;
  width: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}
.posting-accordion .accordion {
  background-color: #fff;
  padding: 30px 60px;
  margin-bottom: 35px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1;
}
.posting-accordion .accordion .accordion-header a {
  position: relative;
  display: block;
  font-size: 32px;
  color: #1978B9;
  font-weight: 700;
  text-decoration: none;
}
.posting-accordion .accordion .accordion-header a:after {
  content: "+";
  color: #662C91;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.posting-accordion .accordion .accordion-header a[aria-expanded=true]:after {
  transform: translateY(-50%) rotate(45deg);
}
.posting-accordion .accordion .accordion-content {
  padding-top: 20px;
  display: none;
}
.posting-accordion .accordion .accordion-content a {
  color: #1978B9;
  text-decoration: none;
}
.posting-accordion .accordion .accordion-content a:hover {
  text-decoration: underline;
}
.posting-accordion .accordion .accordion-content p {
  font-size: 20px;
  color: #000;
}
.posting-accordion .accordion .accordion-content p.larger {
  font-size: 26px;
}
.posting-accordion .accordion .accordion-content h3 {
  color: #662C91;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
}
.posting-accordion .accordion .accordion-content > ol,
.posting-accordion .accordion .accordion-content > ul {
  list-style-type: none;
}
.posting-accordion .accordion .accordion-content > ol > li,
.posting-accordion .accordion .accordion-content > ul > li {
  font-size: 20px;
  color: #000;
  font-weight: normal;
  margin-bottom: 20px;
  position: relative;
}
.posting-accordion .accordion .accordion-content > ol > li::before,
.posting-accordion .accordion .accordion-content > ul > li::before {
  content: "•";
  position: absolute;
  color: #1978B9;
  font-weight: 700;
  font-size: 24px;
  left: -20px;
  top: -2px;
}
.posting-accordion .accordion .accordion-content > ol.large-list,
.posting-accordion .accordion .accordion-content > ul.large-list {
  list-style: none;
  padding: 0;
}
.posting-accordion .accordion .accordion-content > ol.large-list > li,
.posting-accordion .accordion .accordion-content > ul.large-list > li {
  color: #662C91;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
}
.posting-accordion .accordion .accordion-content > ol.large-list > li::before,
.posting-accordion .accordion .accordion-content > ul.large-list > li::before {
  content: none;
}
.posting-accordion .accordion .accordion-content > ol.large-list > li > ol,
.posting-accordion .accordion .accordion-content > ul.large-list > li > ol {
  margin: 20px 0;
  list-style-type: none;
}
.posting-accordion .accordion .accordion-content > ol.large-list > li > ol > li,
.posting-accordion .accordion .accordion-content > ul.large-list > li > ol > li {
  font-size: 20px;
  color: #000;
  font-weight: normal;
  margin-bottom: 20px;
  position: relative;
}
.posting-accordion .accordion .accordion-content > ol.large-list > li > ol > li::before,
.posting-accordion .accordion .accordion-content > ul.large-list > li > ol > li::before {
  content: "•";
  position: absolute;
  color: #1978B9;
  font-weight: 700;
  font-size: 24px;
  left: -20px;
  top: -2px;
}

.astho-blog-callout {
  position: relative;
  padding: 150px 0;
  overflow: hidden;
}
.astho-blog-callout:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 105%;
  background-image: url("../images/sub/aphl/astho-blog-callout-photo.jpg");
  filter: blur(4px);
  background-position: center -1px;
  background-repeat: no-repeat;
  background-size: cover;
}
.astho-blog-callout .wrap {
  position: relative;
  z-index: 1;
}
.astho-blog-callout .inner-wrap {
  background-color: rgba(26, 120, 185, 0.9);
  color: #fff;
  padding: 45px 45px;
  max-width: 980px;
  text-align: center;
  margin: 0 auto;
}
.astho-blog-callout .inner-wrap h2 {
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 15px;
}
.astho-blog-callout .inner-wrap .btn, .astho-blog-callout .inner-wrap .quiz-enter-scores button, .quiz-enter-scores .astho-blog-callout .inner-wrap button {
  display: inline-block;
}
@media screen and (max-width: 1440px) {
  .astho-blog-callout .inner-wrap h2 {
    font-size: 2.2222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .astho-blog-callout .inner-wrap h2 {
    font-size: 20px;
  }
}

.island-test .slick-dots {
  display: none;
}

.blog-container {
  position: relative;
  margin-top: 60px;
  padding: 60px 0;
}
.blog-container:before {
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(220, 220, 220);
  background: linear-gradient(180deg, rgb(220, 220, 220) 0%, rgba(220, 220, 220, 0) 100%);
}
.blog-container .wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.blog-container .blog-page {
  width: 57.1428571429%;
}
.blog-container .blog-page .share-this-icons {
  display: inline-block;
  margin: 10px 0 5px;
}
.blog-container .blog-page .share-this-icons > div {
  display: inline-block;
  vertical-align: top;
  margin-right: 7px;
  color: #1a78b9;
}
.blog-container .blog-page .share-this-icons ul {
  padding: 0;
  margin: 0;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
}
.blog-container .blog-page .share-this-icons ul li {
  display: inline-block;
  margin: 0 2px;
  height: 20px;
  width: 20px;
  position: relative;
}
.blog-container .blog-page .share-this-icons ul li a {
  display: inline-block;
  height: 18px;
  width: 18px;
  padding: 0;
  text-indent: -9999px;
  background-color: #1a78b9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.blog-container .blog-page .share-this-icons ul li a:hover {
  background-color: #f6941c;
}
.blog-container .blog-page .share-this-icons ul li a.share-facebook {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg  xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath d='M35.8,16.26h-7.64v-5.01c0-1.88,1.25-2.32,2.13-2.32h5.39V.65l-7.43-.03c-8.25,0-10.12,6.17-10.12,10.12v5.52h-4.77v8.53h4.77v24.14h10.03V24.79h6.77l.88-8.53Z' fill='%23fff'/%3E%3C/svg%3E");
}
.blog-container .blog-page .share-this-icons ul li a.share-twitter {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 1200 1227' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z' fill='white'/%3E%3C/svg%3E%0A");
}
.blog-container .blog-page .share-this-icons ul li a.share-linkedin {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve' fill='%23fff'%3E%3Cg%3E%3Cpath d='M4.9,18h8.3v26.4H4.9V18z'/%3E%3Cpath d='M8.9,5.6c-3,0-5,2-5,4.6c0,2.6,1.9,4.6,4.9,4.6h0.1c3.1,0,5-2,5-4.6C13.8,7.5,11.9,5.6,8.9,5.6L8.9,5.6z'/%3E%3Cpath d='M35.7,17.8c-4.7,0-7.7,2.6-8.2,4.4V18h-9.3c0.1,2.2,0,26.4,0,26.4h9.3V30.2c0-0.8,0-1.6,0.2-2.2c0.6-1.6,2-3.2,4.5-3.2 c3.2,0,4.7,2.4,4.7,6v13.7h9.4V29.8C46.2,21.6,41.6,17.8,35.7,17.8L35.7,17.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.blog-container .blog-page .share-this-icons ul li a.share-email {
  background-image: url("data:image/svg+xml,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23fff'%3E%3Cpath d='M24 24.2l21.2-13.8C44.5 9 43 8 41.3 8H6.7c-1.8 0-3.3 1-4 2.4L24 24.2z'/%3E%3Cpath d='M24.9 27.2c-.3.2-.6.3-.9.3s-.6-.1-.9-.3L2.4 13.8V36c0 2.2 1.9 4 4.3 4h34.5c2.4 0 4.3-1.8 4.3-4V13.8L24.9 27.2z'/%3E%3C/svg%3E%0A");
}
.blog-container .blog-page h1 {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 300;
  color: #1978B9;
  margin: 0 0 15px;
}
.blog-container .blog-page .cat-time {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #F6941C;
}
.blog-container .blog-page article {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #DCDCDC;
}
.blog-container .blog-page article:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.blog-container .blog-page article .btn, .blog-container .blog-page article .quiz-enter-scores button, .quiz-enter-scores .blog-container .blog-page article button {
  width: auto;
  display: inline-block;
  padding: 15px 40px;
}
.blog-container .blog-side-bar {
  width: 35.7142857143%;
}
.blog-container .blog-side-bar form {
  background-color: #1978B9;
  padding: 30px 20px;
  border-radius: 10px;
}
.blog-container .blog-side-bar form > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-container .blog-side-bar form > ul li {
  margin: 0;
}
.blog-container .blog-side-bar form > ul > li {
  margin-bottom: 20px;
}
.blog-container .blog-side-bar form > ul > li:last-child {
  margin-bottom: 0;
}
.blog-container .blog-side-bar form .search-accordion-list {
  display: none;
  background-color: #fff;
  border: 1px solid #D1CDC7;
  border-top: none;
  position: relative;
  top: -5px;
  height: 250px;
  overflow-y: scroll;
  border-radius: 0 0 5px 5px;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 20px 18px 20px;
}
.blog-container .blog-side-bar form .search-accordion-list li {
  margin: 0;
}
.blog-container .blog-side-bar form .search-accordion-list > li {
  margin-bottom: 3px;
}
.blog-container .blog-side-bar form .search-accordion-list > li > a {
  color: #1a78b9;
}
.blog-container .blog-side-bar form .input-wrap {
  position: relative;
}
.blog-container .blog-side-bar form .input-wrap input[type=text] {
  padding: 18px 65px 18px 20px;
  width: 100%;
  border-radius: 5px;
  font-size: 20px;
  border: 1px solid #D1CDC7;
}
.blog-container .blog-side-bar form .input-wrap .search-button {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.blog-container .blog-side-bar form .search-accordion-button {
  font-size: 20px;
  display: block;
  border: none;
  background-color: #fff;
  border: 1px solid #D1CDC7;
  display: block;
  width: 100%;
  text-align: left;
  padding: 18px 65px 18px 20px;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
.blog-container .blog-side-bar form .search-accordion-button:after {
  content: "";
  border-top: 12px solid #1a78b9;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  position: absolute;
  right: 30px;
  top: 23px;
  pointer-events: none;
}
.blog-container .blog-side-bar form .search-accordion-button.active:after {
  transform: rotate(-180deg);
}
.blog-container .blog-side-bar form .search-button {
  background-color: #1a78b9;
  border: none;
  border-radius: 5px;
  height: 50px;
  width: 76px;
  position: relative;
  cursor: pointer;
}
.blog-container .blog-side-bar form .search-button:hover {
  background-color: rgb(26, 104.9245283019, 159.5);
}
.blog-container .blog-side-bar form .search-button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
  width: 28px;
  height: 28px;
  pointer-events: none;
}

@media screen and (max-width: 960px) {
  .blog-container .wrap {
    display: block;
  }
  .blog-container .blog-page {
    width: 100%;
  }
  .blog-container .blog-page article h2 {
    font-size: 28px;
  }
  .blog-container .blog-page article p {
    font-size: 14px;
  }
  .blog-container .blog-page article a.btn {
    font-size: 14px;
  }
  .blog-container .blog-side-bar {
    width: 100%;
    margin-bottom: 30px;
  }
  .blog-container .blog-side-bar form .input-wrap input[type=text] {
    font-size: 16px;
  }
  .blog-container .blog-side-bar form .search-accordion-button {
    font-size: 16px;
  }
}
.local-public-health-network {
  text-align: center;
  padding: 30px 60px;
  background-image: linear-gradient(#fff, #E3E3E3);
  border-top: 1px solid #aaaaaa;
}
.local-public-health-network h2 {
  color: #1a78b9;
  margin-bottom: 30px;
  font-size: 36px;
}
.local-public-health-network img {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
}

.essential-services {
  padding: 50px 0;
  background-image: linear-gradient(#CED6E0, #C2C8D0);
}
.essential-services .wrap {
  max-width: 1300px;
}
.essential-services h3 {
  font-size: 32px;
  text-align: center;
}
.essential-services .img-wrap {
  max-width: 1100px;
  margin: 0 auto;
  border: 10px solid #1a78b9;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
.essential-services .img-wrap img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  height: auto;
}
.essential-services ul {
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
}
.essential-services ul li {
  font-size: 24px;
  margin-bottom: 20px;
  position: relative;
  padding-left: 30px;
}
.essential-services ul li:before {
  content: "•";
  position: absolute;
  left: 0;
  line-height: 1;
  font-size: 42px;
  top: -1px;
  color: #1a78b9;
}

@media screen and (max-width: 1440px) {
  .essential-services h3 {
    font-size: 2.2222222222vw;
  }
  .essential-services ul li {
    font-size: 1.6666666667vw;
  }
  .essential-services ul li:before {
    font-size: 2.9166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .essential-services h3 {
    font-size: 24px;
  }
  .essential-services ul li {
    font-size: 18px;
  }
  .essential-services ul li:before {
    font-size: 32px;
  }
}
.lph-in-action {
  background-image: linear-gradient(#fff, #E3E3E3);
  padding: 40px 0;
}
.lph-in-action .intro-box {
  text-align: center;
}
.lph-in-action .intro-box h2 {
  color: #1a78b9;
  font-size: 36px;
  margin-bottom: 0 0 10px;
}
.lph-in-action .intro-box p {
  margin: 0;
  font-weight: 300;
  font-size: 32px;
}
.lph-in-action .lph-action-graphic {
  max-width: 960px;
  margin: 30px auto 40px;
}
.lph-in-action .lph-action-graphic img {
  max-width: 100%;
  height: auto;
}
.lph-in-action .local-departments {
  margin-top: 60px;
  padding-top: 40px;
  border-top: 1px solid #bcbcbc;
}
.lph-in-action .local-departments .wrap {
  max-width: 100%;
}
.lph-in-action .local-departments .ld-intro {
  font-size: 24px;
  text-align: center;
  max-width: 1400px;
  margin: 0 auto 100px;
}
.lph-in-action .local-departments .ld-intro p {
  color: #3E3E3E;
}
.lph-in-action .local-departments ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.lph-in-action .local-departments ul li {
  margin: 0;
}
.lph-in-action .local-departments ul > li {
  width: calc(33.3333333% - 30px);
  margin-bottom: 40px;
  font-size: 24px;
  letter-spacing: -0.01em;
  font-weight: 300;
}
.lph-in-action .local-departments ul > li .state-icon {
  display: block;
  margin: 0 auto;
  width: 286px;
  height: 286px;
  background-color: #752894;
  border: 10px solid #fff;
  border-radius: 100%;
  position: relative;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  margin-bottom: 25px;
}
.lph-in-action .local-departments ul > li .state-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: auto;
  transform: translate(-50%, -50%);
}
.lph-in-action .local-departments ul > li .btn, .lph-in-action .local-departments ul > li .quiz-enter-scores button, .quiz-enter-scores .lph-in-action .local-departments ul > li button {
  margin-top: 10px;
  display: inline-block;
}
.lph-in-action .local-departments .local-health-footer {
  text-align: center;
}
.lph-in-action .local-departments .local-health-footer p {
  font-size: 24px;
}
.lph-in-action .local-departments .local-health-footer p a {
  color: #000;
}

@media screen and (max-width: 1440px) {
  .lph-in-action .intro-box h2 {
    font-size: 2.5vw;
  }
  .lph-in-action .intro-box p {
    font-size: 2.2222222222vw;
  }
  .lph-in-action .local-departments .ld-intro {
    font-size: 1.6666666667vw;
  }
  .lph-in-action .local-departments ul > li {
    font-size: 1.6666666667vw;
  }
  .lph-in-action .local-departments ul > li .state-icon {
    width: calc(75% + 10px);
    height: 0;
    padding-bottom: calc(75% - 10px);
  }
  .lph-in-action .local-departments .local-health-footer p {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .lph-in-action {
    padding: 20px 0;
  }
  .lph-in-action .intro-box h2 {
    font-size: 24px;
  }
  .lph-in-action .intro-box p {
    font-size: 21px;
  }
  .lph-in-action .local-departments .ld-intro {
    font-size: 21px;
    margin-bottom: 40px;
  }
  .lph-in-action .local-departments ul {
    flex-direction: column;
  }
  .lph-in-action .local-departments ul > li {
    font-size: 18px;
    width: 100%;
  }
  .lph-in-action .local-departments ul > li .state-icon {
    width: 200px;
    height: 200px;
    padding-bottom: 0;
  }
  .lph-in-action .local-departments ul > li .btn, .lph-in-action .local-departments ul > li .quiz-enter-scores button, .quiz-enter-scores .lph-in-action .local-departments ul > li button {
    font-size: 16px;
  }
  .lph-in-action .local-departments .local-health-footer p {
    font-size: 18px;
  }
}
.directory-callout {
  padding-top: 30%;
  padding-bottom: 30px;
  background-position: center 30%;
  background-color: #000;
  background-image: url("../images/sub/local/footer-image.jpg");
  color: #fff;
  text-align: center;
  position: relative;
}
.directory-callout:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}
.directory-callout h2 {
  font-size: 36px;
  margin: 0 0 10px;
}
.directory-callout a {
  color: #fff;
}
.directory-callout p {
  font-size: 24px;
}
.directory-callout .wrap {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1440px) {
  .directory-callout h2 {
    font-size: 2.5vw;
  }
  .directory-callout p {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .directory-callout h2 {
    font-size: 24px;
  }
  .directory-callout p {
    font-size: 18px;
  }
}
.what-is-americorp {
  padding: 50px 0;
  background-color: #112542;
  color: #fff;
  border-bottom: 10px solid #8dc63f;
}
.what-is-americorp h2 {
  margin-top: 0;
  text-align: center;
  font-size: 42px;
}
.what-is-americorp .citation {
  padding: 0 40px;
  text-align: center;
  vertical-align: middle;
}
.what-is-americorp .citation img {
  margin-left: 10px;
  position: relative;
  top: 7px;
  width: 100px;
  height: auto;
  display: inline-block;
}
.what-is-americorp ol {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 40px;
  counter-reset: li;
  display: flex;
  justify-content: space-between;
  max-width: 1600px;
  margin: 0 auto 20px;
}
.what-is-americorp ol li {
  margin: 0;
}
.what-is-americorp ol li {
  width: 47%;
  position: relative;
  padding-left: 100px;
  font-size: 18px;
}
.what-is-americorp ol li::before {
  content: counter(li);
  counter-increment: li;
  height: 75px;
  width: 75px;
  background-color: #fff;
  color: #112542;
  font-size: 75px;
  line-height: 75px;
  font-weight: 700;
  font-style: italic;
  display: block;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}
.what-is-americorp .video-slider .slick-arrow {
  position: absolute;
  padding: 0;
  top: 50%;
  z-index: 999;
  transform: translateY(-50%);
  height: 55px;
  width: 55px;
  text-indent: -99999px;
  background-color: #1a78b9;
  color: #fff;
  border: none;
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4);
}
.what-is-americorp .video-slider .slick-arrow.slick-next {
  right: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}
.what-is-americorp .video-slider .slick-arrow.slick-prev {
  left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}
.what-is-americorp .video-slider .slick-arrow.slick-disabled {
  opacity: 0.1;
}
.what-is-americorp .video-slider .slick-arrow:hover {
  background-color: #8dc63f;
}
.what-is-americorp .video-slide {
  padding: 1rem 4rem;
}
.what-is-americorp .video-slide .inner-wrap {
  transition: 0.25s ease-in-out;
  max-width: 768px;
  margin: 0 auto;
}
.what-is-americorp .video-slide .text {
  padding: 30px;
  text-align: center;
  background-color: #fff;
  margin-top: -11px;
  font-size: 18px;
  line-height: 1.4;
  border-bottom: 10px solid #63338f;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}
.what-is-americorp .video-slide .text strong {
  font-size: 24px;
  text-transform: none;
  color: #1a78b9;
}
.what-is-americorp .video-slide:not(.slick-center) {
  pointer-events: none;
}
.what-is-americorp .video-slide:not(.slick-center) .inner-wrap {
  transform: scale(0.75);
}

@media screen and (max-width: 1440px) {
  .what-is-americorp h2 {
    font-size: 2.9166666667vw;
  }
  .what-is-americorp ol li {
    font-size: 1.25vw;
  }
  .what-is-americorp ol li:before {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
    line-height: 5.2083333333vw;
    font-size: 5.2083333333vw;
  }
}
@media screen and (max-width: 1200px) {
  .what-is-americorp h2 {
    font-size: 3.5vw;
  }
  .what-is-americorp ol li {
    font-size: 1.5vw;
  }
  .what-is-americorp ol li:before {
    width: 6.25vw;
    height: 6.25vw;
    line-height: 6.25vw;
    font-size: 6.25vw;
  }
  .what-is-americorp .video-slide {
    padding: 30px;
  }
  .what-is-americorp .video-slide .inner-wrap {
    transform: scale(1) !important;
    max-width: calc(100% - 150px);
  }
}
@media screen and (max-width: 1024px) {
  .what-is-americorp .video-slide .inner-wrap {
    transform: scale(1) !important;
  }
  .what-is-americorp h2 {
    font-size: 4.1015625vw;
  }
  .what-is-americorp ol li {
    padding-left: 9.765625vw;
    font-size: 1.7578125vw;
  }
  .what-is-americorp ol li:before {
    width: 7.32421875vw;
    height: 7.32421875vw;
    line-height: 7.32421875vw;
    font-size: 7.32421875vw;
  }
  .what-is-americorp ol {
    display: block;
  }
  .what-is-americorp ol li {
    width: 100%;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .what-is-americorp h2 {
    font-size: 32px;
  }
  .what-is-americorp ol li {
    font-size: 16px;
    padding-left: 70px;
  }
  .what-is-americorp ol li:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 50px;
  }
}
@media screen and (max-width: 480px) {
  .what-is-americorp .slick-dots {
    bottom: -41px;
    right: auto;
    width: 100%;
    text-align: center;
  }
  .what-is-americorp .video-slide {
    padding: 0;
  }
  .what-is-americorp .video-slide .inner-wrap {
    max-width: 100%;
    padding: 0 20px;
  }
}
.partners {
  padding: 30px 0 50px;
  background: linear-gradient(#ececec, #cccccc);
}
.partners h2 {
  text-align: center;
  margin-bottom: 50px;
  color: #1a78b9;
}
.partners ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.partners ul li {
  margin: 0;
}
.partners ul li {
  width: calc(25% - 30px);
  background-color: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.partners ul li a {
  display: inline-flex;
  height: 100%;
  padding: 30px;
  margin: auto;
  width: 100%;
}
.partners ul li a:hover img {
  transform: scale(1);
}
.partners ul li img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
  transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transform: scale(0.9);
}
.partners ul li:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
}

@media screen and (max-width: 1200px) {
  .partners ul {
    flex-wrap: wrap;
  }
  .partners ul li {
    margin-bottom: 30px;
    width: calc(50% - 30px);
  }
}
@media screen and (max-width: 768px) {
  .partners ul {
    display: block;
  }
  .partners ul li {
    margin-bottom: 30px;
    width: 100%;
  }
}
.flipbook {
  padding: 30px 0 80px;
  background-color: #63328F;
}
.flipbook h2 {
  color: #fff;
  margin: 0 0 30px;
  font-size: 36px;
}
.flipbook .fliptro {
  text-align: center;
  margin-bottom: 30px;
}
.flipbook .slick-dots {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  bottom: -45px;
}
.flipbook .slick-arrow {
  position: absolute;
  bottom: -50px;
  height: 40px;
  width: 40px;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  opacity: 0.8;
}
.flipbook .slick-arrow:hover {
  opacity: 1;
}
.flipbook .slick-arrow.slick-next {
  right: 0;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}
.flipbook .slick-arrow.slick-prev {
  left: 0;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}
.flipbook.orange {
  background-image: linear-gradient(90deg, #DB842D, #F49331);
}
.flipbook.orange h2 {
  color: #000;
  line-height: 1.2;
}
.flipbook.orange .slick-dots > li.slick-active button {
  background-color: #63328F;
}
.flipbook.orange .slick-dots > li button {
  background-color: #fff;
  border-color: #63328F;
  box-shadow: none;
  padding: 0;
}
.flipbook.orange .slick-arrow {
  position: absolute;
  bottom: -50px;
  height: 40px;
  width: 40px;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  opacity: 0.8;
}
.flipbook.orange .slick-arrow:hover {
  opacity: 1;
}
.flipbook.orange .slick-arrow.slick-next {
  right: 0;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}
.flipbook.orange .slick-arrow.slick-prev {
  left: 0;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}
.flipbook.orange .flipbook-slide {
  align-items: center;
}
.flipbook.orange .flipbook-slide .img-col {
  flex: 460px;
}
.flipbook.orange .flipbook-slide .quote-col {
  width: calc(100% - 500px);
  padding: 40px;
}
.flipbook.orange .flipbook-slide .quote-col q {
  font-size: 26px;
  position: relative;
}
.flipbook.orange .flipbook-slide .quote-col q:before {
  position: absolute;
  left: -10px;
}
.flipbook.orange .flipbook-slide .quote-col h3 {
  font-weight: 400;
  color: #1a78b9;
  font-size: 21px;
}
.flipbook.orange .flipbook-slide .quote-col h3 span {
  display: block;
  margin-top: 10px;
}

.flipbook-slide {
  background-color: #fff;
  display: flex !important;
  align-items: stretch;
  position: relative;
}
.flipbook-slide.no-img {
  align-items: start;
}
.flipbook-slide.no-img .img-col h3 {
  color: #1a78b9;
  background-color: transparent;
}
.flipbook-slide .img-col {
  width: 460px;
  flex: 1 1 50%;
  display: inline-flex;
  flex-direction: column;
}
.flipbook-slide .img-col h3 {
  color: #fff;
  background-color: #1a78b9;
  margin: 0;
  padding: 20px;
  text-align: center;
  font-size: 24px;
  font-family: "Proxima Nova", sans-serif;
}
.flipbook-slide .img-col img {
  flex: 100%;
  max-width: 100%;
  object-fit: cover;
  display: block;
}
.flipbook-slide .bio-col {
  align-self: center;
  flex: 1 100%;
  padding: 10px 60px;
}
.flipbook-slide .bio-col h3 {
  color: #1a78b9;
  font-size: 24px;
}
.flipbook-slide .bio-col dl dt {
  font-size: 21px;
  color: #1a78b9;
  font-weight: 700;
  margin-bottom: 5px;
}
.flipbook-slide .bio-col dl dd {
  margin: 0 0 20px;
  font-size: 18px;
}

@media screen and (max-width: 1440px) {
  .flipbook-slide .img-col h3 {
    font-size: 1.6666666667vw;
  }
  .flipbook-slide .bio-col {
    padding: 10px 30px;
  }
  .flipbook-slide .bio-col h3 {
    font-size: 1.6666666667vw;
  }
  .flipbook-slide .bio-col dl dt {
    font-size: 1.4583333333vw;
  }
  .flipbook-slide .bio-col dl dd {
    font-size: 1.25vw;
  }
  .flipbook.orange .flipbook-slide .quote-col h3 {
    font-size: 1.6666666667vw;
  }
  .flipbook.orange .flipbook-slide .quote-col q {
    font-size: 1.8055555556vw;
  }
}
@media screen and (max-width: 960px) {
  .flipbook-slide .img-col h3 {
    font-size: 2.5vw;
  }
  .flipbook-slide .bio-col h3 {
    font-size: 2.5vw;
  }
  .flipbook-slide .bio-col dl dt {
    font-size: 2.1875vw;
  }
  .flipbook-slide .bio-col dl dd {
    font-size: 1.875vw;
  }
  .flipbook.orange h2 {
    font-size: 3.75vw;
  }
  .flipbook.orange .flipbook-slide .quote-col h3 {
    font-size: 2.5vw;
  }
  .flipbook.orange .flipbook-slide .quote-col q {
    font-size: 2.7083333333vw;
  }
}
@media screen and (max-width: 768px) {
  .flipbook-slide {
    display: block !important;
  }
  .flipbook-slide .img-col {
    width: 100%;
  }
  .flipbook-slide .img-col h3 {
    font-size: 3.125vw;
    padding: 10px 10px;
  }
  .flipbook-slide .quote-col {
    flex: 100%;
    width: 100% !important;
  }
  .flipbook-slide .bio-col h3 {
    font-size: 3.125vw;
    padding: 5px 10px;
  }
  .flipbook-slide .bio-col dl dt {
    font-size: 2.734375vw;
  }
  .flipbook-slide .bio-col dl dd {
    font-size: 2.34375vw;
  }
  .flipbook.orange h2 {
    font-size: 4.6875vw;
  }
  .flipbook.orange .flipbook-slide .quote-col q {
    font-size: 3.3854166667vw;
  }
  .flipbook.orange .flipbook-slide .quote-col h3 {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  .flipbook-slide .img-col h3 {
    font-size: 21px;
  }
  .flipbook-slide .bio-col h3 {
    font-size: 21px;
  }
  .flipbook-slide .bio-col dl dt {
    font-size: 18px;
  }
  .flipbook-slide .bio-col dl dd {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .flipbook.orange h2 {
    font-size: 32px;
  }
  .flipbook.orange .flipbook-slide .quote-col q {
    font-size: 18px;
  }
}
.pdf-container {
  position: relative;
  background-image: url("../svg/grey-brandmark.svg"), linear-gradient(#fff, #eee);
  background-size: 1000px 1000px, cover;
  background-repeat: no-repeat, repeat;
  background-position: -120px 50px, center;
  border-bottom: 15px solid #1a78b9;
  background-attachment: fixed, scroll;
  overflow: hidden;
}
.pdf-container .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pdf-container .pdf-content {
  width: 52%;
}
.pdf-container .pdf-content h3 {
  font-size: 30px;
  line-height: 1.2;
  margin: 0;
  color: #1a78b9;
}
.pdf-container .pdf-content p {
  font-size: 16px;
  margin-bottom: 30px;
}
.pdf-container .pdf-preview {
  display: inline-block;
  padding-bottom: 34%;
  background-position: center top;
  background-repeat: no-repeat;
  width: 35%;
  background-size: contain;
  margin-top: 30px;
}
.pdf-container .pdf-preview.americorps-badge {
  background-image: url("../images/sub/aphl/pdf-previews/pdf-preview-2.png");
}
.pdf-container .pdf-preview.seven-tips {
  background-image: url("../images/sub/aphl/pdf-previews/pdf-preview-1.png");
}
.pdf-container .pdf-preview.navigating-challenges {
  background-image: url("../images/sub/aphl/pdf-previews/pdf-3-preview.png");
}
.pdf-container .pdf-preview.getting-into-government {
  background-image: url("../images/sub/aphl/pdf-previews/pdf-preview-3.png");
}

@media screen and (max-width: 900px) {
  .pdf-container {
    padding-top: 40px;
  }
  .pdf-container .wrap {
    flex-direction: column;
  }
  .pdf-container .pdf-content {
    text-align: center;
    width: 100%;
  }
  .pdf-container .pdf-content .btn, .pdf-container .pdf-content .quiz-enter-scores button, .quiz-enter-scores .pdf-container .pdf-content button {
    text-align: center;
    margin: 0 auto;
  }
  .pdf-container .pdf-preview {
    padding: 40%;
    width: 100%;
  }
}
.areas-of-interest {
  background-image: linear-gradient(90deg, #326FAD, #184879);
  padding: 30px 0;
}
.areas-of-interest h2 {
  color: #fff;
  font-size: 36px;
  text-align: center;
}
.areas-of-interest ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 26px;
  color: #fff;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 40px;
}
.areas-of-interest ul li {
  margin: 0;
}
.areas-of-interest ul li {
  display: inline-block;
  width: 47%;
  margin-bottom: 30px;
}
.areas-of-interest ul li div {
  vertical-align: middle;
  display: inline-block;
  width: calc(100% - 188px);
  margin-left: 10px;
}
.areas-of-interest ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 170px;
  height: 170px;
  background-size: cover;
  background-position: center;
  border-radius: 100%;
}
.areas-of-interest ul li:nth-child(1):before {
  background-image: url("../images/sub/state/1.jpg");
}
.areas-of-interest ul li:nth-child(2):before {
  background-image: url("../images/sub/state/2.jpg");
}
.areas-of-interest ul li:nth-child(3):before {
  background-image: url("../images/sub/state/3.jpg");
}
.areas-of-interest ul li:nth-child(4):before {
  background-image: url("../images/sub/state/4.jpg");
}
.areas-of-interest ul li:nth-child(5):before {
  background-image: url("../images/sub/state/5.jpg");
}
.areas-of-interest ul li:nth-child(6):before {
  background-image: url("../images/sub/state/6.jpg");
}

@media screen and (max-width: 1600px) {
  .areas-of-interest h2 {
    font-size: 2.25vw;
  }
  .areas-of-interest ul {
    font-size: 1.625vw;
  }
}
@media screen and (max-width: 1024px) {
  .areas-of-interest h2 {
    font-size: 3.515625vw;
  }
  .areas-of-interest ul {
    font-size: 2.5390625vw;
  }
  .areas-of-interest ul li {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .areas-of-interest h2 {
    font-size: 4.6875vw;
  }
  .areas-of-interest ul {
    font-size: 3.3854166667vw;
  }
  .areas-of-interest ul li {
    width: 100%;
  }
  .areas-of-interest ul li:before {
    width: 125px;
    height: 125px;
  }
}
@media screen and (max-width: 600px) {
  .areas-of-interest ul {
    text-align: center;
    font-size: 18px;
  }
  .areas-of-interest ul li:before {
    display: block;
    margin: 0 auto 30px;
  }
  .areas-of-interest ul li > div {
    width: 100%;
    margin: 0;
  }
}
.public-health-cta p {
  font-size: 24px;
  text-align: center;
}
.public-health-cta p a {
  text-decoration: underline;
  color: #184879;
}

@media screen and (max-width: 1600px) {
  .public-health-cta p {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 1024px) {
  .public-health-cta p {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 768px) {
  .public-health-cta p {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 600px) {
  .public-health-cta p {
    font-size: 18px;
  }
}
.why-work {
  padding: 30px 0;
  background-color: #CFEAB2;
}
.why-work h2 {
  color: #184879;
  font-size: 32px;
  margin: 0 0 50px;
  text-align: center;
}
.why-work .reason {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 30px;
}
.why-work .reason div {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  width: 50%;
  padding: 100px 50px;
}
.why-work .reason div h3 {
  color: #184879;
  font-size: 32px;
  margin: 0;
}
.why-work .reason div p {
  font-size: 18px;
}
.why-work .reason:before {
  content: "";
  width: 50%;
  background-size: cover;
  background-position: center top;
}
.why-work .reason:first-child:before {
  background-image: url("../images/sub/state/benefit-1.jpg");
}
.why-work .reason:nth-child(2) {
  flex-direction: row-reverse;
}
.why-work .reason:nth-child(2):before {
  background-image: url("../images/sub/state/benefit-2.jpg");
}
.why-work .reason:nth-child(3):before {
  background-image: url("../images/sub/state/benefit-3.jpg");
}

@media screen and (max-width: 1600px) {
  .why-work h2 {
    font-size: 2vw;
  }
  .why-work .reason div h3 {
    font-size: 2vw;
  }
  .why-work .reason div p {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 1024px) {
  .why-work h2 {
    font-size: 3.125vw;
  }
  .why-work .reason {
    display: block;
  }
  .why-work .reason:before {
    padding-bottom: 50%;
    width: 100%;
    display: block;
  }
  .why-work .reason div {
    width: 100%;
    padding: 30px;
  }
  .why-work .reason div h3 {
    font-size: 3.125vw;
  }
  .why-work .reason div p {
    font-size: 1.7578125vw;
  }
}
@media screen and (max-width: 768px) {
  .why-work h2 {
    font-size: 4.1666666667vw;
  }
  .why-work .reason div h3 {
    font-size: 4.1666666667vw;
  }
  .why-work .reason div p {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 600px) {
  .why-work h2 {
    font-size: 24px;
  }
  .why-work .reason div h3 {
    font-size: 24px;
  }
  .why-work .reason div p {
    font-size: 16px;
  }
}
/* Quiz Styles */
.quiz-hero-banner {
  position: relative;
  min-height: 520px;
  height: 30vh;
}
.quiz-hero-banner .quiz-hero-banner-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: top center;
  background-image: url("../images/sub/quiz/quiz-banner.jpg");
}
.quiz-hero-banner .quiz-hero-text {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  padding-top: 5%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.quiz-hero-banner .quiz-hero-text h1 {
  font-size: 60px;
  color: #fff;
}

@media screen and (max-width: 1400px) {
  .quiz-hero-banner .quiz-hero-text h1 {
    font-size: 4.2857142857vw;
  }
}
@media screen and (max-width: 960px) {
  .quiz-hero-banner {
    min-height: 1px;
  }
  .quiz-hero-banner .quiz-hero-text h1 {
    font-size: 42px;
  }
}
@media screen and (max-width: 960px) {
  .quiz-hero-banner .quiz-hero-text h1 {
    font-size: 30px;
  }
}
.quiz-container {
  background-image: linear-gradient(#C3DBA1, #A4C17A);
  padding: 40px 0;
}
.quiz-container .quiz-inner {
  background-color: #fff;
  padding: 40px 70px;
  margin: 20px auto;
  text-align: center;
  box-shadow: 10px 15px 16px rgba(0, 0, 0, 0.16);
}
.quiz-container h2 {
  font-size: 36px;
  color: #1a78b9;
  line-height: 1.3;
  margin: 0 auto;
  max-width: 80%;
}
.quiz-container p {
  font-size: 24px;
}
.quiz-container a.btn {
  width: 235px;
  margin: 40px auto 0;
  background-color: #F6941C;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
}
.quiz-container a.btn:hover {
  background-color: #1a78b9;
}
.quiz-container hr {
  margin: 40px 0 20px;
  background-color: rgba(26, 120, 185, 0.5);
  height: 1px;
  border: none;
}
.quiz-container h3 {
  color: #63328F;
  margin: 0 0 10px 0;
  display: inline-block;
}
.quiz-container h3 + .btn, .quiz-container .quiz-enter-scores h3 + button, .quiz-enter-scores .quiz-container h3 + button {
  margin-top: 10px;
}

@media screen and (max-width: 960px) {
  .quiz-container {
    padding: 20px 0;
  }
  .quiz-container .quiz-inner {
    padding: 30px;
  }
  .quiz-container h2 {
    font-size: 30px;
  }
  .quiz-container p {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .quiz-container {
    padding: 0px 0;
  }
  .quiz-container .wrap {
    padding: 0;
  }
  .quiz-container .quiz-inner {
    padding: 20px 20px;
  }
  .quiz-container h2 {
    font-size: 24px;
  }
  .quiz-container p {
    font-size: 16px;
  }
  .quiz-container h3 {
    color: #63328F;
    margin: 0 0px 0 0;
    display: inline-block;
  }
  .quiz-container h3 + .btn, .quiz-container .quiz-enter-scores h3 + button, .quiz-enter-scores .quiz-container h3 + button {
    margin-top: 20px;
    display: block;
  }
}
.quiz-intro-page-photos {
  font-size: 0;
}
.quiz-intro-page-photos .quiz-photo {
  padding-bottom: 25.33333333%;
  width: 33.3333333333%;
  display: inline-block;
  background-size: cover;
  background-position: top center;
}
.quiz-intro-page-photos .quiz-photo:first-child {
  background-image: url("../images/sub/quiz/quiz-photo-1.jpg");
}
.quiz-intro-page-photos .quiz-photo:nth-child(2) {
  background-image: url("../images/sub/quiz/quiz-photo-2.jpg");
}
.quiz-intro-page-photos .quiz-photo:last-child {
  background-image: url("../images/sub/quiz/quiz-photo-3.jpg");
}

.quiz-disclaimer {
  margin: 30px 20px;
}
.quiz-disclaimer p {
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .quiz-disclaimer p {
    font-size: 12px;
  }
}
.legend ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 50px;
  border-bottom: 1px solid #ececec;
}
.legend ul li {
  margin: 0;
}
.legend ul li {
  display: inline-block;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
}
.legend ul li .icon {
  background-size: cover;
  width: 80px;
  height: 80px;
  margin: 0 auto 15px;
}
.legend ul li .icon.very-dis {
  background-image: url("../images/sub/quiz/very-disinterested.svg");
}
.legend ul li .icon.somewhat-dis {
  background-image: url("../images/sub/quiz/somewhat-disinterested.svg");
}
.legend ul li .icon.neither {
  background-image: url("../images/sub/quiz/neither.svg");
}
.legend ul li .icon.somewhat-int {
  background-image: url("../images/sub/quiz/somewhat-interested.svg");
}
.legend ul li .icon.very-int {
  background-image: url("../images/sub/quiz/very-interested.svg");
}
@media screen and (max-width: 960px) {
  .legend ul li {
    font-size: 1.875vw;
  }
  .legend ul li .icon {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 480px) {
  .legend ul {
    display: block;
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
  .legend ul li {
    font-size: 13px;
    margin: 0 10px 30px;
    display: inline-block;
    vertical-align: top;
    width: calc(33.3333333% - 30px);
  }
  .legend ul li .icon {
    width: 40px;
    height: 40px;
  }
}

.form-questions {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 50px;
  display: none;
}
.form-questions li {
  margin: 0;
}
.form-questions.show {
  display: block;
}
.form-questions li {
  margin: 0 0 30px;
  padding: 0;
}
.form-questions fieldset {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0;
  padding: 0;
  margin: 0;
}
.form-questions fieldset legend {
  vertical-align: top;
  border: none;
  display: inline-block;
  max-width: unset;
  padding: 0;
  margin: 0;
  text-align: left;
  float: left;
  font-size: 24px;
  line-height: 1;
}
.form-questions fieldset.error {
  position: relative;
  outline: 1px solid red;
  padding: 20px 0;
}
.form-questions fieldset.error .error-message {
  position: absolute;
  top: -15px;
  right: -1px;
  color: #fff;
  background-color: red;
  padding: 2px 4px;
}
@media screen and (max-width: 768px) {
  .form-questions fieldset.error .error-message {
    top: auto;
    right: auto;
    left: 50%;
    width: 100%;
    font-size: 14px;
    margin-top: 5px;
    transform: translateX(-50%);
  }
}
.form-questions fieldset .rating-radios {
  vertical-align: top;
  display: inline-block;
  float: right;
}
.form-questions fieldset .rating-radios label {
  display: inline-block;
  width: 46px;
  height: 46px;
  background-size: 46px 46px;
  margin: 0 8px;
  transition: 0.1s ease-in-out;
}
.form-questions fieldset .rating-radios label.disabled {
  transform: scale(0.9);
}
.form-questions fieldset .rating-radios label.disabled:nth-child(1) {
  background-image: url("data:image/svg+xml,%3Csvg id='Group_33' data-name='Group 33' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='78' height='78' viewBox='0 0 78 78'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_51' data-name='Rectangle 51' width='72' height='72' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='39' cy='39' r='39' fill='%23D5D5D5'/%3E%3Cg id='Group_31' data-name='Group 31' transform='translate(2.5 3)'%3E%3Cg id='Group_30' data-name='Group 30' transform='translate(0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_16' data-name='Path 16' d='M33.012,63.012a30,30,0,1,1,30-30,30.036,30.036,0,0,1-30,30m0-57a27,27,0,1,0,27,27,27.031,27.031,0,0,0-27-27' transform='translate(3.677 2.988)' fill='%23fff'/%3E%3Cpath id='Path_17' data-name='Path 17' d='M33.288,27.018a13.3,13.3,0,0,0-4.25-2.867,13.482,13.482,0,0,0-10.407,0,13.334,13.334,0,0,0-4.252,2.867L12.259,24.9a16.362,16.362,0,0,1,23.151,0Z' transform='translate(12.856 19.955)' fill='%23fff'/%3E%3Cpath id='Path_18' data-name='Path 18' d='M16.545,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(12.644 11.955)' fill='%23fff'/%3E%3Cpath id='Path_19' data-name='Path 19' d='M26.332,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(22.358 11.955)' fill='%23fff'/%3E%3Cpath id='Path_20' data-name='Path 20' d='M33.012,63.012a30,30,0,1,1,30-30,30.036,30.036,0,0,1-30,30m0-57a27,27,0,1,0,27,27,27.031,27.031,0,0,0-27-27' transform='translate(3.677 2.988)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.form-questions fieldset .rating-radios label.disabled:nth-child(2) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='78' height='78' viewBox='0 0 78 78'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_50' data-name='Rectangle 50' width='72' height='72' transform='translate(0.457)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_139' data-name='Group 139' transform='translate(-692 -924)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='39' cy='39' r='39' transform='translate(692 924)' fill='%23D5D5D5'/%3E%3Cg id='Group_28' data-name='Group 28' transform='translate(695.543 927)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_12' data-name='Path 12' d='M16.545,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(11.136 11.955)' fill='%23fff'/%3E%3Cpath id='Path_13' data-name='Path 13' d='M26.332,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(20.85 11.955)' fill='%23fff'/%3E%3Cpath id='Path_14' data-name='Path 14' d='M33.012,63.012a30,30,0,1,1,30-30,30.036,30.036,0,0,1-30,30m0-57a27,27,0,1,0,27,27,27.031,27.031,0,0,0-27-27' transform='translate(2.169 2.988)' fill='%23fff'/%3E%3Cpath id='Path_15' data-name='Path 15' d='M17.681,30.822h-3a12.014,12.014,0,0,1,12-12v3a9.009,9.009,0,0,0-9,9' transform='translate(13.75 18.679)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.form-questions fieldset .rating-radios label.disabled:nth-child(3) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='78' height='78' viewBox='0 0 78 78'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_49' data-name='Rectangle 49' width='72' height='72' transform='translate(0.104)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_34' data-name='Group 34' transform='translate(-0.104)'%3E%3Ccircle id='Ellipse_6' data-name='Ellipse 6' cx='39' cy='39' r='39' transform='translate(0.104)' fill='%23D5D5D5'/%3E%3Cg id='Group_27' data-name='Group 27' transform='translate(4 3)'%3E%3Cg id='Group_26' data-name='Group 26' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_9' data-name='Path 9' d='M16.545,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(11.428 11.955)' fill='%23fff'/%3E%3Cpath id='Path_10' data-name='Path 10' d='M26.332,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(21.141 11.955)' fill='%23fff'/%3E%3Cpath id='Path_11' data-name='Path 11' d='M33.012,63.012a30,30,0,1,1,30-30,30.036,30.036,0,0,1-30,30m0-57a27,27,0,1,0,27,27,27.031,27.031,0,0,0-27-27' transform='translate(2.461 2.988)' fill='%23fff'/%3E%3Crect id='Rectangle_48' data-name='Rectangle 48' width='24.001' height='3.001' transform='translate(23.472 41.999)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.form-questions fieldset .rating-radios label.disabled:nth-child(4) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='78' height='78' viewBox='0 0 78 78'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_47' data-name='Rectangle 47' width='72' height='72' transform='translate(0.32)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_35' data-name='Group 35' transform='translate(-0.32)'%3E%3Ccircle id='Ellipse_5' data-name='Ellipse 5' cx='39' cy='39' r='39' transform='translate(0.32)' fill='%23D5D5D5'/%3E%3Cg id='Group_25' data-name='Group 25' transform='translate(3 3)'%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_5' data-name='Path 5' d='M33.012,63.012a30,30,0,1,1,30-30,30.036,30.036,0,0,1-30,30m0-57a27,27,0,1,0,27,27,27.031,27.031,0,0,0-27-27' transform='translate(2.697 2.988)' fill='%23fff'/%3E%3Cpath id='Path_6' data-name='Path 6' d='M16.545,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(11.664 11.955)' fill='%23fff'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M26.332,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(21.377 11.955)' fill='%23fff'/%3E%3Cpath id='Path_8' data-name='Path 8' d='M25.641,31.951a16.519,16.519,0,0,1-15.2-10.076L13.2,20.7a13.543,13.543,0,0,0,7.185,7.185,13.611,13.611,0,0,0,10.508,0A13.556,13.556,0,0,0,38.082,20.7l2.762,1.17a16.486,16.486,0,0,1-15.2,10.076' transform='translate(10.068 20.548)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.form-questions fieldset .rating-radios label.disabled:nth-child(5) {
  background-image: url("data:image/svg+xml,%3Csvg id='Group_36' data-name='Group 36' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='78' height='78' viewBox='0 0 78 78'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_46' data-name='Rectangle 46' width='68' height='68' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Ellipse_4' data-name='Ellipse 4' cx='39' cy='39' r='39' fill='%23D5D5D5'/%3E%3Cg id='Group_23' data-name='Group 23' transform='translate(5 5)'%3E%3Cg id='Group_22' data-name='Group 22' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M16.307,13.423a2.131,2.131,0,1,1-2.13-2.13,2.13,2.13,0,0,1,2.13,2.13' transform='translate(10.592 9.924)' fill='%23fff'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M26.093,13.423a2.13,2.13,0,1,1-2.13-2.13,2.13,2.13,0,0,1,2.13,2.13' transform='translate(19.27 9.924)' fill='%23fff'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M31.418,59.826A28.407,28.407,0,1,1,59.826,31.418,28.441,28.441,0,0,1,31.418,59.826m0-53.973A25.566,25.566,0,1,0,56.984,31.418,25.6,25.6,0,0,0,31.418,5.852' transform='translate(2.582 2.581)' fill='%23fff'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M26.746,37.953A18.486,18.486,0,0,1,8.281,19.489V18.068H45.21v1.421A18.484,18.484,0,0,1,26.746,37.953M11.186,20.909a15.625,15.625,0,0,0,31.12,0Z' transform='translate(7.254 15.931)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.form-questions fieldset .rating-radios label input[type=radio] {
  appearance: none;
}
.form-questions fieldset .rating-radios label:nth-child(1) {
  background-image: url("data:image/svg+xml,%3Csvg id='Group_33' data-name='Group 33' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='78' height='78' viewBox='0 0 78 78'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_51' data-name='Rectangle 51' width='72' height='72' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='39' cy='39' r='39' fill='%23e66060'/%3E%3Cg id='Group_31' data-name='Group 31' transform='translate(2.5 3)'%3E%3Cg id='Group_30' data-name='Group 30' transform='translate(0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_16' data-name='Path 16' d='M33.012,63.012a30,30,0,1,1,30-30,30.036,30.036,0,0,1-30,30m0-57a27,27,0,1,0,27,27,27.031,27.031,0,0,0-27-27' transform='translate(3.677 2.988)' fill='%23fff'/%3E%3Cpath id='Path_17' data-name='Path 17' d='M33.288,27.018a13.3,13.3,0,0,0-4.25-2.867,13.482,13.482,0,0,0-10.407,0,13.334,13.334,0,0,0-4.252,2.867L12.259,24.9a16.362,16.362,0,0,1,23.151,0Z' transform='translate(12.856 19.955)' fill='%23fff'/%3E%3Cpath id='Path_18' data-name='Path 18' d='M16.545,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(12.644 11.955)' fill='%23fff'/%3E%3Cpath id='Path_19' data-name='Path 19' d='M26.332,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(22.358 11.955)' fill='%23fff'/%3E%3Cpath id='Path_20' data-name='Path 20' d='M33.012,63.012a30,30,0,1,1,30-30,30.036,30.036,0,0,1-30,30m0-57a27,27,0,1,0,27,27,27.031,27.031,0,0,0-27-27' transform='translate(3.677 2.988)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.form-questions fieldset .rating-radios label:nth-child(2) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='78' height='78' viewBox='0 0 78 78'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_50' data-name='Rectangle 50' width='72' height='72' transform='translate(0.457)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_139' data-name='Group 139' transform='translate(-692 -924)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='39' cy='39' r='39' transform='translate(692 924)' fill='%23e68e60'/%3E%3Cg id='Group_28' data-name='Group 28' transform='translate(695.543 927)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_12' data-name='Path 12' d='M16.545,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(11.136 11.955)' fill='%23fff'/%3E%3Cpath id='Path_13' data-name='Path 13' d='M26.332,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(20.85 11.955)' fill='%23fff'/%3E%3Cpath id='Path_14' data-name='Path 14' d='M33.012,63.012a30,30,0,1,1,30-30,30.036,30.036,0,0,1-30,30m0-57a27,27,0,1,0,27,27,27.031,27.031,0,0,0-27-27' transform='translate(2.169 2.988)' fill='%23fff'/%3E%3Cpath id='Path_15' data-name='Path 15' d='M17.681,30.822h-3a12.014,12.014,0,0,1,12-12v3a9.009,9.009,0,0,0-9,9' transform='translate(13.75 18.679)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.form-questions fieldset .rating-radios label:nth-child(3) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='78' height='78' viewBox='0 0 78 78'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_49' data-name='Rectangle 49' width='72' height='72' transform='translate(0.104)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_34' data-name='Group 34' transform='translate(-0.104)'%3E%3Ccircle id='Ellipse_6' data-name='Ellipse 6' cx='39' cy='39' r='39' transform='translate(0.104)' fill='%23e6c260'/%3E%3Cg id='Group_27' data-name='Group 27' transform='translate(4 3)'%3E%3Cg id='Group_26' data-name='Group 26' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_9' data-name='Path 9' d='M16.545,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(11.428 11.955)' fill='%23fff'/%3E%3Cpath id='Path_10' data-name='Path 10' d='M26.332,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(21.141 11.955)' fill='%23fff'/%3E%3Cpath id='Path_11' data-name='Path 11' d='M33.012,63.012a30,30,0,1,1,30-30,30.036,30.036,0,0,1-30,30m0-57a27,27,0,1,0,27,27,27.031,27.031,0,0,0-27-27' transform='translate(2.461 2.988)' fill='%23fff'/%3E%3Crect id='Rectangle_48' data-name='Rectangle 48' width='24.001' height='3.001' transform='translate(23.472 41.999)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.form-questions fieldset .rating-radios label:nth-child(4) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='78' height='78' viewBox='0 0 78 78'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_47' data-name='Rectangle 47' width='72' height='72' transform='translate(0.32)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_35' data-name='Group 35' transform='translate(-0.32)'%3E%3Ccircle id='Ellipse_5' data-name='Ellipse 5' cx='39' cy='39' r='39' transform='translate(0.32)' fill='%2376ba51'/%3E%3Cg id='Group_25' data-name='Group 25' transform='translate(3 3)'%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_5' data-name='Path 5' d='M33.012,63.012a30,30,0,1,1,30-30,30.036,30.036,0,0,1-30,30m0-57a27,27,0,1,0,27,27,27.031,27.031,0,0,0-27-27' transform='translate(2.697 2.988)' fill='%23fff'/%3E%3Cpath id='Path_6' data-name='Path 6' d='M16.545,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(11.664 11.955)' fill='%23fff'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M26.332,14.3a2.25,2.25,0,1,1-2.25-2.25,2.25,2.25,0,0,1,2.25,2.25' transform='translate(21.377 11.955)' fill='%23fff'/%3E%3Cpath id='Path_8' data-name='Path 8' d='M25.641,31.951a16.519,16.519,0,0,1-15.2-10.076L13.2,20.7a13.543,13.543,0,0,0,7.185,7.185,13.611,13.611,0,0,0,10.508,0A13.556,13.556,0,0,0,38.082,20.7l2.762,1.17a16.486,16.486,0,0,1-15.2,10.076' transform='translate(10.068 20.548)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.form-questions fieldset .rating-radios label:nth-child(5) {
  background-image: url("data:image/svg+xml,%3Csvg id='Group_36' data-name='Group 36' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='78' height='78' viewBox='0 0 78 78'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_46' data-name='Rectangle 46' width='68' height='68' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Ellipse_4' data-name='Ellipse 4' cx='39' cy='39' r='39' fill='%2341b167'/%3E%3Cg id='Group_23' data-name='Group 23' transform='translate(5 5)'%3E%3Cg id='Group_22' data-name='Group 22' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M16.307,13.423a2.131,2.131,0,1,1-2.13-2.13,2.13,2.13,0,0,1,2.13,2.13' transform='translate(10.592 9.924)' fill='%23fff'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M26.093,13.423a2.13,2.13,0,1,1-2.13-2.13,2.13,2.13,0,0,1,2.13,2.13' transform='translate(19.27 9.924)' fill='%23fff'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M31.418,59.826A28.407,28.407,0,1,1,59.826,31.418,28.441,28.441,0,0,1,31.418,59.826m0-53.973A25.566,25.566,0,1,0,56.984,31.418,25.6,25.6,0,0,0,31.418,5.852' transform='translate(2.582 2.581)' fill='%23fff'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M26.746,37.953A18.486,18.486,0,0,1,8.281,19.489V18.068H45.21v1.421A18.484,18.484,0,0,1,26.746,37.953M11.186,20.909a15.625,15.625,0,0,0,31.12,0Z' transform='translate(7.254 15.931)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1200px) {
  .form-questions fieldset legend {
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 768px) {
  .form-questions fieldset {
    display: block;
    margin-bottom: 50px;
  }
  .form-questions fieldset legend {
    text-align: center;
    width: 100%;
    float: none;
    margin-bottom: 15px;
    font-size: 2.734375vw;
  }
  .form-questions fieldset .rating-radios {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .form-questions {
    padding-top: 20px;
  }
  .form-questions fieldset legend {
    font-size: 18px;
  }
  .form-questions fieldset .rating-radios {
    font-size: 0;
  }
  .form-questions fieldset .rating-radios label {
    margin: 0 5px;
    width: 35px;
    height: 35px;
    background-size: 35px;
  }
}

.page-changer > button {
  display: inline-block;
  margin: 0 15px;
  border: none;
  width: 235px;
  background-color: #F6941C;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
}
.page-changer > button.alt {
  background-color: #1a78b9;
}
.page-changer > button.alt:hover {
  background-color: #145b8c;
}
.page-changer > button.hide {
  display: none;
}
@media screen and (max-width: 600px) {
  .page-changer > button {
    width: 130px;
    font-size: 12px;
    margin: 0 5px 10px;
  }
}

.progress-bar {
  text-align: left;
  width: 85%;
  margin: 30px auto;
}
.progress-bar #current-page {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
.progress-bar progress {
  /* Reset the default appearance */
  -webkit-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  height: 15px;
  display: block;
  background: #E6E6E6;
  margin-bottom: 5px;
  color: #1B77B8;
}
.progress-bar progress[value] {
  color: #1B77B8;
  background-color: #E6E6E6;
}
.progress-bar progress[value]::-webkit-progress-value {
  background-color: #1B77B8;
}
.progress-bar progress[value]::-moz-progress-value {
  background-color: #1B77B8;
}
.progress-bar progress::-webkit-progress-bar {
  background-color: #E6E6E6;
}

.results-container .bar-graph-row {
  background: linear-gradient(180deg, #C3DBA1 0%, #A4C17A 100%) 0% 0% no-repeat;
  padding: 40px;
}
.results-container .bar-graph-row .inner-wrap {
  box-shadow: 10px 15px 16px rgba(0, 0, 0, 0.1607843137);
  background-color: #fff;
  padding: 40px 50px;
}
.results-container .bar-graph-row h2 {
  text-align: center;
  color: #1a78b9;
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.2;
}
.results-container .bar-graph-row p {
  text-align: center;
  font-size: 21px;
}
.results-container .bar-graph-row p b {
  font-size: 24px;
}
.results-container .bar-graph-row .graph {
  display: flex;
  justify-content: space-between;
  width: 980px;
  margin: 70px auto 40px;
}
.results-container .bar-graph-row .graph .graph-wrap {
  display: inline-block;
  width: 540px;
}
.results-container .bar-graph-row .graph .table-wrap {
  display: inline-block;
  width: 400px;
}
.results-container .bar-graph-row .graph .table-wrap h3 {
  margin: -37px 0 10px;
}
.results-container .bar-graph-row .graph .table-wrap ol {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: li;
}
.results-container .bar-graph-row .graph .table-wrap ol li {
  font-size: 18px;
  width: 100%;
  color: #fff;
  margin-bottom: 10px;
  padding: 5px 5px 5px 40px;
  position: relative;
}
.results-container .bar-graph-row .graph .table-wrap ol li:before {
  counter-increment: li;
  content: counter(li) ". ";
  position: absolute;
  left: 13px;
}
.results-container .bar-graph-row .graph .table-wrap ol li .accordion {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.results-container .bar-graph-row .graph .table-wrap ol li .accordion button {
  position: relative;
}
.results-container .bar-graph-row .graph .table-wrap ol li .accordion button:after {
  position: absolute;
  right: 10px;
  top: 10px;
}
.results-container .bar-graph-row .graph .table-wrap ol li .accordion p {
  font-size: 16px;
  text-align: left;
  margin: 5px 0;
}
.results-container .bar-graph-row .graph .table-wrap ol li button {
  color: #fff;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
}
.results-container .bar-graph-row .graph .table-wrap ol li button:after {
  border-top-color: #fff;
}
.results-container .bar-graph-row .graph .table-wrap ol li.realistic {
  background-color: #8dc63f;
  color: #000;
}
.results-container .bar-graph-row .graph .table-wrap ol li.realistic button {
  color: #000;
}
.results-container .bar-graph-row .graph .table-wrap ol li.realistic button:after {
  border-top-color: #000;
}
.results-container .bar-graph-row .graph .table-wrap ol li.social {
  background-color: #662d91;
}
.results-container .bar-graph-row .graph .table-wrap ol li.enterprising {
  color: #000;
  background-color: #f7941d;
}
.results-container .bar-graph-row .graph .table-wrap ol li.enterprising button {
  color: #000;
}
.results-container .bar-graph-row .graph .table-wrap ol li.enterprising button:after {
  border-top-color: #000;
}
.results-container .bar-graph-row .graph .table-wrap ol li.conventional {
  background-color: #1c75bc;
}
.results-container .bar-graph-row .graph .table-wrap ol li.investigative {
  background-color: #9c3982;
}
.results-container .bar-graph-row .graph .table-wrap ol li.artistic {
  background-color: #aa3939;
}
.results-container .bar-graph-row .graph table {
  font-size: 18px;
  width: 100%;
  color: #fff;
  border-collapse: collapse;
  counter-reset: tr;
}
.results-container .bar-graph-row .graph table tr {
  border-bottom: 5px solid #fff;
}
.results-container .bar-graph-row .graph table tr.realistic {
  background-color: #8dc63f;
}
.results-container .bar-graph-row .graph table tr.social {
  background-color: #662d91;
}
.results-container .bar-graph-row .graph table tr.enterprising {
  background-color: #f7941d;
}
.results-container .bar-graph-row .graph table tr.conventional {
  background-color: #1c75bc;
}
.results-container .bar-graph-row .graph table tr.investigative {
  background-color: #9c3982;
}
.results-container .bar-graph-row .graph table tr.artistic {
  background-color: #aa3939;
}
.results-container .bar-graph-row .graph table tr td {
  padding: 6px 12px;
}
.results-container .bar-graph-row .graph table tr td:first-child:before {
  counter-increment: tr;
  content: counter(tr) ". ";
}
.results-container .bar-graph-row .graph table tr td:last-child {
  text-align: right;
}
@media screen and (max-width: 1400px) {
  .results-container .bar-graph-row h2 {
    font-size: 2.5714285714vw;
  }
  .results-container .bar-graph-row p {
    font-size: 1.5vw;
  }
  .results-container .bar-graph-row p b {
    font-size: 1.7142857143vw;
  }
  .results-container .bar-graph-row .graph {
    width: 100%;
  }
  .results-container .bar-graph-row .graph .table-wrap {
    width: 35.7142857143%;
  }
  .results-container .bar-graph-row .graph .table-wrap table {
    font-size: 1.2857142857vw;
  }
  .results-container .bar-graph-row .graph .graph-wrap {
    width: 51.0204081633%;
  }
}
@media screen and (max-width: 1024px) {
  .results-container .bar-graph-row h2 {
    font-size: 3.515625vw;
  }
  .results-container .bar-graph-row p {
    font-size: 2.05078125vw;
  }
  .results-container .bar-graph-row p b {
    font-size: 2.34375vw;
  }
  .results-container .bar-graph-row .graph {
    flex-direction: column-reverse;
  }
  .results-container .bar-graph-row .graph .table-wrap {
    width: 100%;
    margin-top: 30px;
  }
  .results-container .bar-graph-row .graph .table-wrap table {
    font-size: 1.7578125vw;
  }
  .results-container .bar-graph-row .graph .graph-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .results-container .bar-graph-row {
    padding: 20px;
  }
  .results-container .bar-graph-row h2 {
    font-size: 3.75vw;
  }
  .results-container .bar-graph-row p {
    font-size: 2.1875vw;
  }
  .results-container .bar-graph-row p b {
    font-size: 2.5vw;
  }
  .results-container .bar-graph-row .graph .table-wrap table {
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 768px) {
  .results-container .bar-graph-row h2 {
    font-size: 4.6875vw;
  }
  .results-container .bar-graph-row p {
    font-size: 2.734375vw;
  }
  .results-container .bar-graph-row .graph .table-wrap table {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 480px) {
  .results-container .bar-graph-row {
    padding: 0;
  }
  .results-container .bar-graph-row .inner-wrap {
    padding: 20px 25px;
    margin: 0 -20px;
  }
  .results-container .bar-graph-row h2 {
    font-size: 24px;
  }
  .results-container .bar-graph-row p {
    font-size: 16px;
  }
  .results-container .bar-graph-row p b {
    font-size: 16px;
  }
  .results-container .bar-graph-row .graph .table-wrap table {
    font-size: 16px;
  }
}
.results-container .about-results {
  padding: 40px 0;
  background: transparent linear-gradient(180deg, #662C91 0%, #492167 100%) 0% 0% no-repeat;
}
.results-container .about-results .inner-wrap {
  background-color: #fff;
  padding: 40px 50px;
}
.results-container .about-results h3.tiny {
  font-size: 24px;
  color: #1978B9;
  text-align: center;
  margin-top: 0;
  margin-bottom: 50px;
}
.results-container .about-results ol.results-icon-list {
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: int;
}
.results-container .about-results ol.results-icon-list li {
  border-bottom: 2px solid #ececec;
  padding-bottom: 20px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.results-container .about-results ol.results-icon-list li:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  border: 2px solid #1a78b9;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  width: 175px;
  height: 175px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100px;
}
.results-container .about-results ol.results-icon-list li.investigative::before {
  background-image: url("../svg/quiz-icons/magnifying-glass.svg");
}
.results-container .about-results ol.results-icon-list li.artistic::before {
  background-image: url("../svg/quiz-icons/paint-brush.svg");
}
.results-container .about-results ol.results-icon-list li.social::before {
  background-image: url("../svg/quiz-icons/open-people.svg");
}
.results-container .about-results ol.results-icon-list li.conventional::before {
  background-image: url("../svg/quiz-icons/document.svg");
}
.results-container .about-results ol.results-icon-list li.realistic::before {
  background-image: url("../svg/quiz-icons/hammer.svg");
}
.results-container .about-results ol.results-icon-list li.enterprising::before {
  background-image: url("../svg/quiz-icons/suitcase.svg");
}
.results-container .about-results ol.results-icon-list li .results-wrap {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 300px);
  margin-left: 40px;
}
.results-container .about-results ol.results-icon-list li h4 {
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.2;
  color: #1978B9;
}
.results-container .about-results ol.results-icon-list li h4:before {
  content: counter(int) ". ";
  counter-increment: int;
}
.results-container .about-results ol.results-icon-list li p {
  margin: 0;
  font-size: 24px;
  line-height: 1.5;
}
.results-container .about-results ol.results-icon-list li:last-child {
  border-bottom: none;
}
@media screen and (max-width: 1400px) {
  .results-container .about-results ol.results-icon-list li p {
    font-size: 1.7142857143vw;
  }
  .results-container .about-results ol.results-icon-list li h2 {
    font-size: 2.5714285714vw;
  }
}
@media screen and (max-width: 1200px) {
  .results-container .about-results h3.tiny {
    font-size: 2vw;
  }
  .results-container .about-results ol.results-icon-list li p {
    font-size: 2vw;
  }
  .results-container .about-results ol.results-icon-list li h4 {
    font-size: 3vw;
  }
}
@media screen and (max-width: 1024px) {
  .results-container .about-results h3.tiny {
    font-size: 2.34375vw;
  }
  .results-container .about-results ol.results-icon-list li:before {
    background-size: 65px;
    width: 100px;
    height: 100px;
  }
  .results-container .about-results ol.results-icon-list li .results-wrap {
    width: calc(100% - 140px);
  }
}
@media screen and (max-width: 768px) {
  .results-container .about-results h3.tiny {
    font-size: 2.44140625vw;
  }
  .results-container .about-results ol.results-icon-list li {
    flex-direction: column;
    text-align: center;
  }
  .results-container .about-results ol.results-icon-list li:before {
    background-size: 75px;
    width: 150px;
    height: 150px;
    margin-bottom: 20px;
  }
  .results-container .about-results ol.results-icon-list li .results-wrap {
    width: 100%;
    margin-left: 0;
  }
  .results-container .about-results ol.results-icon-list li p {
    font-size: 2.6041666667vw;
  }
  .results-container .about-results ol.results-icon-list li h4 {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 480px) {
  .results-container .about-results {
    padding: 20px 0;
  }
  .results-container .about-results .inner-wrap {
    padding: 20px 25px;
    margin: 0 -20px;
  }
  .results-container .about-results h3.tiny {
    font-size: 21px;
  }
  .results-container .about-results ol.results-icon-list li p {
    font-size: 16px;
  }
  .results-container .about-results ol.results-icon-list li h4 {
    font-size: 24px;
  }
}

.job-zone-tab-container {
  background: #0072c2 url("../images/sub/quiz/tabs-bg.png");
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .job-zone-tab-container {
    padding: 30px 0;
  }
}
.job-zone-tab-container .job-zone-intro {
  text-align: center;
}
.job-zone-tab-container .job-zone-intro h2 {
  color: #fff;
  font-size: 36px;
}
.job-zone-tab-container .job-zone-intro p {
  font-size: 24px;
  color: #fff;
}
@media screen and (max-width: 1400px) {
  .job-zone-tab-container .job-zone-intro h2 {
    font-size: 2.5714285714vw;
  }
  .job-zone-tab-container .job-zone-intro p {
    font-size: 1.4285714286vw;
  }
}
@media screen and (max-width: 1200px) {
  .job-zone-tab-container .job-zone-intro h2 {
    font-size: 3vw;
  }
  .job-zone-tab-container .job-zone-intro p {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .job-zone-tab-container .job-zone-intro h2 {
    font-size: 3.515625vw;
  }
  .job-zone-tab-container .job-zone-intro p {
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 768px) {
  .job-zone-tab-container .job-zone-intro h2 {
    font-size: 4.6875vw;
  }
  .job-zone-tab-container .job-zone-intro p {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 680px) {
  .job-zone-tab-container .job-zone-intro h2 {
    font-size: 24px;
    line-height: 1.2;
  }
  .job-zone-tab-container .job-zone-intro p {
    font-size: 16px;
  }
}
.job-zone-tab-container .xp-bar {
  margin: 40px 0 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.job-zone-tab-container .xp-bar:before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.401);
  order: 1;
  margin: 0 10px;
}
.job-zone-tab-container .xp-bar > * {
  font-size: 16px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  white-space: nowrap;
  display: inline-block;
}
.job-zone-tab-container .xp-bar > *.low {
  order: 0;
}
.job-zone-tab-container .xp-bar > *.high {
  order: 2;
  float: right;
}
.job-zone-tab-container .xp-bar > *.low:before {
  content: "";
  height: 0;
  display: inline-block;
  border-right: 6px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  margin-right: 5px;
}
.job-zone-tab-container .xp-bar > *.high:after {
  content: "";
  height: 0;
  display: inline-block;
  border-left: 6px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  margin-left: 5px;
}
@media screen and (max-width: 1400px) {
  .job-zone-tab-container .xp-bar > * {
    font-size: 1.1428571429vw;
  }
}
@media screen and (max-width: 1200px) {
  .job-zone-tab-container .xp-bar > * {
    font-size: 1.3333333333vw;
  }
}
@media screena and (max-width: 1024px) {
  .job-zone-tab-container .xp-bar > * {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .job-zone-tab-container .xp-bar > * {
    font-size: 2.0833333333vw;
  }
  .job-zone-tab-container .xp-bar > *.low:after {
    border-right: 4px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }
  .job-zone-tab-container .xp-bar > *.high:after {
    border-left: 4px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }
}
@media screen and (max-width: 480px) {
  .job-zone-tab-container .xp-bar {
    display: none;
  }
}
.job-zone-tab-container .tab-template-nav {
  display: flex;
  align-items: flex-end;
  height: 150px;
  margin: 0 -3px;
}
.job-zone-tab-container .tab-template-nav button {
  border: none;
  background-color: #B5D1A3;
  color: #000;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.2;
  padding: 25px 20px;
  flex: 1;
  margin: 0 3px;
  transition: all 0.25s ease-in-out;
}
.job-zone-tab-container .tab-template-nav button span {
  display: block;
  font-size: 16px;
  color: #fff;
  transform: scale(0);
  max-height: 0;
  transition: all 0.25s ease-in-out;
}
.job-zone-tab-container .tab-template-nav button:hover, .job-zone-tab-container .tab-template-nav button.is-active {
  background-color: #63328F;
  color: #fff;
}
.job-zone-tab-container .tab-template-nav button:hover span, .job-zone-tab-container .tab-template-nav button.is-active span {
  max-height: 400px;
  transform: scale(1);
}
@media screen and (max-width: 1400px) {
  .job-zone-tab-container .tab-template-nav button {
    font-size: 1.7857142857vw;
  }
  .job-zone-tab-container .tab-template-nav button span {
    font-size: 1.2857142857vw;
  }
}
@media screen and (max-width: 1200px) {
  .job-zone-tab-container .tab-template-nav button {
    font-size: 2.0833333333vw;
  }
  .job-zone-tab-container .tab-template-nav button span {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 1024px) {
  .job-zone-tab-container .tab-template-nav button {
    font-size: 2.05078125vw;
  }
  .job-zone-tab-container .tab-template-nav button span {
    font-size: 1.7578125vw;
  }
}
@media screen and (max-width: 768px) {
  .job-zone-tab-container .tab-template-nav {
    display: block;
    height: auto;
    margin: 20px 0 0;
    overflow: hidden;
  }
  .job-zone-tab-container .tab-template-nav button {
    font-size: 3.125vw;
    width: 100%;
    padding: 20px 10px;
    margin: 0 0 5px;
  }
  .job-zone-tab-container .tab-template-nav button span {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 680px) {
  .job-zone-tab-container .tab-template-nav button {
    font-size: 16px;
    padding: 10px;
  }
  .job-zone-tab-container .tab-template-nav button span {
    display: none;
    font-size: 16px;
  }
}
.job-zone-tab-container .tab-container {
  background-color: #fff;
}
.job-zone-tab-container .tab {
  padding: 30px 50px;
}
.job-zone-tab-container .tab .tab-intro {
  margin-bottom: 50px;
  text-align: center;
}
.job-zone-tab-container .tab .tab-intro h2 {
  font-weight: 300;
  color: #1978B9;
  font-size: 28px;
  margin-bottom: 10px;
}
.job-zone-tab-container .tab .tab-intro h2 strong {
  font-weight: 700;
}
.job-zone-tab-container .tab .tab-intro p {
  font-size: 21px;
  margin: 0;
}
.job-zone-tab-container .tab h3 {
  color: #63328F;
  font-size: 24px;
}
@media screen and (max-width: 1400px) {
  .job-zone-tab-container .tab {
    padding: 20px 40px;
  }
  .job-zone-tab-container .tab .tab-intro h2 {
    font-size: 2vw;
  }
  .job-zone-tab-container .tab .tab-intro p {
    font-size: 1.5vw;
  }
  .job-zone-tab-container .tab h3 {
    font-size: 1.7142857143vw;
  }
}
@media screen and (max-width: 1200px) {
  .job-zone-tab-container .tab {
    padding: 20px 40px;
  }
  .job-zone-tab-container .tab .tab-intro h2 {
    font-size: 2.3333333333vw;
  }
  .job-zone-tab-container .tab .tab-intro p {
    font-size: 1.75vw;
  }
  .job-zone-tab-container .tab h3 {
    font-size: 2vw;
  }
}
@media screen and (max-width: 1024px) {
  .job-zone-tab-container .tab {
    padding: 20px 30px;
  }
  .job-zone-tab-container .tab .tab-intro h2 {
    font-size: 2.734375vw;
  }
  .job-zone-tab-container .tab .tab-intro p {
    font-size: 2.05078125vw;
  }
  .job-zone-tab-container .tab h3 {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 768px) {
  .job-zone-tab-container .tab {
    padding: 20px 40px;
  }
  .job-zone-tab-container .tab .tab-intro h2 {
    font-size: 3.6458333333vw;
  }
  .job-zone-tab-container .tab .tab-intro p {
    font-size: 2.734375vw;
  }
  .job-zone-tab-container .tab h3 {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  .job-zone-tab-container .tab {
    padding: 20px 15px;
  }
  .job-zone-tab-container .tab .tab-intro h2 {
    font-size: 24px;
  }
  .job-zone-tab-container .tab .tab-intro p {
    font-size: 18px;
  }
  .job-zone-tab-container .tab h3 {
    font-size: 21px;
  }
}

.accordion {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.accordion .accordion-header button {
  cursor: pointer;
  background: none;
  appearance: none;
  border: transparent;
  padding: 5px 0px;
  line-height: 1;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
}
.accordion .accordion-header button h4 {
  color: #1a78b9;
  margin: 0;
  display: inline-block;
  font-size: 24px;
}
.accordion .accordion-header button:after {
  content: "";
  margin-left: 15px;
  display: inline-block;
  border-top: 7px solid #1a78b9;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.accordion .accordion-header button.active:after {
  transform: translateY(-50%) rotate(180deg);
}
.accordion .accordion-header button:hover h4 {
  color: #63328F;
}
.accordion .accordion-header button:hover:after {
  border-top-color: #63328F;
}
@media screen and (max-width: 1400px) {
  .accordion .accordion-header button h4 {
    font-size: 1.7142857143vw;
  }
}
@media screen and (max-width: 1200px) {
  .accordion .accordion-header button h4 {
    font-size: 2vw;
  }
}
@media screen and (max-width: 1024px) {
  .accordion .accordion-header button h4 {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 768px) {
  .accordion .accordion-header button h4 {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  .accordion .accordion-header button h4 {
    font-size: 16px;
  }
}
.accordion .accordion-content {
  display: none;
}
.accordion .accordion-content p {
  font-size: 18px;
  max-width: 900px;
}
.accordion .accordion-content .links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.accordion .accordion-content .links li {
  margin: 0;
}
.accordion .accordion-content .links li {
  display: block;
  margin-bottom: 10px;
}
.accordion .accordion-content .links li > a {
  font-size: 18px;
  color: #1a78b9;
  text-decoration: underline;
}
.accordion .accordion-content .links li > a:after {
  content: "";
  vertical-align: top;
  position: relative;
  top: 9px;
  display: inline-block;
  margin-left: 10px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #1a78b9;
  border-right: 2px solid #1a78b9;
  border-radius: 1px;
  transform: rotate(45deg);
}
@media screen and (max-width: 1400px) {
  .accordion .accordion-content p {
    font-size: 1.2857142857vw;
  }
  .accordion .accordion-content .links li > a {
    font-size: 1.2857142857vw;
  }
}
@media screen and (max-width: 1200px) {
  .accordion .accordion-content p {
    font-size: 1.5vw;
  }
  .accordion .accordion-content .links li > a {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 1024px) {
  .accordion .accordion-content p {
    font-size: 1.7578125vw;
  }
  .accordion .accordion-content .links li > a {
    font-size: 1.7578125vw;
  }
}
@media screen and (max-width: 768px) {
  .accordion .accordion-content p {
    font-size: 2.34375vw;
  }
  .accordion .accordion-content .links li > a {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 600px) {
  .accordion .accordion-content p {
    font-size: 16px;
  }
  .accordion .accordion-content .links li > a {
    font-size: 16px;
  }
}

.quiz-enter-scores {
  text-align: center;
}
.quiz-enter-scores ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 30px;
}
.quiz-enter-scores ul li {
  margin: 0;
}
.quiz-enter-scores ul li {
  margin: 0 10px;
}
.quiz-enter-scores ul li label {
  display: block;
  font-weight: 700;
  color: #63328F;
  font-size: 21px;
  letter-spacing: 0.03em;
  margin-bottom: 10px;
}
.quiz-enter-scores ul li input[type=number] {
  font-size: 18px;
  padding: 10px;
}
.quiz-enter-scores button {
  border: none;
  display: inline-block;
}

@media screen and (max-width: 1024px) {
  .quiz-enter-scores ul {
    flex-wrap: wrap;
  }
  .quiz-enter-scores ul li {
    width: calc(33.3333333333% - 21px);
    margin: 0 10px 30px;
  }
}
@media screen and (max-width: 600px) {
  .quiz-enter-scores {
    padding-bottom: 30px;
  }
  .quiz-enter-scores ul {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .quiz-enter-scores ul li {
    width: 100%;
    margin: 0 0 20px;
  }
}
.bio-pdfs {
  padding: 50px 0 0;
  background-image: url("../images/sub/aphl/roadmaps.jpg");
  background-size: cover;
  background-position: center;
  border-bottom: 15px solid #1a78b9;
}
.bio-pdfs .bio-pdf-slider {
  float: left;
  width: 40%;
}
.bio-pdfs .bio-pdf-slider .bio-pdf:before {
  content: "";
  display: block;
  padding-bottom: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.bio-pdfs .bio-pdf-slider .bio-pdf.erika:before {
  background-image: url("../images/sub/aphl/bio-pdfs-previews/erika-akers.png");
}
.bio-pdfs .bio-pdf-slider .bio-pdf.mark:before {
  background-image: url("../images/sub/aphl/bio-pdfs-previews/mark-obrien.png");
}
.bio-pdfs .bio-pdf-slider .bio-pdf.john:before {
  background-image: url("../images/sub/aphl/bio-pdfs-previews/john-hedberg.png");
}
.bio-pdfs .bio-pdf-slider .bio-pdf.patrick:before {
  background-image: url("../images/sub/aphl/bio-pdfs-previews/patrick-sotto.png");
}
.bio-pdfs .bio-content-col {
  float: right;
  width: 50%;
  text-align: center;
  padding-top: 40px;
}
.bio-pdfs .bio-content-col h3 {
  font-size: 36px;
  color: #1a78b9;
}
.bio-pdfs .button-wraps {
  margin: 30px 0 0;
}
.bio-pdfs .button-wraps > .btn, .bio-pdfs .quiz-enter-scores .button-wraps > button, .quiz-enter-scores .bio-pdfs .button-wraps > button {
  display: inline-block;
  margin: 0 10px;
}
.bio-pdfs .pdf-nav button {
  width: calc(25% - 27px);
  height: 0;
  padding-bottom: calc(25% - 38px);
  border-radius: 100%;
  margin: 0 13px;
  border: 5px solid #fff;
  background-size: cover;
  text-indent: -9999px;
}
.bio-pdfs .pdf-nav button.erika {
  background-image: url("../images/sub/aphl/bio-pdfs-previews/erika-headshot.jpg");
}
.bio-pdfs .pdf-nav button.mark {
  background-image: url("../images/sub/aphl/bio-pdfs-previews/mark-headshot.jpg");
}
.bio-pdfs .pdf-nav button.john {
  background-image: url("../images/sub/aphl/bio-pdfs-previews/john-headshot.jpg");
}
.bio-pdfs .pdf-nav button.patrick {
  background-image: url("../images/sub/aphl/bio-pdfs-previews/patrick-headshot.jpg");
}
.bio-pdfs .pdf-nav button.active {
  border: 5px solid #1a78b9;
}

@media screen and (max-width: 1400px) {
  .bio-pdfs .bio-content-col h3 {
    font-size: 2.5714285714vw;
  }
}
@media screen and (max-width: 1200px) {
  .bio-pdfs .bio-content-col h3 {
    font-size: 3vw;
  }
}
@media screen and (max-width: 1024px) {
  .bio-pdfs .bio-content-col h3 {
    font-size: 3.515625vw;
  }
}
@media screen and (max-width: 900px) {
  .bio-pdfs .bio-pdf-slider {
    width: 100%;
    float: none;
  }
  .bio-pdfs .bio-content-col {
    float: none;
    width: 100%;
    padding-bottom: 40px;
  }
  .bio-pdfs .bio-content-col h3 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .bio-pdfs {
    padding: 30px 0 0;
  }
  .bio-pdfs .bio-content-col {
    padding-top: 0;
  }
  .bio-pdfs .bio-content-col h3 {
    font-size: 32px;
    margin: 0 0 20px;
  }
}
@media screen and (max-width: 480px) {
  .bio-pdfs .bio-content-col h3 {
    font-size: 24px;
  }
}
.learn-more-text {
  text-align: center;
  margin: 30px auto 0;
  max-width: 1200px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.learn-more-text a {
  color: #fff;
  text-decoration: underline;
}
.learn-more-text a:hover {
  color: #F6941C;
}

.tutorial {
  padding: 30px 0;
  text-align: center;
}
.tutorial p {
  color: #000;
}
.tutorial p a {
  color: #1a78b9;
}
.tutorial p a:hover {
  color: #63328F;
}

.single-video {
  padding: 40px 0;
  text-align: center;
  background-color: #63328F;
}
.single-video h2 {
  margin: 0 0 20px;
  color: #fff;
}
.single-video .inner {
  max-width: 768px;
  margin: 0 auto;
}

.cta {
  padding: 80px 0;
  text-align: center;
  background: url("../images/sub/aphl/cta-bg.jpg");
  background-position: center;
  background-size: cover;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
  position: relative;
}
.cta.americorps {
  background: url("../images/sub/aphl/cta-americorp.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 20%;
}
.cta:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  mix-blend-mode: hard-light;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cta .wrap {
  position: relative;
  max-width: 1200px;
}
.cta .inner-wrap {
  background: transparent radial-gradient(closest-side at 50% 50%, rgba(5, 64, 104, 0.901) 0%, rgba(12, 86, 136, 0.904) 100%) 0% 0% no-repeat padding-box;
  padding: 60px;
}
.cta h2 {
  font-size: 36px;
  color: #fff;
  font-weight: 300;
  margin-top: 0;
}
.cta p {
  color: #fff;
}
.cta .btn, .cta .quiz-enter-scores button, .quiz-enter-scores .cta button {
  margin: 0 auto;
}

.internship-accordion {
  background-color: #F3EBF5;
  padding: 70px;
  margin-top: 40px;
}
.internship-accordion .inner-wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 1025px;
}
.internship-accordion .accordion-header {
  text-align: center;
}
.internship-accordion .accordion-header h2 {
  margin: 0;
  font-size: 36px;
  line-height: 1.1;
  font-size: clamp(28px, 2.5vw, 36px);
}
.internship-accordion .accordion-header p {
  font-size: 18px;
}
.internship-accordion .accordion-header button {
  font-size: 24px;
  line-height: 1;
  color: #752894;
  vertical-align: top;
  border: none;
  background-color: transparent;
  padding: 20px 25px 10px;
  font-size: clamp(18px, 1.5vw, 24px);
}
.internship-accordion .accordion-header button .caret-icon {
  display: inline-block;
  vertical-align: top;
  height: 36px;
  width: 36px;
  height: clamp(25px, 2vw, 36px);
  width: clamp(25px, 2vw, 36px);
  background-color: #752894;
  border-radius: 100%;
  position: relative;
  top: -5px;
  margin-left: 10px;
}
.internship-accordion .accordion-header button .caret-icon svg {
  position: absolute;
  width: 60%;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
  stroke: #fff;
}
.internship-accordion .accordion-header button:hover {
  background-color: #752894;
  color: #fff;
}
.internship-accordion .accordion-header button:hover .caret-icon {
  background-color: #fff;
}
.internship-accordion .accordion-header button:hover .caret-icon svg {
  stroke: #752894;
}
.internship-accordion .accordion-header button[aria-expanded=true] .caret-icon {
  transform: rotate(180deg);
}
.internship-accordion .accordion-header button[aria-expanded=true] .caret-icon svg {
  top: 50%;
}
.internship-accordion .accordion-content {
  display: none;
}
.internship-accordion .accordion-content ul {
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
}
.internship-accordion .accordion-content ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #C2BCC4;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.internship-accordion .accordion-content ul li:last-child {
  border-bottom: none;
}
.internship-accordion .accordion-content ul li a {
  text-decoration: none;
}
.internship-accordion .accordion-content ul li a:hover {
  text-decoration: underline;
}
.internship-accordion .accordion-content ul li h3 {
  font-size: 32px;
  font-size: clamp(24px, 2vw, 32px);
  line-height: 1.2;
  color: #752894;
  margin: 0 0 10px;
}
.internship-accordion .accordion-content ul li p {
  margin: 0;
}
.internship-accordion .accordion-content ul li .content-wrap {
  width: calc(100% - 220px);
}
.internship-accordion .accordion-content ul li .btn-wrap .btn, .internship-accordion .accordion-content ul li .btn-wrap .quiz-enter-scores button, .quiz-enter-scores .internship-accordion .accordion-content ul li .btn-wrap button {
  border-radius: 30px;
  text-decoration: none;
  font-weight: 400;
  text-transform: none;
}

@media screen and (max-width: 960px) {
  .internship-accordion {
    margin-top: 40px;
    padding: 30px;
  }
  .internship-accordion .accordion-content ul li {
    display: block;
    text-align: center;
  }
  .internship-accordion .accordion-content ul li .content-wrap {
    width: 100%;
    margin-bottom: 10px;
  }
  .internship-accordion .accordion-content ul li .btn-wrap {
    text-align: center;
  }
  .internship-accordion .accordion-content ul li .btn-wrap .btn, .internship-accordion .accordion-content ul li .btn-wrap .quiz-enter-scores button, .quiz-enter-scores .internship-accordion .accordion-content ul li .btn-wrap button {
    margin: auto;
  }
}

/*# sourceMappingURL=style.css.map */