/* ============ STYLE GUIDE ============ */

/* START Headings */
#page .row:first-child .block:first-child h1 {
  font-weight: 400;
  /* T V: Min 42px ~ Max 70px | VP R: Min 1280px ~ Max 1700px */
  font-size: clamp(2.625rem, -2.708rem + 6.667vw, 4.375rem);
}

.heading-block h1 {
  color: var(--primary-color);
  /* T V: Min 36px ~ Max 60px | VP R: Min 1280px ~ Max 1700px */
  font-size: clamp(2.25rem, -2.321rem + 5.714vw, 3.75rem);
}

.heading-block h2 {
  /* T V: Min 26px ~ Max 48px | VP R: Min 1280px ~ Max 1700px */
  font-size: clamp(1.625rem, -2.565rem + 5.238vw, 3rem);
}

.heading-block h3 {
  /* T V: Min 20px ~ Max 40px | VP R: Min 1280px ~ Max 1700px */
  font-size: clamp(1.25rem, -2.56rem + 4.762vw, 2.5rem);
}

.heading-block h4 {
  /* T V: Min 18px ~ Max 32px | VP R: Min 1280px ~ Max 1700px */
  font-size: clamp(1.125rem, -1.542rem + 3.333vw, 2rem);
}

.heading-block h5 {
  /* T V: Min 16px ~ Max 24px | VP R: Min 1280px ~ Max 1700px */
  font-size: clamp(1rem, -0.524rem + 1.905vw, 1.5rem);
}
/* END Headings */

/* Change text size */ 
  #page .text-block p,
  #page span[style="font-size: 16px"],
  #live-feed .status,
  #news-list .article-info .content,
  #news-article .page-container-item .article-content p,
  .quote-block.design-3 .content,
  .table-v2-block p,
  .collapsible-section .header-text {
      font-size: 18px !important;
  }
/* End Change text size */

/* START Breadcrumb */
#page .breadcrumb li {
  text-transform: capitalize;
}

#page .breadcrumb li::before {
  width: 1px;
  content: close-quote;
  background-color: #d1d5db;
  left: 22px;
}

#page .breadcrumb .nuxt-link-exact-active {
  color: var(--primary-color);
  font-weight: 700;
}
/* END Breadcrumb */

/* START Accordion */
#page .accordion-block .section-header {
  border-radius: 0px;
  padding: 16px;
}
/* END Accordion */

/* START Buttons */
#page .button-block .button .title {
  font-weight: 700;
}

/* START Buttons Regular */
#page .button-block .button.regular .title {
  /* T V: Min 16px ~ Max 24px | VP R: Min 1280px ~ Max 1700px */
  font-size: clamp(1rem, -0.524rem + 1.905vw, 1.5rem);
}

#page .button-block .button.regular:hover {
  text-decoration: underline;
}

#page .button.regular.light {
  --light: #f3f4f6;
  --dark: #4d515a;
}

#page .button.regular.outline {
  --dark: #4d515a;
  border: #e5e7eb solid 1px;
}
/* END Buttons Regular */

/* START Buttons Square Style 1 & Style 2 */
#page .button-block .button.square .title {
  /* T V: Min 16px ~ Max 20px | VP R: Min 1280px ~ Max 1700px */
  font-size: clamp(1rem, 0.238rem + 0.952vw, 1.25rem);
}

#page .button-block .button.square.light {
  --light: #f3f4f6;
}

#page .button-block .button.square.light .icon-wrapper svg {
  fill: #00253a;
}

#page .button-block .button.square.style-2 .bar {
  display: none;
}

#page .button-block .button.square.light.style-2 .arrow-button circle,
#page .button-block .button.square.dark.style-2 .arrow-button circle {
  stroke: #fff;
}

#page .button-block .button.square.outline.style-2 {
  border: #d1d5db solid 1px;
}

#page .button-block .button.square.outline.style-2 .arrow-button circle {
  stroke: #d1d5db;
}
/* END Buttons Square Style 1 & Style 2 */
/*same width for all cms page square buttons*/
#page .button.square { 
  width: 100%; 
  flex-grow: 1;
}
/* END Buttons */

/* START Slider */
.slider-dots {
  --inactive-dots-color: #d1d5db;
}

#page .slider-dots:not(.active) .circle {
  border: 1px solid var(--inactive-dots-color);
  background: var(--inactive-dots-color);
}

#page .slider-dots .active .circle {
  border: none;
  background: var(--primary-color);
}

#page .slider-arrows .left-arrow,
#page .slider-arrows .right-arrow {
  border-radius: 50%;
  width: 56px;
  height: 56px;
  outline: none;
}
/* END Slider */

/* START Site Menu */
#view-header a.m4--menu-item-link:hover,
#view-header .dropdown ul li a:hover,
#schools-menu-sm1 a:hover {
  text-decoration: underline;
}
/* END Site Menu */

/* START Quote */
#page .design-2 .design-2-quotes {
  color: var(--secondary-color) !important;
}

#page .quote-block.design-2 {
  padding-left: 0 !important;
}

#page .design-2 blockquote {
  background: var(--primary-color);
  color: var(--primary-color-contrast);
  border-radius: 8px;
  padding: 24px;
  text-transform: uppercase;
  margin-top: 46px;
}

#page .design-2 .design-2-quotes::before {
  content: close-quote;
  background-color: var(--secondary-color);
  mask-image: url("data:image/svg+xml,%3Csvg width='46' height='34' viewBox='0 0 46 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.86 0.859985C16.3077 0.932445 13.7947 1.50752 11.4649 2.5523C9.13503 3.59708 7.03411 5.09106 5.28233 6.94873C3.53055 8.80639 2.1623 10.9913 1.25589 13.3783C0.349487 15.7654 -0.0772843 18.3078 3.00631e-06 20.86V23.34C3.00724e-06 25.2941 0.579455 27.2043 1.66508 28.829C2.75071 30.4538 4.29376 31.7201 6.09909 32.4679C7.90442 33.2157 9.89096 33.4114 11.8075 33.0301C13.724 32.6489 15.4845 31.7079 16.8662 30.3262C18.248 28.9445 19.1889 27.184 19.5702 25.2675C19.9514 23.3509 19.7557 21.3644 19.0079 19.5591C18.2601 17.7537 16.9938 16.2107 15.369 15.1251C13.7443 14.0394 11.8341 13.46 9.88 13.46C9.13124 13.4606 8.38547 13.5547 7.66 13.74C7.56533 13.7669 7.46466 13.7641 7.37165 13.7319C7.27863 13.6997 7.19777 13.6397 7.14 13.56C7.08657 13.4764 7.05818 13.3792 7.05818 13.28C7.05818 13.1808 7.08657 13.0836 7.14 13C8.28993 10.8817 9.97987 9.10536 12.0383 7.85135C14.0967 6.59734 16.4502 5.9103 18.86 5.85999C19.523 5.85999 20.1589 5.59659 20.6278 5.12775C21.0966 4.65891 21.36 4.02303 21.36 3.35999C21.36 2.69694 21.0966 2.06106 20.6278 1.59222C20.1589 1.12338 19.523 0.859985 18.86 0.859985Z' fill='%2366CCFF'/%3E%3Cpath d='M43.5 5.85999C44.163 5.85999 44.7989 5.59659 45.2678 5.12775C45.7366 4.65891 46 4.02303 46 3.35999C46 2.69694 45.7366 2.06106 45.2678 1.59222C44.7989 1.12338 44.163 0.859985 43.5 0.859985C40.9477 0.932445 38.4347 1.50752 36.1049 2.5523C33.775 3.59708 31.6741 5.09106 29.9223 6.94873C28.1705 8.80639 26.8023 10.9913 25.8959 13.3783C24.9895 15.7654 24.5627 18.3078 24.64 20.86V23.34C24.636 25.2997 25.2138 27.2165 26.3001 28.8476C27.3864 30.4788 28.9324 31.7508 30.7422 32.5025C32.552 33.2543 34.5442 33.4521 36.4665 33.0707C38.3887 32.6894 40.1546 31.7461 41.5403 30.3603C42.9261 28.9746 43.8694 27.2087 44.2507 25.2865C44.6321 23.3642 44.4343 21.372 43.6826 19.5622C42.9308 17.7524 41.6588 16.2064 40.0277 15.1201C38.3966 14.0338 36.4797 13.456 34.52 13.46C33.7713 13.4618 33.0257 13.5559 32.3 13.74C32.2053 13.7669 32.1047 13.7641 32.0116 13.7319C31.9186 13.6997 31.8378 13.6397 31.78 13.56C31.7266 13.4764 31.6982 13.3792 31.6982 13.28C31.6982 13.1808 31.7266 13.0836 31.78 13C32.9299 10.8817 34.6199 9.10536 36.6783 7.85135C38.7367 6.59734 41.0902 5.9103 43.5 5.85999Z' fill='%2366CCFF'/%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat no-repeat;
  mask-position: left top;
  mask-size: contain;
  height: 32px;
  width: 46px;
  left: 0;
  top: 10px;
}

#page .design-2 cite {
  font-weight: 700;
  color: var(--heading-color);
}
/* END Quote */

/* START Tables */
#page .table-v2-block th,
#page .table-v2-block td {
  padding: 16px 12px 12px;
}
/* END Tables */

/* START Cards */ 
#page .block div.card-block.separator .card-text .headline + .content p {
  font-size: 18px;
  line-height: 1.55;
}
#page .block .card-block.shadow {
  border-radius: 5px;
  border-left: 5px solid var(--page-builder-color);
}

#page .block .card-block.shadow.has-image {
  align-items: center;
}

#page .block .card-block.shadow .headline {
  margin-bottom: 0;
}

#page .block .card-block.shadow .headline * {
  color: var(--heading-color);
}

.card-block .card-text.shadow p {
  margin-top: 10px;
}

.card-block .card-text p:empty {
  display: none;
}

#page .block .card-block.separator .headline,
#page .block div.card-block.separator .card-text .headline + .content {
    padding-left: 0;
    margin-left: 0 !important;
    padding-right: 0;
    margin-right: 0;
}

#page .block div.card-block.separator .card-text .headline + .content,
#page .block div.card-block.separator.has-image .card-left {
    padding-bottom: 30px;
}

#page .block div.card-block.separator.has-image .card-left:first-child {
    margin-right: 20px;
}
#page .block .card-block.separator {
  position: relative;
}
#page .block .card-block.separator .headline:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    display: block;
    content: close-quote;
    font-size: 0;
    background-color: currentcolor;
}

#page .block .card-block.shadow,  
#page div.card-block .card-left img {
    border-radius: 4px;
}
@media only screen and (min-width: 451px) {
  #page .block div.card-block.card-block .card-text .headline + .content {
      margin-left: 20px !important;
  }
}
/* END Cards */

/* START Divider */
#page .ts-divider {
  border-color: var(--secondary-color) !important;
}
/* END Divider */