@charset "UTF-8";
/**
* OHO Interactive main theme stylesheet.
* Version 2019-04-08
* https://www.oho.com
*/
/*@import url("//hello.myfonts.net/count/481bf3");*/
/*Original 2 Calls for IBM Plex Sans - New Calls are in tags in HTML RS20250228
@font-face {
font-family: "IBM Plex Sans";
src: url("../fonts/ibm-plex-sans/ibmplexsans-regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IBM Plex Sans";
src: url("../fonts/ibm-plex-sans-bold/ibmplexsans-bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}*/
@font-face {
font-family: "FontAwesome Pro 6";
src: url("/assets/fontawesome-pro-6.5.1-web.ttf") fortmat("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
/* Color styles */
--blue--xdark: #111C38;
--blue--dark: #142142;
--blue--medium: #006BA6;
--blue--light: #B1DDF6;
--red: #CF142B;
--accessible-red: #DA162D;
--orange: #FF544A;
--yellow: #FFCD6B;
--yellow--light: #F8EDD9;
--gray--dark: #222222;
--gray--accent: #AAAAAA;
--gray--line: #E4E4E4;
--gray--light: #F5F5F5;
--white: #FFFFFF;
/* Case Changes */
--text-case: none;
}
.global-spacing--4xlarge {
margin-top: 3.125rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-spacing--4xlarge {
margin-top: 6.25rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-spacing--4xlarge {
margin-top: 9.375rem;
}
}
.global-spacing--3xlarge {
margin-top: 3.125rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-spacing--3xlarge {
/* margin-top: 5rem; REMOVED BECAUSE SPACING IS TOO MUCH 1/24/24 */
}
}
@media print, screen and (min-width: 64.0625em) {
.global-spacing--3xlarge {
/* margin-top: 7.5rem; REMOVED BECAUSE SPACING IS TOO MUCH 1/24/24 */
}
}
.global-spacing--2xlarge {
margin-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-spacing--2xlarge {
margin-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-spacing--2xlarge {
margin-top: 6.25rem;
}
}
.global-spacing--xlarge {
margin-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-spacing--xlarge {
margin-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-spacing--xlarge {
margin-top: 5rem;
}
}
.global-spacing--large {
margin-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-spacing--large {
margin-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-spacing--large {
margin-top: 3.75rem;
}
}
.global-spacing--default {
margin-top: 2.5rem;
}
@media print, screen and (min-width: 64.0625em) {
.global-spacing--default {
margin-top: 3.125rem;
}
}
.global-spacing--medium {
margin-top: 1.875rem;
}
@media print, screen and (min-width: 64.0625em) {
.global-spacing--medium {
margin-top: 2.5rem;
}
}
.global-spacing--small {
margin-top: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-spacing--small {
margin-top: 1.875rem;
}
}
.global-spacing--xsmall {
margin-top: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-spacing--xsmall {
margin-top: 1.25rem;
}
}
.global-spacing--2xsmall--alt {
margin-top: 0.9375rem;
}
@media print, screen and (min-width: 64.0625em) {
.global-spacing--2xsmall--alt {
margin-top: 1.25rem;
}
}
.global-spacing--2xsmall {
margin-top: 0.9375rem;
}
.global-spacing--3xsmall {
margin-top: 0.625rem;
}
.global-spacing--4xsmall {
margin-top: 0.3125rem;
}
.negative-spacing--4xlarge {
margin-top: -3.125rem;
}
@media print, screen and (min-width: 48.0625em) {
.negative-spacing--4xlarge {
margin-top: -6.25rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.negative-spacing--4xlarge {
margin-top: -9.375rem;
}
}
.negative-spacing--3xlarge {
margin-top: -3.125rem;
}
@media print, screen and (min-width: 48.0625em) {
.negative-spacing--3xlarge {
margin-top: -5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.negative-spacing--3xlarge {
margin-top: -7.5rem;
}
}
.negative-spacing--2xlarge {
margin-top: -2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.negative-spacing--2xlarge {
margin-top: -3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.negative-spacing--2xlarge {
margin-top: -6.25rem;
}
}
.negative-spacing--xlarge {
margin-top: -2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.negative-spacing--xlarge {
margin-top: -3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.negative-spacing--xlarge {
margin-top: -5rem;
}
}
.negative-spacing--large {
margin-top: -2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.negative-spacing--large {
margin-top: -3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.negative-spacing--large {
margin-top: -3.75rem;
}
}
.negative-spacing--default {
margin-top: -2.5rem;
}
@media print, screen and (min-width: 64.0625em) {
.negative-spacing--default {
margin-top: -3.125rem;
}
}
.negative-spacing--medium {
margin-top: -1.875rem;
}
@media print, screen and (min-width: 64.0625em) {
.negative-spacing--medium {
margin-top: -2.5rem;
}
}
.negative-spacing--small {
margin-top: -1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.negative-spacing--small {
margin-top: -1.875rem;
}
}
.negative-spacing--xsmall {
margin-top: -0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.negative-spacing--xsmall {
margin-top: -1.25rem;
}
}
.negative-spacing--2xsmall--alt {
margin-top: -0.9375rem;
}
@media print, screen and (min-width: 64.0625em) {
.negative-spacing--2xsmall--alt {
margin-top: -1.25rem;
}
}
.negative-spacing--2xsmall {
margin-top: -0.9375rem;
}
.negative-spacing--3xsmall {
margin-top: -0.625rem;
}
.negative-spacing--4xsmall {
margin-top: -0.3125rem;
}
.global-padding--4xlarge {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--4xlarge {
padding-top: 6.25rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--4xlarge {
padding-top: 9.375rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--4xlarge {
padding-bottom: 6.25rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--4xlarge {
padding-bottom: 9.375rem;
}
}
.global-padding--3xlarge {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--3xlarge {
padding-top: 5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--3xlarge {
padding-top: 7.5rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--3xlarge {
padding-bottom: 5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--3xlarge {
padding-bottom: 7.5rem;
}
}
.global-padding--2xlarge {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--2xlarge {
padding-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--2xlarge {
padding-top: 6.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--2xlarge {
padding-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--2xlarge {
padding-bottom: 6.25rem;
}
}
.global-padding--xlarge {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--xlarge {
padding-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--xlarge {
padding-top: 5rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--xlarge {
padding-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--xlarge {
padding-bottom: 5rem;
}
}
.global-padding--large {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--large {
padding-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--large {
padding-top: 3.75rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--large {
padding-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--large {
padding-bottom: 3.75rem;
}
}
.global-padding--default {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--default {
padding-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--default {
padding-bottom: 3.125rem;
}
}
.global-padding--medium {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--medium {
padding-top: 2.5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--medium {
padding-bottom: 2.5rem;
}
}
.global-padding--small {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--small {
padding-top: 1.875rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--small {
padding-bottom: 1.875rem;
}
}
.global-padding--xsmall {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--xsmall {
padding-top: 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--xsmall {
padding-bottom: 1.25rem;
}
}
.global-padding--2xsmall--alt {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--2xsmall--alt {
padding-top: 1.25rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--2xsmall--alt {
padding-bottom: 1.25rem;
}
}
.global-padding--2xsmall {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
.global-padding--3xsmall {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.global-padding--4xsmall {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
}
.padding-grid--xsmall {
padding: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.padding-grid--xsmall {
padding: 1.875rem;
}
}
.padding-grid--small {
padding: 1.875rem;
}
.padding-grid--medium {
padding: 1.875rem 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.padding-grid--medium {
padding: 2.5rem 1.875rem;
}
}
.padding-grid--large {
padding: 1.875rem 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.padding-grid--large {
padding: 2.5rem 1.875rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.padding-grid--large {
padding: 3.125rem;
}
}
.padding-grid--xlarge {
padding: 2.5rem 1.875rem;
}
@media print, screen and (min-width: 48.0625em) {
.padding-grid--xlarge {
padding: 3.125rem 2.5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.padding-grid--xlarge {
padding: 3.125rem;
}
}
/**
* @license
* MyFonts Webfont Build ID 4725747, 2022-04-21T15:38:10-0400
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: Handelson-One by Melvastype
* URL: https://www.myfonts.com/fonts/mika-melvas/handelson/one/
* Copyright: Copyright © 2016 by Mika Melvas. All rights reserved.
*
* Webfont: Matrole by Viaction Type.Co
* URL: https://www.myfonts.com/fonts/viaction-type/matrole/regular/
* Copyright: Copyright (c) 2019 by Viaction Type. All rights reserved.
*
*
*
* © 2022 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
font-family: "Matrole";
src: url("https://www.myfonts.com/fonts/Matrole/font.woff2")
format("woff2"),
url("https://www.myfonts.com/webFonts/Matrole/font.woff")
format("woff");
font-display: swap;
}
@font-face {
font-family: "Handelson-One";
src: url("https://www.myfonts.com/fonts/HandelsonOne/font.woff2") format("woff2"), url("https://www.myfonts.com/webFonts/HandelsonOne/font.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "Font Awesome 5 Pro";
src: url("../fontawesome-pro-6.5.1-web/webfonts/fa-regular-400.woff2") format("woff2"), url("../fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("../fontawesome/webfonts/fa-regular-400.eot") format("eot"), url("../fontawesome/webfonts/fa-regular-400.svg") format("svg"), url("../fontawesome-pro-6.5.1-web/webfonts/fa-regular-400.ttf") format("ttf");
font-display: swap;
}
@font-face {
font-family: "Font Awesome 5 Brands";
src: url("../fontawesome-pro-6.5.1-web/webfonts/fa-brands-400.woff2") format("woff2"), url("../fontawesome/webfonts/fa-brands-400.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "Font Awesome 5 Duotone";
src: url("../fontawesome-pro-6.5.1-web/webfonts/fa-solid-900.woff2") format("woff2"), url("../fontawesome/webfonts/fa-solid-900.woff") format("woff");
font-display: swap;
}
/**
* Foundation for Sites by ZURB
* Version 6.5.3
* foundation.zurb.com
* Licensed under MIT Open Source
*/
.grid-container {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 48.0625em) {
.grid-container {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.grid-container.fluid {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 48.0625em) {
.grid-container.fluid {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.grid-container.full {
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.grid-x {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.cell {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0px;
min-width: 0px;
width: 100%;
}
.cell.auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.cell.shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .auto {
width: auto;
}
.grid-x > .shrink {
width: auto;
}
.grid-x > .initial-shrink, .grid-x > .initial-full, .grid-x > .initial-1, .grid-x > .initial-2, .grid-x > .initial-3, .grid-x > .initial-4, .grid-x > .initial-5, .grid-x > .initial-6, .grid-x > .initial-7, .grid-x > .initial-8, .grid-x > .initial-9, .grid-x > .initial-10, .grid-x > .initial-11, .grid-x > .initial-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
@media print, screen and (min-width: 20.0625em) {
.grid-x > .tiny-shrink, .grid-x > .tiny-full, .grid-x > .tiny-1, .grid-x > .tiny-2, .grid-x > .tiny-3, .grid-x > .tiny-4, .grid-x > .tiny-5, .grid-x > .tiny-6, .grid-x > .tiny-7, .grid-x > .tiny-8, .grid-x > .tiny-9, .grid-x > .tiny-10, .grid-x > .tiny-11, .grid-x > .tiny-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 40.0625em) {
.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 48.0625em) {
.grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 64.0625em) {
.grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.grid-x > .initial-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .initial-12, .grid-x > .initial-11, .grid-x > .initial-10, .grid-x > .initial-9, .grid-x > .initial-8, .grid-x > .initial-7, .grid-x > .initial-6, .grid-x > .initial-5, .grid-x > .initial-4, .grid-x > .initial-3, .grid-x > .initial-2, .grid-x > .initial-1, .grid-x > .initial-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .initial-shrink {
width: auto;
}
.grid-x > .initial-1 {
width: 8.3333333333%;
}
.grid-x > .initial-2 {
width: 16.6666666667%;
}
.grid-x > .initial-3 {
width: 25%;
}
.grid-x > .initial-4 {
width: 33.3333333333%;
}
.grid-x > .initial-5 {
width: 41.6666666667%;
}
.grid-x > .initial-6 {
width: 50%;
}
.grid-x > .initial-7 {
width: 58.3333333333%;
}
.grid-x > .initial-8 {
width: 66.6666666667%;
}
.grid-x > .initial-9 {
width: 75%;
}
.grid-x > .initial-10 {
width: 83.3333333333%;
}
.grid-x > .initial-11 {
width: 91.6666666667%;
}
.grid-x > .initial-12 {
width: 100%;
}
@media print, screen and (min-width: 20.0625em) {
.grid-x > .tiny-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .tiny-12, .grid-x > .tiny-11, .grid-x > .tiny-10, .grid-x > .tiny-9, .grid-x > .tiny-8, .grid-x > .tiny-7, .grid-x > .tiny-6, .grid-x > .tiny-5, .grid-x > .tiny-4, .grid-x > .tiny-3, .grid-x > .tiny-2, .grid-x > .tiny-1, .grid-x > .tiny-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .tiny-shrink {
width: auto;
}
.grid-x > .tiny-1 {
width: 8.3333333333%;
}
.grid-x > .tiny-2 {
width: 16.6666666667%;
}
.grid-x > .tiny-3 {
width: 25%;
}
.grid-x > .tiny-4 {
width: 33.3333333333%;
}
.grid-x > .tiny-5 {
width: 41.6666666667%;
}
.grid-x > .tiny-6 {
width: 50%;
}
.grid-x > .tiny-7 {
width: 58.3333333333%;
}
.grid-x > .tiny-8 {
width: 66.6666666667%;
}
.grid-x > .tiny-9 {
width: 75%;
}
.grid-x > .tiny-10 {
width: 83.3333333333%;
}
.grid-x > .tiny-11 {
width: 91.6666666667%;
}
.grid-x > .tiny-12 {
width: 100%;
}
}
@media print, screen and (min-width: 40.0625em) {
.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .small-1 {
width: 8.3333333333%;
}
.grid-x > .small-2 {
width: 16.6666666667%;
}
.grid-x > .small-3 {
width: 25%;
}
.grid-x > .small-4 {
width: 33.3333333333%;
}
.grid-x > .small-5 {
width: 41.6666666667%;
}
.grid-x > .small-6 {
width: 50%;
}
.grid-x > .small-7 {
width: 58.3333333333%;
}
.grid-x > .small-8 {
width: 66.6666666667%;
}
.grid-x > .small-9 {
width: 75%;
}
.grid-x > .small-10 {
width: 83.3333333333%;
}
.grid-x > .small-11 {
width: 91.6666666667%;
}
.grid-x > .small-12 {
width: 100%;
}
}
@media print, screen and (min-width: 48.0625em) {
.grid-x > .medium-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .medium-shrink {
width: auto;
}
.grid-x > .medium-1 {
width: 8.3333333333%;
}
.grid-x > .medium-2 {
width: 16.6666666667%;
}
.grid-x > .medium-3 {
width: 25%;
}
.grid-x > .medium-4 {
width: 33.3333333333%;
}
.grid-x > .medium-5 {
width: 41.6666666667%;
}
.grid-x > .medium-6 {
width: 50%;
}
.grid-x > .medium-7 {
width: 58.3333333333%;
}
.grid-x > .medium-8 {
width: 66.6666666667%;
}
.grid-x > .medium-9 {
width: 75%;
}
.grid-x > .medium-10 {
width: 83.3333333333%;
}
.grid-x > .medium-11 {
width: 91.6666666667%;
}
.grid-x > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64.0625em) {
.grid-x > .large-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .large-shrink {
width: auto;
}
.grid-x > .large-1 {
width: 8.3333333333%;
}
.grid-x > .large-2 {
width: 16.6666666667%;
}
.grid-x > .large-3 {
width: 25%;
}
.grid-x > .large-4 {
width: 33.3333333333%;
}
.grid-x > .large-5 {
width: 41.6666666667%;
}
.grid-x > .large-6 {
width: 50%;
}
.grid-x > .large-7 {
width: 58.3333333333%;
}
.grid-x > .large-8 {
width: 66.6666666667%;
}
.grid-x > .large-9 {
width: 75%;
}
.grid-x > .large-10 {
width: 83.3333333333%;
}
.grid-x > .large-11 {
width: 91.6666666667%;
}
.grid-x > .large-12 {
width: 100%;
}
}
.grid-margin-x:not(.grid-x) > .cell {
width: auto;
}
.grid-margin-y:not(.grid-y) > .cell {
height: auto;
}
.grid-margin-x {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.grid-margin-x {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
}
.grid-margin-x > .cell {
width: calc(100% - 2.5rem);
margin-left: 1.25rem;
margin-right: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.grid-margin-x > .cell {
width: calc(100% - 2.5rem);
margin-left: 1.25rem;
margin-right: 1.25rem;
}
}
.grid-margin-x > .auto {
width: auto;
}
.grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .initial-1 {
width: calc(8.3333333333% - 2.5rem);
}
.grid-margin-x > .initial-2 {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x > .initial-3 {
width: calc(25% - 2.5rem);
}
.grid-margin-x > .initial-4 {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x > .initial-5 {
width: calc(41.6666666667% - 2.5rem);
}
.grid-margin-x > .initial-6 {
width: calc(50% - 2.5rem);
}
.grid-margin-x > .initial-7 {
width: calc(58.3333333333% - 2.5rem);
}
.grid-margin-x > .initial-8 {
width: calc(66.6666666667% - 2.5rem);
}
.grid-margin-x > .initial-9 {
width: calc(75% - 2.5rem);
}
.grid-margin-x > .initial-10 {
width: calc(83.3333333333% - 2.5rem);
}
.grid-margin-x > .initial-11 {
width: calc(91.6666666667% - 2.5rem);
}
.grid-margin-x > .initial-12 {
width: calc(100% - 2.5rem);
}
@media print, screen and (min-width: 20.0625em) {
.grid-margin-x > .tiny-auto {
width: auto;
}
.grid-margin-x > .tiny-shrink {
width: auto;
}
.grid-margin-x > .tiny-1 {
width: calc(8.3333333333% - 2.5rem);
}
.grid-margin-x > .tiny-2 {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x > .tiny-3 {
width: calc(25% - 2.5rem);
}
.grid-margin-x > .tiny-4 {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x > .tiny-5 {
width: calc(41.6666666667% - 2.5rem);
}
.grid-margin-x > .tiny-6 {
width: calc(50% - 2.5rem);
}
.grid-margin-x > .tiny-7 {
width: calc(58.3333333333% - 2.5rem);
}
.grid-margin-x > .tiny-8 {
width: calc(66.6666666667% - 2.5rem);
}
.grid-margin-x > .tiny-9 {
width: calc(75% - 2.5rem);
}
.grid-margin-x > .tiny-10 {
width: calc(83.3333333333% - 2.5rem);
}
.grid-margin-x > .tiny-11 {
width: calc(91.6666666667% - 2.5rem);
}
.grid-margin-x > .tiny-12 {
width: calc(100% - 2.5rem);
}
}
@media print, screen and (min-width: 40.0625em) {
.grid-margin-x > .small-auto {
width: auto;
}
.grid-margin-x > .small-shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.3333333333% - 2.5rem);
}
.grid-margin-x > .small-2 {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 2.5rem);
}
.grid-margin-x > .small-4 {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x > .small-5 {
width: calc(41.6666666667% - 2.5rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 2.5rem);
}
.grid-margin-x > .small-7 {
width: calc(58.3333333333% - 2.5rem);
}
.grid-margin-x > .small-8 {
width: calc(66.6666666667% - 2.5rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 2.5rem);
}
.grid-margin-x > .small-10 {
width: calc(83.3333333333% - 2.5rem);
}
.grid-margin-x > .small-11 {
width: calc(91.6666666667% - 2.5rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 2.5rem);
}
}
@media print, screen and (min-width: 48.0625em) {
.grid-margin-x > .auto {
width: auto;
}
.grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .initial-1 {
width: calc(8.3333333333% - 2.5rem);
}
.grid-margin-x > .initial-2 {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x > .initial-3 {
width: calc(25% - 2.5rem);
}
.grid-margin-x > .initial-4 {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x > .initial-5 {
width: calc(41.6666666667% - 2.5rem);
}
.grid-margin-x > .initial-6 {
width: calc(50% - 2.5rem);
}
.grid-margin-x > .initial-7 {
width: calc(58.3333333333% - 2.5rem);
}
.grid-margin-x > .initial-8 {
width: calc(66.6666666667% - 2.5rem);
}
.grid-margin-x > .initial-9 {
width: calc(75% - 2.5rem);
}
.grid-margin-x > .initial-10 {
width: calc(83.3333333333% - 2.5rem);
}
.grid-margin-x > .initial-11 {
width: calc(91.6666666667% - 2.5rem);
}
.grid-margin-x > .initial-12 {
width: calc(100% - 2.5rem);
}
.grid-margin-x > .tiny-auto {
width: auto;
}
.grid-margin-x > .tiny-shrink {
width: auto;
}
.grid-margin-x > .tiny-1 {
width: calc(8.3333333333% - 2.5rem);
}
.grid-margin-x > .tiny-2 {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x > .tiny-3 {
width: calc(25% - 2.5rem);
}
.grid-margin-x > .tiny-4 {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x > .tiny-5 {
width: calc(41.6666666667% - 2.5rem);
}
.grid-margin-x > .tiny-6 {
width: calc(50% - 2.5rem);
}
.grid-margin-x > .tiny-7 {
width: calc(58.3333333333% - 2.5rem);
}
.grid-margin-x > .tiny-8 {
width: calc(66.6666666667% - 2.5rem);
}
.grid-margin-x > .tiny-9 {
width: calc(75% - 2.5rem);
}
.grid-margin-x > .tiny-10 {
width: calc(83.3333333333% - 2.5rem);
}
.grid-margin-x > .tiny-11 {
width: calc(91.6666666667% - 2.5rem);
}
.grid-margin-x > .tiny-12 {
width: calc(100% - 2.5rem);
}
.grid-margin-x > .small-auto {
width: auto;
}
.grid-margin-x > .small-shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.3333333333% - 2.5rem);
}
.grid-margin-x > .small-2 {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 2.5rem);
}
.grid-margin-x > .small-4 {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x > .small-5 {
width: calc(41.6666666667% - 2.5rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 2.5rem);
}
.grid-margin-x > .small-7 {
width: calc(58.3333333333% - 2.5rem);
}
.grid-margin-x > .small-8 {
width: calc(66.6666666667% - 2.5rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 2.5rem);
}
.grid-margin-x > .small-10 {
width: calc(83.3333333333% - 2.5rem);
}
.grid-margin-x > .small-11 {
width: calc(91.6666666667% - 2.5rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 2.5rem);
}
.grid-margin-x > .medium-auto {
width: auto;
}
.grid-margin-x > .medium-shrink {
width: auto;
}
.grid-margin-x > .medium-1 {
width: calc(8.3333333333% - 2.5rem);
}
.grid-margin-x > .medium-2 {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x > .medium-3 {
width: calc(25% - 2.5rem);
}
.grid-margin-x > .medium-4 {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x > .medium-5 {
width: calc(41.6666666667% - 2.5rem);
}
.grid-margin-x > .medium-6 {
width: calc(50% - 2.5rem);
}
.grid-margin-x > .medium-7 {
width: calc(58.3333333333% - 2.5rem);
}
.grid-margin-x > .medium-8 {
width: calc(66.6666666667% - 2.5rem);
}
.grid-margin-x > .medium-9 {
width: calc(75% - 2.5rem);
}
.grid-margin-x > .medium-10 {
width: calc(83.3333333333% - 2.5rem);
}
.grid-margin-x > .medium-11 {
width: calc(91.6666666667% - 2.5rem);
}
.grid-margin-x > .medium-12 {
width: calc(100% - 2.5rem);
}
}
@media print, screen and (min-width: 64.0625em) {
.grid-margin-x > .large-auto {
width: auto;
}
.grid-margin-x > .large-shrink {
width: auto;
}
.grid-margin-x > .large-1 {
width: calc(8.3333333333% - 2.5rem);
}
.grid-margin-x > .large-2 {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x > .large-3 {
width: calc(25% - 2.5rem);
}
.grid-margin-x > .large-4 {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x > .large-5 {
width: calc(41.6666666667% - 2.5rem);
}
.grid-margin-x > .large-6 {
width: calc(50% - 2.5rem);
}
.grid-margin-x > .large-7 {
width: calc(58.3333333333% - 2.5rem);
}
.grid-margin-x > .large-8 {
width: calc(66.6666666667% - 2.5rem);
}
.grid-margin-x > .large-9 {
width: calc(75% - 2.5rem);
}
.grid-margin-x > .large-10 {
width: calc(83.3333333333% - 2.5rem);
}
.grid-margin-x > .large-11 {
width: calc(91.6666666667% - 2.5rem);
}
.grid-margin-x > .large-12 {
width: calc(100% - 2.5rem);
}
}
.grid-padding-x .grid-padding-x {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.grid-padding-x .grid-padding-x {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
}
.grid-container:not(.full) > .grid-padding-x {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
}
.grid-padding-x > .cell {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.grid-padding-x > .cell {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.initial-up-1 > .cell {
width: 100%;
}
.initial-up-2 > .cell {
width: 50%;
}
.initial-up-3 > .cell {
width: 33.3333333333%;
}
.initial-up-4 > .cell {
width: 25%;
}
.initial-up-5 > .cell {
width: 20%;
}
.initial-up-6 > .cell {
width: 16.6666666667%;
}
.initial-up-7 > .cell {
width: 14.2857142857%;
}
.initial-up-8 > .cell {
width: 12.5%;
}
@media print, screen and (min-width: 20.0625em) {
.tiny-up-1 > .cell {
width: 100%;
}
.tiny-up-2 > .cell {
width: 50%;
}
.tiny-up-3 > .cell {
width: 33.3333333333%;
}
.tiny-up-4 > .cell {
width: 25%;
}
.tiny-up-5 > .cell {
width: 20%;
}
.tiny-up-6 > .cell {
width: 16.6666666667%;
}
.tiny-up-7 > .cell {
width: 14.2857142857%;
}
.tiny-up-8 > .cell {
width: 12.5%;
}
}
@media print, screen and (min-width: 40.0625em) {
.small-up-1 > .cell {
width: 100%;
}
.small-up-2 > .cell {
width: 50%;
}
.small-up-3 > .cell {
width: 33.3333333333%;
}
.small-up-4 > .cell {
width: 25%;
}
.small-up-5 > .cell {
width: 20%;
}
.small-up-6 > .cell {
width: 16.6666666667%;
}
.small-up-7 > .cell {
width: 14.2857142857%;
}
.small-up-8 > .cell {
width: 12.5%;
}
}
@media print, screen and (min-width: 48.0625em) {
.medium-up-1 > .cell {
width: 100%;
}
.medium-up-2 > .cell {
width: 50%;
}
.medium-up-3 > .cell {
width: 33.3333333333%;
}
.medium-up-4 > .cell {
width: 25%;
}
.medium-up-5 > .cell {
width: 20%;
}
.medium-up-6 > .cell {
width: 16.6666666667%;
}
.medium-up-7 > .cell {
width: 14.2857142857%;
}
.medium-up-8 > .cell {
width: 12.5%;
}
}
@media print, screen and (min-width: 64.0625em) {
.large-up-1 > .cell {
width: 100%;
}
.large-up-2 > .cell {
width: 50%;
}
.large-up-3 > .cell {
width: 33.3333333333%;
}
.large-up-4 > .cell {
width: 25%;
}
.large-up-5 > .cell {
width: 20%;
}
.large-up-6 > .cell {
width: 16.6666666667%;
}
.large-up-7 > .cell {
width: 14.2857142857%;
}
.large-up-8 > .cell {
width: 12.5%;
}
}
.grid-margin-x.initial-up-1 > .cell {
width: calc(100% - 2.5rem);
}
.grid-margin-x.initial-up-2 > .cell {
width: calc(50% - 2.5rem);
}
.grid-margin-x.initial-up-3 > .cell {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x.initial-up-4 > .cell {
width: calc(25% - 2.5rem);
}
.grid-margin-x.initial-up-5 > .cell {
width: calc(20% - 2.5rem);
}
.grid-margin-x.initial-up-6 > .cell {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x.initial-up-7 > .cell {
width: calc(14.2857142857% - 2.5rem);
}
.grid-margin-x.initial-up-8 > .cell {
width: calc(12.5% - 2.5rem);
}
@media print, screen and (min-width: 20.0625em) {
.grid-margin-x.tiny-up-1 > .cell {
width: calc(100% - 2.5rem);
}
.grid-margin-x.tiny-up-2 > .cell {
width: calc(50% - 2.5rem);
}
.grid-margin-x.tiny-up-3 > .cell {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x.tiny-up-4 > .cell {
width: calc(25% - 2.5rem);
}
.grid-margin-x.tiny-up-5 > .cell {
width: calc(20% - 2.5rem);
}
.grid-margin-x.tiny-up-6 > .cell {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x.tiny-up-7 > .cell {
width: calc(14.2857142857% - 2.5rem);
}
.grid-margin-x.tiny-up-8 > .cell {
width: calc(12.5% - 2.5rem);
}
}
@media print, screen and (min-width: 40.0625em) {
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 2.5rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 2.5rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 2.5rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 2.5rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857142857% - 2.5rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 2.5rem);
}
}
@media print, screen and (min-width: 48.0625em) {
.grid-margin-x.initial-up-1 > .cell {
width: calc(100% - 2.5rem);
}
.grid-margin-x.initial-up-2 > .cell {
width: calc(50% - 2.5rem);
}
.grid-margin-x.initial-up-3 > .cell {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x.initial-up-4 > .cell {
width: calc(25% - 2.5rem);
}
.grid-margin-x.initial-up-5 > .cell {
width: calc(20% - 2.5rem);
}
.grid-margin-x.initial-up-6 > .cell {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x.initial-up-7 > .cell {
width: calc(14.2857142857% - 2.5rem);
}
.grid-margin-x.initial-up-8 > .cell {
width: calc(12.5% - 2.5rem);
}
.grid-margin-x.medium-up-1 > .cell {
width: calc(100% - 2.5rem);
}
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 2.5rem);
}
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 2.5rem);
}
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 2.5rem);
}
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.2857142857% - 2.5rem);
}
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 2.5rem);
}
}
@media print, screen and (min-width: 64.0625em) {
.grid-margin-x.large-up-1 > .cell {
width: calc(100% - 2.5rem);
}
.grid-margin-x.large-up-2 > .cell {
width: calc(50% - 2.5rem);
}
.grid-margin-x.large-up-3 > .cell {
width: calc(33.3333333333% - 2.5rem);
}
.grid-margin-x.large-up-4 > .cell {
width: calc(25% - 2.5rem);
}
.grid-margin-x.large-up-5 > .cell {
width: calc(20% - 2.5rem);
}
.grid-margin-x.large-up-6 > .cell {
width: calc(16.6666666667% - 2.5rem);
}
.grid-margin-x.large-up-7 > .cell {
width: calc(14.2857142857% - 2.5rem);
}
.grid-margin-x.large-up-8 > .cell {
width: calc(12.5% - 2.5rem);
}
}
.initial-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.initial-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
.initial-margin-collapse > .initial-1 {
width: 8.3333333333%;
}
.initial-margin-collapse > .initial-2 {
width: 16.6666666667%;
}
.initial-margin-collapse > .initial-3 {
width: 25%;
}
.initial-margin-collapse > .initial-4 {
width: 33.3333333333%;
}
.initial-margin-collapse > .initial-5 {
width: 41.6666666667%;
}
.initial-margin-collapse > .initial-6 {
width: 50%;
}
.initial-margin-collapse > .initial-7 {
width: 58.3333333333%;
}
.initial-margin-collapse > .initial-8 {
width: 66.6666666667%;
}
.initial-margin-collapse > .initial-9 {
width: 75%;
}
.initial-margin-collapse > .initial-10 {
width: 83.3333333333%;
}
.initial-margin-collapse > .initial-11 {
width: 91.6666666667%;
}
.initial-margin-collapse > .initial-12 {
width: 100%;
}
@media print, screen and (min-width: 20.0625em) {
.initial-margin-collapse > .tiny-1 {
width: 8.3333333333%;
}
.initial-margin-collapse > .tiny-2 {
width: 16.6666666667%;
}
.initial-margin-collapse > .tiny-3 {
width: 25%;
}
.initial-margin-collapse > .tiny-4 {
width: 33.3333333333%;
}
.initial-margin-collapse > .tiny-5 {
width: 41.6666666667%;
}
.initial-margin-collapse > .tiny-6 {
width: 50%;
}
.initial-margin-collapse > .tiny-7 {
width: 58.3333333333%;
}
.initial-margin-collapse > .tiny-8 {
width: 66.6666666667%;
}
.initial-margin-collapse > .tiny-9 {
width: 75%;
}
.initial-margin-collapse > .tiny-10 {
width: 83.3333333333%;
}
.initial-margin-collapse > .tiny-11 {
width: 91.6666666667%;
}
.initial-margin-collapse > .tiny-12 {
width: 100%;
}
}
@media print, screen and (min-width: 40.0625em) {
.initial-margin-collapse > .small-1 {
width: 8.3333333333%;
}
.initial-margin-collapse > .small-2 {
width: 16.6666666667%;
}
.initial-margin-collapse > .small-3 {
width: 25%;
}
.initial-margin-collapse > .small-4 {
width: 33.3333333333%;
}
.initial-margin-collapse > .small-5 {
width: 41.6666666667%;
}
.initial-margin-collapse > .small-6 {
width: 50%;
}
.initial-margin-collapse > .small-7 {
width: 58.3333333333%;
}
.initial-margin-collapse > .small-8 {
width: 66.6666666667%;
}
.initial-margin-collapse > .small-9 {
width: 75%;
}
.initial-margin-collapse > .small-10 {
width: 83.3333333333%;
}
.initial-margin-collapse > .small-11 {
width: 91.6666666667%;
}
.initial-margin-collapse > .small-12 {
width: 100%;
}
}
@media print, screen and (min-width: 48.0625em) {
.initial-margin-collapse > .medium-1 {
width: 8.3333333333%;
}
.initial-margin-collapse > .medium-2 {
width: 16.6666666667%;
}
.initial-margin-collapse > .medium-3 {
width: 25%;
}
.initial-margin-collapse > .medium-4 {
width: 33.3333333333%;
}
.initial-margin-collapse > .medium-5 {
width: 41.6666666667%;
}
.initial-margin-collapse > .medium-6 {
width: 50%;
}
.initial-margin-collapse > .medium-7 {
width: 58.3333333333%;
}
.initial-margin-collapse > .medium-8 {
width: 66.6666666667%;
}
.initial-margin-collapse > .medium-9 {
width: 75%;
}
.initial-margin-collapse > .medium-10 {
width: 83.3333333333%;
}
.initial-margin-collapse > .medium-11 {
width: 91.6666666667%;
}
.initial-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64.0625em) {
.initial-margin-collapse > .large-1 {
width: 8.3333333333%;
}
.initial-margin-collapse > .large-2 {
width: 16.6666666667%;
}
.initial-margin-collapse > .large-3 {
width: 25%;
}
.initial-margin-collapse > .large-4 {
width: 33.3333333333%;
}
.initial-margin-collapse > .large-5 {
width: 41.6666666667%;
}
.initial-margin-collapse > .large-6 {
width: 50%;
}
.initial-margin-collapse > .large-7 {
width: 58.3333333333%;
}
.initial-margin-collapse > .large-8 {
width: 66.6666666667%;
}
.initial-margin-collapse > .large-9 {
width: 75%;
}
.initial-margin-collapse > .large-10 {
width: 83.3333333333%;
}
.initial-margin-collapse > .large-11 {
width: 91.6666666667%;
}
.initial-margin-collapse > .large-12 {
width: 100%;
}
}
.initial-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.initial-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
@media print, screen and (min-width: 20.0625em) {
.tiny-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.tiny-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
}
@media print, screen and (min-width: 20.0625em) {
.tiny-margin-collapse > .initial-1 {
width: 8.3333333333%;
}
.tiny-margin-collapse > .initial-2 {
width: 16.6666666667%;
}
.tiny-margin-collapse > .initial-3 {
width: 25%;
}
.tiny-margin-collapse > .initial-4 {
width: 33.3333333333%;
}
.tiny-margin-collapse > .initial-5 {
width: 41.6666666667%;
}
.tiny-margin-collapse > .initial-6 {
width: 50%;
}
.tiny-margin-collapse > .initial-7 {
width: 58.3333333333%;
}
.tiny-margin-collapse > .initial-8 {
width: 66.6666666667%;
}
.tiny-margin-collapse > .initial-9 {
width: 75%;
}
.tiny-margin-collapse > .initial-10 {
width: 83.3333333333%;
}
.tiny-margin-collapse > .initial-11 {
width: 91.6666666667%;
}
.tiny-margin-collapse > .initial-12 {
width: 100%;
}
}
@media print, screen and (min-width: 20.0625em) {
.tiny-margin-collapse > .tiny-1 {
width: 8.3333333333%;
}
.tiny-margin-collapse > .tiny-2 {
width: 16.6666666667%;
}
.tiny-margin-collapse > .tiny-3 {
width: 25%;
}
.tiny-margin-collapse > .tiny-4 {
width: 33.3333333333%;
}
.tiny-margin-collapse > .tiny-5 {
width: 41.6666666667%;
}
.tiny-margin-collapse > .tiny-6 {
width: 50%;
}
.tiny-margin-collapse > .tiny-7 {
width: 58.3333333333%;
}
.tiny-margin-collapse > .tiny-8 {
width: 66.6666666667%;
}
.tiny-margin-collapse > .tiny-9 {
width: 75%;
}
.tiny-margin-collapse > .tiny-10 {
width: 83.3333333333%;
}
.tiny-margin-collapse > .tiny-11 {
width: 91.6666666667%;
}
.tiny-margin-collapse > .tiny-12 {
width: 100%;
}
}
@media print, screen and (min-width: 40.0625em) {
.tiny-margin-collapse > .small-1 {
width: 8.3333333333%;
}
.tiny-margin-collapse > .small-2 {
width: 16.6666666667%;
}
.tiny-margin-collapse > .small-3 {
width: 25%;
}
.tiny-margin-collapse > .small-4 {
width: 33.3333333333%;
}
.tiny-margin-collapse > .small-5 {
width: 41.6666666667%;
}
.tiny-margin-collapse > .small-6 {
width: 50%;
}
.tiny-margin-collapse > .small-7 {
width: 58.3333333333%;
}
.tiny-margin-collapse > .small-8 {
width: 66.6666666667%;
}
.tiny-margin-collapse > .small-9 {
width: 75%;
}
.tiny-margin-collapse > .small-10 {
width: 83.3333333333%;
}
.tiny-margin-collapse > .small-11 {
width: 91.6666666667%;
}
.tiny-margin-collapse > .small-12 {
width: 100%;
}
}
@media print, screen and (min-width: 48.0625em) {
.tiny-margin-collapse > .medium-1 {
width: 8.3333333333%;
}
.tiny-margin-collapse > .medium-2 {
width: 16.6666666667%;
}
.tiny-margin-collapse > .medium-3 {
width: 25%;
}
.tiny-margin-collapse > .medium-4 {
width: 33.3333333333%;
}
.tiny-margin-collapse > .medium-5 {
width: 41.6666666667%;
}
.tiny-margin-collapse > .medium-6 {
width: 50%;
}
.tiny-margin-collapse > .medium-7 {
width: 58.3333333333%;
}
.tiny-margin-collapse > .medium-8 {
width: 66.6666666667%;
}
.tiny-margin-collapse > .medium-9 {
width: 75%;
}
.tiny-margin-collapse > .medium-10 {
width: 83.3333333333%;
}
.tiny-margin-collapse > .medium-11 {
width: 91.6666666667%;
}
.tiny-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64.0625em) {
.tiny-margin-collapse > .large-1 {
width: 8.3333333333%;
}
.tiny-margin-collapse > .large-2 {
width: 16.6666666667%;
}
.tiny-margin-collapse > .large-3 {
width: 25%;
}
.tiny-margin-collapse > .large-4 {
width: 33.3333333333%;
}
.tiny-margin-collapse > .large-5 {
width: 41.6666666667%;
}
.tiny-margin-collapse > .large-6 {
width: 50%;
}
.tiny-margin-collapse > .large-7 {
width: 58.3333333333%;
}
.tiny-margin-collapse > .large-8 {
width: 66.6666666667%;
}
.tiny-margin-collapse > .large-9 {
width: 75%;
}
.tiny-margin-collapse > .large-10 {
width: 83.3333333333%;
}
.tiny-margin-collapse > .large-11 {
width: 91.6666666667%;
}
.tiny-margin-collapse > .large-12 {
width: 100%;
}
}
@media print, screen and (min-width: 20.0625em) {
.tiny-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.tiny-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
@media print, screen and (min-width: 40.0625em) {
.small-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.small-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
}
@media print, screen and (min-width: 40.0625em) {
.small-margin-collapse > .initial-1 {
width: 8.3333333333%;
}
.small-margin-collapse > .initial-2 {
width: 16.6666666667%;
}
.small-margin-collapse > .initial-3 {
width: 25%;
}
.small-margin-collapse > .initial-4 {
width: 33.3333333333%;
}
.small-margin-collapse > .initial-5 {
width: 41.6666666667%;
}
.small-margin-collapse > .initial-6 {
width: 50%;
}
.small-margin-collapse > .initial-7 {
width: 58.3333333333%;
}
.small-margin-collapse > .initial-8 {
width: 66.6666666667%;
}
.small-margin-collapse > .initial-9 {
width: 75%;
}
.small-margin-collapse > .initial-10 {
width: 83.3333333333%;
}
.small-margin-collapse > .initial-11 {
width: 91.6666666667%;
}
.small-margin-collapse > .initial-12 {
width: 100%;
}
}
@media print, screen and (min-width: 40.0625em) {
.small-margin-collapse > .tiny-1 {
width: 8.3333333333%;
}
.small-margin-collapse > .tiny-2 {
width: 16.6666666667%;
}
.small-margin-collapse > .tiny-3 {
width: 25%;
}
.small-margin-collapse > .tiny-4 {
width: 33.3333333333%;
}
.small-margin-collapse > .tiny-5 {
width: 41.6666666667%;
}
.small-margin-collapse > .tiny-6 {
width: 50%;
}
.small-margin-collapse > .tiny-7 {
width: 58.3333333333%;
}
.small-margin-collapse > .tiny-8 {
width: 66.6666666667%;
}
.small-margin-collapse > .tiny-9 {
width: 75%;
}
.small-margin-collapse > .tiny-10 {
width: 83.3333333333%;
}
.small-margin-collapse > .tiny-11 {
width: 91.6666666667%;
}
.small-margin-collapse > .tiny-12 {
width: 100%;
}
}
@media print, screen and (min-width: 40.0625em) {
.small-margin-collapse > .small-1 {
width: 8.3333333333%;
}
.small-margin-collapse > .small-2 {
width: 16.6666666667%;
}
.small-margin-collapse > .small-3 {
width: 25%;
}
.small-margin-collapse > .small-4 {
width: 33.3333333333%;
}
.small-margin-collapse > .small-5 {
width: 41.6666666667%;
}
.small-margin-collapse > .small-6 {
width: 50%;
}
.small-margin-collapse > .small-7 {
width: 58.3333333333%;
}
.small-margin-collapse > .small-8 {
width: 66.6666666667%;
}
.small-margin-collapse > .small-9 {
width: 75%;
}
.small-margin-collapse > .small-10 {
width: 83.3333333333%;
}
.small-margin-collapse > .small-11 {
width: 91.6666666667%;
}
.small-margin-collapse > .small-12 {
width: 100%;
}
}
@media print, screen and (min-width: 48.0625em) {
.small-margin-collapse > .medium-1 {
width: 8.3333333333%;
}
.small-margin-collapse > .medium-2 {
width: 16.6666666667%;
}
.small-margin-collapse > .medium-3 {
width: 25%;
}
.small-margin-collapse > .medium-4 {
width: 33.3333333333%;
}
.small-margin-collapse > .medium-5 {
width: 41.6666666667%;
}
.small-margin-collapse > .medium-6 {
width: 50%;
}
.small-margin-collapse > .medium-7 {
width: 58.3333333333%;
}
.small-margin-collapse > .medium-8 {
width: 66.6666666667%;
}
.small-margin-collapse > .medium-9 {
width: 75%;
}
.small-margin-collapse > .medium-10 {
width: 83.3333333333%;
}
.small-margin-collapse > .medium-11 {
width: 91.6666666667%;
}
.small-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64.0625em) {
.small-margin-collapse > .large-1 {
width: 8.3333333333%;
}
.small-margin-collapse > .large-2 {
width: 16.6666666667%;
}
.small-margin-collapse > .large-3 {
width: 25%;
}
.small-margin-collapse > .large-4 {
width: 33.3333333333%;
}
.small-margin-collapse > .large-5 {
width: 41.6666666667%;
}
.small-margin-collapse > .large-6 {
width: 50%;
}
.small-margin-collapse > .large-7 {
width: 58.3333333333%;
}
.small-margin-collapse > .large-8 {
width: 66.6666666667%;
}
.small-margin-collapse > .large-9 {
width: 75%;
}
.small-margin-collapse > .large-10 {
width: 83.3333333333%;
}
.small-margin-collapse > .large-11 {
width: 91.6666666667%;
}
.small-margin-collapse > .large-12 {
width: 100%;
}
}
@media print, screen and (min-width: 40.0625em) {
.small-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.small-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
@media print, screen and (min-width: 48.0625em) {
.medium-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.medium-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
}
@media print, screen and (min-width: 48.0625em) {
.medium-margin-collapse > .initial-1 {
width: 8.3333333333%;
}
.medium-margin-collapse > .initial-2 {
width: 16.6666666667%;
}
.medium-margin-collapse > .initial-3 {
width: 25%;
}
.medium-margin-collapse > .initial-4 {
width: 33.3333333333%;
}
.medium-margin-collapse > .initial-5 {
width: 41.6666666667%;
}
.medium-margin-collapse > .initial-6 {
width: 50%;
}
.medium-margin-collapse > .initial-7 {
width: 58.3333333333%;
}
.medium-margin-collapse > .initial-8 {
width: 66.6666666667%;
}
.medium-margin-collapse > .initial-9 {
width: 75%;
}
.medium-margin-collapse > .initial-10 {
width: 83.3333333333%;
}
.medium-margin-collapse > .initial-11 {
width: 91.6666666667%;
}
.medium-margin-collapse > .initial-12 {
width: 100%;
}
}
@media print, screen and (min-width: 48.0625em) {
.medium-margin-collapse > .tiny-1 {
width: 8.3333333333%;
}
.medium-margin-collapse > .tiny-2 {
width: 16.6666666667%;
}
.medium-margin-collapse > .tiny-3 {
width: 25%;
}
.medium-margin-collapse > .tiny-4 {
width: 33.3333333333%;
}
.medium-margin-collapse > .tiny-5 {
width: 41.6666666667%;
}
.medium-margin-collapse > .tiny-6 {
width: 50%;
}
.medium-margin-collapse > .tiny-7 {
width: 58.3333333333%;
}
.medium-margin-collapse > .tiny-8 {
width: 66.6666666667%;
}
.medium-margin-collapse > .tiny-9 {
width: 75%;
}
.medium-margin-collapse > .tiny-10 {
width: 83.3333333333%;
}
.medium-margin-collapse > .tiny-11 {
width: 91.6666666667%;
}
.medium-margin-collapse > .tiny-12 {
width: 100%;
}
}
@media print, screen and (min-width: 48.0625em) {
.medium-margin-collapse > .small-1 {
width: 8.3333333333%;
}
.medium-margin-collapse > .small-2 {
width: 16.6666666667%;
}
.medium-margin-collapse > .small-3 {
width: 25%;
}
.medium-margin-collapse > .small-4 {
width: 33.3333333333%;
}
.medium-margin-collapse > .small-5 {
width: 41.6666666667%;
}
.medium-margin-collapse > .small-6 {
width: 50%;
}
.medium-margin-collapse > .small-7 {
width: 58.3333333333%;
}
.medium-margin-collapse > .small-8 {
width: 66.6666666667%;
}
.medium-margin-collapse > .small-9 {
width: 75%;
}
.medium-margin-collapse > .small-10 {
width: 83.3333333333%;
}
.medium-margin-collapse > .small-11 {
width: 91.6666666667%;
}
.medium-margin-collapse > .small-12 {
width: 100%;
}
}
@media print, screen and (min-width: 48.0625em) {
.medium-margin-collapse > .medium-1 {
width: 8.3333333333%;
}
.medium-margin-collapse > .medium-2 {
width: 16.6666666667%;
}
.medium-margin-collapse > .medium-3 {
width: 25%;
}
.medium-margin-collapse > .medium-4 {
width: 33.3333333333%;
}
.medium-margin-collapse > .medium-5 {
width: 41.6666666667%;
}
.medium-margin-collapse > .medium-6 {
width: 50%;
}
.medium-margin-collapse > .medium-7 {
width: 58.3333333333%;
}
.medium-margin-collapse > .medium-8 {
width: 66.6666666667%;
}
.medium-margin-collapse > .medium-9 {
width: 75%;
}
.medium-margin-collapse > .medium-10 {
width: 83.3333333333%;
}
.medium-margin-collapse > .medium-11 {
width: 91.6666666667%;
}
.medium-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64.0625em) {
.medium-margin-collapse > .large-1 {
width: 8.3333333333%;
}
.medium-margin-collapse > .large-2 {
width: 16.6666666667%;
}
.medium-margin-collapse > .large-3 {
width: 25%;
}
.medium-margin-collapse > .large-4 {
width: 33.3333333333%;
}
.medium-margin-collapse > .large-5 {
width: 41.6666666667%;
}
.medium-margin-collapse > .large-6 {
width: 50%;
}
.medium-margin-collapse > .large-7 {
width: 58.3333333333%;
}
.medium-margin-collapse > .large-8 {
width: 66.6666666667%;
}
.medium-margin-collapse > .large-9 {
width: 75%;
}
.medium-margin-collapse > .large-10 {
width: 83.3333333333%;
}
.medium-margin-collapse > .large-11 {
width: 91.6666666667%;
}
.medium-margin-collapse > .large-12 {
width: 100%;
}
}
@media print, screen and (min-width: 48.0625em) {
.medium-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.medium-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
@media print, screen and (min-width: 64.0625em) {
.large-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.large-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
}
@media print, screen and (min-width: 64.0625em) {
.large-margin-collapse > .initial-1 {
width: 8.3333333333%;
}
.large-margin-collapse > .initial-2 {
width: 16.6666666667%;
}
.large-margin-collapse > .initial-3 {
width: 25%;
}
.large-margin-collapse > .initial-4 {
width: 33.3333333333%;
}
.large-margin-collapse > .initial-5 {
width: 41.6666666667%;
}
.large-margin-collapse > .initial-6 {
width: 50%;
}
.large-margin-collapse > .initial-7 {
width: 58.3333333333%;
}
.large-margin-collapse > .initial-8 {
width: 66.6666666667%;
}
.large-margin-collapse > .initial-9 {
width: 75%;
}
.large-margin-collapse > .initial-10 {
width: 83.3333333333%;
}
.large-margin-collapse > .initial-11 {
width: 91.6666666667%;
}
.large-margin-collapse > .initial-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64.0625em) {
.large-margin-collapse > .tiny-1 {
width: 8.3333333333%;
}
.large-margin-collapse > .tiny-2 {
width: 16.6666666667%;
}
.large-margin-collapse > .tiny-3 {
width: 25%;
}
.large-margin-collapse > .tiny-4 {
width: 33.3333333333%;
}
.large-margin-collapse > .tiny-5 {
width: 41.6666666667%;
}
.large-margin-collapse > .tiny-6 {
width: 50%;
}
.large-margin-collapse > .tiny-7 {
width: 58.3333333333%;
}
.large-margin-collapse > .tiny-8 {
width: 66.6666666667%;
}
.large-margin-collapse > .tiny-9 {
width: 75%;
}
.large-margin-collapse > .tiny-10 {
width: 83.3333333333%;
}
.large-margin-collapse > .tiny-11 {
width: 91.6666666667%;
}
.large-margin-collapse > .tiny-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64.0625em) {
.large-margin-collapse > .small-1 {
width: 8.3333333333%;
}
.large-margin-collapse > .small-2 {
width: 16.6666666667%;
}
.large-margin-collapse > .small-3 {
width: 25%;
}
.large-margin-collapse > .small-4 {
width: 33.3333333333%;
}
.large-margin-collapse > .small-5 {
width: 41.6666666667%;
}
.large-margin-collapse > .small-6 {
width: 50%;
}
.large-margin-collapse > .small-7 {
width: 58.3333333333%;
}
.large-margin-collapse > .small-8 {
width: 66.6666666667%;
}
.large-margin-collapse > .small-9 {
width: 75%;
}
.large-margin-collapse > .small-10 {
width: 83.3333333333%;
}
.large-margin-collapse > .small-11 {
width: 91.6666666667%;
}
.large-margin-collapse > .small-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64.0625em) {
.large-margin-collapse > .medium-1 {
width: 8.3333333333%;
}
.large-margin-collapse > .medium-2 {
width: 16.6666666667%;
}
.large-margin-collapse > .medium-3 {
width: 25%;
}
.large-margin-collapse > .medium-4 {
width: 33.3333333333%;
}
.large-margin-collapse > .medium-5 {
width: 41.6666666667%;
}
.large-margin-collapse > .medium-6 {
width: 50%;
}
.large-margin-collapse > .medium-7 {
width: 58.3333333333%;
}
.large-margin-collapse > .medium-8 {
width: 66.6666666667%;
}
.large-margin-collapse > .medium-9 {
width: 75%;
}
.large-margin-collapse > .medium-10 {
width: 83.3333333333%;
}
.large-margin-collapse > .medium-11 {
width: 91.6666666667%;
}
.large-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64.0625em) {
.large-margin-collapse > .large-1 {
width: 8.3333333333%;
}
.large-margin-collapse > .large-2 {
width: 16.6666666667%;
}
.large-margin-collapse > .large-3 {
width: 25%;
}
.large-margin-collapse > .large-4 {
width: 33.3333333333%;
}
.large-margin-collapse > .large-5 {
width: 41.6666666667%;
}
.large-margin-collapse > .large-6 {
width: 50%;
}
.large-margin-collapse > .large-7 {
width: 58.3333333333%;
}
.large-margin-collapse > .large-8 {
width: 66.6666666667%;
}
.large-margin-collapse > .large-9 {
width: 75%;
}
.large-margin-collapse > .large-10 {
width: 83.3333333333%;
}
.large-margin-collapse > .large-11 {
width: 91.6666666667%;
}
.large-margin-collapse > .large-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64.0625em) {
.large-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.large-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
.initial-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .initial-offset-0 {
margin-left: calc(0% + 1.25rem);
}
.initial-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .initial-offset-1 {
margin-left: calc(8.3333333333% + 1.25rem);
}
.initial-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .initial-offset-2 {
margin-left: calc(16.6666666667% + 1.25rem);
}
.initial-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .initial-offset-3 {
margin-left: calc(25% + 1.25rem);
}
.initial-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .initial-offset-4 {
margin-left: calc(33.3333333333% + 1.25rem);
}
.initial-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .initial-offset-5 {
margin-left: calc(41.6666666667% + 1.25rem);
}
.initial-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .initial-offset-6 {
margin-left: calc(50% + 1.25rem);
}
.initial-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .initial-offset-7 {
margin-left: calc(58.3333333333% + 1.25rem);
}
.initial-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .initial-offset-8 {
margin-left: calc(66.6666666667% + 1.25rem);
}
.initial-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .initial-offset-9 {
margin-left: calc(75% + 1.25rem);
}
.initial-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .initial-offset-10 {
margin-left: calc(83.3333333333% + 1.25rem);
}
.initial-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .initial-offset-11 {
margin-left: calc(91.6666666667% + 1.25rem);
}
@media print, screen and (min-width: 20.0625em) {
.tiny-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .tiny-offset-0 {
margin-left: calc(0% + 1.25rem);
}
.tiny-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .tiny-offset-1 {
margin-left: calc(8.3333333333% + 1.25rem);
}
.tiny-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .tiny-offset-2 {
margin-left: calc(16.6666666667% + 1.25rem);
}
.tiny-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .tiny-offset-3 {
margin-left: calc(25% + 1.25rem);
}
.tiny-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .tiny-offset-4 {
margin-left: calc(33.3333333333% + 1.25rem);
}
.tiny-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .tiny-offset-5 {
margin-left: calc(41.6666666667% + 1.25rem);
}
.tiny-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .tiny-offset-6 {
margin-left: calc(50% + 1.25rem);
}
.tiny-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .tiny-offset-7 {
margin-left: calc(58.3333333333% + 1.25rem);
}
.tiny-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .tiny-offset-8 {
margin-left: calc(66.6666666667% + 1.25rem);
}
.tiny-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .tiny-offset-9 {
margin-left: calc(75% + 1.25rem);
}
.tiny-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .tiny-offset-10 {
margin-left: calc(83.3333333333% + 1.25rem);
}
.tiny-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .tiny-offset-11 {
margin-left: calc(91.6666666667% + 1.25rem);
}
}
@media print, screen and (min-width: 40.0625em) {
.small-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .small-offset-0 {
margin-left: calc(0% + 1.25rem);
}
.small-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .small-offset-1 {
margin-left: calc(8.3333333333% + 1.25rem);
}
.small-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .small-offset-2 {
margin-left: calc(16.6666666667% + 1.25rem);
}
.small-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .small-offset-3 {
margin-left: calc(25% + 1.25rem);
}
.small-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .small-offset-4 {
margin-left: calc(33.3333333333% + 1.25rem);
}
.small-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .small-offset-5 {
margin-left: calc(41.6666666667% + 1.25rem);
}
.small-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .small-offset-6 {
margin-left: calc(50% + 1.25rem);
}
.small-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .small-offset-7 {
margin-left: calc(58.3333333333% + 1.25rem);
}
.small-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .small-offset-8 {
margin-left: calc(66.6666666667% + 1.25rem);
}
.small-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .small-offset-9 {
margin-left: calc(75% + 1.25rem);
}
.small-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .small-offset-10 {
margin-left: calc(83.3333333333% + 1.25rem);
}
.small-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .small-offset-11 {
margin-left: calc(91.6666666667% + 1.25rem);
}
}
@media print, screen and (min-width: 48.0625em) {
.medium-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .medium-offset-0 {
margin-left: calc(0% + 1.25rem);
}
.medium-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .medium-offset-1 {
margin-left: calc(8.3333333333% + 1.25rem);
}
.medium-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .medium-offset-2 {
margin-left: calc(16.6666666667% + 1.25rem);
}
.medium-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .medium-offset-3 {
margin-left: calc(25% + 1.25rem);
}
.medium-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .medium-offset-4 {
margin-left: calc(33.3333333333% + 1.25rem);
}
.medium-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .medium-offset-5 {
margin-left: calc(41.6666666667% + 1.25rem);
}
.medium-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .medium-offset-6 {
margin-left: calc(50% + 1.25rem);
}
.medium-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .medium-offset-7 {
margin-left: calc(58.3333333333% + 1.25rem);
}
.medium-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .medium-offset-8 {
margin-left: calc(66.6666666667% + 1.25rem);
}
.medium-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .medium-offset-9 {
margin-left: calc(75% + 1.25rem);
}
.medium-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .medium-offset-10 {
margin-left: calc(83.3333333333% + 1.25rem);
}
.medium-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .medium-offset-11 {
margin-left: calc(91.6666666667% + 1.25rem);
}
}
@media print, screen and (min-width: 64.0625em) {
.large-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .large-offset-0 {
margin-left: calc(0% + 1.25rem);
}
.large-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .large-offset-1 {
margin-left: calc(8.3333333333% + 1.25rem);
}
.large-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .large-offset-2 {
margin-left: calc(16.6666666667% + 1.25rem);
}
.large-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .large-offset-3 {
margin-left: calc(25% + 1.25rem);
}
.large-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .large-offset-4 {
margin-left: calc(33.3333333333% + 1.25rem);
}
.large-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .large-offset-5 {
margin-left: calc(41.6666666667% + 1.25rem);
}
.large-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .large-offset-6 {
margin-left: calc(50% + 1.25rem);
}
.large-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .large-offset-7 {
margin-left: calc(58.3333333333% + 1.25rem);
}
.large-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .large-offset-8 {
margin-left: calc(66.6666666667% + 1.25rem);
}
.large-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .large-offset-9 {
margin-left: calc(75% + 1.25rem);
}
.large-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .large-offset-10 {
margin-left: calc(83.3333333333% + 1.25rem);
}
.large-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .large-offset-11 {
margin-left: calc(91.6666666667% + 1.25rem);
}
}
.grid-y {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.grid-y > .cell {
width: auto;
max-width: none;
}
.grid-y > .auto {
height: auto;
}
.grid-y > .shrink {
height: auto;
}
.grid-y > .initial-shrink, .grid-y > .initial-full, .grid-y > .initial-1, .grid-y > .initial-2, .grid-y > .initial-3, .grid-y > .initial-4, .grid-y > .initial-5, .grid-y > .initial-6, .grid-y > .initial-7, .grid-y > .initial-8, .grid-y > .initial-9, .grid-y > .initial-10, .grid-y > .initial-11, .grid-y > .initial-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
@media print, screen and (min-width: 20.0625em) {
.grid-y > .tiny-shrink, .grid-y > .tiny-full, .grid-y > .tiny-1, .grid-y > .tiny-2, .grid-y > .tiny-3, .grid-y > .tiny-4, .grid-y > .tiny-5, .grid-y > .tiny-6, .grid-y > .tiny-7, .grid-y > .tiny-8, .grid-y > .tiny-9, .grid-y > .tiny-10, .grid-y > .tiny-11, .grid-y > .tiny-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 40.0625em) {
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 48.0625em) {
.grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 64.0625em) {
.grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.grid-y > .initial-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .initial-12, .grid-y > .initial-11, .grid-y > .initial-10, .grid-y > .initial-9, .grid-y > .initial-8, .grid-y > .initial-7, .grid-y > .initial-6, .grid-y > .initial-5, .grid-y > .initial-4, .grid-y > .initial-3, .grid-y > .initial-2, .grid-y > .initial-1, .grid-y > .initial-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .initial-shrink {
height: auto;
}
.grid-y > .initial-1 {
height: 8.3333333333%;
}
.grid-y > .initial-2 {
height: 16.6666666667%;
}
.grid-y > .initial-3 {
height: 25%;
}
.grid-y > .initial-4 {
height: 33.3333333333%;
}
.grid-y > .initial-5 {
height: 41.6666666667%;
}
.grid-y > .initial-6 {
height: 50%;
}
.grid-y > .initial-7 {
height: 58.3333333333%;
}
.grid-y > .initial-8 {
height: 66.6666666667%;
}
.grid-y > .initial-9 {
height: 75%;
}
.grid-y > .initial-10 {
height: 83.3333333333%;
}
.grid-y > .initial-11 {
height: 91.6666666667%;
}
.grid-y > .initial-12 {
height: 100%;
}
@media print, screen and (min-width: 20.0625em) {
.grid-y > .tiny-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .tiny-12, .grid-y > .tiny-11, .grid-y > .tiny-10, .grid-y > .tiny-9, .grid-y > .tiny-8, .grid-y > .tiny-7, .grid-y > .tiny-6, .grid-y > .tiny-5, .grid-y > .tiny-4, .grid-y > .tiny-3, .grid-y > .tiny-2, .grid-y > .tiny-1, .grid-y > .tiny-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .tiny-shrink {
height: auto;
}
.grid-y > .tiny-1 {
height: 8.3333333333%;
}
.grid-y > .tiny-2 {
height: 16.6666666667%;
}
.grid-y > .tiny-3 {
height: 25%;
}
.grid-y > .tiny-4 {
height: 33.3333333333%;
}
.grid-y > .tiny-5 {
height: 41.6666666667%;
}
.grid-y > .tiny-6 {
height: 50%;
}
.grid-y > .tiny-7 {
height: 58.3333333333%;
}
.grid-y > .tiny-8 {
height: 66.6666666667%;
}
.grid-y > .tiny-9 {
height: 75%;
}
.grid-y > .tiny-10 {
height: 83.3333333333%;
}
.grid-y > .tiny-11 {
height: 91.6666666667%;
}
.grid-y > .tiny-12 {
height: 100%;
}
}
@media print, screen and (min-width: 40.0625em) {
.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .small-1 {
height: 8.3333333333%;
}
.grid-y > .small-2 {
height: 16.6666666667%;
}
.grid-y > .small-3 {
height: 25%;
}
.grid-y > .small-4 {
height: 33.3333333333%;
}
.grid-y > .small-5 {
height: 41.6666666667%;
}
.grid-y > .small-6 {
height: 50%;
}
.grid-y > .small-7 {
height: 58.3333333333%;
}
.grid-y > .small-8 {
height: 66.6666666667%;
}
.grid-y > .small-9 {
height: 75%;
}
.grid-y > .small-10 {
height: 83.3333333333%;
}
.grid-y > .small-11 {
height: 91.6666666667%;
}
.grid-y > .small-12 {
height: 100%;
}
}
@media print, screen and (min-width: 48.0625em) {
.grid-y > .medium-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .medium-shrink {
height: auto;
}
.grid-y > .medium-1 {
height: 8.3333333333%;
}
.grid-y > .medium-2 {
height: 16.6666666667%;
}
.grid-y > .medium-3 {
height: 25%;
}
.grid-y > .medium-4 {
height: 33.3333333333%;
}
.grid-y > .medium-5 {
height: 41.6666666667%;
}
.grid-y > .medium-6 {
height: 50%;
}
.grid-y > .medium-7 {
height: 58.3333333333%;
}
.grid-y > .medium-8 {
height: 66.6666666667%;
}
.grid-y > .medium-9 {
height: 75%;
}
.grid-y > .medium-10 {
height: 83.3333333333%;
}
.grid-y > .medium-11 {
height: 91.6666666667%;
}
.grid-y > .medium-12 {
height: 100%;
}
}
@media print, screen and (min-width: 64.0625em) {
.grid-y > .large-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .large-shrink {
height: auto;
}
.grid-y > .large-1 {
height: 8.3333333333%;
}
.grid-y > .large-2 {
height: 16.6666666667%;
}
.grid-y > .large-3 {
height: 25%;
}
.grid-y > .large-4 {
height: 33.3333333333%;
}
.grid-y > .large-5 {
height: 41.6666666667%;
}
.grid-y > .large-6 {
height: 50%;
}
.grid-y > .large-7 {
height: 58.3333333333%;
}
.grid-y > .large-8 {
height: 66.6666666667%;
}
.grid-y > .large-9 {
height: 75%;
}
.grid-y > .large-10 {
height: 83.3333333333%;
}
.grid-y > .large-11 {
height: 91.6666666667%;
}
.grid-y > .large-12 {
height: 100%;
}
}
.grid-padding-y .grid-padding-y {
margin-top: -1.25rem;
margin-bottom: -1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.grid-padding-y .grid-padding-y {
margin-top: -1.25rem;
margin-bottom: -1.25rem;
}
}
.grid-padding-y > .cell {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.grid-padding-y > .cell {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
}
.grid-margin-y {
margin-top: -1.25rem;
margin-bottom: -1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.grid-margin-y {
margin-top: -1.25rem;
margin-bottom: -1.25rem;
}
}
.grid-margin-y > .cell {
height: calc(100% - 2.5rem);
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.grid-margin-y > .cell {
height: calc(100% - 2.5rem);
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
}
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .initial-1 {
height: calc(8.3333333333% - 2.5rem);
}
.grid-margin-y > .initial-2 {
height: calc(16.6666666667% - 2.5rem);
}
.grid-margin-y > .initial-3 {
height: calc(25% - 2.5rem);
}
.grid-margin-y > .initial-4 {
height: calc(33.3333333333% - 2.5rem);
}
.grid-margin-y > .initial-5 {
height: calc(41.6666666667% - 2.5rem);
}
.grid-margin-y > .initial-6 {
height: calc(50% - 2.5rem);
}
.grid-margin-y > .initial-7 {
height: calc(58.3333333333% - 2.5rem);
}
.grid-margin-y > .initial-8 {
height: calc(66.6666666667% - 2.5rem);
}
.grid-margin-y > .initial-9 {
height: calc(75% - 2.5rem);
}
.grid-margin-y > .initial-10 {
height: calc(83.3333333333% - 2.5rem);
}
.grid-margin-y > .initial-11 {
height: calc(91.6666666667% - 2.5rem);
}
.grid-margin-y > .initial-12 {
height: calc(100% - 2.5rem);
}
@media print, screen and (min-width: 20.0625em) {
.grid-margin-y > .tiny-auto {
height: auto;
}
.grid-margin-y > .tiny-shrink {
height: auto;
}
.grid-margin-y > .tiny-1 {
height: calc(8.3333333333% - 2.5rem);
}
.grid-margin-y > .tiny-2 {
height: calc(16.6666666667% - 2.5rem);
}
.grid-margin-y > .tiny-3 {
height: calc(25% - 2.5rem);
}
.grid-margin-y > .tiny-4 {
height: calc(33.3333333333% - 2.5rem);
}
.grid-margin-y > .tiny-5 {
height: calc(41.6666666667% - 2.5rem);
}
.grid-margin-y > .tiny-6 {
height: calc(50% - 2.5rem);
}
.grid-margin-y > .tiny-7 {
height: calc(58.3333333333% - 2.5rem);
}
.grid-margin-y > .tiny-8 {
height: calc(66.6666666667% - 2.5rem);
}
.grid-margin-y > .tiny-9 {
height: calc(75% - 2.5rem);
}
.grid-margin-y > .tiny-10 {
height: calc(83.3333333333% - 2.5rem);
}
.grid-margin-y > .tiny-11 {
height: calc(91.6666666667% - 2.5rem);
}
.grid-margin-y > .tiny-12 {
height: calc(100% - 2.5rem);
}
}
@media print, screen and (min-width: 40.0625em) {
.grid-margin-y > .small-auto {
height: auto;
}
.grid-margin-y > .small-shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 2.5rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 2.5rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 2.5rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 2.5rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 2.5rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 2.5rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 2.5rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 2.5rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 2.5rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 2.5rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 2.5rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 2.5rem);
}
}
@media print, screen and (min-width: 48.0625em) {
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .initial-1 {
height: calc(8.3333333333% - 2.5rem);
}
.grid-margin-y > .initial-2 {
height: calc(16.6666666667% - 2.5rem);
}
.grid-margin-y > .initial-3 {
height: calc(25% - 2.5rem);
}
.grid-margin-y > .initial-4 {
height: calc(33.3333333333% - 2.5rem);
}
.grid-margin-y > .initial-5 {
height: calc(41.6666666667% - 2.5rem);
}
.grid-margin-y > .initial-6 {
height: calc(50% - 2.5rem);
}
.grid-margin-y > .initial-7 {
height: calc(58.3333333333% - 2.5rem);
}
.grid-margin-y > .initial-8 {
height: calc(66.6666666667% - 2.5rem);
}
.grid-margin-y > .initial-9 {
height: calc(75% - 2.5rem);
}
.grid-margin-y > .initial-10 {
height: calc(83.3333333333% - 2.5rem);
}
.grid-margin-y > .initial-11 {
height: calc(91.6666666667% - 2.5rem);
}
.grid-margin-y > .initial-12 {
height: calc(100% - 2.5rem);
}
.grid-margin-y > .tiny-auto {
height: auto;
}
.grid-margin-y > .tiny-shrink {
height: auto;
}
.grid-margin-y > .tiny-1 {
height: calc(8.3333333333% - 2.5rem);
}
.grid-margin-y > .tiny-2 {
height: calc(16.6666666667% - 2.5rem);
}
.grid-margin-y > .tiny-3 {
height: calc(25% - 2.5rem);
}
.grid-margin-y > .tiny-4 {
height: calc(33.3333333333% - 2.5rem);
}
.grid-margin-y > .tiny-5 {
height: calc(41.6666666667% - 2.5rem);
}
.grid-margin-y > .tiny-6 {
height: calc(50% - 2.5rem);
}
.grid-margin-y > .tiny-7 {
height: calc(58.3333333333% - 2.5rem);
}
.grid-margin-y > .tiny-8 {
height: calc(66.6666666667% - 2.5rem);
}
.grid-margin-y > .tiny-9 {
height: calc(75% - 2.5rem);
}
.grid-margin-y > .tiny-10 {
height: calc(83.3333333333% - 2.5rem);
}
.grid-margin-y > .tiny-11 {
height: calc(91.6666666667% - 2.5rem);
}
.grid-margin-y > .tiny-12 {
height: calc(100% - 2.5rem);
}
.grid-margin-y > .small-auto {
height: auto;
}
.grid-margin-y > .small-shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 2.5rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 2.5rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 2.5rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 2.5rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 2.5rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 2.5rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 2.5rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 2.5rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 2.5rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 2.5rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 2.5rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 2.5rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 2.5rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 2.5rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 2.5rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 2.5rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 2.5rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 2.5rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 2.5rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 2.5rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 2.5rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 2.5rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 2.5rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 2.5rem);
}
}
@media print, screen and (min-width: 64.0625em) {
.grid-margin-y > .large-auto {
height: auto;
}
.grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.3333333333% - 2.5rem);
}
.grid-margin-y > .large-2 {
height: calc(16.6666666667% - 2.5rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 2.5rem);
}
.grid-margin-y > .large-4 {
height: calc(33.3333333333% - 2.5rem);
}
.grid-margin-y > .large-5 {
height: calc(41.6666666667% - 2.5rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 2.5rem);
}
.grid-margin-y > .large-7 {
height: calc(58.3333333333% - 2.5rem);
}
.grid-margin-y > .large-8 {
height: calc(66.6666666667% - 2.5rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 2.5rem);
}
.grid-margin-y > .large-10 {
height: calc(83.3333333333% - 2.5rem);
}
.grid-margin-y > .large-11 {
height: calc(91.6666666667% - 2.5rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 2.5rem);
}
}
.align-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.align-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.align-justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-spaced {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-left.vertical.menu > li > a {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.align-right.vertical.menu > li > a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.align-center.vertical.menu > li > a {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-self-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-self-bottom {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-middle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-self-middle {
-ms-flex-item-align: center;
align-self: center;
}
.align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
.align-center-middle {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.initial-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.initial-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.initial-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.initial-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.initial-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.initial-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
@media print, screen and (min-width: 20.0625em) {
.tiny-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.tiny-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.tiny-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.tiny-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.tiny-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.tiny-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media print, screen and (min-width: 40.0625em) {
.small-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.small-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.small-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.small-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.small-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.small-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media print, screen and (min-width: 48.0625em) {
.medium-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.medium-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.medium-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.medium-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.medium-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.medium-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media print, screen and (min-width: 64.0625em) {
.large-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.large-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.large-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.large-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.large-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.large-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
.flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media print, screen and (min-width: 20.0625em) {
.tiny-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tiny-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.tiny-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.tiny-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.tiny-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.tiny-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.tiny-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tiny-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media print, screen and (min-width: 40.0625em) {
.small-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.small-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.small-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.small-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.small-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.small-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.small-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.small-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media print, screen and (min-width: 48.0625em) {
.medium-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.medium-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.medium-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.medium-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.medium-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.medium-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.medium-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.medium-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media print, screen and (min-width: 64.0625em) {
.large-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.large-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.large-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.large-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.large-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.large-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.large-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.large-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
:root {
--aspect-ratio: 1;
}
.aspect-ratio-frame {
position: relative;
}
.aspect-ratio-frame::before {
display: block;
padding-bottom: calc(1 * 100%);
content: "";
}
.aspect-ratio-frame img, .aspect-ratio-frame video, .aspect-ratio-frame .autoplay-video-container, .aspect-ratio-frame iframe, .aspect-ratio-frame > a, .aspect-ratio-frame .aspect-ratio-frame__inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@supports (--css: variables) {
.aspect-ratio-frame:before {
padding-bottom: calc(var(--aspect-ratio) * 100%);
content: "";
}
}
:root {
font-size: 16px;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
color: #222222;
font-size: 16px;
}
main {
display: block;
}
.skip-link a:focus {
position: absolute !important;
z-index: 999;
overflow: visible;
clip: unset;
width: auto;
height: auto;
padding: 10px;
color: #ffffff;
background: #000000;
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 22px;
font-weight: 700;
}
button {
cursor: pointer;
font-size: 1rem;
}
iframe {
max-width: 100%;
}
img {
max-width: 100%;
max-height: 100%;
}
dl,
pre {
margin: 0;
padding: 0;
}
.clearfix::before, .clearfix::after {
display: table;
content: " ";
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.clearfix::after {
clear: both;
}
.show-for-sr,
.visually-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
}
.comma-spaces {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.3125rem;
-ms-flex-flow: wrap;
flex-flow: wrap;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.comma-spaces:before {
display: none;
}
.comma-spaces span:after {
content: ", ";
}
.comma-spaces span:last-child:after {
display: none;
}
.list--no-bullets {
list-style: none;
}
.grid-container--large {
max-width: 81.25rem;
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
[type=image],
[type=submit],
button,
textarea,
select, input[type=password], input[type=text], input[type=tel], input[type=email],
fieldset {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
font-family: "ibm-plex-sans";
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
/*font-size: 0.875rem;*/
padding: 0.9375rem 1.25rem;
font-weight: 500;
}
[type=text]:hover, [type=text]:focus, [type=password]:hover, [type=password]:focus, [type=date]:hover, [type=date]:focus, [type=datetime]:hover, [type=datetime]:focus, [type=datetime-local]:hover, [type=datetime-local]:focus, [type=month]:hover, [type=month]:focus, [type=week]:hover, [type=week]:focus, [type=email]:hover, [type=email]:focus, [type=number]:hover, [type=number]:focus, [type=search]:hover, [type=search]:focus, [type=tel]:hover, [type=tel]:focus, [type=time]:hover, [type=time]:focus, [type=url]:hover, [type=url]:focus, [type=color]:hover, [type=color]:focus,
[type=image]:hover,
[type=image]:focus,
[type=submit]:hover,
[type=submit]:focus,
button:hover,
button:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus,
fieldset:hover,
fieldset:focus {
text-decoration: none;
outline: none;
}
[type=text]:disabled, [type=password]:disabled, [type=date]:disabled, [type=datetime]:disabled, [type=datetime-local]:disabled, [type=month]:disabled, [type=week]:disabled, [type=email]:disabled, [type=number]:disabled, [type=search]:disabled, [type=tel]:disabled, [type=time]:disabled, [type=url]:disabled, [type=color]:disabled,
[type=image]:disabled,
[type=submit]:disabled,
button:disabled,
textarea:disabled,
select:disabled,
fieldset:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
select {
border-color: #E4E4E4;
color: #222222;
text-transform: none;
background: #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.125974 1.11445L0.380605 0.859817C0.549162 0.691259 0.821724 0.691259 0.990282 0.859817L7.99798 7.87111L15.0093 0.859817C15.1778 0.691259 15.4504 0.691259 15.619 0.859817L15.8736 1.11445C16.0421 1.283 16.0421 1.55557 15.8736 1.72412L8.30641 9.29488C8.13785 9.46344 7.86529 9.46344 7.69673 9.29488L0.129561 1.72412C-0.0425833 1.55557 -0.0425835 1.283 0.125974 1.11445Z' fill='%23CC0000'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: calc(100% - .25em) 50%;
background-size: .7em;
}
select:hover, select:focus {
border-color: #FFCD6B;
}
select:disabled {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.125974 1.11445L0.380605 0.859817C0.549162 0.691259 0.821724 0.691259 0.990282 0.859817L7.99798 7.87111L15.0093 0.859817C15.1778 0.691259 15.4504 0.691259 15.619 0.859817L15.8736 1.11445C16.0421 1.283 16.0421 1.55557 15.8736 1.72412L8.30641 9.29488C8.13785 9.46344 7.86529 9.46344 7.69673 9.29488L0.129561 1.72412C-0.0425833 1.55557 -0.0425835 1.283 0.125974 1.11445Z' fill='%2376777B'/%3E%3C/svg%3E%0A");
}
fieldset {
border-color: #E4E4E4;
color: #222222;
text-transform: none;
background: #ffffff;
margin: 0;
border-style: solid;
border-color: inherit;
background-color: transparent;
}
fieldset:hover, fieldset:focus {
border-color: #FFCD6B;
}
/* For Localist Styling */
form.new_event fieldset {
display: block;
position: static;
border-color: var(--gray--line);
background-color: var(--gray-light);
}
form.new_event .em-select-floating label {
position: static;
transform: none;
display: block;
}
.grid-x > .large-9:has(.localist-widget) {
width: 100%;
}
/* End Localist Styling */
button,
[type=submit] {
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border: 0.0625rem solid var(--red)!important;
color: #ffffff;
background-color: var(--red)!important;
margin: 0;
cursor: pointer;
border: 0;
}
button:before, button:after,
[type=submit]:before,
[type=submit]:after {
color: #ffffff;
}
button:hover,
[type=submit]:hover {
color: #222222;
border: 0.0625rem solid var(--red)!important;
background-color: #ffffff!important;
}
button:hover:before, button:hover:after,
[type=submit]:hover:before,
[type=submit]:hover:after {
color: #222222;
}
button:focus,
[type=submit]:focus {
color: #ffffff;
border-color: 0.0625rem solid #142142!important;
background-color: #142142!important;
}
button:focus:before, button:focus:after,
[type=submit]:focus:before,
[type=submit]:focus:after {
color: #ffffff;
}
.global-padding--transparent button:not(.btn--tiny),
.global-padding--transparent [type=submit] {
background-color: transparent;
}
label {
display: block;
color: #222222;
font-family: "ibm-plex-sans", sans-serif;
font-weight: 400;
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
[type=image],
textarea {
border-color: #E4E4E4;
color: #222222;
text-transform: none;
background: #ffffff;
margin: 0;
}
[type=text]:hover, [type=text]:focus, [type=password]:hover, [type=password]:focus, [type=date]:hover, [type=date]:focus, [type=datetime]:hover, [type=datetime]:focus, [type=datetime-local]:hover, [type=datetime-local]:focus, [type=month]:hover, [type=month]:focus, [type=week]:hover, [type=week]:focus, [type=email]:hover, [type=email]:focus, [type=number]:hover, [type=number]:focus, [type=search]:hover, [type=search]:focus, [type=tel]:hover, [type=tel]:focus, [type=time]:hover, [type=time]:focus, [type=url]:hover, [type=url]:focus, [type=color]:hover, [type=color]:focus,
[type=image]:hover,
[type=image]:focus,
textarea:hover,
textarea:focus {
border-color: #FFCD6B;
}
[type=text]::-webkit-input-placeholder, [type=password]::-webkit-input-placeholder, [type=date]::-webkit-input-placeholder, [type=datetime]::-webkit-input-placeholder, [type=datetime-local]::-webkit-input-placeholder, [type=month]::-webkit-input-placeholder, [type=week]::-webkit-input-placeholder, [type=email]::-webkit-input-placeholder, [type=number]::-webkit-input-placeholder, [type=search]::-webkit-input-placeholder, [type=tel]::-webkit-input-placeholder, [type=time]::-webkit-input-placeholder, [type=url]::-webkit-input-placeholder, [type=color]::-webkit-input-placeholder,
[type=file]::-webkit-input-placeholder,
[type=image]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #222222;
font-family: "ibm-plex-sans", sans-serif;
}
[type=text]::-moz-placeholder, [type=password]::-moz-placeholder, [type=date]::-moz-placeholder, [type=datetime]::-moz-placeholder, [type=datetime-local]::-moz-placeholder, [type=month]::-moz-placeholder, [type=week]::-moz-placeholder, [type=email]::-moz-placeholder, [type=number]::-moz-placeholder, [type=search]::-moz-placeholder, [type=tel]::-moz-placeholder, [type=time]::-moz-placeholder, [type=url]::-moz-placeholder, [type=color]::-moz-placeholder,
[type=file]::-moz-placeholder,
[type=image]::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #222222;
font-family: "ibm-plex-sans", sans-serif;
}
[type=text]:-ms-input-placeholder, [type=password]:-ms-input-placeholder, [type=date]:-ms-input-placeholder, [type=datetime]:-ms-input-placeholder, [type=datetime-local]:-ms-input-placeholder, [type=month]:-ms-input-placeholder, [type=week]:-ms-input-placeholder, [type=email]:-ms-input-placeholder, [type=number]:-ms-input-placeholder, [type=search]:-ms-input-placeholder, [type=tel]:-ms-input-placeholder, [type=time]:-ms-input-placeholder, [type=url]:-ms-input-placeholder, [type=color]:-ms-input-placeholder,
[type=file]:-ms-input-placeholder,
[type=image]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #222222;
font-family: "ibm-plex-sans", sans-serif;
}
[type=checkbox],
[type=radio] {
margin: 0;
cursor: pointer;
}
[type=checkbox] + label,
[type=radio] + label {
display: inline-block;
margin: 1em 0 1em 0.25em;
cursor: pointer;
vertical-align: middle;
}
[type=text]:disabled, [type=password]:disabled, [type=date]:disabled, [type=datetime]:disabled, [type=datetime-local]:disabled, [type=month]:disabled, [type=week]:disabled, [type=email]:disabled, [type=number]:disabled, [type=search]:disabled, [type=tel]:disabled, [type=time]:disabled, [type=url]:disabled, [type=color]:disabled,
[type=image]:disabled,
select:disabled,
textarea:disabled {
background-color: #F5F5F5;
border-color: #E4E4E4;
pointer-events: painted;
cursor: not-allowed;
}
[type=text]:not(:empty):invalid, [type=password]:not(:empty):invalid, [type=date]:not(:empty):invalid, [type=datetime]:not(:empty):invalid, [type=datetime-local]:not(:empty):invalid, [type=month]:not(:empty):invalid, [type=week]:not(:empty):invalid, [type=email]:not(:empty):invalid, [type=number]:not(:empty):invalid, [type=search]:not(:empty):invalid, [type=tel]:not(:empty):invalid, [type=time]:not(:empty):invalid, [type=url]:not(:empty):invalid, [type=color]:not(:empty):invalid,
[type=file]:not(:empty):invalid,
[type=image]:not(:empty):invalid,
textarea:not(:empty):invalid {
border-color: var(--red);
-webkit-box-shadow: 0 0 0 0.0625em var(--red);
box-shadow: 0 0 0 0.0625em var(--red);
}
.oho-rfl--autocomplete__input-root,
.MuiAutocomplete-hasPopupIcon.css-eozd4h-MuiAutocomplete-root .MuiOutlinedInput-root,
.MuiAutocomplete-hasClearIcon.css-eozd4h-MuiAutocomplete-root .MuiOutlinedInput-root {
border-radius: 0;
padding: 0 !important;
}
.oho-rfl--autocomplete__input-root .MuiOutlinedInput-notchedOutline,
.MuiAutocomplete-hasPopupIcon.css-eozd4h-MuiAutocomplete-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,
.MuiAutocomplete-hasClearIcon.css-eozd4h-MuiAutocomplete-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
border-color: #E4E4E4;
}
.oho-rfl--autocomplete__input-root .MuiOutlinedInput-notchedOutline:hover,
.MuiAutocomplete-hasPopupIcon.css-eozd4h-MuiAutocomplete-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline:hover,
.MuiAutocomplete-hasClearIcon.css-eozd4h-MuiAutocomplete-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline:hover {
border-color: #FFCD6B;
}
#q::-webkit-input-placeholder {
color: #222222;
opacity: 1 !important;
}
#q::-moz-placeholder {
color: #222222;
opacity: 1 !important;
}
#q:-ms-input-placeholder {
color: #222222;
opacity: 1 !important;
}
#q::-ms-input-placeholder {
color: #222222;
opacity: 1 !important;
}
#q::placeholder {
color: #222222;
opacity: 1 !important;
}
.MuiInputLabel-root {
z-index: 3;
background-color: #ffffff;
padding-right: 4px;
padding-left: 4px;
}
.MuiAutocomplete-root .oho-rfl--autocomplete__input-root .oho-rfl--autocomplete__input {
padding: 1rem 1.25rem 1rem 1.25rem;
font-size: 1rem;
color: var(--gray--dark);
}
.MuiAutocomplete-root .oho-rfl--autocomplete__input-root .oho-rfl--autocomplete__input:hover {
border-color: #FFCD6B;
}
#search-label {
color: var(--gray--dark);
font-weight: 400;
}
.oho-rfl-form__field-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 48.06125em) {
.oho-rfl-form__field-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
}
}
.oho-rfl {
overflow: hidden;
}
.oho-rfl-filters-form h2 {
font-family: "termina";
margin: 0;
}
.oho-rfl-filters-form label {
font-size: 0.875rem;
line-height: 18px;
color: var(--gray--dark);
font-weight: 700;
}
@media print, screen and (min-width: 48.0625em) {
.oho-rfl-filters-form label {
font-size: 1rem;
line-height: 20px;
}
}
@media print, screen and (min-width: 64.0625em) {
.oho-rfl-filters-form label {
font-size: 1rem;
line-height: 20px;
}
}
.oho-rfl--autocomplete__input[type=search]::-webkit-search-decoration,
.oho-rfl--autocomplete__input[type=search]::-webkit-search-cancel-button,
.oho-rfl--autocomplete__input[type=search]::-webkit-search-results-button,
.oho-rfl--autocomplete__input[type=search]::-webkit-search-results-decoration {
display: none;
}
.offset-grid-container-outer {
overflow: hidden;
}
.offset-grid-container {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 48.0625em) {
.offset-grid-container {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.offset-grid-container .offset-grid {
max-width: 83.75rem;
}
.offset-grid-container [data-offset=right] {
margin-left: auto;
margin-right: 0;
}
.offset-grid-container [data-offset=left] {
margin-right: auto;
margin-left: 0;
}
.offset-grid-container--padded {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 1260px;
margin-left: auto;
margin-right: auto;
position: relative;
background-color: #F5F5F5;
position: relative;
}
@media print, screen and (min-width: 48.0625em) {
.offset-grid-container--padded {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.offset-grid-container--padded {
padding-left: 3.125rem;
padding-right: 3.125rem;
}
}
.offset-grid-container--padded:before {
content: "";
position: absolute;
height: 100%;
left: 0;
width: 200vw;
background-color: #F5F5F5;
}
.offset-grid-container--padded:nth-child(even) {
background-color: transparent;
}
.offset-grid-container--padded:nth-child(even):before {
background-color: transparent;
}
.offset-grid-container--padded .offset-grid {
position: relative;
z-index: 2;
}
.offset-grid-container--padded--border {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 1260px;
margin-left: auto;
margin-right: auto;
position: relative;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
@media print, screen and (min-width: 48.0625em) {
.offset-grid-container--padded--border {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.offset-grid-container--padded--border {
padding-left: 3.125rem;
padding-right: 3.125rem;
}
}
.offset-grid-container--padded--border .offset-grid {
position: relative;
z-index: 2;
}
.global-padding--dark-gray {
background-color: #222222;
color: #ffffff;
}
.global-padding--white {
background-color: #ffffff;
padding-top: 4em;
padding-bottom: 3em;
}
.global-padding--white + .global-padding--white {
margin-top: 0;
padding-top: 5rem;
padding-bottom: 5rem;
}
.global-padding--medium-blue {
background-color: var(--blue--medium);
}
.global-padding--dark-blue {
background-color: #142142;
}
.global-padding--unique-dark-blue {
background-color: #111C38;
}
.global-padding--red {
background-color: var(--red);
color: #ffffff;
}
.global-padding--red + .global-padding--red {
margin-top: 0;
padding-top: 0;
}
.global-spacing:not(.global-padding):last-child {
margin-bottom: 3.125rem;
}
@media print, screen and (min-width: 48.0625em) {
.global-spacing:not(.global-padding):last-child {
margin-bottom: 5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-spacing:not(.global-padding):last-child {
margin-bottom: 7.5rem;
}
}
.slanted-background-section {
position: relative;
}
@media print, screen and (min-width: 48.0625em) {
.slanted-background-section {
padding-top: 12.5rem;
padding-bottom: 12.5rem;
}
}
.slanted-background {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
z-index: -1;
}
@media print, screen and (min-width: 48.0625em) {
.slanted-background {
-webkit-clip-path: polygon(0 80px, 100% 0%, 100% calc(100% - 80px), 0% 100%);
clip-path: polygon(0 80px, 100% 0%, 100% calc(100% - 80px), 0% 100%);
}
}
.recurring-component-container {
background: linear-gradient(163.53deg, #142142 11.41%, #015888 72.58%, #111C38 97.74%);
background-color: #142142;
position: relative;
z-index: 3;
}
.global-spacing + .recurring-component-container .global-padding--white:first-child {
padding-top: 0;
}
.global-padding--transparent + .global-padding--transparent {
position: relative;
}
.global-padding--transparent + .global-padding--transparent::before {
content: "";
position: absolute;
top: -0.15625rem;
background: rgba(255, 255, 255, 0.08);
height: 0.3125rem;
width: calc(100% - 40px);
margin: auto;
left: 0;
right: 0;
}
@media print, screen and (min-width: 48.0625em) {
.global-padding--transparent + .global-padding--transparent::before {
background: -webkit-gradient(linear, left bottom, left top, color-stop(34.06%, rgba(0, 0, 0, 0)), color-stop(49.53%, rgba(0, 0, 0, 0.02)), color-stop(53.05%, rgba(0, 0, 0, 0.09)), color-stop(54.07%, rgba(0, 107, 166, 0.24)), color-stop(56.87%, rgba(0, 107, 166, 0.18)), color-stop(95.47%, rgba(0, 107, 166, 0)));
background: linear-gradient(360deg, rgba(0, 0, 0, 0) 34.06%, rgba(0, 0, 0, 0.02) 49.53%, rgba(0, 0, 0, 0.09) 53.05%, rgba(0, 107, 166, 0.24) 54.07%, rgba(0, 107, 166, 0.18) 56.87%, rgba(0, 107, 166, 0) 95.47%);
width: 100%;
height: calc(3.125rem * 2);
top: -3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.global-padding--transparent + .global-padding--transparent::before {
height: calc(5rem * 2);
top: -5rem;
}
}
.wysiwyg-block + .global-padding--white {
padding-top: 3.125rem;
}
@media print, screen and (min-width: 48.0625em) {
.wysiwyg-block + .global-padding--white {
padding-top: 5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.wysiwyg-block + .global-padding--white {
padding-top: 7.5rem;
}
}
.wysiwyg-block.global-padding--transparent {
margin-top: 0;
}
.wysiwyg img {
max-width: 100%;
height: auto;
}
table {
font-family: ibm-plex-sans, sans-serif;
font-size: 1rem;
line-height: 1.75;
margin-bottom: 2.5rem;
border-collapse: collapse;
}
table[align=left] {
float: none;
}
@media print, screen and (min-width: 48.0625em) {
table[align=left] {
float: left;
margin-right: 2em;
}
}
table[align=right] {
float: none;
}
@media print, screen and (min-width: 48.0625em) {
table[align=right] {
float: right;
margin-left: 2em;
}
}
thead,
tbody {
vertical-align: top;
}
thead {
}
tbody {
border-top: 0;
}
tr {
}
tr:nth-child(even) {
background-color: var(--gray--light)!important;
}
th {
border-bottom: 0;
background: var(--blue--dark)!important;
color: #ffffff;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
font-weight: 700;
}
td,
th {
padding: 1rem;
text-align: left;
}
td {
}
@media screen and (max-width: 64.06125em) {
.mobile-table {
margin-bottom: 2.5rem;
}
.mobile-table--scroll {
overflow-y: scroll;
}
}
.mobile-table table {
-webkit-box-shadow: none;
box-shadow: none;
}
.mobile-table--scroll {
overflow-y: scroll;
-webkit-transition: -webkit-box-shadow 0.8s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: -webkit-box-shadow 0.8s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: box-shadow 0.8s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: box-shadow 0.8s cubic-bezier(0.82, 0.06, 0.14, 0.97), -webkit-box-shadow 0.8s cubic-bezier(0.82, 0.06, 0.14, 0.97);
-webkit-box-shadow: inset -1px 0 0.0666666667px rgba(255, 255, 255, 0.05), inset -2px 0 0.1333333333px rgba(255, 255, 255, 0.05), inset -3px 0 0.2px rgba(255, 255, 255, 0.05), inset -4px 0 0.2666666667px rgba(255, 255, 255, 0.05), inset -5px 0 0.3333333333px rgba(255, 255, 255, 0.05), inset -6px 0 0.4px rgba(255, 255, 255, 0.05), inset -7px 0 0.4666666667px rgba(255, 255, 255, 0.05), inset -8px 0 0.5333333333px rgba(255, 255, 255, 0.05), inset -9px 0 0.6px rgba(255, 255, 255, 0.05), inset -10px 0 0.6666666667px rgba(255, 255, 255, 0.05), inset -11px 0 0.7333333333px rgba(255, 255, 255, 0.05), inset -12px 0 0.8px rgba(255, 255, 255, 0.05), inset -13px 0 0.8666666667px rgba(255, 255, 255, 0.05), inset -14px 0 0.9333333333px rgba(255, 255, 255, 0.05), inset -15px 0 1px rgba(255, 255, 255, 0.05), inset -16px 0 1.0666666667px rgba(255, 255, 255, 0.05), inset -17px 0 1.1333333333px rgba(255, 255, 255, 0.05), inset -18px 0 1.2px rgba(255, 255, 255, 0.05), inset -19px 0 1.2666666667px rgba(255, 255, 255, 0.05), inset -20px 0 1.3333333333px rgba(255, 255, 255, 0.05), inset -21px 0 1.4px rgba(255, 255, 255, 0.05), inset -22px 0 1.4666666667px rgba(255, 255, 255, 0.05), inset -23px 0 1.5333333333px rgba(255, 255, 255, 0.05), inset -24px 0 1.6px rgba(255, 255, 255, 0.05), inset -25px 0 1.6666666667px rgba(255, 255, 255, 0.05), inset -26px 0 1.7333333333px rgba(255, 255, 255, 0.05), inset -27px 0 1.8px rgba(255, 255, 255, 0.05), inset -28px 0 1.8666666667px rgba(255, 255, 255, 0.05), inset -29px 0 1.9333333333px rgba(255, 255, 255, 0.05), inset -30px 0 2px rgba(255, 255, 255, 0.05), inset -31px 0 2.0666666667px rgba(255, 255, 255, 0.05), inset -32px 0 2.1333333333px rgba(255, 255, 255, 0.05), inset -33px 0 2.2px rgba(255, 255, 255, 0.05), inset -34px 0 2.2666666667px rgba(255, 255, 255, 0.05), inset -35px 0 2.3333333333px rgba(255, 255, 255, 0.05), inset -36px 0 2.4px rgba(255, 255, 255, 0.05), inset -37px 0 2.4666666667px rgba(255, 255, 255, 0.05), inset -38px 0 2.5333333333px rgba(255, 255, 255, 0.05), inset -39px 0 2.6px rgba(255, 255, 255, 0.05), inset -40px 0 2.6666666667px rgba(255, 255, 255, 0.05), inset -41px 0 2.7333333333px rgba(255, 255, 255, 0.05), inset -42px 0 2.8px rgba(255, 255, 255, 0.05), inset -43px 0 2.8666666667px rgba(255, 255, 255, 0.05), inset -44px 0 2.9333333333px rgba(255, 255, 255, 0.05), inset -45px 0 3px rgba(255, 255, 255, 0.05), inset -46px 0 3.0666666667px rgba(255, 255, 255, 0.05), inset -47px 0 3.1333333333px rgba(255, 255, 255, 0.05), inset -48px 0 3.2px rgba(255, 255, 255, 0.05), inset -49px 0 3.2666666667px rgba(255, 255, 255, 0.05), inset -50px 0 3.3333333333px rgba(255, 255, 255, 0.05), inset -51px 0 3.4px rgba(255, 255, 255, 0.05), inset -52px 0 3.4666666667px rgba(255, 255, 255, 0.05), inset -53px 0 3.5333333333px rgba(255, 255, 255, 0.05), inset -54px 0 3.6px rgba(255, 255, 255, 0.05), inset -55px 0 3.6666666667px rgba(255, 255, 255, 0.05), inset -56px 0 3.7333333333px rgba(255, 255, 255, 0.05), inset -57px 0 3.8px rgba(255, 255, 255, 0.05), inset -58px 0 3.8666666667px rgba(255, 255, 255, 0.05), inset -59px 0 3.9333333333px rgba(255, 255, 255, 0.05), inset -60px 0 4px rgba(255, 255, 255, 0.05), inset -61px 0 4.0666666667px rgba(255, 255, 255, 0.05), inset -62px 0 4.1333333333px rgba(255, 255, 255, 0.05), inset -63px 0 4.2px rgba(255, 255, 255, 0.05), inset -64px 0 4.2666666667px rgba(255, 255, 255, 0.05), inset -65px 0 4.3333333333px rgba(255, 255, 255, 0.05), inset -66px 0 4.4px rgba(255, 255, 255, 0.05), inset -67px 0 4.4666666667px rgba(255, 255, 255, 0.05), inset -68px 0 4.5333333333px rgba(255, 255, 255, 0.05), inset -69px 0 4.6px rgba(255, 255, 255, 0.05), inset -70px 0 4.6666666667px rgba(255, 255, 255, 0.05), inset -71px 0 4.7333333333px rgba(255, 255, 255, 0.05), inset -72px 0 4.8px rgba(255, 255, 255, 0.05), inset -73px 0 4.8666666667px rgba(255, 255, 255, 0.05), inset -74px 0 4.9333333333px rgba(255, 255, 255, 0.05), inset -75px 0 5px rgba(255, 255, 255, 0.05);
box-shadow: inset -1px 0 0.0666666667px rgba(255, 255, 255, 0.05), inset -2px 0 0.1333333333px rgba(255, 255, 255, 0.05), inset -3px 0 0.2px rgba(255, 255, 255, 0.05), inset -4px 0 0.2666666667px rgba(255, 255, 255, 0.05), inset -5px 0 0.3333333333px rgba(255, 255, 255, 0.05), inset -6px 0 0.4px rgba(255, 255, 255, 0.05), inset -7px 0 0.4666666667px rgba(255, 255, 255, 0.05), inset -8px 0 0.5333333333px rgba(255, 255, 255, 0.05), inset -9px 0 0.6px rgba(255, 255, 255, 0.05), inset -10px 0 0.6666666667px rgba(255, 255, 255, 0.05), inset -11px 0 0.7333333333px rgba(255, 255, 255, 0.05), inset -12px 0 0.8px rgba(255, 255, 255, 0.05), inset -13px 0 0.8666666667px rgba(255, 255, 255, 0.05), inset -14px 0 0.9333333333px rgba(255, 255, 255, 0.05), inset -15px 0 1px rgba(255, 255, 255, 0.05), inset -16px 0 1.0666666667px rgba(255, 255, 255, 0.05), inset -17px 0 1.1333333333px rgba(255, 255, 255, 0.05), inset -18px 0 1.2px rgba(255, 255, 255, 0.05), inset -19px 0 1.2666666667px rgba(255, 255, 255, 0.05), inset -20px 0 1.3333333333px rgba(255, 255, 255, 0.05), inset -21px 0 1.4px rgba(255, 255, 255, 0.05), inset -22px 0 1.4666666667px rgba(255, 255, 255, 0.05), inset -23px 0 1.5333333333px rgba(255, 255, 255, 0.05), inset -24px 0 1.6px rgba(255, 255, 255, 0.05), inset -25px 0 1.6666666667px rgba(255, 255, 255, 0.05), inset -26px 0 1.7333333333px rgba(255, 255, 255, 0.05), inset -27px 0 1.8px rgba(255, 255, 255, 0.05), inset -28px 0 1.8666666667px rgba(255, 255, 255, 0.05), inset -29px 0 1.9333333333px rgba(255, 255, 255, 0.05), inset -30px 0 2px rgba(255, 255, 255, 0.05), inset -31px 0 2.0666666667px rgba(255, 255, 255, 0.05), inset -32px 0 2.1333333333px rgba(255, 255, 255, 0.05), inset -33px 0 2.2px rgba(255, 255, 255, 0.05), inset -34px 0 2.2666666667px rgba(255, 255, 255, 0.05), inset -35px 0 2.3333333333px rgba(255, 255, 255, 0.05), inset -36px 0 2.4px rgba(255, 255, 255, 0.05), inset -37px 0 2.4666666667px rgba(255, 255, 255, 0.05), inset -38px 0 2.5333333333px rgba(255, 255, 255, 0.05), inset -39px 0 2.6px rgba(255, 255, 255, 0.05), inset -40px 0 2.6666666667px rgba(255, 255, 255, 0.05), inset -41px 0 2.7333333333px rgba(255, 255, 255, 0.05), inset -42px 0 2.8px rgba(255, 255, 255, 0.05), inset -43px 0 2.8666666667px rgba(255, 255, 255, 0.05), inset -44px 0 2.9333333333px rgba(255, 255, 255, 0.05), inset -45px 0 3px rgba(255, 255, 255, 0.05), inset -46px 0 3.0666666667px rgba(255, 255, 255, 0.05), inset -47px 0 3.1333333333px rgba(255, 255, 255, 0.05), inset -48px 0 3.2px rgba(255, 255, 255, 0.05), inset -49px 0 3.2666666667px rgba(255, 255, 255, 0.05), inset -50px 0 3.3333333333px rgba(255, 255, 255, 0.05), inset -51px 0 3.4px rgba(255, 255, 255, 0.05), inset -52px 0 3.4666666667px rgba(255, 255, 255, 0.05), inset -53px 0 3.5333333333px rgba(255, 255, 255, 0.05), inset -54px 0 3.6px rgba(255, 255, 255, 0.05), inset -55px 0 3.6666666667px rgba(255, 255, 255, 0.05), inset -56px 0 3.7333333333px rgba(255, 255, 255, 0.05), inset -57px 0 3.8px rgba(255, 255, 255, 0.05), inset -58px 0 3.8666666667px rgba(255, 255, 255, 0.05), inset -59px 0 3.9333333333px rgba(255, 255, 255, 0.05), inset -60px 0 4px rgba(255, 255, 255, 0.05), inset -61px 0 4.0666666667px rgba(255, 255, 255, 0.05), inset -62px 0 4.1333333333px rgba(255, 255, 255, 0.05), inset -63px 0 4.2px rgba(255, 255, 255, 0.05), inset -64px 0 4.2666666667px rgba(255, 255, 255, 0.05), inset -65px 0 4.3333333333px rgba(255, 255, 255, 0.05), inset -66px 0 4.4px rgba(255, 255, 255, 0.05), inset -67px 0 4.4666666667px rgba(255, 255, 255, 0.05), inset -68px 0 4.5333333333px rgba(255, 255, 255, 0.05), inset -69px 0 4.6px rgba(255, 255, 255, 0.05), inset -70px 0 4.6666666667px rgba(255, 255, 255, 0.05), inset -71px 0 4.7333333333px rgba(255, 255, 255, 0.05), inset -72px 0 4.8px rgba(255, 255, 255, 0.05), inset -73px 0 4.8666666667px rgba(255, 255, 255, 0.05), inset -74px 0 4.9333333333px rgba(255, 255, 255, 0.05), inset -75px 0 5px rgba(255, 255, 255, 0.05);
margin-right: -1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.mobile-table--scroll {
margin-right: -1.25rem;
}
}
.mobile-table--scroll.scrolled {
-webkit-box-shadow: none;
box-shadow: none;
}
.mobile-table--scroll.scrolled table {
z-index: 1;
}
.mobile-table--scroll table {
position: relative;
/*z-index: -1;*/
}
h1, .h1 {
font-family: termina;
font-size: 2.25rem;
font-weight: 700;
line-height: 1.1;
text-transform: var(--text-case);
}
@media print, screen and (min-width: 48.0625em) {
h1, .h1 {
/* font-size: 3.125rem; Text too large for some names */
font-size: clamp(30px, 3.125rem, 5vw);
}
}
@media print, screen and (min-width: 64.0625em) {
h1, .h1 {
/* font-size: 4.375rem; Text too large for some names */
font-size: clamp(50px, 3.7vw, 70px);
}
}
@media print, screen and (min-width: 64.0625em) {
h1, .h1 {
font-size: clamp(50px, 3.7vw, 60px);
}
}
h2, .h2 {
font-family: termina;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
@media print, screen and (min-width: 48.0625em) {
h2, .h2 {
font-size: 1.625rem;
line-height: 1.17;
}
}
@media print, screen and (min-width: 64.0625em) {
h2, .h2 {
font-size: 2.125rem;
}
}
h3, .h3 {
font-family: ibm-plex-sans, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.33;
}
@media print, screen and (min-width: 48.0625em) {
h3, .h3 {
font-size: 1.375rem;
}
}
@media print, screen and (min-width: 64.0625em) {
h3, .h3 {
font-size: 1.5rem;
}
}
h4, .h4 {
font-family: ibm-plex-sans, sans-serif;
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.5;
}
@media print, screen and (min-width: 48.0625em) {
h4, .h4 {
font-size: 1.25rem;
}
}
h5, .h5 {
font-family: ibm-plex-sans, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
text-transform: none;
}
h6, .h6 {
font-family: ibm-plex-sans, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
p, .p {
font-family: ibm-plex-sans, sans-serif;
font-size: 1rem;
line-height: 1.75;
}
/*
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
iframe,
table,
.mobile-table {
margin: 0;
}
*/
.eyebrow--xsmall {
font-size: 0.875rem;
text-transform: uppercase;
line-height: 1.33;
font-weight: 400;
}
@media print, screen and (min-width: 48.0625em) {
.eyebrow--xsmall {
letter-spacing: 0.175rem;
}
}
.eyebrow,
.eyebrow--small {
font-size: 0.75rem;
font-family: matrole;
text-transform: uppercase;
line-height: 1.4;
font-weight: 400;
letter-spacing: 0.05em;
}
.eyebrow--large {
font-size: 0.875rem;
letter-spacing: 0.1875rem;
text-transform: uppercase;
line-height: 1.33;
font-weight: 400;
}
@media print, screen and (min-width: 48.0625em) {
.eyebrow--large {
font-size: 1rem;
letter-spacing: 0.20625rem;
}
}
.h1--large {
font-family: termina;
font-size: 2.75rem;
font-weight: 700;
line-height: 1;
}
@media print, screen and (min-width: 48.0625em) {
.h1--large {
font-size: 5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.h1--large {
font-size: 10rem;
}
}
.h1--small {
font-family: termina;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
}
@media print, screen and (min-width: 48.0625em) {
.h1--small {
font-size: 2.5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.h1--small {
font-size: 3.4375rem;
}
}
.h1--alt {
font-family: Handelson-One;
font-size: 2.25rem;
font-weight: 900;
line-height: 1;
}
@media print, screen and (min-width: 48.0625em) {
.h1--alt {
font-size: 3.25rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.h1--alt {
font-size: 4.5rem;
}
}
.h1--alt--large {
font-family: Handelson-One;
font-size: 3.125rem;
font-weight: 900;
line-height: 1;
}
@media print, screen and (min-width: 48.0625em) {
.h1--alt--large {
font-size: 5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.h1--alt--large {
font-size: 8.125rem;
}
}
.h2--large {
font-family: termina;
font-size: 1.75rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
@media print, screen and (min-width: 48.0625em) {
.h2--large {
font-size: 2.75rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.h2--large {
font-size: 3.75rem;
}
}
.h2--small {
font-family: termina;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.11;
margin-bottom: 0;
}
@media print, screen and (min-width: 64.0625em) {
.h2--small {
font-size: 1.5rem;
line-height: 1.34;
}
}
.h2--alt {
font-family: Handelson-One;
font-size: 2.25rem;
/* font-weight: 900; This was hard to read */
font-weight: normal;
line-height: 1;
}
@media print, screen and (min-width: 48.0625em) {
.h2--alt {
font-size: 3.25rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.h2--alt {
font-size: 6.25rem;
}
}
.h3--small {
font-family: ibm-plex-sans, sans-serif;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.33;
}
.card--checkerboard__content .h3--small {
font-family: termina, ibm-plex-sans, sans-serif;
}
section.featured-events .h3--small, section.news-feature-recurring .h3--small, section.athletic-highlights .h3--small {
font-family: ibm-plex-sans, sans-serif;
}
@media print, screen and (min-width: 64.0625em) {
.h3--small {
font-size: 1.25rem;
}
}
.h3--large {
font-family: ibm-plex-sans, sans-serif;
font-size: 1.375rem;
font-weight: 700;
line-height: 1;
}
@media print, screen and (min-width: 48.0625em) {
.h3--large {
font-size: 1.5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.h3--large {
font-size: 1.875rem;
}
}
.stat {
font-family: termina;
font-weight: 700;
font-size: 3.75rem;
line-height: 1;
letter-spacing: 0;
}
@media print, screen and (min-width: 48.0625em) {
.stat {
/* font-size: 5rem; Some Differentiator text is too big */
font-size: clamp(50px, 5vw, 70px);
letter-spacing: -0.0625rem;
}
}
.stat--small {
font-family: termina;
font-weight: 700;
font-size: 3.125rem;
line-height: 1;
letter-spacing: 0.15625rem;
}
@media print, screen and (min-width: 48.0625em) {
.stat--small {
font-size: 4.125rem;
letter-spacing: 0.20625rem;
}
}
.differentiator-text {
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.6;
}
@media print, screen and (min-width: 48.0625em) {
.differentiator-text {
font-size: 1.25rem;
line-height: 1.8;
}
}
.small-text,
.position {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.medium-text {
font-size: 0.875rem;
line-height: 18px;
}
@media print, screen and (min-width: 48.0625em) {
.medium-text {
font-size: 1rem;
line-height: 20px;
}
}
@media print, screen and (min-width: 64.0625em) {
.medium-text {
font-size: 1rem;
line-height: 20px;
}
}
.intro-text.intro-text--large,
.intro-text--large,
.intro-text--large p {
font-size: 1.0625rem;
font-weight: 400;
line-height: 1.63;
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
}
@media print, screen and (min-width: 64.0625em) {
.intro-text.intro-text--large,
.intro-text--large,
.intro-text--large p {
font-size: 1.625rem;
}
}
.intro-text--small,
.intro-text--small p {
font-size: 1.0625rem;
font-weight: 400;
line-height: 1.63;
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
}
@media print, screen and (min-width: 64.0625em) {
.intro-text--small,
.intro-text--small p {
font-size: 1.125rem;
}
}
.checkerbox-text {
font-size: 1rem;
font-weight: 400;
line-height: 1.77;
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
}
@media print, screen and (min-width: 64.0625em) {
.checkerbox-text {
font-size: 1.125rem;
}
}
.blockquote--small,
.sm-quote {
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.55;
font-style: italic;
}
@media print, screen and (min-width: 48.0625em) {
.blockquote--small,
.sm-quote {
font-size: 1.125rem;
}
}
.card--dark-blue a:not(.btn--white) {
color: var(--yellow) !important;
}
.global-padding--white a:not(.btn--large):not(.btn) {
text-decoration: none;
color: var(--red);
}
.global-padding--transparent a {
color: var(--yellow);
}
a:hover, a:focus {
text-decoration: underline;
}
em {
font-style: italic;
}
b,
strong {
font-weight: 700;
}
blockquote {
position: relative;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 0;
margin-left: 0;
}
@media print, screen and (min-width: 48.0625em) {
blockquote {
margin-top: 3.125rem;
margin-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
blockquote {
margin-top: 5rem;
margin-bottom: 5rem;
}
}
blockquote p {
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.8;
font-style: italic;
line-height: 3.75rem;
}
@media print, screen and (min-width: 64.0625em) {
blockquote p {
font-size: 2.0625rem;
}
}
blockquote p:first-child {
margin-top: 0;
}
blockquote:before {
content: "“";
position: relative;
margin-right: 1.25rem;
color: var(--blue--medium);
font-family: "ibm-plex-serif", serif;
font-weight: 900;
line-height: 1;
font-size: 5rem;
display: block;
font-family: "termina";
}
@media print, screen and (min-width: 48.0625em) {
blockquote:before {
margin-right: 1.875rem;
}
}
@media print, screen and (min-width: 48.0625em) {
blockquote:before {
width: 5rem;
height: 5rem;
font-size: 6.875rem;
}
}
blockquote .quotee {
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1rem;
line-height: 1.75;
}
hr {
all: unset;
height: 0.125rem;
display: block;
background-color: #006BA6;
width: 100%;
-webkit-transition: -webkit-transform 1.2s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: -webkit-transform 1.2s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: transform 1.2s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: transform 1.2s cubic-bezier(0.82, 0.06, 0.14, 0.97), -webkit-transform 1.2s cubic-bezier(0.82, 0.06, 0.14, 0.97);
-webkit-transform-origin: left;
transform-origin: left;
}
hr.oho-animate--ready {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: none;
transition: none;
}
/*ol,
ul,
li {
margin: 0;
padding: 0;
}*/
.wysiwyg ol, .wysiwyg ul, .wysiwyg li {
padding-left: 1.75rem;
}
.wysiwyg p {
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1rem;
line-height: 1.75;
}
.wysiwyg figcaption p {
font-size: 0.85rem;
}
.wysiwyg li {
font-family: ibm-plex-sans, sans-serif;
font-size: 1rem;
line-height: 1.75;
}
.wysiwyg blockquote {
position: relative;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 0;
margin-left: 0;
}
@media print, screen and (min-width: 48.0625em) {
.wysiwyg blockquote {
margin-top: 3.125rem;
margin-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.wysiwyg blockquote {
margin-top: 5rem;
margin-bottom: 5rem;
}
}
.wysiwyg blockquote p {
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.8;
font-style: italic;
line-height: 3.75rem;
}
@media print, screen and (min-width: 64.0625em) {
.wysiwyg blockquote p {
font-size: 2.0625rem;
}
}
.wysiwyg blockquote p:first-child {
margin-top: 0;
}
.wysiwyg blockquote:before {
content: "“";
position: relative;
margin-right: 1.25rem;
color: var(--blue--medium);
font-family: "ibm-plex-serif", serif;
font-weight: 900;
line-height: 1;
font-size: 5rem;
display: block;
font-family: "termina";
}
@media print, screen and (min-width: 48.0625em) {
.wysiwyg blockquote:before {
margin-right: 1.875rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.wysiwyg blockquote:before {
width: 5rem;
height: 5rem;
font-size: 6.875rem;
}
}
.wysiwyg blockquote .quotee {
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1rem;
line-height: 1.75;
}
ol {
margin-top: 1.875rem;
padding-left: 0;
counter-reset: li;
}
@media print, screen and (min-width: 64.0625em) {
ol {
margin-top: 2.5rem;
}
}
ol > li {
position: relative;
padding-left: 1.25rem;
counter-increment: li;
}
@media print, screen and (min-width: 48.0625em) {
ol > li {
padding-left: 1.875rem;
}
}
.wysiwyg ol > li::before {
/*
position: absolute;
top: 0;
font-family: "National";
left: 0;
display: inline-block;
content: counter(li) ".";
color: #222222;
font-size: calc(100% + 2px);
line-height: 1.6; */
}
.accordions.global-padding--transparent .accordion__content .wysiwyg ol > li::before {
color: inherit;
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
}
.wysiwyg ul > li,
.section--wysiwyg ul > li {
position: relative;
padding-left: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.wysiwyg ul > li,
.section--wysiwyg ul > li {
padding-left: 1.25rem;
}
}
.wysiwyg ul > li:before,
.section--wysiwyg ul > li:before {
content: "•";
position: absolute;
/* top: 0; This misaligns the bullets */
left: 0;
}
.wysiwyg .localist-widget ul > li::before {
/* Removes bullet from Localist Widget events */
content: "";
}
.list--comma-separate ul {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
}
.list--comma-separate li {
display: inline-block;
}
.list--comma-separate li:not(:last-child) {
margin-right: 0.25em;
}
.list--comma-separate li:nth-last-child(n+2):after {
content: ",";
}
.list--pipe-separate ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
}
.list--pipe-separate li {
display: inline-block;
}
.list--pipe-separate li:not(:last-child)::after {
content: "|";
margin-left: 1.25rem;
margin-right: 1.25rem;
color: #AAAAAA;
}
.list--bullet-separate ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
}
.list--bullet-separate li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list--bullet-separate li:not(:last-child)::after {
content: "\f111";
font-family: "Font Awesome 5 Pro";
font-size: 0.3125rem;
margin-right: 0.9375rem;
padding-left: 0.9375rem;
font-weight: 900;
color: #c4c4c4;
}
@media screen and (max-width: 48.06125em) {
.list--bullet-separate li:not(:last-child)::after {
display: none;
}
}
.text-margin-reset h1,
.text-margin-reset p,
.text-margin-reset h2,
.text-margin-reset h3,
.text-margin-reset h4,
.text-margin-reset span {
margin: 0;
}
.link--gray-underline {
color: #222222;
text-decoration: underline;
text-decoration-thickness: 0.125rem;
text-underline-offset: 5px;
-webkit-text-decoration-color: #E4E4E4;
text-decoration-color: #E4E4E4;
-webkit-transition: -webkit-text-decoration-color 0.4s cubic-bezier(0.42, 0.08, 0.06, 0.98);
transition: -webkit-text-decoration-color 0.4s cubic-bezier(0.42, 0.08, 0.06, 0.98);
transition: text-decoration-color 0.4s cubic-bezier(0.42, 0.08, 0.06, 0.98);
transition: text-decoration-color 0.4s cubic-bezier(0.42, 0.08, 0.06, 0.98), -webkit-text-decoration-color 0.4s cubic-bezier(0.42, 0.08, 0.06, 0.98);
}
.link--gray-underline:hover {
-webkit-text-decoration-color: #142142;
text-decoration-color: #142142;
}
.link--gray-underline:focus {
-webkit-text-decoration-color: #FFCD6B;
text-decoration-color: #FFCD6B;
}
.video-play-button {
position: absolute;
z-index: 4;
bottom: 7.5rem;
right: 3.125rem;
padding: 0;
height: 3.75rem;
width: 3.75rem;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: none;
padding: 0;
opacity: 0.4;
-webkit-transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.video-play-button:hover, .video-play-button:focus {
background: none;
opacity: 1;
color: var(--red);
}
.video-play-button:hover:after, .video-play-button:focus:after {
color: var(--red);
}
.video-play-button:after {
content: "\f04b";
font-family: "Font Awesome 5 Pro";
font-size: 3.125rem;
font-weight: 300;
border: 1px solid #ffffff;
border-radius: 3.125rem;
padding: 1.25rem 1.25rem 0.625rem 1.875rem;
color: var(--red);
background: #ffffff;
}
.video-playing .video-play-button:after {
content: "\f28b";
padding: 0;
background-color: transparent;
border: none;
opacity: 0.5;
color: #ffffff;
}
@media screen and (max-width: 48.06125em) {
.video-play-button {
bottom: 0;
right: 0;
left: 0;
top: 0;
margin: auto;
}
}
@media print, screen and (min-width: 48.0625em) {
.video-play-button {
height: 7.5rem;
width: 7.5rem;
}
.video-playing .video-play-button:after {
font-size: 4.375rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.video-play-button {
bottom: 8.75rem;
right: 8.75rem;
}
}
@media screen and (max-width: 48.06125em) {
.video-playing .video-play-button {
bottom: 50px;
right: 20px;
left: auto;
top: auto;
}
}
@media screen and (min-width: 450px) and (max-width: 749px) {
.video-playing .video-play-button {
bottom: 100px;
}
}
.play-button {
position: absolute;
width: 3.125rem;
height: 3.125rem;
-webkit-transition: -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.play-button .triangle {
fill: #ffffff;
-webkit-transition: fill 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: fill 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.play-button .circle {
fill: var(--red);
-webkit-transition: fill 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: fill 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
opacity: 0.8;
}
@media print, screen and (min-width: 48.0625em) {
.play-button {
width: 8.125rem;
height: 8.125rem;
}
}
a:hover .play-button, a:focus .play-button {
-webkit-transform: scale(1.04);
transform: scale(1.04);
}
a:hover .play-button .triangle {
fill: #ffffff;
}
a:hover .play-button .circle {
fill: #142142;
}
a:focus .play-button .triangle {
fill: #FFCD6B;
}
a:focus .play-button .circle {
fill: #222222;
}
.responsive-video-iframe {
position: relative;
}
.responsive-video-iframe::before {
display: block;
padding-bottom: calc(0.5625 * 100%);
content: "";
}
.responsive-video-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.wysiwyg .align-center .responsive-video-iframe {
min-width: 100%;
}
.wysiwyg .align-left .responsive-video-iframe,
.wysiwyg .align-right .responsive-video-iframe {
min-width: 300px;
}
body {
/* font-family: "ibm-plex-sans", sans-serif;*/
font-family: "IBM Plex Sans", sans-serif;
}
.intro-text,
.wysiwyg .intro-text {
font-size: 1.0625rem;
font-weight: 400;
line-height: 1.63;
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
}
@media print, screen and (min-width: 48.0625em) {
.intro-text,
.wysiwyg .intro-text {
font-size: 1.375rem;
font-weight: 400;
}
}
.align-right,
.obj-right {
float: none;
margin: 1.25rem 0;
}
@media print, screen and (min-width: 48.0625em) {
.align-right,
.obj-right {
float: right;
margin: 1.25rem 0 1.25rem 1.25rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.align-right,
.obj-right {
margin: 1.25rem 0 1.875rem 1.875rem;
}
}
.align-right img,
.obj-right img {
display: block;
}
.align-left,
.obj-left {
float: none;
margin: 1.25rem 0;
}
@media print, screen and (min-width: 48.0625em) {
.align-left,
.obj-left {
float: left;
margin: 1.25rem 1.25rem 1.25rem 0;
}
}
@media print, screen and (min-width: 64.0625em) {
.align-left,
.obj-left {
margin: 1.25rem 1.875rem 1.875rem 0;
}
}
.align-left img,
.obj-left img {
display: block;
}
.align-center,
.obj-center {
display: table;
margin: 1.25rem auto;
display: table;
}
.align-center img,
.obj-center img {
display: block;
margin: auto;
}
.align-center figcaption,
.obj-center figcaption {
display: table-caption;
position: relative;
padding-bottom: 0.9375rem;
}
.align-center figcaption:after,
.obj-center figcaption:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 0.0625rem;
width: 3.125rem;
background: #AAAAAA;
}
[data-embed-button=ohou_media_embed] .video-embed-field-responsive-video,
[data-embed-button=ohou_media_embed] .responsive-video-iframe {
width: 100%;
}
figure.align-center,
figure.obj-center,
.align-center,
.obj-center {
display: table;
}
article.align-center img {
margin-right: auto;
margin-left: auto;
}
.btn--centered {
margin-left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
figure.align-left,
figure.obj-left,
figure.align-right,
figure.obj-right,
.align-left,
.obj-left,
.align-right,
.obj-right {
display: inline-block;
}
figure.align-left.responsive-video-iframe,
figure.obj-left.responsive-video-iframe,
figure.align-right.responsive-video-iframe,
figure.obj-right.responsive-video-iframe,
.align-left.responsive-video-iframe,
.obj-left.responsive-video-iframe,
.align-right.responsive-video-iframe,
.obj-right.responsive-video-iframe {
min-width: 40%;
}
figure.alignleft {
float: left;
margin-left: 0;
}
@media screen and (max-width: 40.06125em) {
figure.alignleft {
float: none;
margin-right: 0;
}
}
figure.alignright {
float: right;
margin-right: 0;
}
@media screen and (max-width: 40.06125em) {
figure.alignright {
float: none;
margin-left: 0;
}
}
.aligncenter {
margin-right: 0;
margin-left: 0;
margin-top: 1.875rem;
}
@media print, screen and (min-width: 64.0625em) {
.aligncenter {
margin-top: 2.5rem;
}
}
.aligncenter::after {
content: "______";
color: var(--gray--accent);
letter-spacing: -1px;
}
figure.align-right,
figure.alignright,
figure.obj-right,
figure.align-left,
figure.alignleft,
figure.obj-left {
display: table;
}
@media print, screen and (min-width: 48.0625em) {
figure.align-right,
figure.alignright,
figure.obj-right,
figure.align-left,
figure.alignleft,
figure.obj-left {
margin-top: 27px;
}
}
figure.align-right figcaption,
figure.alignright figcaption,
figure.obj-right figcaption,
figure.align-left figcaption,
figure.alignleft figcaption,
figure.obj-left figcaption {
display: table-caption;
}
img.alignright {
float: right;
margin-left: 20px;
}
@media screen and (max-width: 40.06125em) {
img.alignright {
display: block;
float: none;
margin-left: 0;
}
}
img.alignleft {
float: left;
margin-right: 20px;
}
@media screen and (max-width: 40.06125em) {
img.alignleft {
display: block;
float: none;
margin-right: 0;
}
}
img.aligncenter {
display: table;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}
@media screen and (max-width: 40.06125em) {
img.aligncenter {
display: block;
margin-right: 0;
margin-left: 0;
}
}
figcaption {
font-size: 0.875rem;
font-style: italic;
line-height: 1.75;
font-weight: 400;
/* font-family: ibm-plex-sans, sans-serif;*/
font-family: "IBM Plex Sans", sans-serif;
margin-top: 0.5em;
caption-side: bottom;
color: #222222;
}
.wysiwyg p, .wysiwyg ul, .wysiwyg ol, .wysiwyg .section--wysiwyg li, .wysiwyg .cke_editable li, .wysiwyg .intro-text, .wysiwyg .btn, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .wysiwyg .link-arrow {
margin-top: 0.9375rem;
margin-bottom: 0;
}
@media print, screen and (min-width: 48.0625em) {
.wysiwyg p, .wysiwyg ul, .wysiwyg ol, .wysiwyg .section--wysiwyg li, .wysiwyg .cke_editable li, .wysiwyg .intro-text, .wysiwyg .btn, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .wysiwyg .link-arrow {
margin-top: 1.25rem;
}
}
.wysiwyg .intro-text {
margin-top: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.wysiwyg .intro-text {
margin-top: 1.25rem;
}
}
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6,
.wysiwyg .mobile-table,
.wysiwyg ol,
.wysiwyg ul {
margin-top: 1.875rem;
}
@media print, screen and (min-width: 64.0625em) {
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6,
.wysiwyg .mobile-table,
.wysiwyg ol,
.wysiwyg ul {
margin-top: 2.5rem;
}
}
.wysiwyg h4 {
margin-top: 1.25rem;
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.5;
}
@media print, screen and (min-width: 48.0625em) {
.wysiwyg h4 {
margin-top: 1.875rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.wysiwyg h4 {
font-size: 1.25rem;
}
}
.wysiwyg p a {
font-weight: 700;
}
.wysiwyg .btn {
font-size: 1rem;
padding: 1.875rem 2.5rem;
margin-top: 0;
}
@media screen and (max-width: 48.06125em) {
.wysiwyg .btn {
margin-top: 1.25rem;
}
}
@media screen and (max-width: 48.06125em) and (min-width: 48.0625em) {
.wysiwyg .btn {
margin-top: 1.875rem;
}
}
.wysiwyg .external:after {
color: var(--red);
}
.wysiwyg blockquote .quotee {
margin-top: 0.9375rem;
}
.wysiwyg blockquote + * {
margin-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.wysiwyg blockquote + * {
margin-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.wysiwyg blockquote + * {
margin-top: 6.25rem;
}
}
.mobile-table {
padding: 0;
}
.mobile-table table {
margin: 0;
}
.card p:first-child, .card ul:first-child, .card ol:first-child, .card .section--wysiwyg li:first-child, .card .cke_editable li:first-child, .card .intro-text:first-child, .card .btn:first-child, .card h1:first-child, .card h2:first-child, .card h3:first-child, .card h4:first-child, .card h5:first-child, .card h6:first-child, .card .link-arrow:first-child,
section p:first-child,
section ul:first-child,
section ol:first-child,
section .section--wysiwyg li:first-child,
section .cke_editable li:first-child,
section .intro-text:first-child,
section .btn:first-child,
section h1:first-child,
section h2:first-child,
section h3:first-child,
section h4:first-child,
section h5:first-child,
section h6:first-child,
section .link-arrow:first-child,
header p:first-child,
header ul:first-child,
header ol:first-child,
header .section--wysiwyg li:first-child,
header .cke_editable li:first-child,
header .intro-text:first-child,
header .btn:first-child,
header h1:first-child,
header h2:first-child,
header h3:first-child,
header h4:first-child,
header h5:first-child,
header h6:first-child,
header .link-arrow:first-child,
.listing-item p:first-child,
.listing-item ul:first-child,
.listing-item ol:first-child,
.listing-item .section--wysiwyg li:first-child,
.listing-item .cke_editable li:first-child,
.listing-item .intro-text:first-child,
.listing-item .btn:first-child,
.listing-item h1:first-child,
.listing-item h2:first-child,
.listing-item h3:first-child,
.listing-item h4:first-child,
.listing-item h5:first-child,
.listing-item h6:first-child,
.listing-item .link-arrow:first-child,
.section--wysiwyg p:first-child,
.section--wysiwyg ul:first-child,
.section--wysiwyg ol:first-child,
.section--wysiwyg .section--wysiwyg li:first-child,
.section--wysiwyg .cke_editable li:first-child,
.section--wysiwyg .intro-text:first-child,
.section--wysiwyg .btn:first-child,
.section--wysiwyg h1:first-child,
.section--wysiwyg h2:first-child,
.section--wysiwyg h3:first-child,
.section--wysiwyg h4:first-child,
.section--wysiwyg h5:first-child,
.section--wysiwyg h6:first-child,
.section--wysiwyg .link-arrow:first-child,
.wysiwyg p:first-child,
.wysiwyg ul:first-child,
.wysiwyg ol:first-child,
.wysiwyg .section--wysiwyg li:first-child,
.wysiwyg .cke_editable li:first-child,
.wysiwyg .intro-text:first-child,
.wysiwyg .btn:first-child,
.wysiwyg h1:first-child,
.wysiwyg h2:first-child,
.wysiwyg h3:first-child,
.wysiwyg h4:first-child,
.wysiwyg h5:first-child,
.wysiwyg h6:first-child,
.wysiwyg .link-arrow:first-child {
margin-top: 0;
}
.section--wysiwyg ol ol,
.section--wysiwyg ol ul,
.section--wysiwyg ul ol,
.section--wysiwyg ul ul,
.wysiwyg ol ol,
.wysiwyg ol ul,
.wysiwyg ul ol,
.wysiwyg ul ul {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.section--wysiwyg ol ol,
.section--wysiwyg ol ul,
.section--wysiwyg ul ol,
.section--wysiwyg ul ul,
.wysiwyg ol ol,
.wysiwyg ol ul,
.wysiwyg ul ol,
.wysiwyg ul ul {
margin-top: 1.875rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.section--wysiwyg ol ol,
.section--wysiwyg ol ul,
.section--wysiwyg ul ol,
.section--wysiwyg ul ul,
.wysiwyg ol ol,
.wysiwyg ol ul,
.wysiwyg ul ol,
.wysiwyg ul ul {
margin-bottom: 1.875rem;
}
}
.section--wysiwyg li,
.wysiwyg li {
margin-top: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.section--wysiwyg li,
.wysiwyg li {
margin-top: 1.25rem;
}
}
.wysiwyg-block {
position: relative;
/*margin-top: 2.5rem;*/
margin-top: 0;
}
/*@media print, screen and (min-width: 48.0625em) {
.wysiwyg-block {
margin-top: 3.125rem;
}
}*/
/* If I take out this media query, the vertical gap between the chevron and the next section looks better. RSEITZ 20230920
@media print, screen and (min-width: 64.0625em) {
.wysiwyg-block {
margin-top: 6.25rem;
}
}
*/
@media screen and (max-width: 48.06125em) {
.wysiwyg-block .grid-x {
gap: 2.5rem;
}
}
.wysiwyg-block__card {
color: #ffffff;
}
.wysiwyg-block__card p {
margin-top: 0.625rem;
}
.wysiwyg-block__card .link-arrow {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #006BA6;
text-decoration-color: #006BA6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.75rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-weight: 700;
color: #ffffff;
}
.wysiwyg-block__card .link-arrow:hover {
color: #ffffff;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.wysiwyg-block__card .link-arrow:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.wysiwyg-block__card .link-arrow::before {
color: var(--yellow);
}
.wysiwyg-block .wysiwyg-block__optional-sideblock p {
font-family: "ibm-plex-serif", serif;
}
.wysiwyg-block .wysiwyg-block__optional-sideblock .links-list a:not(:first-child) {
margin-top: 0.625rem;
}
@media screen and (max-width: 40.06125em) {
.wysiwyg-block__full--accordion .wysiwyg {
padding-left: 0;
}
}
@media screen and (min-width: 40.0625em) {
.wysiwyg-block .wysiwyg {
padding-right: 2.5rem;
}
}
.wysiwyg-block .grid-container {
position: relative;
z-index: 2;
}
.global-padding--transparent .wysiwyg-block {
color: #ffffff;
margin-top: 0;
}
.global-padding--transparent p a {
color: #ffffff;
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #E4E4E4;
text-decoration-color: #E4E4E4;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.global-padding--transparent p a:hover {
color: #B1DDF6;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.global-padding--transparent p a:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.vaf {
padding-right: 0;
padding-left: 0;
}
.vaf h2 {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
}
.listing .active-filters__container__additional-filters label {
color: #ffffff;
}
.active-filters__container {
margin-top: -2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.active-filters__container {
margin-top: -3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.active-filters__container {
margin-top: -5rem;
}
}
.active-filters__container__additional-filters {
background-color: #AAAAAA;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.active-filters__container__additional-filters {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.active-filters__container__additional-filters {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
}
.active-filters__container__additional-filters .filter-margin-top {
margin-top: 1.875rem;
}
.active-filters__container__additional-filters .filter-margin-top .filter-days {
margin-top: 0.9375rem;
}
.active-filters__container__additional-filters .filter-margin-top .filter-days li {
display: inline;
text-transform: uppercase;
padding: 15px 20px;
background-color: #ffffff;
color: #AAAAAA;
}
.active-filters__container__additional-filters .filter-margin-top .filter-days li:not(:first-of-type) {
margin-left: 0.625rem;
}
.active-filters__container__active-filters {
background-color: #142142;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
color: #ffffff;
}
@media print, screen and (min-width: 64.0625em) {
.active-filters__container__active-filters {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
.oho-rfl__active-filters .more-filters {
display: block;
}
@media print, screen and (min-width: 48.0625em) {
.more-filters::before {
content: "";
position: absolute;
background-color: var(--blue--medium);
width: 100vw;
height: 12.5rem;
left: 0;
margin-bottom: -1.9375rem;
margin-top: -3.375rem;
}
}
.more-filters-open .more-filters-toggle::before {
content: "Hide Additional Filters";
}
.more-filters-open .more-filters-toggle span {
display: none;
}
.active-filters {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.active-filters__tags {
text-align: left;
}
.active-filters .vaf {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.active-filters .vaf__item {
cursor: pointer;
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
/* font-family: "ibm-plex-sans";*/
font-family: "IBM Plex Sans", sans-serif;
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: #142142;
color: #222222;
background: #ffffff;
border-width: 1px;
}
.active-filters .vaf__item:hover, .active-filters .vaf__item:focus {
text-decoration: none;
outline: none;
}
.active-filters .vaf__item:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
.active-filters .vaf__item:before, .active-filters .vaf__item:after {
color: #222222;
}
.active-filters .vaf__item:hover {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.active-filters .vaf__item:hover:before, .active-filters .vaf__item:hover:after {
color: #ffffff;
}
.active-filters .vaf__item:focus {
color: #ffffff;
border-color: #222222;
background: #222222;
}
.active-filters .vaf__item:focus:before, .active-filters .vaf__item:focus:after {
color: #FFCD6B;
}
.active-filters .vaf__item::after {
margin-left: 0.9375rem;
content: "\f00d";
font-family: "Font Awesome 5 Pro";
font-weight: 300;
}
.active-filters .vaf__item:hover {
border: 1px solid #ffffff;
}
.active-filters .vaf__heading {
font-weight: 700;
margin-right: 1.25rem;
}
.active-filters .vaf__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.25rem;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
.active-filters .vaf__clear {
border-color: transparent;
}
.active-filters ul {
margin-top: 0;
display: inline;
}
@media screen and (min-width: 48.0625em) {
.active-filters ul {
margin-left: 0.625rem;
}
}
.active-filters p {
display: inline;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.active-filters .listing-result {
font-weight: 700;
}
.active-filters li:not(:last-child) {
margin-right: 0.625rem;
}
.active-filters li::before {
display: none;
}
.active-filters .cell:last-child {
text-align: right;
}
.active-filters .vaf__clear {
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
}
.active-filters .vaf__clear:hover, .active-filters .vaf__clear:focus {
text-decoration: none;
outline: none;
}
.active-filters .vaf__clear:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
.active-filters .filter-topline {
border-top: 1px solid var(--blue--medium);
padding-top: 1.25rem;
}
.active-filters .filter-topline + .cell {
margin-top: 1.25rem;
}
@media screen and (min-width: 48.0625em) {
.active-filters li {
margin-top: 0;
}
}
@media screen and (max-width: 48.06125em) {
.active-filters ul {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.active-filters ul li:not(:first-of-type) {
margin-top: 0.625rem;
}
}
@media screen and (max-width: 48.06125em) {
.active-filters .vaf__clear {
margin-top: 1.875rem;
}
.active-filters ul li {
text-align: left;
}
.active-filters ul {
margin-top: 1.25rem;
}
.active-filters .cell:last-child {
text-align: left;
}
.active-filters button {
margin-left: 0.625rem;
}
}
.cookie-compliance-popup {
position: fixed;
z-index: 999;
right: 0;
bottom: 0;
left: 0;
color: #ffffff;
background-color: #222222;
}
.cookie-compliance-popup .grid-x,
.cookie-compliance-popup .grid-container {
width: 100%;
}
.cookie-compliance-popup .find-more-button {
padding: 0;
text-decoration: underline;
text-transform: none;
color: #ffffff;
background: none;
}
.cookie-compliance-popup .find-more-button:hover, .cookie-compliance-popup .find-more-button:focus {
text-decoration: none;
}
.eu-cookie-compliance-message h2 {
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
all: unset;
}
.eu-cookie-compliance-message .btn {
cursor: pointer;
}
.eu-cookie-compliance-buttons,
.eu-cookie-compliance-message {
all: unset;
}
.form-item {
margin-top: 1.25rem;
position: relative;
}
@media print, screen and (min-width: 48.0625em) {
.form-item {
margin-top: 1.875rem;
}
}
.js-form-type-checkbox,
.js-form-type-radio,
.checkbox-wrapper,
.radio-wrapper {
position: relative;
padding-left: calc(1.875rem + 5px);
}
.js-form-type-checkbox [type=checkbox],
.js-form-type-checkbox [type=radio],
.js-form-type-radio [type=checkbox],
.js-form-type-radio [type=radio],
.checkbox-wrapper [type=checkbox],
.checkbox-wrapper [type=radio],
.radio-wrapper [type=checkbox],
.radio-wrapper [type=radio] {
position: absolute;
left: 0;
top: 0;
width: 1.875rem;
height: 1.875rem;
border: 0.0625rem solid #E4E4E4;
}
.js-form-type-checkbox [type=checkbox] + label,
.js-form-type-checkbox [type=radio] + label,
.js-form-type-radio [type=checkbox] + label,
.js-form-type-radio [type=radio] + label,
.checkbox-wrapper [type=checkbox] + label,
.checkbox-wrapper [type=radio] + label,
.radio-wrapper [type=checkbox] + label,
.radio-wrapper [type=radio] + label {
margin: 0.4375rem;
font-weight: 600;
}
.js-form-type-checkbox [type=checkbox],
.js-form-type-radio [type=checkbox],
.checkbox-wrapper [type=checkbox],
.radio-wrapper [type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.js-form-type-checkbox [type=checkbox]:checked,
.js-form-type-radio [type=checkbox]:checked,
.checkbox-wrapper [type=checkbox]:checked,
.radio-wrapper [type=checkbox]:checked {
background-position: center;
background-repeat: no-repeat;
background-size: 70%;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23CF142B' d='M18.5631 0.827139L5.91014 13.6061L1.43687 9.08831C1.22513 8.87446 0.881798 8.87446 0.670007 9.08831L0.158809 9.6046C-0.0529364 9.81845 -0.0529364 10.1652 0.158809 10.3791L5.52673 15.8005C5.73848 16.0143 6.08181 16.0143 6.2936 15.8005L19.8412 2.11798C20.0529 1.90412 20.0529 1.55737 19.8412 1.34347L19.3299 0.827139C19.1182 0.613285 18.7749 0.613285 18.5631 0.827139Z' /%3E%3C/svg%3E");
}
.js-form-type-checkbox [type=radio],
.js-form-type-radio [type=radio],
.checkbox-wrapper [type=radio],
.radio-wrapper [type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50%;
}
.js-form-type-checkbox [type=radio]:checked,
.js-form-type-radio [type=radio]:checked,
.checkbox-wrapper [type=radio]:checked,
.radio-wrapper [type=radio]:checked {
background-image: radial-gradient(1.25rem circle at 0.875rem 0.875rem, var(--red) 50%, transparent 51%);
}
.form-required:after {
content: "*";
color: var(--red);
}
.webform-element-description {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
margin-top: 0.9375rem;
}
.required > label:after {
content: "*";
color: var(--red);
}
.webform-managed-file-placeholder {
color: #222222;
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-weight: 400;
font-style: italic;
}
.form-managed-file [type=submit] {
margin-left: 1em;
padding: 0.75em;
}
form[class*=webform] .form-item {
width: 100%;
}
form[class*=webform] [type=text], form[class*=webform] [type=password], form[class*=webform] [type=date], form[class*=webform] [type=datetime], form[class*=webform] [type=datetime-local], form[class*=webform] [type=month], form[class*=webform] [type=week], form[class*=webform] [type=email], form[class*=webform] [type=number], form[class*=webform] [type=search], form[class*=webform] [type=tel], form[class*=webform] [type=time], form[class*=webform] [type=url], form[class*=webform] [type=color],
form[class*=webform] [type=file],
form[class*=webform] [type=image],
form[class*=webform] fieldset,
form[class*=webform] select,
form[class*=webform] textarea {
width: 100%;
max-width: 25rem;
}
.element-invisible {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
}
.embedded-entity:not([class*=align-]) {
margin-top: 1.875rem;
width: 100%;
}
@media print, screen and (min-width: 64.0625em) {
.embedded-entity:not([class*=align-]) {
margin-top: 2.5rem;
}
}
.js .js-hide {
display: none;
}
.js-show {
display: none;
}
.js .js-show {
display: block;
}
.oho-alert {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
background-color: var(--red);
position: relative;
z-index: 10;
color: #ffffff;
}
@media print, screen and (min-width: 48.0625em) {
.oho-alert {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
}
.oho-alert h2:first-child {
margin-top: 0;
}
.oho-alert h2 {
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.33;
}
@media print, screen and (min-width: 48.0625em) {
.oho-alert h2 {
font-size: 1.375rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.oho-alert h2 {
font-size: 1.5rem;
}
}
.oho-alert .fal {
font-size: 3.125rem;
}
.oho-alert i {
padding-left: 1.25rem;
}
.oho-alert .wysiwyg a:not(.btn) {
color: #ffffff;
-webkit-text-decoration-color: #ffffff;
text-decoration-color: #ffffff;
text-decoration: underline;
}
.oho-alert .wysiwyg a:not(.btn):hover {
text-decoration: none;
}
.oho-alert .btn:hover {
border-color: transparent;
}
.oho-alert p {
font-weight: normal;
}
@media screen and (max-width: 48.06125em) {
.oho-alert p {
margin-top: 0.9375rem;
}
}
.oho-alert .btn-alert {
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: #ffffff;
color: #142142;
background: #ffffff;
}
.oho-alert .btn-alert:before, .oho-alert .btn-alert:after,
.oho-alert .btn-alert path {
color: var(--red);
fill: var(--red);
}
.oho-alert .btn-alert:hover {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.oho-alert .btn-alert:hover:before, .oho-alert .btn-alert:hover:after,
.oho-alert .btn-alert:hover path {
color: #ffffff;
fill: #ffffff;
}
.oho-alert .btn-alert:focus {
color: #ffffff;
border-color: #006BA6;
background: #006BA6;
}
.oho-alert .btn-alert:focus:before, .oho-alert .btn-alert:focus:after {
color: #ffffff;
fill: #ffffff;
}
.message-type--notice {
background-color: #005f93;
}
.oho-banner {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
background-color: #222222;
}
.oho-banner .grid-x > .shrink {
margin-right: 0;
}
.oho-banner i {
line-height: 2;
}
.pager {
padding-right: 0;
padding-left: 0;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
margin-top: 4rem;
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 48.06125em) {
.pager {
place-content: center;
}
}
.pager__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
@media screen and (max-width: 48.06125em) {
.pager__items {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pager__items .pager__item {
display: none;
}
.pager__items .pager__item--first, .pager__items .pager__item--previous, .pager__items .pager__item--next, .pager__items .pager__item--last {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.pager__item {
margin-left: -1px;
}
.pager .not-active {
display: none;
}
.pager a {
display: block;
padding: 0 0.5em;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
font-weight: 700;
font-size: 1rem;
padding: 1rem 0.75rem;
border: 1px solid transparent;
color: var(--red);
}
.pager a:hover {
text-decoration: none;
color: var(--blue--medium);
border: 1px solid var(--blue--medium);
}
.pager .is-active a {
color: #ffffff;
background-color: var(--blue--medium);
padding: 17px 16px;
font-weight: 700;
margin: 0 0.75rem;
}
.pager .is-active a:hover {
background-color: var(--blue--dark);
}
.pager [aria-hidden=true] {
display: none;
}
.pager [class*=pager__item--] a:before, .pager [class*=pager__item--] a:after {
font-family: "Font Awesome 5 Pro";
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
.pager__item--first a, .pager__item--previous a, .pager__item--next a, .pager__item--last a {
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: #142142;
color: #222222;
background: #ffffff;
height: 3.75rem;
width: 3.75rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pager__item--first a:hover, .pager__item--first a:focus, .pager__item--previous a:hover, .pager__item--previous a:focus, .pager__item--next a:hover, .pager__item--next a:focus, .pager__item--last a:hover, .pager__item--last a:focus {
text-decoration: none;
outline: none;
}
.pager__item--first a:disabled, .pager__item--previous a:disabled, .pager__item--next a:disabled, .pager__item--last a:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
.pager__item--first a:before, .pager__item--first a:after, .pager__item--previous a:before, .pager__item--previous a:after, .pager__item--next a:before, .pager__item--next a:after, .pager__item--last a:before, .pager__item--last a:after {
color: #222222;
}
.pager__item--first a:hover, .pager__item--previous a:hover, .pager__item--next a:hover, .pager__item--last a:hover {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.pager__item--first a:hover:before, .pager__item--first a:hover:after, .pager__item--previous a:hover:before, .pager__item--previous a:hover:after, .pager__item--next a:hover:before, .pager__item--next a:hover:after, .pager__item--last a:hover:before, .pager__item--last a:hover:after {
color: #ffffff;
}
.pager__item--first a:focus, .pager__item--previous a:focus, .pager__item--next a:focus, .pager__item--last a:focus {
color: #ffffff;
border-color: #222222;
background: #222222;
}
.pager__item--first a:focus:before, .pager__item--first a:focus:after, .pager__item--previous a:focus:before, .pager__item--previous a:focus:after, .pager__item--next a:focus:before, .pager__item--next a:focus:after, .pager__item--last a:focus:before, .pager__item--last a:focus:after {
color: #FFCD6B;
}
@media screen and (max-width: 48.06125em) {
.pager__item--first a, .pager__item--previous a, .pager__item--next a, .pager__item--last a {
width: 2.5rem;
}
}
.pager__item--first a:before, .pager__item--first a:after, .pager__item--previous a:before, .pager__item--previous a:after, .pager__item--next a:before, .pager__item--next a:after, .pager__item--last a:before, .pager__item--last a:after {
color: #142142;
}
.pager__item--previous {
margin-right: 2.5rem;
}
.pager__item--next {
margin-left: 2.5rem;
}
@media screen and (min-width: 40.0625em) {
.pager__item--previous {
margin-right: 3.125rem;
}
.pager__item--next {
margin-left: 3.125rem;
}
}
.pager__item--ellipsis {
display: none;
}
.pager__item--first a:before {
content: "\f323";
}
.pager__item--previous a:before {
content: "\f053";
}
.pager__item--next a:after {
content: "\f054";
}
.pager__item--last a:after {
content: "\f324";
}
@media screen and (max-width: 48.06125em) {
.pager__item:not([class*=pager__item--]), .pager__item--ellipsis {
display: none;
}
.pager__item.is-active {
display: block;
}
}
.page--search .main-content h2 {
margin-bottom: 0.5em;
}
.page--search .main-content .search-form .form-item {
display: inline-block;
}
.page--search .main-content .search-form label {
display: block;
font-size: 0.875rem;
line-height: 18px;
font-weight: 700;
}
@media print, screen and (min-width: 48.0625em) {
.page--search .main-content .search-form label {
font-size: 1rem;
line-height: 20px;
}
}
@media print, screen and (min-width: 64.0625em) {
.page--search .main-content .search-form label {
font-size: 1rem;
line-height: 20px;
}
}
.page--search .main-content .search-form [type=search] {
width: 100%;
font-size: 1rem;
}
.page--search .main-content .search-form a {
color: #142142;
padding-left: 1.625rem;
position: relative;
display: inline-block;
margin-bottom: 1.25em;
}
.page--search .main-content .search-form a.btn {
padding-right: 1.875rem;
}
.page--search .main-content .search-form a:before {
font-family: "Font Awesome 5 Pro";
position: absolute;
padding-right: 1.25rem;
content: "\f178";
font-weight: 300;
color: #142142;
font-size: 1.125rem;
line-height: 1;
-webkit-transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
left: 0;
top: 0.1875rem;
}
.page--search .main-content .search-form a:hover:before, .page--search .main-content .search-form a:focus:before {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.page--search .main-content .search-results {
padding: 0;
list-style: none;
}
.page--search .main-content .search-result {
padding-left: 0;
}
.page--search .main-content .search-result:before {
display: none;
}
.page--search .main-content .search-result + .search-result {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid #AAAAAA;
}
.page--search .main-content .search-result__title {
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
text-transform: none;
font-family: "termina";
}
.page--search .main-content .search-result__title .h3 {
margin: 0;
}
.page--search .main-content .search-result__snippet {
margin-bottom: 0;
}
.system-messages {
right: 1.25rem;
left: 1.25rem;
position: fixed;
z-index: 10;
bottom: 9rem;
}
@media print, screen and (min-width: 48.0625em) {
.system-messages {
right: 1.25rem;
left: 1.25rem;
}
}
@media print, screen and (min-width: 40.0625em) {
.system-messages {
bottom: 6.5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.system-messages {
right: auto;
bottom: 1.25rem;
}
}
.messages-contain-error .system-messages {
position: static;
}
.messages {
margin-top: 1.875rem;
padding: 1.875rem;
border: 0.0625rem solid;
border-radius: 0.25rem;
}
.messages ul {
margin: 0;
padding: 0;
list-style: none;
}
.messages li + li {
margin-top: 1.875rem;
}
.messages a {
text-decoration: underline;
color: inherit;
font-weight: 700;
}
.messages--status {
color: #3c763d;
border-color: #67b168;
background: #aad4ab;
}
.messages--warning {
color: #FFCD6B;
border-color: #ffefd1;
background: white;
}
.messages--error {
color: var(--red);
border-color: #ef5a6c;
background: #f8b7bf;
}
.has-alert .messages {
position: absolute;
}
.messages__close {
float: right;
margin: 0 0 1rem 1rem;
cursor: pointer;
}
.messages__close:hover {
text-decoration: underline;
}
.glide {
position: relative;
}
.glide__arrow {
position: absolute;
z-index: 1;
top: 50%;
width: 3em;
height: 3em;
padding: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: 0;
font-size: 1.25rem;
}
.glide__arrow:after {
display: block;
padding: 0.5em;
font-family: "Font Awesome 5 Pro";
line-height: 1.1;
}
.glide__arrow--prev {
left: 0;
}
.glide__arrow--prev:after {
content: "\f053";
}
.glide__arrow--next {
right: 0;
}
.glide__arrow--next:after {
content: "\f054";
}
.additional-filters {
background-color: #ffffff;
padding: 0.9375rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.9375rem;
border: solid 1px var(--gray--line);
}
@media screen and (max-width: 48.06125em) {
.additional-filters {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
}
.additional-filters .button-toggle {
padding: 1.875rem 2.5rem;
}
.additional-filters .button-toggle:hover {
background-color: var(--blue--dark);
color: #ffffff;
}
.additional-filters .button-toggle span {
font-size: 1rem;
font-weight: 700;
}
.additional-filters__button {
margin-bottom: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.additional-filters__button {
margin-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.additional-filters__button {
margin-bottom: 3.75rem;
}
}
.oho-rfl__alpha-filter {
background-color: var(--blue--dark);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
color: #fff;
}
.oho-rfl__alpha-filter fieldset {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
border: none;
padding: 2.1875rem 0 2.1875rem 0;
width: 100%;
color: #fff;
}
@media screen and (max-width: 48.06125em) {
.oho-rfl__alpha-filter fieldset {
padding: 2.5rem 0 2.5rem 0;
}
}
@media screen and (max-width: 90.06125em) {
.oho-rfl__alpha-filter {
padding: 0 1.25rem 0 1.25rem;
}
}
@media screen and (max-width: 48.06125em) {
.oho-rfl__alpha-filter {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
.oho-rfl-alpha-filter__characters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
}
@media screen and (max-width: 48.06125em) {
.oho-rfl-alpha-filter__characters {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.oho-rfl-alpha-filter__char {
margin-top: 0;
padding: 0;
}
.oho-rfl-alpha-filter__radio {
display: none;
height: 30px;
top: 50%;
left: 25%;
width: 30px;
}
.oho-rfl-alpha-filter__radio:disabled + .option-dash {
color: var(--gray--accent);
}
.oho-rfl-alpha-filter__radio:disabled + label {
color: #0090e0;
/* Not using global blue to pass AA contrast */
font-weight: 700;
}
.oho-rfl-alpha-filter__radio:disabled + label:focus, .oho-rfl-alpha-filter__radio:disabled + label:hover {
color: var(--blue--medium);
cursor: default;
}
.oho-rfl-alpha-filter__radio:checked + label:focus::after, .oho-rfl-alpha-filter__radio:checked + label:hover::after {
background-color: #FFCD6B;
}
.oho-rfl-alpha-filter__label {
color: #ffffff;
font-weight: 700;
margin: 0;
padding-inline: 0.25rem;
}
.oho-rfl-alpha-filter__label::before {
display: none;
}
.oho-rfl-alpha-filter__label:focus, .oho-rfl-alpha-filter__label:hover {
color: var(--yellow);
}
@media screen and (max-width: 48.06125em) {
.oho-rfl-alpha-filter__label {
padding: 7.5px;
}
}
.alpha-filters {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--blue--dark);
}
@media screen and (max-width: 90.06125em) {
.alpha-filters {
padding: 0 1.25rem 0 1.25rem;
}
}
.alpha-filters fieldset {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
border: none;
width: 100%;
padding: 2.1875rem 0 2.1875rem 0;
background-color: transparent;
}
@media screen and (max-width: 48.06125em) {
.alpha-filters fieldset {
padding: 2.5rem 0 2.5rem 0;
}
}
@media screen and (max-width: 48.06125em) {
.alpha-filters {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
.alpha-filters .letters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
}
@media screen and (max-width: 48.06125em) {
.alpha-filters .letters {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.alpha-filters .form-item {
margin-top: 0;
}
.alpha-filters .form-item [type=radio]:disabled + .option-dash {
color: var(--gray--accent);
}
.alpha-filters .form-item [type=radio]:disabled + label {
color: var(--blue--medium);
font-weight: 700;
}
.alpha-filters .form-item [type=radio]:disabled + label:focus, .alpha-filters .form-item [type=radio]:disabled + label:hover {
color: var(--blue--medium);
cursor: default;
}
.alpha-filters .form-item [type=radio] {
height: 30px;
width: 30px;
top: 50%;
left: 25%;
display: none;
}
.alpha-filters .form-item [type=radio] + label {
margin-left: 0;
color: #ffffff;
font-weight: 700;
}
@media screen and (max-width: 48.06125em) {
.alpha-filters .form-item [type=radio] + label {
padding: 7.5px;
}
}
.alpha-filters .form-item [type=radio] + label:before {
display: none;
}
.alpha-filters .form-item [type=radio] + label:focus, .alpha-filters .form-item [type=radio] + label:hover {
color: var(--yellow);
}
.alpha-filters .form-item [type=radio]:checked + label:focus::after, .alpha-filters .form-item [type=radio]:checked + label:hover::after {
background-color: #FFCD6B;
}
.link-arrow {
color: #142142;
padding-left: 1.625rem;
position: relative;
}
.link-arrow.btn {
padding-right: 1.875rem;
}
.link-arrow:before {
font-family: "Font Awesome 5 Pro";
position: absolute;
padding-right: 1.25rem;
content: "\f178";
font-weight: 300;
color: #142142;
font-size: 1.125rem;
line-height: 1;
-webkit-transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
left: 0;
top: 0.1875rem;
}
.link-arrow:hover:before, .link-arrow:focus:before {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.button-radio {
cursor: pointer;
}
.button-radio input {
position: absolute;
opacity: 0;
}
.buttons-radio-wrapper label:focus-within {
color: #ffffff;
border-color: var(--blue--dark);
background: var(--blue--dark);
}
.btn {
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: var(--red);
color: #ffffff;
background: var(--red);
}
.btn:hover, .btn:focus {
text-decoration: none;
outline: none;
}
.btn:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
.btn:before, .btn:after {
color: #ffffff;
}
.btn:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.btn:hover:before, .btn:hover:after {
color: #222222;
}
.btn:focus {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.btn:focus:before, .btn:focus:after {
color: #ffffff;
}
@media print, screen and (min-width: 48.0625em) {
.btn {
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
}
}
.btn--large,
.btn--default {
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: var(--red);
color: #ffffff;
background: var(--red);
}
.btn--large:hover, .btn--large:focus,
.btn--default:hover,
.btn--default:focus {
text-decoration: none;
outline: none;
}
.btn--large:disabled,
.btn--default:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
.btn--large:before, .btn--large:after,
.btn--default:before,
.btn--default:after {
color: #ffffff;
}
.btn--large:hover,
.btn--default:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.btn--large:hover:before, .btn--large:hover:after,
.btn--default:hover:before,
.btn--default:hover:after {
color: #222222;
}
.btn--large:focus,
.btn--default:focus {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.btn--large:focus:before, .btn--large:focus:after,
.btn--default:focus:before,
.btn--default:focus:after {
color: #ffffff;
}
@media print, screen and (min-width: 48.0625em) {
.btn--large,
.btn--default {
font-size: 1rem;
padding: 1.875rem 2.5rem;
}
}
.btn--small {
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: var(--red);
color: #ffffff;
background: var(--red);
}
.btn--small:hover, .btn--small:focus {
text-decoration: none;
outline: none;
}
.btn--small:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
.btn--small:before, .btn--small:after {
color: #ffffff;
}
.btn--small:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.btn--small:hover:before, .btn--small:hover:after {
color: #222222;
}
.btn--small:focus {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.btn--small:focus:before, .btn--small:focus:after {
color: #ffffff;
}
.btn--tiny {
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: #ffffff;
color: #142142;
background: #ffffff;
}
.btn--tiny:hover, .btn--tiny:focus {
text-decoration: none;
outline: none;
}
.btn--tiny:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
.btn--tiny:before, .btn--tiny:after,
.btn--tiny path {
color: var(--red);
fill: var(--red);
}
.btn--tiny:hover {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.btn--tiny:hover:before, .btn--tiny:hover:after,
.btn--tiny:hover path {
color: #ffffff;
fill: #ffffff;
}
.btn--tiny:focus {
color: #ffffff;
border-color: #006BA6;
background: #006BA6;
}
.btn--tiny:focus:before, .btn--tiny:focus:after {
color: #ffffff;
fill: #ffffff;
}
.btn--ghost {
border-color: #FFCD6B;
color: #ffffff;
background: transparent;
}
.btn--ghost:before, .btn--ghost:after {
color: #B1DDF6;
}
.btn--ghost:hover {
color: var(--red);
border-color: #ffffff;
background: #ffffff;
}
.btn--ghost:hover:before, .btn--ghost:hover:after {
color: #222222;
}
.btn--ghost:focus {
color: #222222;
border-color: #142142;
background: #ffffff;
}
.btn--ghost:focus:before, .btn--ghost:focus:after {
color: #222222;
}
@media print, screen and (min-width: 48.0625em) {
.btn--ghost {
padding: 1.875rem 2.5rem 1.875rem 2.5rem;
}
}
.btn--white {
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
font-size: 1rem;
padding: 1.875rem 2.5rem;
border-color: #ffffff;
color: #142142;
background: #ffffff;
font-size: 0.875rem;
line-height: 18px;
font-weight: 700;
}
.btn--white:hover, .btn--white:focus {
text-decoration: none;
outline: none;
}
.btn--white:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
.btn--white:before, .btn--white:after,
.btn--white path {
color: var(--red);
fill: var(--red);
}
.btn--white:hover {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.btn--white:hover:before, .btn--white:hover:after,
.btn--white:hover path {
color: #ffffff;
fill: #ffffff;
}
.btn--white:focus {
color: #ffffff;
border-color: #006BA6;
background: #006BA6;
}
.btn--white:focus:before, .btn--white:focus:after {
color: #ffffff;
fill: #ffffff;
}
@media screen and (max-width: 48.06125em) {
.btn--white {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@media print, screen and (min-width: 48.0625em) {
.btn--white {
font-size: 1rem;
line-height: 20px;
}
}
@media print, screen and (min-width: 64.0625em) {
.btn--white {
font-size: 1rem;
line-height: 20px;
}
}
.btn--white--sock {
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
font-size: 1rem;
padding: 1.875rem 2.5rem;
border-color: #ffffff;
color: #142142;
background: #ffffff;
padding: 1.875rem 2.5rem 1.875rem 2.5rem;
font-size: 0.875rem;
line-height: 18px;
font-weight: 700;
}
.btn--white--sock:hover, .btn--white--sock:focus {
text-decoration: none;
outline: none;
}
.btn--white--sock:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
.btn--white--sock:before, .btn--white--sock:after,
.btn--white--sock path {
color: var(--red);
fill: var(--red);
}
.btn--white--sock:hover {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.btn--white--sock:hover:before, .btn--white--sock:hover:after,
.btn--white--sock:hover path {
color: #ffffff;
fill: #ffffff;
}
.btn--white--sock:focus {
color: #ffffff;
border-color: #006BA6;
background: #006BA6;
}
.btn--white--sock:focus:before, .btn--white--sock:focus:after {
color: #ffffff;
fill: #ffffff;
}
@media screen and (max-width: 48.06125em) {
.btn--white--sock {
padding: 1.25rem 1.5625rem 1.25rem 1.5625rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@media print, screen and (min-width: 48.0625em) {
.btn--white--sock {
font-size: 1rem;
line-height: 20px;
}
}
@media print, screen and (min-width: 64.0625em) {
.btn--white--sock {
font-size: 1rem;
line-height: 20px;
}
}
.btn--ghost--red {
border-color: #142142;
color: #222222;
background: #ffffff;
}
.btn--ghost--red:before, .btn--ghost--red:after {
color: #222222;
}
.btn--ghost--red:hover {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.btn--ghost--red:hover:before, .btn--ghost--red:hover:after {
color: #ffffff;
}
.btn--ghost--red:focus {
color: #ffffff;
border-color: #222222;
background: #222222;
}
.btn--ghost--red:focus:before, .btn--ghost--red:focus:after {
color: #FFCD6B;
}
.btn--small {
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
}
.btn--align-right {
display: table;
margin-left: auto;
}
.btn--align-center {
display: table;
margin-right: auto;
margin-left: auto;
}
.elf-external,
.link-external,
.external {
position: relative;
}
.elf-external:after,
.link-external:after,
.external:after {
font-family: "Font Awesome 5 Pro";
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
color: #FFCD6B;
display: inline-block;
padding-left: 0.5rem;
font-weight: 300;
content: "\f14c";
font-size: 0.875rem;
}
.elf-external__before:before,
.link-external__before:before,
.external__before:before {
font-family: "Font Awesome 5 Pro";
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
color: #FFCD6B;
display: inline-block;
padding-right: 0.5rem;
font-weight: 300;
content: "\f14c";
}
.elf-external:after,
.link-external:after,
.btn .external:after {
color: white;
}
a[data-entity-type=media]:after,
[href$=".doc"]:after,
[href$=".docx"]:after,
[href$=".pdf"]:after,
[href$=".ppt"]:after,
[href$=".pptx"]:after,
[href$=".xls"]:after,
[href$=".xlsx"]:after,
[href$=".txt"]:after,
[href$=".zip"]:after {
font-family: "Font Awesome 5 Pro";
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
display: inline-block;
padding-left: 0.6875rem;
content: "\f33d";
}
.date-block,
.box-score {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: right;
border: 0.0625rem solid #ffffff;
width: 100%;
}
.date-block__inner, .date-block__time-inner,
.date-block time,
.box-score__inner,
.box-score__time-inner,
.box-score time {
width: 100%;
}
.eyebrow + .date-block,
.eyebrow + .box-score {
margin-top: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.eyebrow + .date-block,
.eyebrow + .box-score {
margin-top: 1.875rem;
}
}
.date-block .month, .date-block__team,
.box-score .month,
.box-score__team {
background-color: var(--red);
text-align: center;
width: 100%;
font-weight: 600;
}
.date-block .month,
.box-score .month {
padding: 0.3125rem 0.625rem;
}
.date-block__team,
.box-score__team {
padding: 0.9375rem 0.625rem;
}
.date-block .day-number, .date-block__score,
.box-score .day-number,
.box-score__score {
font-family: "termina";
font-size: 2.375rem;
font-weight: 900;
line-height: 0.9;
height: 5.625rem;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.date-block time + time,
.box-score time + time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.date-block time + time::before,
.box-score time + time::before {
margin-right: 1.25rem;
margin-left: 1.25rem;
width: 1.5rem;
height: 0.125rem;
content: "";
-webkit-transform: translateY(-14px);
transform: translateY(-14px);
background-color: currentColor;
}
@media print, screen and (min-width: 48.0625em) {
.date-block time + time::before,
.box-score time + time::before {
margin-right: 1.875rem;
margin-left: 1.875rem;
}
}
.date-block span,
.date-block strong,
.box-score span,
.box-score strong {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.icon-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5rem 0;
}
.icon-list li,
.icon-list a {
display: block;
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
position: relative;
line-height: 1.5;
font-weight: 700;
font-size: 0.875rem;
width: 100%;
}
section:not(.global-padding--unique-dark-blue):not(.resource-area-unique):not(.global-padding--transparent) .icon-list a {
color: var(--red);
}
.icon-list li.fab:before,
.icon-list a.fab:before {
font-family: "Font Awesome 5 Brands";
}
.icon-list .fal,
.icon-list .far,
.icon-list .fas,
.icon-list .fab {
padding-left: 1.5625rem;
}
.icon-list .fal:before,
.icon-list .far:before,
.icon-list .fas:before,
.icon-list .fab:before {
margin-right: 0.9375rem;
line-height: 1;
font-family: "Font Awesome 5 Pro";
position: absolute;
left: 0;
font-size: 0.9375rem;
top: 0.3125rem;
font-weight: 300;
color: var(--blue--medium);
}
.icon-list .fa-phone a {
display: inline-block;
}
.icon-list--inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
gap: 0.9375rem;
}
.icon-list--inline li,
.icon-list--inline a {
width: auto;
}
.icon-list--normal-weight li,
.icon-list--normal-weight li a {
font-weight: 400;
}
.icon-list--social-media a {
font-size: 0;
}
.icon-list--social-media a:before {
margin: 0;
font-size: 1.25rem;
}
.modal {
display: none;
}
.section-heading {
--accent-color: #142142;
--text-color: #222222;
color: var(--text-color);
}
.section-heading--line-accent .section-heading__heading {
position: relative;
width: 100%;
}
.section-heading--line-accent .section-heading__heading:after {
position: absolute;
bottom: 0;
display: inline-block;
width: 100vw;
height: 1px;
margin-bottom: 1.25rem;
margin-left: 0.625rem;
content: "";
-webkit-transition: width 400ms cubic-bezier(0.42, 0.08, 0.06, 0.98), opacity 150ms cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: width 400ms cubic-bezier(0.42, 0.08, 0.06, 0.98), opacity 150ms cubic-bezier(0.82, 0.06, 0.14, 0.97);
background-color: var(--accent-color);
}
@supports not (--css: variables) {
.section-heading--line-accent .section-heading__heading:after {
background-color: #142142;
}
}
.section-heading__heading + .wysiwyg {
padding: 2rem 0 3rem 0;
}
.section-heading--line-accent .section-heading__heading.oho-animate--ready:after {
width: 0;
-webkit-transition: none;
transition: none;
opacity: 0;
}
.section-heading .eyebrow {
margin-bottom: 0.9375rem;
display: block;
}
@media print, screen and (min-width: 48.0625em) {
.section-heading .eyebrow {
margin-bottom: 1.25rem;
}
}
.section-heading h2 span {
font-family: "Handelson-One";
color: #DA162D;
text-transform: none;
}
.section-heading .grid-x {
position: relative;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.section-heading .medium-auto {
margin-top: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.section-heading .medium-auto {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media print, screen and (min-width: 64.0625em) {
.section-heading .medium-auto {
/*white-space: nowrap;*/
}
}
.section-heading .btn {
margin-right: 0;
}
@media print, screen and (min-width: 48.0625em) {
.section-heading .btn {
font-size: 1rem;
padding: 1.875rem 2.5rem;
}
}
@supports not (--css: variables) {
.section-heading {
color: #222222;
}
}
.section-heading--small h2 {
font-family: termina;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.11;
margin-bottom: 0;
}
@media print, screen and (min-width: 64.0625em) {
.section-heading--small h2 {
font-size: 1.5rem;
line-height: 1.34;
}
}
.section-heading--small .btn {
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
}
.section-heading--large h2 {
font-family: termina;
font-size: 1.75rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
@media print, screen and (min-width: 48.0625em) {
.section-heading--large h2 {
font-size: 2.75rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.section-heading--large h2 {
font-size: 3.75rem;
}
}
.section-heading--large h2 span {
font-family: Handelson-One;
font-size: 2.25rem;
font-weight: 900;
line-height: 1;
}
@media print, screen and (min-width: 48.0625em) {
.section-heading--large h2 span {
font-size: 3.25rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.section-heading--large h2 span {
font-size: 6.25rem;
}
}
.global-padding--unique-dark-blue,
.global-padding--transparent .section-heading,
.global-padding--dark-blue .section-heading, .global-padding--transparent figcaption {
color: #ffffff;
}
.global-padding--unique-dark-blue .wysiwyg p a,
.global-padding--unique-dark-blue p a,
.global-padding--unique-dark-blue span a,
.global-padding--transparent .section-heading .wysiwyg p a,
.global-padding--transparent .section-heading p a,
.global-padding--transparent .section-heading span a,
.global-padding--dark-blue .section-heading .wysiwyg p a,
.global-padding--dark-blue .section-heading p a,
.global-padding--dark-blue .section-heading span a {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #B1DDF6;
text-decoration-color: #B1DDF6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.global-padding--unique-dark-blue .wysiwyg p a:hover,
.global-padding--unique-dark-blue p a:hover,
.global-padding--unique-dark-blue span a:hover,
.global-padding--transparent .section-heading .wysiwyg p a:hover,
.global-padding--transparent .section-heading p a:hover,
.global-padding--transparent .section-heading span a:hover,
.global-padding--dark-blue .section-heading .wysiwyg p a:hover,
.global-padding--dark-blue .section-heading p a:hover,
.global-padding--dark-blue .section-heading span a:hover {
/*color: #B1DDF6;*/
color: var(--yellow);
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.global-padding--unique-dark-blue .wysiwyg p a:focus,
.global-padding--unique-dark-blue p a:focus,
.global-padding--unique-dark-blue span a:focus,
.global-padding--transparent .section-heading .wysiwyg p a:focus,
.global-padding--transparent .section-heading p a:focus,
.global-padding--transparent .section-heading span a:focus,
.global-padding--dark-blue .section-heading .wysiwyg p a:focus,
.global-padding--dark-blue .section-heading p a:focus,
.global-padding--dark-blue .section-heading span a:focus {
color: var(--orange);
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.global-padding--unique-dark-blue .btn,
.global-padding--transparent .section-heading .btn,
.global-padding--dark-blue .section-heading .btn {
border-color: #FFCD6B;
color: #ffffff;
background: transparent;
}
.global-padding--unique-dark-blue .btn:before, .global-padding--unique-dark-blue .btn:after,
.global-padding--transparent .section-heading .btn:before,
.global-padding--transparent .section-heading .btn:after,
.global-padding--dark-blue .section-heading .btn:before,
.global-padding--dark-blue .section-heading .btn:after {
color: #B1DDF6;
}
.global-padding--unique-dark-blue .btn:hover,
.global-padding--transparent .section-heading .btn:hover,
.global-padding--dark-blue .section-heading .btn:hover {
color: var(--red);
border-color: #ffffff;
background: #ffffff;
}
.global-padding--unique-dark-blue .btn:hover:before, .global-padding--unique-dark-blue .btn:hover:after,
.global-padding--transparent .section-heading .btn:hover:before,
.global-padding--transparent .section-heading .btn:hover:after,
.global-padding--dark-blue .section-heading .btn:hover:before,
.global-padding--dark-blue .section-heading .btn:hover:after {
color: #222222;
}
.global-padding--unique-dark-blue .btn:focus,
.global-padding--transparent .section-heading .btn:focus,
.global-padding--dark-blue .section-heading .btn:focus {
color: #222222;
border-color: #142142;
background: #ffffff;
}
.global-padding--unique-dark-blue .btn:focus:before, .global-padding--unique-dark-blue .btn:focus:after,
.global-padding--transparent .section-heading .btn:focus:before,
.global-padding--transparent .section-heading .btn:focus:after,
.global-padding--dark-blue .section-heading .btn:focus:before,
.global-padding--dark-blue .section-heading .btn:focus:after {
color: #222222;
}
.global-padding--transparent .wysiwyg p a {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #B1DDF6;
text-decoration-color: #B1DDF6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.global-padding--transparent :not(.accordion) .wysiwyg p a {
color: var(--yellow);
}
.global-padding--transparent .wysiwyg p a:hover {
color: #B1DDF6;
color: var(--blue--medium);
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.global-padding--transparent .wysiwyg p a:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.global-padding--transparent .wysiwyg tr:nth-child(even) {
background-color: #0c456f;
}
.sidebar-block {
background-color: #ffffff;
}
.sidebar-block--gray--light {
background: #222222;
}
.sidebar-block--gray--xlight {
background: #F5F5F5;
}
.sidebar-block--blue--dark {
background-color: #142142;
}
.sidebar-block--blue--dark .link-arrow:before {
color: #FFCD6B;
}
.sidebar-block--blue--medium {
background-color: #006BA6;
}
.sidebar-block--blue--dark, .sidebar-block--blue--medium {
color: #ffffff;
}
.sidebar-block--blue--dark a:not(.btn), .sidebar-block--blue--medium a:not(.btn) {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #ffffff;
text-decoration-color: #ffffff;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.sidebar-block--blue--dark a:not(.btn):hover, .sidebar-block--blue--medium a:not(.btn):hover {
color: #ffffff;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.sidebar-block--blue--dark a:not(.btn):focus, .sidebar-block--blue--medium a:not(.btn):focus {
color: #ffffff;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.sidebar-block--blue--dark a:not(.btn), .sidebar-block--blue--medium a:not(.btn) {
color: var(--yellow--light) !important;
text-decoration: underline !important;
}
.sidebar-block--blue--dark .btn, .sidebar-block--blue--medium .btn {
border-color: #FFCD6B;
color: #ffffff;
background: transparent;
}
.sidebar-block--blue--dark .btn:before, .sidebar-block--blue--dark .btn:after, .sidebar-block--blue--medium .btn:before, .sidebar-block--blue--medium .btn:after {
color: #B1DDF6;
}
.sidebar-block--blue--dark .btn:hover, .sidebar-block--blue--medium .btn:hover {
color: var(--red);
border-color: #ffffff;
background: #ffffff;
}
.sidebar-block--blue--dark .btn:hover:before, .sidebar-block--blue--dark .btn:hover:after, .sidebar-block--blue--medium .btn:hover:before, .sidebar-block--blue--medium .btn:hover:after {
color: #222222;
}
.sidebar-block--blue--dark .btn:focus, .sidebar-block--blue--medium .btn:focus {
color: #222222;
border-color: #142142;
background: #ffffff;
}
.sidebar-block--blue--dark .btn:focus:before, .sidebar-block--blue--dark .btn:focus:after, .sidebar-block--blue--medium .btn:focus:before, .sidebar-block--blue--medium .btn:focus:after {
color: #222222;
}
.sidebar-block h3 {
margin-top: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.sidebar-block h3 {
margin-top: 1.25rem;
}
}
.sidebar-block h3:first-child {
margin-top: 0;
}
.sidebar-block a {
font-weight: 600;
}
.sidebar-block p {
margin-top: 0.9375rem;
}
.sidebar-block ul {
margin-top: 0.625rem;
list-style: none;
}
.sidebar-block ul li + li {
margin-top: 0.625rem;
}
.sidebar-block ul + ul,
.sidebar-block .btn + ul,
.sidebar-block h2 + ul {
margin-top: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.sidebar-block ul + ul,
.sidebar-block .btn + ul,
.sidebar-block h2 + ul {
margin-top: 1.25rem;
}
}
.sidebar-block .eyebrow-bg {
background-color: #ffffff;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 0.75rem;
color: var(--gray--dark);
padding: 0.3125rem 0.5rem 0.3125rem 0.625rem;
}
.sidebar-block .small-list {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
font-style: italic;
}
.sidebar-block .small-list li + li {
margin-top: 0;
}
.sidebar-block .btn,
.sidebar-block .btn {
margin-top: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.sidebar-block .btn,
.sidebar-block .btn {
margin-top: 1.25rem;
}
}
.sidebar-block .link-arrow {
color: #ffffff;
}
.sidebar-block .link-arrow:before {
color: var(--yellow);
}
.sidebar-block--alternate .small-list {
margin-top: 1.25rem;
}
.sidebar-block--alternate li {
font-weight: 700;
}
.link--blue-underline {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #006BA6;
text-decoration-color: #006BA6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.link--blue-underline:hover {
color: #ffffff;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.link--blue-underline:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.link--light-blue-underline {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #B1DDF6;
text-decoration-color: #B1DDF6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.link--light-blue-underline:hover {
color: #B1DDF6;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.link--light-blue-underline:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.link--red-blue-underline,
.directory-listing .card__content--subtitle a,
.directory-listing h3 a,
.ambassador-listing .card__content--subtitle a,
.ambassador-listing h3 a,
.profile-feature-slider h3 a,
.jump-nav a,
.differentiators-alt.global-padding--transparent p a,
.department-listing-items .oho-rfl__result-item .department-listing-items__card--title a,
.department-feature-recurring h3 a,
.ambassador-feature.global-padding--white.ambassador-feature--single .card--ambassador__link,
.ambassador-feature--multiple .card--ambassador__link,
.more-in-this-section a,
.site-footer__navbar--lower-links a,
.more-filters-open .more-filters-toggle::before {
font-weight: 600;
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: var(--red);
-webkit-text-decoration-color: #B1DDF6;
text-decoration-color: #B1DDF6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.link--red-blue-underline:hover,
.directory-listing .card__content--subtitle a:hover,
.directory-listing h3 a:hover,
.ambassador-listing .card__content--subtitle a:hover,
.ambassador-listing h3 a:hover,
.profile-feature-slider h3 a:hover,
.jump-nav a:hover,
.differentiators-alt.global-padding--transparent p a:hover,
.department-listing-items .oho-rfl__result-item .department-listing-items__card--title a:hover,
.department-feature-recurring h3 a:hover,
.ambassador-feature.global-padding--white.ambassador-feature--single .card--ambassador__link:hover,
.ambassador-feature--multiple .card--ambassador__link:hover,
.more-in-this-section a:hover,
.site-footer__navbar--lower-links a:hover,
.more-filters-open .more-filters-toggle:hover::before {
color: #142142;
-webkit-text-decoration-color: rgba(207, 20, 43, 0);
text-decoration-color: rgba(207, 20, 43, 0);
}
.link--red-blue-underline:focus,
.directory-listing .card__content--subtitle a:focus,
.directory-listing h3 a:focus,
.ambassador-listing .card__content--subtitle a:focus,
.ambassador-listing h3 a:focus,
.profile-feature-slider h3 a:focus,
.jump-nav a:focus,
.differentiators-alt.global-padding--transparent p a:focus,
.department-listing-items .oho-rfl__result-item .department-listing-items__card--title a:focus,
.department-feature-recurring h3 a:focus,
.ambassador-feature.global-padding--white.ambassador-feature--single .card--ambassador__link:focus,
.ambassador-feature--multiple .card--ambassador__link:focus,
.more-in-this-section a:focus,
.site-footer__navbar--lower-links a:focus,
.more-filters-open .more-filters-toggle:focus::before {
color: #006BA6;
-webkit-text-decoration-color: rgba(207, 20, 43, 0);
text-decoration-color: rgba(207, 20, 43, 0);
}
.link--red-blue-underline:before,
.directory-listing .card__content--subtitle a:before,
.directory-listing h3 a:before,
.ambassador-listing .card__content--subtitle a:before,
.ambassador-listing h3 a:before,
.profile-feature-slider h3 a:before,
.jump-nav a:before,
.differentiators-alt.global-padding--transparent p a:before,
.department-listing-items .oho-rfl__result-item .department-listing-items__card--title a:before,
.department-feature-recurring h3 a:before,
.ambassador-feature.global-padding--white.ambassador-feature--single .card--ambassador__link:before,
.ambassador-feature--multiple .card--ambassador__link:before,
.more-in-this-section a:before,
.site-footer__navbar--lower-links a:before,
.more-filters-open .more-filters-toggle:before {
color: #AAAAAA;
}
.link--medium-blue-underline {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #006BA6;
text-decoration-color: #006BA6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.link--medium-blue-underline:hover {
color: #ffffff;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.link--medium-blue-underline:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.link--medium-blue-underline:before {
color: #FFCD6B;
}
@-webkit-keyframes slide-in {
from {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes slide-in {
from {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
to {
-webkit-transform: none;
transform: none;
}
}
.cookie-banner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
z-index: 10;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.42, 0.08, 0.06, 0.98);
transition: -webkit-transform 1s cubic-bezier(0.42, 0.08, 0.06, 0.98);
transition: transform 1s cubic-bezier(0.42, 0.08, 0.06, 0.98);
transition: transform 1s cubic-bezier(0.42, 0.08, 0.06, 0.98), -webkit-transform 1s cubic-bezier(0.42, 0.08, 0.06, 0.98);
-webkit-transform: translateY(100%);
transform: translateY(100%);
max-width: 90rem;
}
.cookie-banner__inner {
background-color: #ffffff;
padding: 1.875rem;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.cookie-banner .grid-x {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media print, screen and (min-width: 48.0625em) {
.cookie-banner .grid-x {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.cookie-banner .wysiwyg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: -1.25rem;
font-weight: 400;
}
@media print, screen and (min-width: 48.0625em) {
.cookie-banner .wysiwyg {
padding-right: 1.25rem;
}
}
.cookie-banner .flex-child-shrink,
.cookie-banner .flex-child-grow {
margin-top: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.cookie-banner .flex-child-grow {
padding-right: 1.25rem;
}
}
.cookie-banner .btn {
margin: 0;
}
.cookie-banner a:not(.btn) {
margin-right: 1.25rem;
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #222222;
-webkit-text-decoration-color: #E4E4E4;
text-decoration-color: #E4E4E4;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.cookie-banner a:not(.btn):hover {
color: #142142;
-webkit-text-decoration-color: rgba(34, 34, 34, 0);
text-decoration-color: rgba(34, 34, 34, 0);
}
.cookie-banner a:not(.btn):focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(34, 34, 34, 0);
text-decoration-color: rgba(34, 34, 34, 0);
}
body:not(.cookie-panel-dismissed) .cookie-banner {
-webkit-animation: slide-in;
animation: slide-in;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.site-footer {
background-color: var(--blue--dark);
color: #ffffff;
position: relative;
z-index: 3;
}
.site-footer__top {
background-color: #ffffff;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
padding: 40px 0;
}
.site-footer__top li {
list-style: none;
}
.site-footer__top ul {
gap: 0.625rem;
}
@media screen and (min-width: 48.0625em) {
.site-footer__top ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.625rem 1.25rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 64.06125em) {
.site-footer__navbar {
margin-top: 1.875rem;
}
}
.site-footer__navbar--upper-links {
font-size: 1.125rem;
font-weight: 700;
}
@media screen and (min-width: 64.0625em) {
.site-footer__navbar--upper-links {
font-size: 1.375rem;
}
}
.site-footer__navbar--upper-links a {
color: var(--gray--dark);
}
.site-footer__navbar--upper-links li {
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 48.0625em) {
.site-footer__navbar--upper-links li:not(:last-child):after {
content: "";
display: block;
width: 1px;
height: 25px;
background-color: #B1DDF6;
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
margin-left: 17px;
margin-top: 5px;
}
}
@media screen and (min-width: 64.0625em) {
.site-footer__navbar--upper-links li:not(:last-child):after {
margin-left: 23px;
}
}
@media screen and (max-width: 48.06125em) {
.site-footer__navbar--upper-links li {
padding: 0.9375rem 0;
}
.site-footer__navbar--upper-links li:not(:last-child) {
border-bottom: 1px solid var(--gray--line);
}
}
.site-footer .site-footer__middle {
background-color: #f6f6f6;
padding: 30px 0;
}
.site-footer__navbar--lower-links li {
list-style: none;
}
.site-footer__navbar--lower-links ul {
gap: 0.625rem;
}
@media screen and (min-width: 48.0625em) {
.site-footer__navbar--lower-links ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.625rem 1.875rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.site-footer__navbar--lower-links a {
font-size: 1rem;
font-weight: 700;
}
.site-footer__navbar--lower-links a:after {
color: var(--gray--accent);
padding-left: 0.5rem;
}
@media screen and (max-width: 48.06125em) {
.site-footer__navbar--lower-links li:not(:first-child) {
margin-top: 1.0625rem;
}
}
.site-footer__logo-sec img {
height: 5rem;
width: 16.1875rem;
}
@media screen and (max-width: 64.06125em) {
.site-footer__logo-sec img {
width: 10.9375rem;
height: 3.375rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.site-footer__logo img {
width: 100%;
}
}
.site-footer__contact-area {
font-size: 0.875rem;
line-height: 18px;
}
@media print, screen and (min-width: 48.0625em) {
.site-footer__contact-area {
font-size: 1rem;
line-height: 20px;
}
}
@media print, screen and (min-width: 64.0625em) {
.site-footer__contact-area {
font-size: 1rem;
line-height: 20px;
}
}
.site-footer__contact-area .icon-list a {
font-size: 0.875rem;
line-height: 18px;
color: #ffffff;
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #006BA6;
text-decoration-color: #006BA6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
@media print, screen and (min-width: 48.0625em) {
.site-footer__contact-area .icon-list a {
font-size: 1rem;
line-height: 20px;
}
}
@media print, screen and (min-width: 64.0625em) {
.site-footer__contact-area .icon-list a {
font-size: 1rem;
line-height: 20px;
}
}
.site-footer__contact-area .icon-list a:hover {
color: #ffffff;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.site-footer__contact-area .icon-list a:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.site-footer__contact-area .icon-list a::after {
color: var(--yellow);
}
.site-footer__contact-area .icon-list li + li {
margin-top: 0.75rem;
}
.site-footer .footer-logos {
padding-bottom: 40px;
}
@media print, screen and (min-width: 40.0625em) {
.site-footer .footer-logos {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.site-footer .site-footer__logo-sec {
display: block;
margin-bottom: 20px;
}
@media print, screen and (min-width: 40.0625em) {
.site-footer .site-footer__logo-sec {
margin: 0;
}
}
.site-footer .site-footer__address {
font-weight: 700;
}
.site-footer .site-footer__address a {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #006BA6;
text-decoration-color: #006BA6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.site-footer .site-footer__address a:hover {
color: #ffffff;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.site-footer .site-footer__address a:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.site-footer .site-footer__address .fa-phone {
margin: 0;
}
.site-footer .site-footer__address li:before {
color: var(--yellow);
}
.site-footer__social-media {
margin-top: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.site-footer__social-media {
margin-top: 1.875rem;
}
}
@media screen and (max-width: 48.06125em) {
.site-footer__social-media {
margin-top: 1.875rem;
}
}
.site-footer__social-media .social-media li + li {
margin-left: 0.625rem;
margin-top: 0;
}
.site-footer__social-media .social-media a {
color: #B1DDF6;
margin: 0;
font-size: 1.75rem;
}
.site-footer__social-media .social-media a:hover, .site-footer__social-media .social-media a:focus {
color: #FFCD6B;
}
.site-footer__info-area {
background-color: rgba(0, 0, 0, 0.1490196078);
padding: 1.875rem;
width: 35rem;
gap: 1.875rem;
}
.site-footer__info-area a {
font-size: 0.875rem;
}
.site-footer__info-area ul {
margin-top: 0.9375rem;
}
@media screen and (max-width: 48.06125em) {
.site-footer__info-area {
padding-left: 1.25rem;
width: 100%;
padding-top: 0;
padding-bottom: 2.5rem;
margin-top: 1.875rem;
}
}
@media screen and (min-width: 48.0625em) {
.site-footer__info-area {
margin-right: 1.25rem;
}
}
.site-footer__lower {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 2.5rem;
margin-bottom: 3.75rem;
}
@media screen and (max-width: 48.06125em) {
.site-footer__lower {
margin-bottom: 2.5rem;
}
}
@media screen and (max-width: 48.06125em) {
.site-footer__copyright .small-text {
text-align: left;
margin-top: 1.25rem;
}
}
.site-footer__copyright a {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #006BA6;
text-decoration-color: #006BA6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
color: #ffffff;
font-weight: 700;
}
.site-footer__copyright a:hover {
color: #ffffff;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.site-footer__copyright a:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.site-footer__copyright-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 0.9375rem;
gap: 1.25rem;
font-size: 0.875rem;
}
@media screen and (max-width: 48.06125em) {
.site-footer__copyright-links {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
place-content: flex-start;
place-content: flex-end;
margin-top: 0.625rem;
gap: 0.75rem;
place-content: flex-start;
}
}
.site-footer--links__campus ul, .site-footer--links__contact ul, .site-footer--links__utility ul, .site-footer--links__pages ul, .site-footer--links__additional ul {
font-size: 0.875rem;
line-height: 18px;
list-style: none;
font-weight: 700;
}
@media print, screen and (min-width: 48.0625em) {
.site-footer--links__campus ul, .site-footer--links__contact ul, .site-footer--links__utility ul, .site-footer--links__pages ul, .site-footer--links__additional ul {
font-size: 1rem;
line-height: 20px;
}
}
@media print, screen and (min-width: 64.0625em) {
.site-footer--links__campus ul, .site-footer--links__contact ul, .site-footer--links__utility ul, .site-footer--links__pages ul, .site-footer--links__additional ul {
font-size: 1rem;
line-height: 20px;
}
}
@media screen and (max-width: 48.06125em) {
.site-footer--links__campus {
margin-top: 2.5rem;
}
}
.site-footer--links__campus li + li {
margin-top: 0.625rem;
}
@media print, screen and (min-width: 48.0625em) {
.site-footer--links__campus li + li {
margin-top: 0.9375rem;
}
}
@media screen and (max-width: 48.06125em) {
.site-footer--links__pages {
margin-top: 1.875rem;
}
}
.site-footer--links__contact li:not(:first-child), .site-footer--links__pages li:not(:first-child), .site-footer--links__utility li:not(:first-child), .site-footer--links__campus li:not(:first-child), .site-footer--links__additional li:not(:first-child) {
margin-top: 0.75rem;
}
.site-footer--links__contact a, .site-footer--links__utility a, .site-footer--links__pages a, .site-footer--links__campus a, .site-footer--links__additional a {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #006BA6;
text-decoration-color: #006BA6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
color: #ffffff;
}
.site-footer--links__contact a:hover, .site-footer--links__utility a:hover, .site-footer--links__pages a:hover, .site-footer--links__campus a:hover, .site-footer--links__additional a:hover {
color: #ffffff;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.site-footer--links__contact a:focus, .site-footer--links__utility a:focus, .site-footer--links__pages a:focus, .site-footer--links__campus a:focus, .site-footer--links__additional a:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.site-footer--links__contact a:after, .site-footer--links__utility a:after, .site-footer--links__pages a:after, .site-footer--links__campus a:after, .site-footer--links__additional a:after {
color: #FFCD6B;
}
.site-footer-subsite .site-footer__top {
min-height: auto;
}
.site-footer-subsite .site-footer__info-area {
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
@media screen and (max-width: 48.06125em) {
.site-footer-subsite .site-footer__info-area {
padding-top: 2.5rem;
}
}
.site-footer-subsite .site-footer__info-area .site-footer__social-media {
margin: 0;
}
.site-footer-subsite .site-footer__info-area .site-footer__social-media ul {
margin: 0;
}
.site-footer-regional .site-footer__top {
min-height: auto;
}
.site-footer-regional .site-footer__contact-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.875rem;
background-color: rgba(0, 0, 0, 0.15);
padding: 1.875rem;
}
@media screen and (max-width: 75.06125em) {
.site-footer-regional .site-footer__contact-area {
padding: 1.25rem;
gap: 1.25rem;
}
}
@media screen and (max-width: 48.06125em) {
.site-footer-regional .site-footer__contact-area {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.site-footer-regional .site-footer__contact-area--img {
width: 100%;
}
.site-footer-regional .site-footer__info-area {
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
background-color: unset;
padding-top: 0;
}
@media screen and (max-width: 48.06125em) {
.site-footer-regional .site-footer__info-area {
padding-top: 2.5rem;
}
}
.site-footer-regional .site-footer--links__pages ul {
gap: 0.625rem;
}
.site-footer-regional .site-footer--links__pages ul:not(:first-child) {
margin-top: 1.875rem;
}
.site-footer-regional .site-footer--links__pages .icon-list li {
margin-top: 0;
}
.site-footer-regional .site-footer--links__pages .icon-list .fab:before {
color: var(--blue--light);
font-size: 1.5rem;
}
.site-footer-regional .site-footer--links__pages .icon-list li,
.site-footer-regional .site-footer--links__pages .icon-list a {
width: auto;
}
.site-footer-regional .site-footer__lower {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.site-footer-regional .site-footer__lower {
margin-top: 3.125rem;
margin-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.site-footer-regional .site-footer__lower {
margin-top: 3.75rem;
margin-bottom: 3.75rem;
}
}
@media screen and (max-width: 48.06125em) {
.site-footer-regional__img-map {
margin-top: 2.5rem;
padding-left: 1.25rem;
}
}
.mobile-menu-open {
height: 100vh;
width: 100vw;
overflow: hidden;
}
.site-header {
position: relative;
z-index: 10;
height: 3.75rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 64.06125em) {
.site-header {
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
}
.site-header__sticky-container {
will-change: transform;
background: #142142;
color: #ffffff;
height: 7.8125rem;
width: 100%;
border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 64.06125em) {
.site-header__sticky-container {
height: 3.75rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 0;
border: none;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
}
.site-header__sticky-container > .grid-container {
position: relative;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: none;
}
@media screen and (max-width: 48.06125em) {
.site-header__sticky-container > .grid-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.site-header .grid-x {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (min-width: 64.0625em) {
.site-header .grid-x {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.site-header ul {
margin: 0;
padding: 0;
list-style: none;
}
.site-header li {
position: relative;
}
.site-header__logo {
display: block;
}
@media screen and (max-width: 64.06125em) {
.site-header__logo {
padding: 1.25rem 0;
}
}
.site-header__logo img {
display: block;
width: 125px;
height: 31px;
-o-object-fit: contain;
object-fit: contain;
}
.site-header--beyond-threshold .site-header__sticky-container {
position: fixed;
z-index: 10;
top: 0;
width: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.site-header--beyond-threshold-animate .site-header__sticky-container {
-webkit-transition: -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.site-header--scroll-up .site-header__sticky-container, .site-header--at-bottom .site-header__sticky-container {
-webkit-transform: translateY(0);
transform: translateY(0);
}
@media print, screen and (min-width: 64.0625em) {
.site-header {
height: 7.8125rem;
}
.site-header__logo {
border-right: 0.0625rem solid rgba(255, 255, 255, 0.2);
margin-right: 2.5rem;
padding-right: 1.5625rem;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-header__logo img {
width: 208px;
height: 62px;
}
}
@media screen and (min-width: 64.0625em) and (max-width: 75.06125em) {
.site-header__logo {
padding-right: 1.25rem;
margin-right: 1.25rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.site-header__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 64.06125em) {
.site-header__main {
position: absolute;
z-index: -1;
top: 3.75rem;
right: 0;
display: none;
width: 24rem;
-webkit-box-shadow: 0px 9px 10px rgba(0, 0, 0, 0.09);
box-shadow: 0px 9px 10px rgba(0, 0, 0, 0.09);
background: #ffffff;
max-height: calc(100vh - 3.75rem);
overflow-y: auto;
}
.mobile-menu-open .site-header__main {
display: block;
}
.site-header__main:after {
content: "";
height: 0.625rem;
position: absolute;
left: 0;
top: 0;
width: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05)));
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
z-index: 2;
}
}
@media screen and (max-width: 40.06125em) {
.site-header__main {
width: 100%;
}
}
@media screen and (max-width: 64.06125em) {
.site-header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media print, screen and (min-width: 64.0625em) {
.site-header__top {
position: absolute;
top: -4.5rem;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 0.9375rem 0;
}
}
.site-header__bottom {
position: relative;
z-index: 1;
}
@media screen and (max-width: 64.06125em) {
.site-header__bottom {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
}
@media screen and (min-width: 64.0625em) {
.site-header__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1.875rem 0;
}
}
.utility-menu-button,
.mobile-menu-button,
.give-button {
border-color: #142142;
color: #ffffff;
background: #142142;
position: relative;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 3.75rem;
width: 3.75rem;
}
.give-button {
right: 12.45rem;
background-color: var(--red) !important;
font-size: initial;
text-decoration: none;
}
.give-button:hover, .give-button:focus {
background-color: var(--gray--light) !important;
text-decoration: none;
}
.utility-menu-button:before, .utility-menu-button:after,
.mobile-menu-button:before,
.mobile-menu-button:after {
color: #ffffff;
}
.utility-menu-button:hover,
.mobile-menu-button:hover,
.give-button:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.utility-menu-button:hover:before, .utility-menu-button:hover:after,
.mobile-menu-button:hover:before,
.mobile-menu-button:hover:after {
color: #222222;
}
.utility-menu-button:focus,
.mobile-menu-button:focus,
.give-button {
border-color: var(--red);
color: #ffffff;
background: var(--red);
}
.utility-menu-button:focus:before, .utility-menu-button:focus:after,
.mobile-menu-button:focus:before,
.mobile-menu-button:focus:after {
color: #ffffff;
}
@media print, screen and (min-width: 64.0625em) {
.utility-menu-button,
.mobile-menu-button,
.give-button {
width: 6.25rem;
height: 7.8125rem;
border-left: 0.0625rem solid rgba(255, 255, 255, 0.2);
border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
}
}
.utility-menu-button:focus, .utility-menu-button:hover,
.mobile-menu-button:focus,
.mobile-menu-button:hover,
.give-button:focus, .give-button:hover {
border-color: rgba(255, 255, 255, 0.2);
}
.utility-menu-open .utility-menu-button, .mobile-menu-open .utility-menu-button,
.utility-menu-open .mobile-menu-button,
.mobile-menu-open .mobile-menu-button {
background-color: #142142;
color: #FFCD6B;
}
.utility-menu-open .utility-menu-button::after, .mobile-menu-open .utility-menu-button::after,
.utility-menu-open .mobile-menu-button::after,
.mobile-menu-open .mobile-menu-button::after {
content: "\f00d";
font-weight: 300;
font-size: 1.5625rem;
color: #FFCD6B;
}
@media print, screen and (min-width: 64.0625em) {
.utility-menu-open .utility-menu-button::before, .mobile-menu-open .utility-menu-button::before,
.utility-menu-open .mobile-menu-button::before,
.mobile-menu-open .mobile-menu-button::before {
content: "";
width: 1.25rem;
height: 0.625rem;
background-color: #006BA6;
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
bottom: 0;
position: absolute;
right: 0;
left: 0;
margin: auto;
}
}
.utility-menu-button::after,
.mobile-menu-button::after {
content: "\f0c9";
font-family: "Font Awesome 5 Pro";
color: #ffffff;
font-size: 1.4375rem;
}
.utility-menu-open .utility-menu {
display: block;
}
.mobile-menu-button {
display: none;
}
@media screen and (max-width: 64.06125em) {
.mobile-menu-button {
position: absolute;
display: block;
}
}
@media screen and (max-width: 64.06125em) {
.utility-menu-button,
.give-button {
display: none;
}
}
@media screen and (max-width: 1254px) {
.give-button {
display: none;
}
}
@media print, screen and (min-width: 64.0625em) {
.search-panel-open #main-menu {
pointer-events: none;
}
}
.site-search {
position: absolute;
top: 0;
right: 3.75rem;
bottom: 0;
}
@media print, screen and (min-width: 64.0625em) {
.site-search {
right: 6.25rem;
}
}
.site-search .grid-x {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.site-search .form-actions {
margin-left: -6.4375rem;
margin-top: 0.125rem;
position: relative;
right: -6px;
top: 3px;
}
.site-search .form-actions input[type=submit] {
height: 3.4375rem;
width: 6.25rem;
font-weight: 700;
font-size: 1rem;
}
.site-search .form-actions .btn {
-webkit-text-decoration: uppercase;
text-decoration: uppercase;
background-color: var(--red);
color: #fff;
}
.site-search .search-label {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
font-weight: 700;
margin-left: 16px;
}
.site-search .search-block-form {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 1.875rem;
background-color: #006BA6;
width: 20rem;
display: none;
right: -3.75rem;
}
@media print, screen and (min-width: 64.0625em) {
.site-search .search-block-form {
padding: 2.5rem;
}
}
@media print, screen and (min-width: 40.0625em) {
.site-search .search-block-form {
min-width: 30.9375rem;
right: -6.25rem;
left: auto;
}
}
.site-search .search-block-form .form-item {
margin: 0;
}
.site-search .search-block-form button {
border-color: #ffffff;
}
.site-search .search-block-form label {
color: #ffffff;
}
.site-search .search-block-form .form-item input[type=text] {
width: 93%;
margin: 0;
border: 0;
margin: 0;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
height: 3.75rem;
}
.site-search .search-block-form .form-item input[type=text]::-webkit-input-placeholder {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
color: #222222;
}
.site-search .search-block-form .form-item input[type=text]::-moz-placeholder {
opacity: 1;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
color: #222222;
}
.site-search .search-block-form .form-item input[type=text]:-ms-input-placeholder {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
color: #222222;
}
.site-search__toggle {
border-color: #142142;
color: #ffffff;
background: #142142;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 3.75rem;
height: 3.75rem;
}
.site-search__toggle:before, .site-search__toggle:after {
color: #ffffff;
}
.site-search__toggle:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.site-search__toggle:hover:before, .site-search__toggle:hover:after {
color: #222222;
}
.site-search__toggle:focus {
border-color: var(--red);
color: #ffffff;
background: var(--red);
}
.site-search__toggle:focus:before, .site-search__toggle:focus:after {
color: #ffffff;
}
@media print, screen and (min-width: 64.0625em) {
.site-search__toggle {
width: 6.25rem;
height: 7.8125rem;
border-left: 0.0625rem solid rgba(255, 255, 255, 0.2);
border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
}
}
.site-search__toggle:focus, .site-search__toggle:hover {
border-color: rgba(255, 255, 255, 0.2);
}
.site-search__toggle:focus {
background-color: #142142;
}
.site-search__toggle:focus:after {
color: #FFCD6B;
}
.search-panel-open .site-search__toggle::after {
content: "\f00d";
font-weight: 300;
font-size: 1.5625rem;
}
@media print, screen and (min-width: 64.0625em) {
.search-panel-open .site-search__toggle::before {
content: "";
width: 1.25rem;
height: 0.625rem;
background-color: #006BA6;
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
bottom: 0;
position: absolute;
right: 0;
left: 0;
margin: auto;
}
}
.site-search__toggle::after {
content: "\f002";
font-family: "Font Awesome 5 Pro";
color: #ffffff;
font-size: 1.4375rem;
}
.search-panel-open .site-search .search-block-form {
display: block;
}
.sock {
color: #ffffff;
}
.sock__links {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.sock__links li {
display: inline-block;
list-style: none;
}
@media screen and (max-width: 40.06125em) {
.sock__links li {
width: 100%;
}
}
.sock__links li:not(:last-child) {
margin-bottom: 0.9375rem;
}
@media print, screen and (min-width: 40.0625em) {
.sock__links li:not(:last-child) {
margin-right: 1.25rem;
margin-bottom: 0;
}
}
.sock__links a {
display: block;
}
.sock__rule {
padding: 0 1.25rem;
}
.site-header--subsite,
.site-header--subsite .site-header__sticky-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 5.9375rem;
}
@media print, screen and (min-width: 64.0625em) {
.site-header--subsite,
.site-header--subsite .site-header__sticky-container {
height: 10.5rem;
}
}
.site-header__main-banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.625rem 1.25rem;
width: 100%;
}
@media print, screen and (min-width: 64.0625em) {
.site-header__main-banner {
padding: 1.25rem 2.5rem;
}
}
@media screen and (max-width: 64.06125em) {
.site-header__main-banner .site-header__logo--main {
max-width: 6.25rem;
}
}
.site-header__main-banner .link-arrow {
color: #ffffff;
padding-left: 1.25rem;
font-size: 0.875rem;
}
.site-header__main-banner .link-arrow:hover:before, .site-header__main-banner .link-arrow:focus:before {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
.site-header__main-banner .link-arrow::before {
color: #ffffff;
content: "\f177";
font-weight: 300;
top: 0.125rem;
}
.site-header--subsite .site-header__sticky-container > .grid-container {
height: auto;
}
.site-header--subsite .grid-x {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-header--subsite .site-header__logo {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
margin-left: 1.25rem;
}
@media print, screen and (min-width: 64.0625em) {
.site-header--subsite .site-header__logo {
max-width: 100%;
padding: 0;
margin-left: 0;
border-color: #E4E4E4;
height: 100%;
}
}
@media print, screen and (min-width: 64.0625em) {
.site-header--subsite .site-header__logo img {
margin-right: 30px;
}
}
.site-header--subsite .site-header__subsite-items {
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
width: 100%;
}
@media print, screen and (min-width: 64.0625em) {
.site-header--subsite .site-header__subsite-items {
padding-left: 2.5rem;
padding-right: 2.5rem;
height: 109px;
}
}
.site-header--subsite .site-header__subsite-items .grid-x {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 100%;
}
.site-header--subsite .mobile-menu-button {
top: 3.125rem;
height: 2.8125rem;
background: #ffffff;
}
.site-header--subsite .mobile-menu-button:hover, .site-header--subsite .mobile-menu-button:focus {
background: #142142;
}
.site-header--subsite .mobile-menu-button:hover::after, .site-header--subsite .mobile-menu-button:focus::after {
color: #ffffff;
}
.site-header--subsite .mobile-menu-button::after {
color: var(--red);
}
@media screen and (max-width: 64.06125em) {
.site-header--subsite .site-header__main {
top: 5.9375rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.site-header--subsite .main-menu > ul > li > a {
color: #142142;
}
}
.site-header--subsite .main-menu > ul > li > a:hover, .site-header--subsite .main-menu > ul > li > a:focus {
color: var(--red);
}
@media print, screen and (min-width: 64.0625em) {
.site-header--subsite .main-menu .menu-item--active-trail > a {
color: var(--red);
}
}
.mobile-menu-open .site-header--subsite .mobile-menu-button::after {
color: #006BA6;
}
.mobile-menu-open .site-header--subsite .mobile-menu-button:hover::after, .mobile-menu-open .site-header--subsite .mobile-menu-button:focus::after {
color: #ffffff;
}
.accessible-menu li {
position: relative;
}
.accessible-menu .menu-item__button {
position: absolute;
border: none;
background-color: transparent;
}
@media screen and (max-width: 64.06125em) {
.accessible-menu .menu-item__button {
position: absolute;
top: 0;
right: 0;
width: 2em;
margin: 0;
padding: 0.375em;
color: transparent;
font-size: 1.5rem;
height: 3.9375rem;
border-left: 0.0625rem solid #E4E4E4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.accessible-menu .menu-item__button:before {
display: inline-block;
width: 100%;
font-weight: 300;
content: "\f067";
color: #142142;
font-family: "Font Awesome 5 Pro";
}
}
@media print, screen and (min-width: 64.0625em) {
.accessible-menu .menu-item__button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 0.875rem;
height: 1rem;
-webkit-transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
opacity: 0;
font-size: 0;
}
.accessible-menu .menu-item__button:before {
width: 100%;
content: "\f078";
color: #ffffff;
font-family: "Font Awesome 5 Pro";
font-size: 0.625rem;
}
.accessible-menu .menu-item__button:focus:before {
color: #142142;
}
.accessible-menu .menu-item__button:focus, .accessible-menu .menu-item__button[aria-expanded=true] {
opacity: 1;
}
}
.accessible-menu .menu-item--open > ul {
display: block;
}
@media screen and (max-width: 64.06125em) {
.accessible-menu .menu-item--open > .menu-item__button:before {
content: "\f068";
}
}
@media print, screen and (min-width: 64.0625em) {
.accessible-menu .menu-item--open > .menu-item__button:before {
content: "\f077";
}
}
@media screen and (min-width: 64.0625em) {
.main-menu.accessible-menu .menu-item__button {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 3px 7px;
bottom: -75px;
}
.main-menu.accessible-menu .menu-item__button::before {
color: #ffffff;
font-size: 1.25rem;
}
.main-menu.accessible-menu .menu-item__button:focus {
opacity: 1;
}
.main-menu.accessible-menu .menu-item__button:focus-visible {
border: 1px solid #007aff;
outline: 1px solid #ffffff;
}
.main-menu.accessible-menu .menu-item--open .menu-item__button {
bottom: -56px;
background: #ffffff;
border-top: 0.1875rem solid #B1DDF6;
padding: 0px 15px;
}
.main-menu.accessible-menu .menu-item--open .menu-item__button::before {
color: var(--red);
}
}
.child-page-menu ul,
.child-page-menu li {
list-style: none;
}
.child-page-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -1.25rem;
margin-left: -1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.child-page-menu ul {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
}
.child-page-menu li {
width: calc(100% - 2.5rem);
margin-right: 1.25rem;
margin-left: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.child-page-menu li {
width: calc(33.3333333333% - 2.5rem);
margin-right: 1.25rem;
margin-left: 1.25rem;
}
}
.child-page-menu a {
color: #142142;
padding-left: 1.625rem;
position: relative;
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.5;
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
display: block;
width: 100%;
border-top: 0.125rem solid #F5F5F5;
display: block;
}
.child-page-menu a.btn {
padding-right: 1.875rem;
}
.child-page-menu a:before {
font-family: "Font Awesome 5 Pro";
position: absolute;
padding-right: 1.25rem;
content: "\f178";
font-weight: 300;
color: #142142;
font-size: 1.125rem;
line-height: 1;
-webkit-transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
left: 0;
top: 0.1875rem;
}
.child-page-menu a:hover:before, .child-page-menu a:focus:before {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
@media print, screen and (min-width: 48.0625em) {
.child-page-menu a {
font-size: 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.child-page-menu a {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
}
.child-page-menu li:first-child a {
border-top: 0;
}
@media print, screen and (min-width: 48.0625em) {
.child-page-menu li:nth-child(-n+3) a {
border-top: 0;
}
}
.main-menu li,
.main-menu a {
display: block;
}
.main-menu a {
color: #000000;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
}
.main-menu ul ul a {
font-size: 1rem;
}
@media screen and (max-width: 64.06125em) {
.main-menu .menu-item__button {
width: 3.75rem;
height: 3.875rem;
}
.main-menu .menu-item__button:hover:before, .main-menu .menu-item__button:focus:before {
color: #142142;
}
.main-menu .menu-item__button:before {
color: var(--red);
-webkit-transform: translateY(5px);
transform: translateY(5px);
position: relative;
top: -4px;
}
.main-menu .menu-item--open .menu-item__button:before {
color: #006BA6;
}
.main-menu ul {
width: 100%;
}
.main-menu a:focus {
text-decoration: underline;
}
.main-menu li + li {
border-top: 1px solid #E4E4E4;
}
.main-menu > ul > li > a {
padding: 1.25rem 3.75rem 1.25rem 1.25rem;
color: #222222;
text-decoration: none;
}
.main-menu ul ul {
display: none;
background: #F5F5F5;
}
.main-menu ul ul li + li {
border-top-color: #E4E4E4;
}
.main-menu ul ul a {
color: #142142;
padding: 1.25rem;
font-size: 0.875rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.main-menu .menu-item--active-trail > a {
color: #FFCD6B;
}
.main-menu .menu-item--active-trail .menu-item--active-trail > a {
color: #006BA6;
}
.main-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.main-menu li {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.main-menu li:hover > a {
color: #B1DDF6;
}
.main-menu li:hover > ul {
display: block;
}
.main-menu a {
text-align: center;
}
.main-menu a:hover, .main-menu a:focus {
color: #142142;
}
.main-menu > ul > li > a {
padding: 1.25rem 0.9375rem;
text-align: center;
color: #ffffff;
text-decoration: none;
}
.main-menu > ul > li > a:hover, .main-menu > ul > li > a:focus {
color: #B1DDF6;
}
.main-menu .menu-item__button:before {
color: #000000;
}
.main-menu ul > li:nth-last-child(-n+1) > ul {
right: 0;
}
.main-menu ul ul {
position: absolute;
display: none;
width: auto;
min-width: 16rem;
border-top: 0.1875rem solid #B1DDF6;
background: #ffffff;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.main-menu ul ul li {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.main-menu ul ul li + li a {
border-top: 0.0625rem solid #E4E4E4;
}
.main-menu ul ul a {
padding: 0.625rem 0;
text-align: left;
color: #142142;
font-weight: 600;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
text-decoration: none;
}
.main-menu ul ul a:hover, .main-menu ul ul a:focus {
color: var(--red);
}
}
@media screen and (min-width: 64.0625em) and (max-width: 75.06125em) {
.main-menu > ul > li > a {
font-size: 1rem;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
}
}
.menu-item--disabled > a {
cursor: default;
}
.menu-item--disabled > a button {
left: 0;
width: auto;
padding-right: 0.625em;
text-align: right;
background-color: transparent;
}
.menu-item--overview {
display: none !important;
}
.menu-item--disabled .menu-item--overview {
display: block !important;
}
.more-in-this-section {
position: relative;
z-index: 1;
}
@media screen and (max-width: 48.06125em) {
.more-in-this-section .accordion {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
.more-in-this-section .accordion .accordion__button {
padding: 2.5rem 1.25rem 1.875rem;
}
.more-in-this-section .accordion .accordion__button span {
font-size: 1.25rem;
text-transform: none;
}
.more-in-this-section .accordion .accordion__icon {
width: 0.75rem;
height: 0.75rem;
right: 1.25rem;
}
.more-in-this-section .accordion.accordion--open > .accordion__button {
border: 1px solid #FFCD6B;
}
.more-in-this-section .accordion .accordion__content {
padding: 0 1.25rem;
border: none;
}
}
.more-in-this-section h2 {
font-size: 0.75rem;
font-family: matrole;
text-transform: uppercase;
line-height: 1.4;
font-weight: 400;
letter-spacing: 0.05em;
margin-top: 0;
margin-bottom: 0;
}
@media screen and (max-width: 48.06125em) {
.more-in-this-section h2 {
font-size: 0.75rem;
}
}
.more-in-this-section ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 48.06125em) {
.more-in-this-section ul {
margin-top: 0.625rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.more-in-this-section ul > li {
padding-top: 1.25rem;
margin-left: 0;
}
@media print, screen and (min-width: 48.0625em) {
.more-in-this-section ul > li {
padding-top: 1.875rem;
}
}
.more-in-icon:before {
content: "";
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 0.625rem;
background-position: center right;
width: 15px;
height: 0.625rem;
background-image: url("../img/more-in-icon.svg");
background-repeat: no-repeat;
}
@media screen and (min-width: 75.0625em) {
.more-in-icon:before {
margin-left: -1.5625rem;
}
}
@media screen and (max-width: 48.06125em) {
.wysiwyg-block .medium-3 > .accordion .accordion__button {
padding: 1.1875rem 1.25rem 1.1875rem;
background-color: #ffffff;
border: 1px solid var(--gray--line);
color: var(--gray--dark);
}
.wysiwyg-block .medium-3 > .accordion .accordion__button span {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
text-transform: none;
}
.wysiwyg-block .medium-3 > .accordion .accordion__icon-path {
fill: var(--red);
}
.wysiwyg-block .medium-3 > .accordion .accordion__icon {
width: 0.75rem;
height: 0.75rem;
right: 1.25rem;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.wysiwyg-block .medium-3 > .accordion.accordion--open > .accordion__button {
border: 1px solid #FFCD6B;
}
.wysiwyg-block .medium-3 > .accordion .accordion__content {
padding: 0;
border: none;
}
}
.sidebar-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-menu a {
position: relative;
color: var(--gray--dark);
display: block;
}
.sidebar-menu h2 {
margin: 0;
line-height: 1;
display: none;
}
.sidebar-menu h2 a {
padding: 0;
color: var(--gray--dark);
}
@media print, screen and (min-width: 48.0625em) {
.sidebar-menu h2 {
display: block;
}
.sidebar-menu h2 + ul.menu {
margin-top: 1rem;
}
}
.sidebar-menu > ul.menu > li a {
padding: 1.25rem 0;
}
@media screen and (max-width: 48.06125em) {
.sidebar-menu > ul.menu > li a {
padding: 1.25rem;
}
}
.sidebar-menu > ul.menu > li a:not(:last-child) {
padding-right: 2rem;
}
.sidebar-menu > ul.menu > li > ul.menu {
background-color: #F5F5F5;
}
.sidebar-menu > ul.menu > li > ul.menu > li a {
padding: 1.25rem;
margin: 0;
font-weight: 400;
color: var(--red);
}
.sidebar-menu > ul.menu > li > ul.menu > li a:not(:last-child) {
padding-right: 2rem;
}
.sidebar-menu > ul.menu > li > ul.menu > li > ul.menu {
background-color: #F5F5F5;
}
.sidebar-menu > ul.menu > li > ul.menu > li > ul.menu li:not(:last-child) {
border-bottom: 1px solid var(--gray--line);
}
.sidebar-menu > ul.menu > li > ul.menu > li > ul.menu > li a {
padding-left: 2rem;
font-weight: 400;
color: #222222;
text-decoration: none;
}
.sidebar-menu__toggle {
display: none;
}
.sidebar-menu .menu-item--expanded:not(:last-child) {
border-bottom: 1px solid var(--gray--line);
}
.sidebar-menu .menu-item__button {
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 3.25rem;
height: 100%;
margin: 0;
-webkit-transform: none;
transform: none;
opacity: 1;
background-color: transparent;
line-height: 1;
border: none;
border-left: 1px solid var(--gray--line);
}
.sidebar-menu .menu-item__button:before {
content: "\f067";
color: var(--red);
font-size: 1rem;
font-weight: 100;
}
.sidebar-menu .menu-item__button:hover, .sidebar-menu .menu-item__button:focus {
outline: 1px solid var(--red);
outline-offset: 1px;
}
.sidebar-menu > ul.menu > li.menu-item--active-trail > a {
color: var(--blue--medium);
padding-right: 3.75rem;
}
.sidebar-menu > ul.menu > li.menu-item--active-trail > button:before {
color: #222222;
}
@media print, screen and (min-width: 48.0625em) {
.sidebar-menu__container {
display: block !important;
}
}
.sidebar-menu .menu-item {
border-bottom: 1px solid var(--gray--line);
}
.sidebar-menu .menu-item--expanded > ul {
display: none;
}
:root:not(.oho-js) .sidebar-menu .menu-item--expanded > ul {
display: block;
}
.sidebar-menu .menu-item--open > ul {
display: block;
}
.sidebar-menu .menu-item--open > button {
border-left: 1px solid var(--gray--line);
border-bottom: 1px solid transparent;
height: 52px;
}
.sidebar-menu .menu-item--open > .menu-item__button:before {
content: "\f068";
}
@media screen and (min-width: 48.0625em) {
.sidebar-menu {
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
}
}
.sidebar-menu--ul-levels {
border: 0;
}
.sidebar-menu--ul-levels ul {
padding-left: 1em;
border-left: 1px solid #142142;
}
.sidebar-menu--ul-levels a {
padding-left: 0;
}
.utility-menu {
width: 56.25rem;
right: 0;
max-width: 100%;
background-color: #142142;
}
@media print, screen and (min-width: 64.0625em) {
.utility-menu {
background-color: #006BA6;
position: absolute;
top: 7.8125rem;
display: none;
}
}
.utility-menu__heading {
display: none;
color: #ffffff;
text-transform: uppercase;
font-family: "matrole";
}
@media print, screen and (min-width: 64.0625em) {
.utility-menu__heading {
display: block;
margin-bottom: 1.25rem;
}
}
.utility-menu a {
color: #ffffff;
display: block;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
font-weight: 600;
}
.utility-menu a:before, .utility-menu a:after {
color: #FFCD6B;
}
@media print, screen and (min-width: 64.0625em) {
.utility-menu .large-4:nth-child(n+2) {
background-color: #005F93;
}
}
.utility-menu li:not(:first-child) a {
margin-top: 0.625rem;
padding-top: 0.625rem;
border-top: 0.0625rem solid rgba(177, 221, 246, 0.3);
}
@media screen and (max-width: 64.06125em) {
.utility-menu .card--regional-campuses .card__content__inner,
.utility-menu .card--audience .card__content__inner {
padding: 0;
}
}
@media screen and (max-width: 64.06125em) {
.utility-menu .card--audience {
padding: 2.5rem 1.25rem 0;
}
}
@media screen and (max-width: 64.06125em) {
.utility-menu .card--regional-campuses {
padding: 1.25rem 1.25rem;
}
}
.utility-menu .card--key-links .utility-menu__heading {
display: block;
}
@media screen and (max-width: 1024px) {
.utility-menu .card--key-links .utility-menu__heading {
margin-bottom: 1.875rem;
}
}
.utility-menu .accordion__button {
font-size: 1rem;
padding: 1.875rem 2.5rem;
border-color: #ffffff;
color: #142142;
background: #ffffff;
font-size: 0.875rem;
font-weight: 400;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
}
.utility-menu .accordion__button:before, .utility-menu .accordion__button:after,
.utility-menu .accordion__button path {
color: var(--red);
fill: var(--red);
}
.utility-menu .accordion__button:hover {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.utility-menu .accordion__button:hover:before, .utility-menu .accordion__button:hover:after,
.utility-menu .accordion__button:hover path {
color: #ffffff;
fill: #ffffff;
}
.utility-menu .accordion__button:focus {
color: #ffffff;
border-color: #006BA6;
background: #006BA6;
}
.utility-menu .accordion__button:focus:before, .utility-menu .accordion__button:focus:after {
color: #ffffff;
fill: #ffffff;
}
.utility-menu .accordion__button:hover {
background-color: #006BA6;
}
.utility-menu .accordion__button .accordion__icon {
display: none;
}
.utility-menu .accordion__button:after {
content: "\f078";
font-family: "Font Awesome 5 Pro";
position: absolute;
right: 1.25rem;
font-size: 1.25rem;
font-weight: 300;
}
.utility-menu .accordion--open .accordion__button:after {
content: "\f077";
}
@media screen and (max-width: 64.06125em) {
.utility-menu .accordion__content {
border-top: 0.0625rem solid #ffffff;
padding-left: 0;
padding-right: 0;
}
}
.bottom-academic-callouts .grid-x {
gap: 1.875rem 0;
}
.card--academic-callout ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.3125rem;
}
@media print, screen and (min-width: 64.0625em) {
.checkerboard + .bottom-academic-callouts {
margin-top: -5.9375rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.bottom-academic-callouts + .checkerboard {
padding-top: 0;
}
}
@media screen and (max-width: 48.06125em) {
.bottom-academic-callouts + .checkerboard {
margin-top: 0;
}
}
@media print, screen and (min-width: 48.0625em) {
.bottom-academic-callouts + .checkerboard .card__media {
margin-top: -0.9375rem;
}
}
.academic-highlights > .section-heading {
padding-top: 3.125rem;
background-color: #ffffff;
}
@media print, screen and (min-width: 48.0625em) {
.academic-highlights > .section-heading {
padding-top: 5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.academic-highlights > .section-heading {
padding-top: 7.5rem;
}
}
.global-padding--white + .academic-highlights > .section-heading {
padding-top: 0px;
/* Since they are both white we need to negate the padding top */
}
.accordion {
clear: both;
}
.accordion + .accordion {
margin-top: 0.3125rem;
}
.accordion__button {
position: relative;
width: 100%;
margin: 0;
padding: 20px 3.75em 20px 1.25em;
-webkit-transition: background-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), border 0 cubic-bezier(1, 0.63, 0.47, 0.8) 400ms;
transition: background-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), border 0 cubic-bezier(1, 0.63, 0.47, 0.8) 400ms;
text-align: left;
border: 0.0625em solid transparent;
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.5;
}
@media print, screen and (min-width: 48.0625em) {
.accordion__button {
font-size: 1.25rem;
}
}
.accordion__button:hover, .accordion__button:focus {
color: #222222;
background-color: #ffffff;
}
.accordion__button:hover path, .accordion__button:focus path {
fill: #222222;
}
.accordion__icon {
position: absolute;
top: 0;
right: 1.5625rem;
bottom: 0;
width: 1.25rem;
height: 1.25rem;
margin: auto;
}
.accordion__icon-path {
fill: #ffffff;
-webkit-transition: fill 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: fill 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: fill 150ms cubic-bezier(1, 0.63, 0.47, 0.8), transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: fill 150ms cubic-bezier(1, 0.63, 0.47, 0.8), transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.accordion__icon-path--vertical {
-webkit-transform: scaleY(1);
transform: scaleY(1);
transform-origin-y: 50%;
}
.accordion__content {
display: none;
padding: 1.25rem;
border: 0.0625em solid transparent;
border-top: 0;
}
.accordion__content::before, .accordion__content::after {
display: table;
content: " ";
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.accordion__content::after {
clear: both;
}
:root:not(.oho-js) .accordion__content {
display: block;
}
.accordion--open > .accordion__button, :root:not(.oho-js) .accordion__button {
-webkit-transition: background-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: background-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
color: #222222;
border-bottom: 0;
border-color: transparent;
background-color: var(--gray--light);
}
.accordion--open > .accordion__button .accordion__icon-path, :root:not(.oho-js) .accordion__button .accordion__icon-path {
fill: var(--yellow);
}
.accordion--open > .accordion__button .accordion__icon-path--vertical, :root:not(.oho-js) .accordion__button .accordion__icon-path--vertical {
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
.accordion--mobile .accordion__button:disabled {
display: none;
}
.accordion--mobile .accordion__button:disabled + .accordion__content {
display: block !important;
padding: 0;
border: 0;
background-color: transparent;
margin-top: 5rem;
}
#utility-menu .accordion--mobile .accordion__button:disabled + .accordion__content {
/* The following forces the top of the left navigation to be the same as the top of the right content. RSEITZ 20230920 */
margin-top: 0;
}
.accordions.global-padding--transparent .accordion__button {
border-color: #ffffff;
color: #ffffff;
}
:root:not(.oho-js) :not(.accordions.global-padding--transparent) .accordion__button {
color: var(--red);
}
.accordions.global-padding--transparent .accordion__button:hover, .accordions.global-padding--transparent .accordion__button:focus {
color: #142142;
background-color: #ffffff;
}
.accordions.global-padding--transparent .accordion__button:hover .accordion__icon-path, .accordions.global-padding--transparent .accordion__button:focus .accordion__icon-path {
fill: #006BA6;
}
.accordions.global-padding--transparent .accordion__icon-path {
fill: #ffffff;
}
.accordions.global-padding--transparent .accordion__content {
color: #ffffff;
}
.accordions.global-padding--transparent .accordion--open .accordion__button {
color: var(--blue--dark);
background-color: #ffffff;
}
.accordions.global-padding--transparent .accordion--open .accordion__icon-path {
fill: var(--blue--medium);
}
.accordions.global-padding--transparent .accordion--open .accordion__content {
border-color: transparent;
}
.wysiwyg .accordions {
margin-top: 2.5rem;
}
@media print, screen and (min-width: 64.0625em) {
.wysiwyg .accordions {
margin-top: 3.125rem;
}
}
.wysiwyg .accordions .section-heading__heading {
font-family: termina;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
text-transform: none;
}
@media print, screen and (min-width: 48.0625em) {
.wysiwyg .accordions .section-heading__heading {
font-size: 1.625rem;
line-height: 1.17;
}
}
@media print, screen and (min-width: 64.0625em) {
.wysiwyg .accordions .section-heading__heading {
font-size: 2.125rem;
}
}
.wysiwyg .accordions .section-heading__subheading {
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1rem;
line-height: 1.75;
}
.wysiwyg .accordions .grid-container {
padding: 0;
}
.alpha-jump-links {
padding: 2.5rem;
background-color: #eeebf2;
}
.alpha-jump-links ul {
margin: 0;
padding: 0;
list-style: none;
}
.alpha-jump-links li {
display: inline-block;
margin: 0 0.5em 0.5em 0;
color: #808080;
font-size: 1.5rem;
font-weight: 600;
}
.ambassador-question-form input {
border: none;
padding: 1.125rem 1rem;
}
.ambassador-question-form:hover {
border-color: transparent;
}
.ambassador-question-form input[type=radio]:not(old) {
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border-radius: 1em;
border: 1px solid #E4E4E4;
padding: 0.625rem 0.625rem;
background-color: white;
}
.ambassador-question-form input[type=radio]:not(old):checked {
background-image: radial-gradient(circle at center, var(--red), var(--red) 37.5%, #fff 40%, #fff 100%);
}
.ambassador-question-form [type=submit] {
background-color: var(--red);
border: 1px solid var(--red);
}
.ambassador-question-form [type=submit]:hover {
background-color: transparent;
}
.clive-field-wrapper {
margin-bottom: 1.25rem !important;
}
.clive-field-wrapper label {
margin-left: 0 !important;
}
.clive-field-wrapper .clive-legend,
.clive-field-wrapper label {
display: block;
margin-left: 0;
color: #222222;
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
}
.clive-validation-error {
color: var(--red);
font-family: "ibm-plex-sans";
}
.clive-radiobuttons {
margin: 0 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.625rem;
}
.clive-radiobuttons label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5rem;
margin: 0 !important;
}
.clive-radiobuttons label input {
margin: 0;
}
.ambassador-feature {
overflow: hidden;
}
@media screen and (max-width: 64.06125em) {
.ambassador-feature .btn {
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
}
}
.ambassador-feature h2 span {
display: block;
}
.ambassador-feature__container {
padding-right: 0;
padding-left: 0;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature__container__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature__heading {
width: 33.3333333333%;
padding-right: 1.25rem;
padding-left: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.ambassador-feature__slider {
margin-top: 1.875rem;
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature__slider {
width: calc(66.6666666667% - 2.5rem);
margin-right: 1.25rem;
margin-left: 1.25rem;
margin-top: 0;
}
}
.ambassador-feature .slider-overflow-container {
overflow: visible;
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature .swiper-button-disabled {
opacity: 0;
}
}
@media screen and (max-width: 48.06125em) {
.ambassador-feature {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
@media screen and (max-width: 48.06125em) and (min-width: 64.0625em) {
.ambassador-feature {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
.ambassador-feature-padding .ambassador-feature__container__inner {
padding-top: 8.125rem;
padding-bottom: 8.125rem;
}
.card--ambassador {
color: initial;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.card--ambassador__media-content {
padding: 1.875rem;
background-color: #ffffff;
}
.card--ambassador__question {
font-family: "ibm-plex-serif";
font-style: italic;
line-height: 1.2;
}
.card--ambassador__question-author {
font-family: "matrole";
}
.card--ambassador .positions {
font-size: 0.875rem;
font-style: italic;
}
.card--ambassador__link {
line-height: 1.7;
}
@media print, screen and (min-width: 40.0625em) {
.card--ambassador .card__media {
max-width: 22.5rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature--single .card--ambassador .card__content .card__content__inner {
padding-right: 0;
}
}
@media screen and (max-width: 40.06125em) {
.ambassador-feature--single .card--ambassador .card__content .card__content__inner {
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
}
}
.ambassador-feature--single .card--ambassador__media-content {
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.ambassador-feature--single .ambassador-feature__container__inner {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature--single .ambassador-feature__container__inner {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.ambassador-feature--single .swiper-slide {
min-width: 100%;
}
@media print, screen and (min-width: 40.0625em) {
.ambassador-feature--single .card--ambassador {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.ambassador-feature--single .card--ambassador .card__content__inner {
padding: 2.5rem;
}
.ambassador-feature--single .card--ambassador .card__media {
width: 50%;
margin-bottom: 0;
}
.ambassador-feature--single .card--ambassador .card__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.ambassador-feature--single .card--ambassador img {
display: block;
}
}
.ambassador-feature--single .card--ambassador__question-author {
font-size: 0.875rem;
letter-spacing: 0.1875rem;
text-transform: uppercase;
line-height: 1.33;
font-weight: 400;
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature--single .card--ambassador__question-author {
font-size: 1rem;
letter-spacing: 0.20625rem;
}
}
.ambassador-feature--single .card--ambassador__question {
margin-top: 0.625rem;
font-size: 1.5rem;
}
@media print, screen and (min-width: 64.0625em) {
.ambassador-feature--single .card--ambassador__question {
font-size: 2.25rem;
}
}
.ambassador-feature--single .card--ambassador__link {
display: inline-block;
margin-top: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature--single .card--ambassador__link {
margin-top: 1.875rem;
}
}
.ambassador-feature--single .card--ambassador__link:before {
top: 0.3125rem;
}
.ambassador-feature--single .card--ambassador .card__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ambassador-feature--single .card--ambassador .card__content__inner {
width: 100%;
}
.ambassador-feature--multiple .ambassador-feature__container__inner {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature--multiple .ambassador-feature__container__inner {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.ambassador-feature--multiple .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
height: auto;
background-color: #ffffff;
}
.ambassador-feature--multiple .card--ambassador {
display: block;
}
.ambassador-feature--multiple .card--ambassador__question-author {
font-size: 0.75rem;
font-family: matrole;
text-transform: uppercase;
line-height: 1.4;
font-weight: 400;
letter-spacing: 0.05em;
}
.ambassador-feature--multiple .card--ambassador__question {
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.55;
font-style: italic;
margin-top: 0.3125rem;
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature--multiple .card--ambassador__question {
font-size: 1.125rem;
}
}
.ambassador-feature--multiple .card--ambassador__link {
margin-top: 0.9375rem;
display: inline-block;
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature--multiple .card--ambassador__link {
margin-top: 1.25rem;
}
}
.ambassador-feature--multiple .card--ambassador .card__content .card__content__inner {
padding-top: 0;
}
.ambassador-feature--single.global-padding--transparent .ambassador-feature__heading,
.ambassador-feature--multiple.global-padding--transparent .ambassador-feature__heading {
color: #ffffff;
}
.ambassador-feature--single.global-padding--transparent .ambassador-feature__heading .btn,
.ambassador-feature--multiple.global-padding--transparent .ambassador-feature__heading .btn {
border-color: #FFCD6B;
color: #ffffff;
background: transparent;
}
.ambassador-feature--single.global-padding--transparent .ambassador-feature__heading .btn:before, .ambassador-feature--single.global-padding--transparent .ambassador-feature__heading .btn:after,
.ambassador-feature--multiple.global-padding--transparent .ambassador-feature__heading .btn:before,
.ambassador-feature--multiple.global-padding--transparent .ambassador-feature__heading .btn:after {
color: #B1DDF6;
}
.ambassador-feature--single.global-padding--transparent .ambassador-feature__heading .btn:hover,
.ambassador-feature--multiple.global-padding--transparent .ambassador-feature__heading .btn:hover {
color: var(--red);
border-color: #ffffff;
background: #ffffff;
}
.ambassador-feature--single.global-padding--transparent .ambassador-feature__heading .btn:hover:before, .ambassador-feature--single.global-padding--transparent .ambassador-feature__heading .btn:hover:after,
.ambassador-feature--multiple.global-padding--transparent .ambassador-feature__heading .btn:hover:before,
.ambassador-feature--multiple.global-padding--transparent .ambassador-feature__heading .btn:hover:after {
color: #222222;
}
.ambassador-feature--single.global-padding--transparent .ambassador-feature__heading .btn:focus,
.ambassador-feature--multiple.global-padding--transparent .ambassador-feature__heading .btn:focus {
color: #222222;
border-color: #142142;
background: #ffffff;
}
.ambassador-feature--single.global-padding--transparent .ambassador-feature__heading .btn:focus:before, .ambassador-feature--single.global-padding--transparent .ambassador-feature__heading .btn:focus:after,
.ambassador-feature--multiple.global-padding--transparent .ambassador-feature__heading .btn:focus:before,
.ambassador-feature--multiple.global-padding--transparent .ambassador-feature__heading .btn:focus:after {
color: #222222;
}
@media screen and (max-width: 48.06125em) {
.ambassador-feature--single.global-padding--transparent .slider-navigation .btn,
.ambassador-feature--multiple.global-padding--transparent .slider-navigation .btn {
border-color: #FFCD6B;
color: #ffffff;
background: transparent;
}
.ambassador-feature--single.global-padding--transparent .slider-navigation .btn:before, .ambassador-feature--single.global-padding--transparent .slider-navigation .btn:after,
.ambassador-feature--multiple.global-padding--transparent .slider-navigation .btn:before,
.ambassador-feature--multiple.global-padding--transparent .slider-navigation .btn:after {
color: #B1DDF6;
}
.ambassador-feature--single.global-padding--transparent .slider-navigation .btn:hover,
.ambassador-feature--multiple.global-padding--transparent .slider-navigation .btn:hover {
color: var(--red);
border-color: #ffffff;
background: #ffffff;
}
.ambassador-feature--single.global-padding--transparent .slider-navigation .btn:hover:before, .ambassador-feature--single.global-padding--transparent .slider-navigation .btn:hover:after,
.ambassador-feature--multiple.global-padding--transparent .slider-navigation .btn:hover:before,
.ambassador-feature--multiple.global-padding--transparent .slider-navigation .btn:hover:after {
color: #222222;
}
.ambassador-feature--single.global-padding--transparent .slider-navigation .btn:focus,
.ambassador-feature--multiple.global-padding--transparent .slider-navigation .btn:focus {
color: #222222;
border-color: #142142;
background: #ffffff;
}
.ambassador-feature--single.global-padding--transparent .slider-navigation .btn:focus:before, .ambassador-feature--single.global-padding--transparent .slider-navigation .btn:focus:after,
.ambassador-feature--multiple.global-padding--transparent .slider-navigation .btn:focus:before,
.ambassador-feature--multiple.global-padding--transparent .slider-navigation .btn:focus:after {
color: #222222;
}
}
.ambassador-feature--single.global-padding--transparent .card__content {
color: #ffffff;
}
.ambassador-feature--single.global-padding--transparent .card__content a:not(.btn) {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #B1DDF6;
-webkit-text-decoration-color: #ffffff;
text-decoration-color: #ffffff;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.ambassador-feature--single.global-padding--transparent .card__content a:not(.btn):hover {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(177, 221, 246, 0);
text-decoration-color: rgba(177, 221, 246, 0);
}
.ambassador-feature--single.global-padding--transparent .card__content a:not(.btn):focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(177, 221, 246, 0);
text-decoration-color: rgba(177, 221, 246, 0);
}
.ambassador-feature--single.global-padding--transparent .card__content a:not(.btn)::before {
color: #FFCD6B;
top: 0.3125rem;
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature.global-padding--white {
background-color: transparent;
}
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature.global-padding--white .ambassador-feature__heading {
background-color: #ffffff;
-webkit-box-shadow: -20px 0px 0px 0px #ffffff, 20px 0px 0px 0px #ffffff;
box-shadow: -20px 0px 0px 0px #ffffff, 20px 0px 0px 0px #ffffff;
}
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature.global-padding--white.ambassador-feature--single .card__media {
margin-top: -1.25rem;
margin-bottom: -1.25rem;
}
}
.ambassador-feature.global-padding--white.ambassador-feature--single .card__content {
background-color: #ffffff;
-webkit-box-shadow: 140px 0px 0px 0px #ffffff;
box-shadow: 140px 0px 0px 0px #ffffff;
}
@media screen and (max-width: 48.06125em) {
.ambassador-feature.global-padding--white .slider-navigation .btn {
border-color: var(--red);
color: #ffffff;
background: var(--red);
}
.ambassador-feature.global-padding--white .slider-navigation .btn:before, .ambassador-feature.global-padding--white .slider-navigation .btn:after {
color: #ffffff;
}
.ambassador-feature.global-padding--white .slider-navigation .btn:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.ambassador-feature.global-padding--white .slider-navigation .btn:hover:before, .ambassador-feature.global-padding--white .slider-navigation .btn:hover:after {
color: #222222;
}
.ambassador-feature.global-padding--white .slider-navigation .btn:focus {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.ambassador-feature.global-padding--white .slider-navigation .btn:focus:before, .ambassador-feature.global-padding--white .slider-navigation .btn:focus:after {
color: #ffffff;
}
}
.ambassador-feature.global-padding--white + .global-padding--white {
padding-top: 3.125rem;
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature.global-padding--white + .global-padding--white {
padding-top: 5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.ambassador-feature.global-padding--white + .global-padding--white {
padding-top: 7.5rem;
}
}
.ambassador-feature.global-padding--red .btn {
border-color: #ffffff;
color: #142142;
background: #ffffff;
}
.ambassador-feature.global-padding--red .btn:before, .ambassador-feature.global-padding--red .btn:after,
.ambassador-feature.global-padding--red .btn path {
color: var(--red);
fill: var(--red);
}
.ambassador-feature.global-padding--red .btn:hover {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.ambassador-feature.global-padding--red .btn:hover:before, .ambassador-feature.global-padding--red .btn:hover:after,
.ambassador-feature.global-padding--red .btn:hover path {
color: #ffffff;
fill: #ffffff;
}
.ambassador-feature.global-padding--red .btn:focus {
color: #ffffff;
border-color: #006BA6;
background: #006BA6;
}
.ambassador-feature.global-padding--red .btn:focus:before, .ambassador-feature.global-padding--red .btn:focus:after {
color: #ffffff;
fill: #ffffff;
}
.ambassador-feature--single.global-padding--red .card__content {
color: #ffffff;
}
.ambassador-feature--single.global-padding--red a:not(.btn) {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #FFCD6B;
text-decoration-color: #FFCD6B;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.ambassador-feature--single.global-padding--red a:not(.btn):hover {
color: #ffffff;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.ambassador-feature--single.global-padding--red a:not(.btn):focus {
color: #ffffff;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.ambassador-feature--single.global-padding--red a:not(.btn)::before {
color: #FFCD6B;
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature.global-padding--transparent + .ambassador-feature.global-padding--white {
padding-top: 0;
}
.ambassador-feature.global-padding--transparent + .ambassador-feature.global-padding--white .ambassador-feature__container {
padding-top: 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-feature.global-padding--white + .ambassador-feature.global-padding--transparent {
padding-top: 0;
}
}
.oho-animate {
-webkit-transition: opacity 400ms cubic-bezier(1, 0.63, 0.47, 0.8) 250ms, -webkit-transform 400ms cubic-bezier(1, 0.63, 0.47, 0.8) 250ms;
transition: opacity 400ms cubic-bezier(1, 0.63, 0.47, 0.8) 250ms, -webkit-transform 400ms cubic-bezier(1, 0.63, 0.47, 0.8) 250ms;
transition: opacity 400ms cubic-bezier(1, 0.63, 0.47, 0.8) 250ms, transform 400ms cubic-bezier(1, 0.63, 0.47, 0.8) 250ms;
transition: opacity 400ms cubic-bezier(1, 0.63, 0.47, 0.8) 250ms, transform 400ms cubic-bezier(1, 0.63, 0.47, 0.8) 250ms, -webkit-transform 400ms cubic-bezier(1, 0.63, 0.47, 0.8) 250ms;
-webkit-transform: none;
transform: none;
opacity: 1;
}
.oho-animate--ready {
-webkit-transition: none;
transition: none;
}
.oho-animate--ready.fade-in-up, .oho-animate--out.fade-in-up {
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.oho-animate--ready.fade-in-right, .oho-animate--out.fade-in-right {
-webkit-transform: translateX(5rem);
transform: translateX(5rem);
opacity: 0;
}
.oho-animate--ready.fade-in-down, .oho-animate--out.fade-in-down {
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
opacity: 0;
}
.oho-animate--ready.fade-in-left, .oho-animate--out.fade-in-left {
-webkit-transform: translateX(-5rem);
transform: translateX(-5rem);
opacity: 0;
}
.areas-of-study--list {
margin-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.areas-of-study--list {
margin-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.areas-of-study--list {
margin-top: 3.75rem;
}
}
.areas-of-study--list ul {
margin-top: 0;
}
@media print, screen and (min-width: 40.0625em) {
.areas-of-study--list ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 2.5rem;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
}
.areas-of-study--list ul li {
font-weight: 700;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.areas-of-study--list ul li:first-child {
margin-top: 0;
}
.athletic-highlights {
color: #ffffff;
position: relative;
overflow: hidden;
background-color: #111C38;
}
@media screen and (max-width: 48.06125em) {
.athletic-highlights {
padding: 0;
}
}
@media screen and (max-width: 48.06125em) {
.athletic-highlights__media {
position: relative;
}
}
.athletic-highlights.autoplay-video-container img {
position: absolute;
}
.athletic-highlights.autoplay-video-container video {
z-index: 2;
}
@media screen and (max-width: 48.06125em) {
.athletic-highlights.autoplay-video-container video {
position: relative;
}
}
@media screen and (max-width: 48.06125em) {
.athletic-highlights__aside {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.athletic-highlights::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 2;
background: linear-gradient(183.04deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.95) 96.29%);
}
}
.athletic-highlights img,
.athletic-highlights video {
width: 100%;
}
@media print, screen and (min-width: 48.0625em) {
.athletic-highlights img,
.athletic-highlights video {
position: absolute;
bottom: 0;
left: 0;
height: 130%;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
-webkit-transform: translateY(calc(var(--scroll-tracker) * 30%));
transform: translateY(calc(var(--scroll-tracker) * 30%));
}
}
.athletic-highlights .grid-container {
position: relative;
z-index: 3;
}
.athletic-highlights .grid-x {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.card--athletic-events {
background-color: rgba(0, 0, 0, 0.4);
}
@media print, screen and (min-width: 48.0625em) {
.card--athletic-events {
max-width: 28.75rem;
margin-left: auto;
background-color: rgba(0, 0, 0, 0.6);
}
}
@media screen and (max-width: 48.06125em) {
.card--athletic-events {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
}
@media screen and (max-width: 48.06125em) and (min-width: 48.0625em) {
.card--athletic-events {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
}
.card--athletic-events a {
color: #ffffff;
font-weight: 600;
}
.card--athletic-events .featured-game {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card--athletic-events .featured-game .date-block {
width: 5.375rem;
}
@media print, screen and (min-width: 64.0625em) {
.card--athletic-events .featured-game .date-block {
width: 6.25rem;
}
}
.card--athletic-events .featured-game__info {
max-width: 15rem;
padding-left: 1.25rem;
}
.card--athletic-events .featured-game .wear-color {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0.625rem;
}
.card--athletic-events .featured-game .wear-color:before {
content: "";
border: 0.0625rem solid #ffffff;
background-color: var(--wear-color);
height: 1.4375rem;
width: 1.4375rem;
margin-right: 0.625rem;
border-radius: 50%;
overflow: hidden;
}
.card--athletic-events .inital-6 + .initial-6 .box-score {
border-left: 0;
}
.brand-statement {
color: #ffffff;
position: relative;
z-index: 2;
overflow: hidden;
}
@media print, screen and (min-width: 48.0625em) {
.brand-statement {
padding-top: 6.25rem;
margin-top: -2.5rem;
-webkit-box-shadow: 0px -27px 75px 50px #142142;
box-shadow: 0px -27px 75px 50px #142142;
}
}
@media print, screen and (min-width: 64.0625em) {
.brand-statement {
padding-top: 11.0625rem;
}
}
.brand-statement__background {
width: 100%;
height: auto;
}
.brand-statement__background__top {
background-color: #142142;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
display: none;
width: calc(100% + 0.5px);
}
@media print, screen and (min-width: 48.0625em) {
.brand-statement__background__top {
display: block;
}
}
.brand-statement__background__top path {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
.brand-statement__background__bottom {
background-color: #ffffff;
position: relative;
z-index: 2;
display: none;
}
@media print, screen and (min-width: 48.0625em) {
.brand-statement__background__bottom {
margin-top: -13vw;
display: block;
margin-top: -12vw;
background-color: #ffffff;
}
}
.brand-statement__shape {
fill: #142142;
}
.brand-statement__stroke {
fill: none;
stroke: #006BA6;
stroke-width: 0.15625rem;
vector-effect: non-scaling-stroke;
}
.brand-statement__content {
position: relative;
z-index: 3;
}
@media print, screen and (min-width: 48.0625em) {
.brand-statement__content {
text-align: center;
}
}
@media print, screen and (min-width: 48.0625em) {
.brand-statement .grid-container {
width: 90%;
}
}
@media screen and (max-width: 48.06125em) {
.brand-statement .grid-container {
background-color: #142142;
padding-top: 2.5rem;
padding-bottom: 0.625rem;
}
}
.brand-statement__background__mobile-shape {
display: block;
width: 100%;
height: auto;
}
@media print, screen and (min-width: 48.0625em) {
.brand-statement__background__mobile-shape {
display: none;
}
}
.brand-statement .intro-text--large {
font-family: "matrole";
}
.breadcrumbs {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 22px;
}
.breadcrumbs a {
color: #ffffff;
}
.breadcrumbs li:not(:nth-last-child(2)) {
display: none;
}
.breadcrumbs li:nth-last-child(2) a::before {
content: "\f177";
font-family: "Font Awesome 5 Pro";
position: absolute;
font-weight: 300;
color: #AAAAAA;
font-size: 1.125rem;
line-height: 1;
-webkit-transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
left: 0.4375rem;
top: 0.25rem;
}
.breadcrumbs li:nth-last-child(2) a::before:hover:before, .breadcrumbs li:nth-last-child(2) a::before:focus:before {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
.breadcrumbs .breadcrumbs-container ol > li {
padding-left: 0;
}
.card, .card--xsmall {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.up-cards .card, .up-cards .card--xsmall {
flex-direction: column;
justify-content: flex-start;
}
.card .card__content__inner,
.card--xsmall .card__content__inner {
padding: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.card .card__content__inner,
.card--xsmall .card__content__inner {
padding: 1.875rem;
}
}
.card .card__media,
.card--xsmall .card__media {
width: 100%;
margin-bottom: 0;
}
.card .card__content,
.card--xsmall .card__content {
width: 100%;
}
.card img,
.card--xsmall img {
display: block;
}
.card__media,
.card--xsmall__media {
position: relative;
}
.card figure,
.card--xsmall figure {
margin: 0;
}
.card--small {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card--small .card__content__inner {
padding: 1.875rem;
}
.card--small .card__media {
width: 100%;
margin-bottom: 0;
}
.card--small .card__content {
width: 100%;
}
.card--small img {
display: block;
}
.card--large {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card--large .card__content__inner {
padding: 1.875rem 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.card--large .card__content__inner {
padding: 2.5rem 1.875rem;
}
}
.card--large .card__media {
width: 100%;
margin-bottom: 0;
}
.card--large .card__content {
width: 100%;
}
.card--large img {
display: block;
}
.card--large {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card--large .card__content__inner {
padding: 1.875rem 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.card--large .card__content__inner {
padding: 2.5rem 1.875rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.card--large .card__content__inner {
padding: 3.125rem;
}
}
.card--large .card__media {
width: 100%;
margin-bottom: 0;
}
.card--large .card__content {
width: 100%;
}
.card--large img {
display: block;
}
.card--xlarge {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card--xlarge .card__content__inner {
padding: 2.5rem 1.875rem;
}
@media print, screen and (min-width: 48.0625em) {
.card--xlarge .card__content__inner {
padding: 3.125rem 2.5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.card--xlarge .card__content__inner {
padding: 3.125rem;
}
}
.card--xlarge .card__media {
width: 100%;
margin-bottom: 0;
}
.card--xlarge .card__content {
width: 100%;
}
.card--xlarge img {
display: block;
}
.card--inline {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.card--inline .card__media {
width: 50%;
margin-bottom: 0;
}
.card--inline .card__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.card--inline img {
display: block;
}
@media screen and (max-width: 48.06125em) {
.card--stacked--small {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card--stacked--small .card__media {
width: 100%;
margin-bottom: 0;
}
.card--stacked--small .card__content {
width: 100%;
}
.card--stacked--small img {
display: block;
}
}
.card--stacked {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card--stacked .card__media {
width: 100%;
margin-bottom: 0;
}
.card--stacked .card__content {
width: 100%;
}
.card--stacked img {
display: block;
}
.card--collapse {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card--collapse .card__media {
width: 100%;
margin-bottom: 0;
}
.card--collapse .card__content {
width: 100%;
}
.card--collapse .card__content__inner {
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.card--collapse img {
display: block;
}
.card--tiny {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.card--tiny .card__content__inner {
padding: 1.875rem;
}
.card--tiny .card__media {
width: 25%;
margin-bottom: 0;
}
.card--tiny .card__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.card--tiny img {
display: block;
}
.card--tiny h2,
.card--tiny h3 {
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
@media print, screen and (min-width: 48.0625em) {
.card--offset {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-top: -6.25rem;
}
.card--offset .card__content__inner {
padding: 1.875rem 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) and (min-width: 48.0625em) {
.card--offset .card__content__inner {
padding: 2.5rem 1.875rem;
}
}
@media print, screen and (min-width: 48.0625em) and (min-width: 64.0625em) {
.card--offset .card__content__inner {
padding: 3.125rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.card--offset .card__media {
width: 50%;
margin-bottom: 0;
}
}
@media print, screen and (min-width: 48.0625em) {
.card--offset .card__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
@media print, screen and (min-width: 48.0625em) {
.card--offset img {
display: block;
}
}
@media print, screen and (min-width: 48.0625em) {
.card--reversed {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.card--reversed .card__content__inner {
padding: 0 3.75rem 0 0;
}
.card--reversed .card__media {
width: 33.3333333333%;
margin-bottom: 0;
}
.card--reversed .card__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.card--reversed img {
display: block;
}
}
.card--full-width {
position: relative;
}
.card--full-width .card__content {
padding-bottom: 2.5rem;
padding-right: 2.5rem;
position: absolute;
max-width: 40.625rem;
}
@media print, screen and (min-width: 48.0625em) {
.card--full-width .card__content {
padding-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.card--full-width .card__content {
padding-bottom: 5rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.card--full-width .card__content {
padding-right: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.card--full-width .card__content {
padding-right: 5rem;
}
}
.card--full-width .card__content__inner {
background: #F5F5F5;
}
@media print, screen and (min-width: 48.0625em) {
.card--full-width {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card--full-width .card__content__inner {
padding: 1.875rem 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) and (min-width: 48.0625em) {
.card--full-width .card__content__inner {
padding: 2.5rem 1.875rem;
}
}
@media print, screen and (min-width: 48.0625em) and (min-width: 64.0625em) {
.card--full-width .card__content__inner {
padding: 3.125rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.card--full-width .card__media {
width: 100%;
margin-bottom: 0;
}
}
@media print, screen and (min-width: 48.0625em) {
.card--full-width .card__content {
width: 100%;
}
}
@media print, screen and (min-width: 48.0625em) {
.card--full-width img {
display: block;
}
}
.card-shadow,
.card--shadow {
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.card--dark-blue {
background: #142142;
color: #ffffff;
border: solid 1px #006BA6;
}
.card--dark-blue a:not(.btn--white) {
color: white;
text-decoration: underline;
}
.card--medium-blue {
background-color: #006BA6;
}
.card--clear-card {
color: #ffffff;
background: rgba(17, 28, 56, 0.6);
border: 2px solid #006BA6;
}
.card--clear-card .btn:hover {
border-color: #ffffff;
}
.card--yellow-border {
border: 0.0625rem solid #FFCD6B;
}
.card--jumpnav h3 {
margin-bottom: 1.75rem;
font-size: 0.875rem;
font-family: "matrole";
line-height: 1.25rem;
}
@media screen and (max-width: 48.06125em) {
.cards-section__cards {
margin-top: 0.625rem;
}
}
.cards-section__card {
margin-top: 1.25rem;
background-color: #ffffff;
-webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.1));
}
@media print, screen and (min-width: 48.0625em) {
.cards-section__card {
margin-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.cards-section__card {
margin-top: 3.75rem;
}
}
.cards-section__card figure {
margin: 0;
}
.cards-section__card--text {
padding: 2.5rem 1.25rem;
}
.cards-section__card--text h3 {
margin: 0;
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.33;
}
@media print, screen and (min-width: 64.0625em) {
.cards-section__card--text h3 {
font-size: 1.25rem;
}
}
.checkerboards {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 1340px;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 48.0625em) {
.checkerboards {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.checkerboard .section-heading__heading {
font-family: termina;
font-size: 1.75rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
width: 100%;
text-align: center;
}
@media print, screen and (min-width: 48.0625em) {
.checkerboard .section-heading__heading {
font-size: 2.75rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.checkerboard .section-heading__heading {
font-size: 3.75rem;
}
}
.checkerboard .section-heading__heading span {
font-family: "Handelson-One";
color: var(--red);
text-transform: initial;
/*font-size: 5rem; This seems too small so enlarging it */
font-size: 200%;
font-weight: normal;
}
.card--checkerboard {
max-width: 76.875rem;
margin-left: right;
position: relative;
-webkit-transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
opacity: 1;
position: relative;
}
.card--checkerboard figure {
position: relative;
margin: 0;
}
.card--checkerboard .sec-media {
display: none;
}
@media print, screen and (min-width: 48.0625em) {
.card--checkerboard .sec-media {
display: block;
max-width: 9.375rem;
position: absolute;
bottom: -100px;
right: 0;
-webkit-transform: translate(20px, calc(var(--scroll-tracker) * -50%));
transform: translate(20px, calc(var(--scroll-tracker) * -50%));
border: 0.5rem solid #ffffff;
z-index: 2;
width: 100%;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
}
@media print, screen and (min-width: 64.0625em) {
.card--checkerboard .sec-media {
max-width: 21.875rem;
border: 0.9375rem solid #ffffff;
-webkit-transform: translate(40px, calc(var(--scroll-tracker) * -50%));
transform: translate(40px, calc(var(--scroll-tracker) * -50%));
}
}
.card--checkerboard p {
font-size: 1rem;
font-weight: 400;
line-height: 1.77;
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
margin-bottom: 0;
}
@media print, screen and (min-width: 64.0625em) {
.card--checkerboard p {
font-size: 1.125rem;
}
}
.card--checkerboard:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-left: auto;
margin-right: 0;
}
@media screen and (min-width: 40.0625em) {
.card--checkerboard:nth-child(even) .card__content .card__content__inner {
padding-left: 0;
}
}
@media print, screen and (min-width: 48.0625em) {
.card--checkerboard:nth-child(even) .sec-media {
-webkit-transform: translateX(-20px) translateY(calc(var(--scroll-tracker) * -50%));
transform: translateX(-20px) translateY(calc(var(--scroll-tracker) * -50%));
right: auto;
left: 0;
}
}
@media print, screen and (min-width: 64.0625em) {
.card--checkerboard:nth-child(even) .sec-media {
-webkit-transform: translateX(-40px) translateY(calc(var(--scroll-tracker) * -50%));
transform: translateX(-40px) translateY(calc(var(--scroll-tracker) * -50%));
}
}
@media screen and (min-width: 40.0625em) {
.card--checkerboard:nth-child(odd) .card__content .card__content__inner {
padding-right: 0;
}
}
.card--checkerboard .card__media {
position: relative;
}
.card--checkerboard figure {
margin: 0;
}
@media screen and (max-width: 48.06125em) {
.card--checkerboard {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card--checkerboard .card__content__inner {
padding: 1.875rem 1.25rem;
}
.card--checkerboard .card__media {
width: 100%;
margin-bottom: 0;
}
.card--checkerboard .card__content {
width: 100%;
}
.card--checkerboard img {
display: block;
}
}
@media print, screen and (min-width: 40.0625em) {
.card--checkerboard {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.card--checkerboard .card__content__inner {
padding: 3.75rem;
}
.card--checkerboard .card__media {
width: 40%;
margin-bottom: 0;
}
.card--checkerboard .card__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.card--checkerboard img {
display: block;
}
}
@media print, screen and (min-width: 64.0625em) {
.card--checkerboard {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.card--checkerboard .card__content__inner {
padding: 7.5rem;
}
.card--checkerboard .card__media {
width: 52.846%;
margin-bottom: 0;
}
.card--checkerboard .card__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.card--checkerboard img {
display: block;
}
}
.card--checkerboard .card__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 40.06125em) {
.card--checkerboard .card__content .card__content__inner {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 40.0625em) {
.card--checkerboard .card__content .card__content__inner {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
}
.audience-segmentation .checkerboards {
padding-right: 0;
padding-left: 0;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
}
.card--checkerboard--audience-segmentation {
max-width: none;
}
@media print, screen and (min-width: 64.0625em) {
.card--checkerboard--audience-segmentation + .card--checkerboard--audience-segmentation {
margin-top: -1.875rem;
}
}
@media screen and (min-width: 40.0625em) {
.card--checkerboard--audience-segmentation .card__media {
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
border: 0.625rem solid #ffffff;
}
}
@media print, screen and (min-width: 64.0625em) {
.card--checkerboard--audience-segmentation .card__media {
width: 55.5%;
border: 0.9375rem solid #ffffff;
}
}
@media screen and (min-width: 40.0625em) {
.card--checkerboard--audience-segmentation .card--checkerboard__content {
max-width: 23.125rem;
}
}
.card--checkerboard--audience-segmentation:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-left: 0;
margin-right: auto;
}
.card--checkerboard--audience-segmentation:nth-child(even) .card__media {
border-left: 0;
}
.card--checkerboard--audience-segmentation:nth-child(even) .card__content .card__content__inner {
padding-left: 3.125rem;
}
@media print, screen and (min-width: 48.0625em) {
.card--checkerboard--audience-segmentation:nth-child(even) .card__content .card__content__inner {
padding-left: 5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.card--checkerboard--audience-segmentation:nth-child(even) .card__content .card__content__inner {
padding-left: 7.5rem;
}
}
@media screen and (max-width: 40.06125em) {
.card--checkerboard--audience-segmentation:nth-child(even) .card__content .card__content__inner {
padding: 1.875rem 1.25rem 3.125rem;
}
}
@media screen and (min-width: 40.0625em) {
.card--checkerboard--audience-segmentation:nth-child(even) .card__content .card__content__inner {
padding-right: 1.25rem;
}
}
@media screen and (min-width: 40.0625em) {
.card--checkerboard--audience-segmentation:nth-child(odd) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.card--checkerboard--audience-segmentation:nth-child(odd) .card__media {
border-right: 0;
}
.card--checkerboard--audience-segmentation:nth-child(odd) .card__content .card__content__inner {
padding-right: 3.125rem;
}
@media print, screen and (min-width: 48.0625em) {
.card--checkerboard--audience-segmentation:nth-child(odd) .card__content .card__content__inner {
padding-right: 5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.card--checkerboard--audience-segmentation:nth-child(odd) .card__content .card__content__inner {
padding-right: 7.5rem;
}
}
@media screen and (max-width: 40.06125em) {
.card--checkerboard--audience-segmentation:nth-child(odd) .card__content .card__content__inner {
padding: 1.875rem 1.25rem 3.125rem;
}
}
@media screen and (min-width: 40.0625em) {
.card--checkerboard--audience-segmentation:nth-child(odd) .card__content .card__content__inner {
padding-left: 1.25rem;
margin-left: auto;
}
}
@media print, screen and (min-width: 64.0625em) {
.checkerboard + .ambassador-feature {
padding-top: 0;
/* margin-top: -120px; Can't remember why I did this, but it's dumb. */
}
.checkerboard + .ambassador-feature .ambassador-feature__container {
margin-top: 0;
}
}
.photo-box__teaser {
float: left;
width: calc(100vw - 6rem);
}
.photo-box__teaser + .photo-box__teaser {
margin-left: 2rem;
}
@media screen and (min-width: 48.0625em) and (max-width: 64.06125em) {
.photo-box__teaser {
width: calc(50vw - 4rem);
}
}
@media print, screen and (min-width: 64.0625em) {
.photo-box__teaser {
width: 360px;
}
}
@media print, screen and (min-width: 64.0625em) {
.section--photo-boxes .listing-slick {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.section--photo-boxes {
overflow-x: hidden;
}
@media screen and (min-width: 40.0625em) and (max-width: 48.06125em) {
.section--photo-boxes .listing-slick {
right: 1rem;
}
}
@media screen and (min-width: 48.0625em) and (max-width: 64.06125em) {
.section--photo-boxes .listing-slick {
right: -1rem;
}
}
.section--photo-boxes .slick-list {
overflow: visible !important;
}
.section--photo-boxes .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section--photo-boxes .btn {
display: inline-block;
margin: rem(60) auto 0;
}
.photo-box__teaser a {
text-align: center;
text-decoration: none;
}
.photo-box__teaser div {
background-color: rgba(0, 0, 0, 0.5);
background-size: cover;
-webkit-background-blend-mode: multiply;
background-blend-mode: multiply;
}
.photo-box__teaser h3,
.photo-box__teaser p {
color: #ffffff;
}
.photo-box__teaser h3 {
position: relative;
font-size: 1.4rem;
line-height: 1.285;
}
.photo-box__teaser span {
display: block;
margin-bottom: 0.25rem;
text-transform: uppercase;
color: #ffffff;
font-size: 0.8rem;
font-weight: 600;
}
.photo-box__teaser a p {
margin-bottom: 0;
font-family: "ibm-plex-serif", serif;
}
.photo-box--small div {
padding: 2rem;
}
.photo-box--small h3 {
margin-bottom: 2rem;
font-size: 1rem;
line-height: 1.4;
}
.photo-box--large {
max-width: 100%;
}
.photo-box--large div {
padding: 3rem;
}
.photo-box--large h3 {
margin-bottom: 3rem;
font-size: 1.4rem;
line-height: 1.285;
}
.no-touch .photo-box__teaser a:hover div {
background-color: rgba(149, 31, 36, 0.9);
}
.no-touch .photo-box__teaser a:hover h3:after {
position: absolute;
bottom: -1rem;
left: calc((100% - 11rem) / 2);
display: block;
width: 11rem;
height: 1px;
content: "";
background: #ffffff;
}
.photo-box--large a:hover h3:after {
bottom: -1.5rem;
left: calc((100% - 18rem) / 2);
width: 18rem;
}
.photo-box__teasers--small,
.photo-box__teasers--large {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 42em) {
.photo-box__teasers--small,
.photo-box__teasers--large {
margin-right: -1rem;
margin-left: -1rem;
}
}
.photo-box__teasers--large {
position: relative;
}
@media screen and (max-width: 39.99em) {
.photo-box__teasers--large {
margin-bottom: 4rem;
}
.photo-box__teasers--large:after {
position: absolute;
bottom: -2rem;
left: 3rem;
clear: both;
width: calc(100% - 6rem);
height: 1px;
content: "";
background-color: #999999;
}
}
.photo-box--large {
-webkit-box-flex: 0;
-ms-flex: 0 auto;
flex: 0 auto;
width: 100%;
height: auto;
margin: 1rem;
}
@media screen and (min-width: 42em) and (max-width: 68.49em) {
.photo-box--large {
width: 60%;
}
}
@media screen and (min-width: 68.5em) {
.photo-box--large {
width: 46.33%;
}
}
.photo-box__teaser.photo-box--large {
margin-left: 1rem;
}
.photo-box__teasers--small .photo-box--small {
-webkit-box-flex: 0;
-ms-flex: 0 auto;
flex: 0 auto;
width: 100%;
height: auto;
margin: 1rem;
}
@media screen and (min-width: 40em) and (max-width: 1079px) {
.photo-box__teasers--small .photo-box--small {
width: 44%;
}
}
@media screen and (min-width: 1080px) and (max-width: 1159px) {
.photo-box__teasers--small .photo-box--small {
width: 28%;
}
}
@media screen and (min-width: 1160px) {
.photo-box__teasers--small .photo-box--small {
width: 29.75%;
}
}
.contact-section {
margin-right: 1.25rem;
margin-left: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.contact-section {
margin-right: 1.25rem;
margin-left: 1.25rem;
}
}
.contact-section .featured-image {
max-width: 16.25rem;
}
.contact-section .grid-x {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contact-section .icon-list li {
font-weight: 400;
}
.contact-section .icon-list li:not(:first-of-type) {
margin-top: 0.625rem;
}
@media screen and (max-width: 48.06125em) {
.contact-section__info {
margin-top: 1.25rem;
}
}
.section--cta-feature-box {
margin-bottom: 0;
}
.cta-feature-box ul {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.columns .cta-feature-box {
margin-bottom: 2.5rem;
}
.cta-feature-box__heading {
margin: 0.625rem 0;
}
.cta-feature-box--featured {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cta-feature-box--featured .cta-feature-box__content {
position: relative;
z-index: 2;
max-width: 25rem;
padding: 1.875rem;
-webkit-transform: translateX(-3.75rem);
transform: translateX(-3.75rem);
color: #ffffff;
background: #222222;
}
.department-feature-recurring .btn {
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: var(--red);
color: #ffffff;
background: var(--red);
}
.department-feature-recurring .btn:hover, .department-feature-recurring .btn:focus {
text-decoration: none;
outline: none;
}
.department-feature-recurring .btn:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
.department-feature-recurring .btn:before, .department-feature-recurring .btn:after {
color: #ffffff;
}
.department-feature-recurring .btn:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.department-feature-recurring .btn:hover:before, .department-feature-recurring .btn:hover:after {
color: #222222;
}
.department-feature-recurring .btn:focus {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.department-feature-recurring .btn:focus:before, .department-feature-recurring .btn:focus:after {
color: #ffffff;
}
.department-feature-recurring__card {
padding-right: 0;
padding-left: 0;
max-width: 1260px;
margin-left: auto;
margin-right: auto;
padding-right: 3.125rem;
padding-left: 3.125rem;
}
@media screen and (max-width: 75.06125em) {
.department-feature-recurring__card {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.department-feature-recurring__card:nth-child(even) {
background-color: var(--gray--light);
}
.department-feature-recurring h2 {
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.33;
margin-bottom: 0;
font-family: "termina";
}
@media print, screen and (min-width: 48.0625em) {
.department-feature-recurring h2 {
font-size: 1.375rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.department-feature-recurring h2 {
font-size: 1.5rem;
}
}
.department-feature-recurring h3 {
margin: 0;
}
.department-feature-recurring p {
margin-bottom: 0;
}
@media screen and (min-width: 48.0625em) {
.department-feature-recurring__card--title {
padding-right: 2.5rem;
}
}
@media screen and (max-width: 64.06125em) {
.department-feature-recurring__card--icons {
margin-top: 1.875rem;
}
}
.departments-listing__filters-form {
margin-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.departments-listing__filters-form {
margin-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.departments-listing__filters-form {
margin-top: 5rem;
}
}
.departments-listing .autocomplete-search {
width: 65%;
}
.departments-listing__filters-form .autocomplete-search {
margin-right: 2.5rem;
width: 100%;
}
@media screen and (min-width: 48.0625em) {
.departments-listing__filters-form .autocomplete-search {
width: 65%;
}
}
.departments-listing-form__autocomplete-search {
margin-top: 0.9375rem;
}
@media screen and (max-width: 48.06125em) {
.departments-listing-form__autocomplete-search {
margin-top: 0.625rem;
}
}
.departments-listing-form__select-filter {
margin-top: 0.9375rem;
width: 100%;
line-height: 22px;
font-weight: 400;
}
@media screen and (max-width: 48.06125em) {
.departments-listing-form__select-filter {
margin-top: 0.625rem;
}
}
@media screen and (min-width: 40.0625em) {
.departments-listing-form__select-filter {
width: 22.625rem;
}
}
.department-listing-items {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.department-listing-items ol > li {
list-style: none;
padding-left: 0;
}
.department-listing-items__grouped {
margin-left: 0.8125rem;
border-left: 1px solid var(--yellow);
}
@media screen and (min-width: 64.0625em) {
.department-listing-items__grouped {
margin-left: 1.6875rem;
}
}
.department-listing-items__type {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.department-listing-items__type li {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.department-listing-items__type li a {
text-decoration: none !important;
}
.department-listing-items__type .fas {
padding-left: 1.25rem;
}
.department-listing-items__type .fas:before {
margin-right: 0.625rem;
}
.department-listing-items .oho-rfl__results-group {
margin-left: 0.8125rem;
border-left: 1px solid var(--yellow);
}
@media screen and (min-width: 64.0625em) {
.department-listing-items .oho-rfl__results-group {
margin-left: 1.6875rem;
}
}
.department-listing-items .oho-rfl__results-key-group:not(:first-child) {
margin-top: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.department-listing-items .oho-rfl__results-key-group:not(:first-child) {
margin-top: 1.25rem;
}
}
.department-listing-items .oho-rfl__results-group {
margin-top: 0.9375rem;
}
.department-listing-items .oho-rfl__results-group .oho-rfl__result-item:last-child {
padding-bottom: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.department-listing-items .oho-rfl__results-group .oho-rfl__result-item:last-child {
padding-bottom: 1.875rem;
}
}
.department-listing-items .oho-rfl__results-list .oho-rfl__results-key-group:last-child .oho-rfl__results-group .oho-rfl__result-item:last-child {
padding-bottom: 0;
}
.department-listing-items .oho-rfl__results-list .oho-rfl__results-key-group:last-child .oho-rfl__results-group .oho-rfl__result-item:last-child .global-padding--default {
padding-bottom: 0;
}
.department-listing-items .oho-rfl__result-item {
margin-left: clamp(15px, 5%, 70px);
}
.department-listing-items .oho-rfl__result-item:not(:first-child) {
border-top: 10px solid var(--gray--light);
}
@media screen and (max-width: 48.06125em) {
.department-listing-items .oho-rfl__result-item:not(:first-child) {
margin-top: 2.5rem;
}
}
.department-listing-items .oho-rfl__result-item .grid-x {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 48.06125em) {
.department-listing-items .oho-rfl__result-item .grid-x {
gap: 1.25rem;
padding-bottom: 0;
}
}
.department-listing-items .oho-rfl__result-item .eyebrow {
margin-bottom: 0.3125rem;
}
.department-listing-items .oho-rfl__result-item .card__media {
width: 10rem;
}
.department-listing-items .oho-rfl__result-item .card--inline {
margin-top: 3.125rem;
}
@media screen and (max-width: 48.06125em) {
.department-listing-items .oho-rfl__result-item .card--inline {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.department-listing-items .oho-rfl__result-item .card__content {
min-height: 12.5rem;
}
.department-listing-items .oho-rfl__result-item .department-listing-items__card--title {
padding-right: 20px;
}
.department-listing-items .oho-rfl__result-item .department-listing-items__card--title .link-arrow::before {
color: #AAAAAA;
}
.department-listing-items .oho-rfl__result-item .department-listing-items__card--title p {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
margin-bottom: 0;
}
.department-listing-items .oho-rfl__result-item span {
margin-top: 0.9375rem;
display: block;
white-space: nowrap;
}
.department-listing-items .oho-rfl__result-item span a {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
font-weight: 700;
}
.department-listing-items .oho-rfl__result-item .card__content--inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 48.06125em) {
.department-listing-items .oho-rfl__result-item .card__content--inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.department-listing-items .oho-rfl__result-item .card__content--details {
padding: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
max-width: 40.75rem;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1019607843);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1019607843);
}
@media print, screen and (min-width: 48.0625em) {
.department-listing-items .oho-rfl__result-item .card__content--details {
padding: 1.875rem;
}
}
@media screen and (max-width: 48.06125em) {
.department-listing-items .oho-rfl__result-item .card__content--details {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.9375rem;
margin-top: 1.25rem;
}
}
.department-listing-items .oho-rfl__result-item .card__content--details li {
margin-top: 0.3125rem;
}
.department-listing-items .oho-rfl__result-item .card--icons li {
font-weight: 400;
}
@media screen and (max-width: 48.06125em) {
.department-listing-items .oho-rfl__result-item {
gap: 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.department-listing-items .oho-rfl__result-item .department-listing-items__card--title {
padding-right: 2.5rem;
}
}
.differentiators__grid {
row-gap: 1.875rem;
}
@media print, screen and (min-width: 64.0625em) {
.differentiators__grid {
row-gap: 2.5rem;
}
}
.differentiators__grid .cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card--differentiator {
overflow: hidden;
color: #ffffff;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background: #142142;
border: 0.1875rem solid #B1DDF6;
}
.card--differentiator {
background-color: #ffffff;
border: 3px solid var(--blue--light);
color: var(--blue--dark);
}
.card--differentiator p {
color: var(--gray-dark);
font-size: 1.25rem;
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.6;
}
@media print, screen and (min-width: 48.0625em) {
.card--differentiator p {
font-size: 1.25rem;
line-height: 1.8;
}
}
@media screen and (max-width: 48.06125em) {
.card--differentiator p {
font-size: 1.125rem;
}
}
.card--differentiator-alt__title {
-webkit-transition: top 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: top 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
@media screen and (max-width: 48.06125em) {
.card--differentiator-alt__title {
margin-bottom: 1.875rem;
}
}
.card--differentiator-alt__title .card__content__inner {
padding: 0;
}
@media print, screen and (min-width: 48.0625em) {
.card--differentiator-alt__title {
position: sticky;
top: 6.25rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.site-header--scroll-up + .page-wrapper .card--differentiator-alt__title {
top: 11.25rem;
}
}
.card--differentiator-alt__title .h3 {
font-family: "termina";
}
.differentiators-alt.global-padding--transparent h2 {
color: #ffffff;
}
.differentiators-alt.global-padding--transparent .card--differentiator {
background-color: #ffffff;
color: #142142;
}
.differentiators-alt.global-padding--transparent .btn {
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: #FFCD6B;
color: #ffffff;
background: transparent;
}
.differentiators-alt.global-padding--transparent .btn:before, .differentiators-alt.global-padding--transparent .btn:after {
color: #B1DDF6;
}
.differentiators-alt.global-padding--transparent .btn:hover {
color: var(--red);
border-color: #ffffff;
background: #ffffff;
}
.differentiators-alt.global-padding--transparent .btn:hover:before, .differentiators-alt.global-padding--transparent .btn:hover:after {
color: #222222;
}
.differentiators-alt.global-padding--transparent .btn:focus {
color: #222222;
border-color: #142142;
background: #ffffff;
}
.differentiators-alt.global-padding--transparent .btn:focus:before, .differentiators-alt.global-padding--transparent .btn:focus:after {
color: #222222;
}
@media print, screen and (min-width: 64.0625em) {
.card--xlarge .card__content__inner {
padding: 60px 60px 60px 50px;
}
}
.embed-section h2 {
margin-top: 0;
margin-bottom: 1.875rem;
}
@media print, screen and (min-width: 64.0625em) {
.embed-section h2 {
margin-bottom: 2.5rem;
}
}
[data-fancybox-modal] {
display: none;
}
.featured-events__wrapper {
gap: 1.875rem 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.featured-events__card {
background-color: var(--blue--medium);
display: block;
color: #ffffff;
}
.featured-events__card a {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #B1DDF6;
text-decoration-color: #B1DDF6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.featured-events__card a:hover {
color: #ffffff;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.featured-events__card a:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.featured-events .icon-list li:before {
color: #ffffff;
}
.search-block-form .gsc-input-box table,
.search-block-form .gsc-above-wrapper-area table {
border: none;
}
.search-block-form .gsc-input-box table,
.search-block-form .gsc-input-box tbody,
.search-block-form .gsc-input-box tr,
.search-block-form .gsc-input-box td,
.search-block-form .gsc-above-wrapper-area table,
.search-block-form .gsc-above-wrapper-area tbody,
.search-block-form .gsc-above-wrapper-area tr,
.search-block-form .gsc-above-wrapper-area td {
border: none;
}
.search-block-form table.gsc-search-box td.gsc-input {
padding-right: 0;
}
.search-block-form .gsc-input-box table {
margin-bottom: 0;
}
.search-block-form .gsc-input-box input#gsc-i-id1 {
height: 3.125rem !important;
}
.search-block-form .gsc-input {
border: none;
}
.search-block-form table.gsc-search-box {
border: none;
border-collapse: unset;
}
.search-block-form tr {
min-height: 50px;
}
.search-block-form .gsc-search-button {
border: none;
padding: 0;
}
.search-block-form .gsc-search-button button {
height: 3.75rem;
background-color: var(--red);
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.main-content .gsc-above-wrapper-area {
border-bottom: none;
}
.main-content .search-label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.main-content .gsc-input {
padding: 0;
}
.main-content .gsc-result-info-container {
padding-top: 0;
padding-bottom: 0;
}
.main-content .gsc-control-cse {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.main-content .gsc-result-info {
padding-top: 0;
}
.main-content .gsc-above-wrapper-area {
padding-top: 0;
}
.main-content .gsc-above-wrapper-area td,
.main-content .gsc-above-wrapper-area tr,
.main-content .gsc-above-wrapper-area table,
.main-content .gsc-above-wrapper-area tbody {
border: none;
}
.main-content .gs-title {
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
}
.main-content .gsc-url-top {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
}
.main-content .gsc-table-result {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-content .gsc-expansionArea .gsc-result:last-child {
border-top: none;
}
.main-content .gsc-result + .gsc-result {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid #e9e9e9;
}
.main-content .gsc-cursor {
font-size: 18px;
padding-top: 20px;
margin-bottom: 20px;
display: block !important;
text-align: center;
}
/*
GLOBAL HERO STYLES
-------------------
*/
.parallax-mask {
position: relative;
z-index: 3;
background: #ffffff;
}
.hero {
position: relative;
color: #ffffff;
background-color: #142142;
}
@media print, screen and (min-width: 48.0625em) {
.hero {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media print, screen and (min-width: 48.0625em) {
.hero__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
}
.hero .hero__media img,
.hero .hero__media video,
.hero .video-feature {
display: block;
width: 100%;
max-width: none;
height: auto;
}
.hero .eyebrow,
.hero .eyebrow--small {
color: #B1DDF6;
}
.hero .eyebrow.program-eyebrow,
.hero .eyebrow--small.program-eyebrow {
color: #B1DDF6;
}
.hero .eyebrow.program-eyebrow:not(:first-child):before,
.hero .eyebrow--small.program-eyebrow:not(:first-child):before {
content: ",";
display: inline-block;
position: relative;
left: -3px;
}
.hero .eyebrow + h1,
.hero .eyebrow--small + h1 {
margin-top: 0.625rem;
}
.hero .eyebrow + p,
.hero .eyebrow--small + p {
margin-top: 0.3125rem;
}
.hero a.eyebrow,
.hero a.eyebrow--small,
.hero .hero__content__inner a:not(.btn) {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.1875rem;
color: #ffffff;
-webkit-text-decoration-color: #B1DDF6;
text-decoration-color: #B1DDF6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.hero a.eyebrow:hover,
.hero a.eyebrow--small:hover,
.hero .hero__content__inner a:not(.btn):hover {
color: #B1DDF6;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.hero a.eyebrow:focus,
.hero a.eyebrow--small:focus,
.hero .hero__content__inner a:not(.btn):focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.hero .link-arrow {
color: #ffffff;
}
.hero .link-arrow::before {
color: #FFCD6B;
}
.hero__shape {
position: absolute;
z-index: 1;
background-color: white;
width: 100%;
height: auto;
pointer-events: none;
bottom: 0;
}
.hero__media {
display: block;
width: 100%;
}
.hero__content {
z-index: 3;
margin: auto;
width: 100%;
position: relative;
}
.hero__content__inner {
width: 100%;
}
@media screen and (max-width: 31.875em) {
.hero__content__inner > h1 {
font-size: 6.91vw;
}
}
.meta-list {
list-style: none;
width: 100%;
}
.meta-list:first-child {
margin-top: 2.5rem;
}
@media print, screen and (min-width: 64.0625em) {
.meta-list:first-child {
margin-top: 3.125rem;
}
}
.meta-list,
.meta-list li {
margin-left: 0;
padding-left: 0;
}
.meta-list > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.meta-list > li:not(:first-child) {
margin-top: 0.625rem;
}
.meta-list > li > a {
font-weight: 600;
}
.meta-list__heading {
font-weight: 600;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
color: #FFCD6B;
width: 7.1875rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 7.1875rem;
flex: 0 0 7.1875rem;
}
.meta-list__description {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.meta-list .social-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.625rem;
margin-top: -0.5625rem;
}
.meta-list .social-media a {
margin: 0;
}
.meta-list .social-media a i {
color: #B1DDF6;
}
.meta-list .social-media a i:hover, .meta-list .social-media a i:focus {
color: #FFCD6B;
}
.btn--page-anchor::after {
content: "\f078";
padding-left: 0.625rem;
font-family: "Font Awesome 5 Pro";
font-weight: 300;
}
.dept-taxonomies li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dept-taxonomies li:before {
font-family: "Font Awesome 5 Pro";
content: "\f02b";
display: block;
margin-right: 10px;
color: #B1DDF6;
}
/*
Basic Hero
---------------------------
*/
.hero--basic {
display: block;
padding-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.hero--basic {
padding-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--basic {
padding-top: 6.25rem;
}
}
.hero--basic.hero--img, .hero--basic.hero--video {
padding-bottom: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.hero--basic.hero--img, .hero--basic.hero--video {
padding-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--basic.hero--img, .hero--basic.hero--video {
padding-bottom: 5rem;
}
}
@media screen and (max-width: 40.06125em) {
.hero--basic.hero--no-img {
padding-bottom: 5rem;
}
}
@media screen and (min-width: 40.0625em) {
.hero--basic.hero--no-img {
padding-bottom: 7.5rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.hero--basic.hero--no-img {
padding-bottom: 12.5rem;
}
}
.hero--basic .hero__content__inner {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media print, screen and (min-width: 48.0625em) {
.hero--basic .hero__content__inner {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.hero--basic .hero__content__inner .grid-x {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero--basic .hero__content__inner p {
max-width: 54.6875rem;
}
@media print, screen and (min-width: 48.0625em) {
.hero--basic .hero__content__inner p {
padding-right: 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.hero--basic .hero__content__inner .btn {
white-space: nowrap;
}
}
.hero--basic .hero__media {
margin-top: 2.5rem;
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 1304px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 2;
}
@media print, screen and (min-width: 48.0625em) {
.hero--basic .hero__media {
margin-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--basic .hero__media {
margin-top: 5rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.hero--basic .hero__media {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.hero--basic .hero__media .aspect-ratio-frame {
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
border: 0.3125rem solid #ffffff;
}
@media print, screen and (min-width: 48.0625em) {
.hero--basic .hero__media .aspect-ratio-frame {
border: 1rem solid #ffffff;
}
}
.hero--basic figure {
margin: 0;
}
.hero--basic figcaption {
background-color: #ffffff;
padding: 1.875rem;
line-height: 2;
display: block;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
position: relative;
margin-left: auto;
right: 2.5rem;
}
@media print, screen and (min-width: 64.0625em) {
.hero--basic figcaption {
padding: 1.5rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.hero--basic figcaption {
right: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--basic figcaption {
right: 3.75rem;
}
}
@media screen and (max-width: 48.06125em) {
.hero--basic figcaption {
margin: 0;
right: 0;
width: 100%;
}
}
@media print, screen and (min-width: 48.0625em) {
.hero--basic figcaption {
margin-bottom: -2.25rem;
/*-6.25rem;*/
margin-top: -6.25rem;
max-width: 43.75rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--basic figcaption {
margin-top: -10.9375rem;
}
}
.hero--basic figcaption .quote {
font-size: 1rem;
font-family: "ibm-plex-serif", serif;
font-style: italic;
font-weight: 300;
}
@media print, screen and (min-width: 48.0625em) {
.hero--basic figcaption .quote {
font-size: 1rem;
}
}
figcaption .quote + .global-spacing--xsmall > .h4 {
font-size: 0.8rem;
}
/*
HERO VIDEO
---------------------------
*/
.autoplay-video-container {
position: relative;
}
.hero--video .video-feature,
.hero--video video {
position: relative;
z-index: 2;
height: 100%;
}
@media screen and (min-width: 48.0625em) {
.hero--video .hero__media img {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
}
.hero--department .meta-list {
padding-top: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.hero--department .meta-list {
padding-top: 1.875rem;
}
}
.hero--department h1 {
font-family: termina;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
}
@media print, screen and (min-width: 48.0625em) {
.hero--department h1 {
font-size: 2.5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--department h1 {
font-size: 3.4375rem;
}
}
/*
HERO IFRAME
------------------------
*/
.hero--basic.hero--iframe .hero__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media print, screen and (min-width: 48.0625em) {
.hero--basic.hero--iframe figcaption {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--basic.hero--iframe figcaption {
max-width: 43.75rem;
}
.hero--basic.hero--iframe figcaption p {
/* margin-right: 80px; WHY?? */
}
.hero--basic.hero--iframe .play-button {
width: 5rem;
height: 5rem;
top: auto;
left: auto;
z-index: 3;
right: 5rem;
bottom: 2.5rem;
}
}
/*
HERO VIDEO & IMAGE WITH PARALLAX
------------------------
*/
.hero.hero--parallax .aspect-ratio-frame__inner {
height: 100%;
-webkit-transform: translateY(calc(var(--scroll-tracker) * 45%));
transform: translateY(calc(var(--scroll-tracker) * 45%));
will-change: transform;
}
@media print, screen and (min-width: 48.0625em) {
.hero.hero--parallax .aspect-ratio-frame__inner {
height: 94%;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero.hero--parallax .aspect-ratio-frame__inner {
height: 86%;
}
}
.hero.hero--parallax .aspect-ratio-frame__inner::after {
content: "'";
position: absolute;
height: 100px;
width: 100%;
left: 0;
top: 0;
z-index: 2;
background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #142142), to(rgba(20, 33, 66, 0)));
background: linear-gradient(180deg, #142142 35%, rgba(20, 33, 66, 0) 100%);
}
.hero.hero--parallax .hero__media,
.hero.hero--parallax .video-feature,
.hero.hero--parallax .autoplay-video-container {
height: 100%;
}
.hero.hero--parallax .hero__media,
.hero.hero--parallax .hero__media .aspect-ratio-frame {
margin-top: -40%;
}
.hero.hero--parallax .hero__media img,
.hero.hero--parallax .hero__media video {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
/*
Feature Hero
---------------------------
*/
.hero--feature {
position: relative;
padding-top: 0;
overflow: hidden;
}
.hero--feature .hero__media,
.hero--feature .hero__media .aspect-ratio-frame {
max-width: none;
width: 100%;
padding: 0;
border: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #142142), to(rgba(20, 33, 66, 0.85)));
background-image: linear-gradient(180deg, #142142 45%, rgba(20, 33, 66, 0.85) 100%);
}
.hero--feature .hero__content {
padding-top: 3.125rem;
background: rgb(20, 33, 66);
background: -webkit-gradient(linear, left top, left bottom, color-stop(19%, rgb(20, 33, 66)), color-stop(61%, rgba(20, 33, 66, 0.8898153011)));
background: linear-gradient(180deg, rgb(20, 33, 66) 19%, rgba(20, 33, 66, 0.8898153011) 61%);
}
@media print, screen and (min-width: 48.0625em) {
.hero--feature .hero__content {
padding-top: 6.25rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--feature .hero__content {
padding-top: 3.375rem;
}
}
.hero--feature .hero__shape {
position: relative;
opacity: 0.85;
background: transparent;
z-index: 3;
}
.hero--feature h1 {
font-family: "termina";
text-transform: var(--text-case);
}
@media print, screen and (min-width: 64.0625em) {
.hero--feature h1 {
font-size: 7.5rem;
}
}
.hero--feature h1 .h2--alt {
position: relative;
z-index: 3;
}
.hero--feature h1 span {
display: block;
padding-left: 2.5rem;
color: #DA162D;
text-transform: none;
margin-bottom: -0.3125rem;
}
@media print, screen and (min-width: 48.0625em) {
.hero--feature h1 span {
padding-left: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--feature h1 span {
padding-left: 5rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.hero--feature h1 span {
margin-bottom: -0.625rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--feature h1 span {
margin-bottom: -1.25rem;
}
}
/*
VERTICAL HERO
---------------------------
*/
.hero.hero--vertical {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media print, screen and (min-width: 48.0625em) {
.hero.hero--vertical {
padding-bottom: 11.875rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media print, screen and (min-width: 48.0625em) {
.hero.hero--vertical .hero__content {
width: 55%;
max-width: 43.75rem;
margin: 0;
}
}
@media print, screen and (min-width: 48.0625em) {
.hero.hero--vertical .hero__media {
width: 45%;
max-width: 35.625rem;
margin: 0;
}
}
/*
SCHOOL HERO
---------------------------
*/
.hero--school h1 {
font-family: termina;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
text-transform: none;
}
@media print, screen and (min-width: 48.0625em) {
.hero--school h1 {
font-size: 2.5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--school h1 {
font-size: 3.4375rem;
}
}
.hero--school .grid-x {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/*
PROFILE HERO
---------------------------
*/
.hero--profile .intro-text--large {
font-size: 1.0625rem;
font-weight: 400;
line-height: 1.63;
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
}
@media print, screen and (min-width: 48.0625em) {
.hero--profile .intro-text--large {
font-size: 1.375rem;
font-weight: 400;
}
}
/*
General Page HERO
---------------------------
*/
.hero--general .hero__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/*
Regional HERO
---------------------------
*/
.hero--regional h1 {
font-family: termina;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
}
@media print, screen and (min-width: 48.0625em) {
.hero--regional h1 {
font-size: 2.5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--regional h1 {
font-size: 3.4375rem;
}
}
.hero--regional .hero__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero--regional .intro-text--large {
font-size: 1.0625rem;
font-weight: 400;
line-height: 1.63;
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
}
@media print, screen and (min-width: 48.0625em) {
.hero--regional .intro-text--large {
font-size: 1.375rem;
font-weight: 400;
}
}
/*
HOMEPAGE HERO (Uses featured hero as baseline)
---------------------------
*/
@media print, screen and (min-width: 64.0625em) {
.page--home-page:not(.static-page) .site-header:not(.site-header--beyond-threshold) .site-header__sticky-container,
.page--home-page:not(.static-page) .site-header:not(.site-header--beyond-threshold) .site-search__toggle,
.page--home-page:not(.static-page) .site-header:not(.site-header--beyond-threshold) .utility-menu-button,
.page--home-page:not(.static-page) .site-header:not(.site-header--beyond-threshold) .give-button {
background: transparent;
}
}
.hero--home.hero.hero--parallax {
padding-bottom: 0 !important;
}
.hero--home.hero.hero--parallax .brand-statement__content .eyebrow {
color: #ffffff;
}
.hero--home.hero.hero--parallax .link-arrow.link--red-blue-underline {
color: var(--red);
}
.hero--home.hero.hero--parallax .link-arrow.link--red-blue-underline::before {
color: #AAAAAA;
}
@media print, screen and (min-width: 48.0625em) {
.hero--home.hero.hero--parallax {
background: #142142;
}
}
.hero--home.hero.hero--parallax + .recurring-component-container {
margin-top: 0;
border-top-width: 3.125rem;
border-style: solid;
border-color: #ffffff;
}
@media print, screen and (min-width: 48.0625em) {
.hero--home.hero.hero--parallax + .recurring-component-container {
border-top-width: 5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--home.hero.hero--parallax + .recurring-component-container {
border-top-width: 7.5rem;
}
}
.hero--home.hero.hero--parallax .hero__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero--home.hero.hero--parallax .h1--large > span {
display: block;
}
.hero--home.hero.hero--parallax .h1--large,
.hero--home.hero.hero--parallax .h1--small {
text-transform: uppercase;
}
.hero--home.hero.hero--parallax .h2--alt {
color: #DA162D;
text-transform: lowercase;
}
@media print, screen and (min-width: 64.0625em) {
.hero--home.hero.hero--parallax .h1--small,
.hero--home.hero.hero--parallax .intro-text {
padding-left: 12%;
}
}
@media screen and (min-width: 48.0625em) and (max-width: 64.06125em) {
.hero--home.hero.hero--parallax .intro-text {
max-width: 75%;
}
}
.hero--home.hero.hero--parallax .hero__content {
background: none;
overflow: hidden;
}
@media screen and (max-width: 48.06125em) {
.hero--home.hero.hero--parallax .hero__content {
background-color: #142142;
}
}
.hero--home.hero.hero--parallax .eyebrow--small {
color: #222222;
}
.hero--home.hero.hero--parallax .hero__media .aspect-ratio-frame {
background: none;
}
.hero--home.hero.hero--parallax .hero__overlay {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(29.72%, rgba(20, 33, 66, 0)), color-stop(99.16%, #142142));
background: linear-gradient(180deg, rgba(20, 33, 66, 0) 29.72%, #142142 99.16%);
}
@media screen and (max-width: 48.06125em) {
.hero--home.hero.hero--parallax .hero__overlay {
display: none;
}
}
.hero--home.hero.hero--parallax .hero__overlay:after {
content: "";
position: absolute;
width: 100%;
height: 25%;
left: 0;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 185, 232, 0)), to(rgb(20, 33, 66)));
background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgb(20, 33, 66) 100%);
z-index: 2;
}
.hero--home.hero.hero--parallax .hero__media {
position: fixed;
margin: 0;
top: 0;
}
@media screen and (max-width: 48.06125em) {
.hero--home.hero.hero--parallax .hero__media {
display: none;
}
}
.hero--home.hero.hero--parallax .hero__media img {
mix-blend-mode: luminosity;
height: 120%;
}
@media print, screen and (min-width: 48.0625em) {
.hero--home.hero.hero--parallax .hero__media img {
opacity: 0.2;
}
}
.hero--home.hero.hero--parallax .hero__media .aspect-ratio-frame {
margin-top: 0;
}
@media print, screen and (min-width: 48.0625em) {
.hero--home.hero.hero--parallax .hero__media .aspect-ratio-frame {
height: 100%;
}
}
.hero--home.hero.hero--parallax .hero__media .aspect-ratio-frame__inner {
height: 100%;
-webkit-transform: translateY(calc(var(--scroll-tracker) * -45%));
transform: translateY(calc(var(--scroll-tracker) * -45%));
}
.hero--home.hero.hero--parallax-variant {
padding-bottom: 0 !important;
}
.hero--home.hero.hero--parallax-variant .brand-statement__content .eyebrow {
color: #ffffff;
}
.hero--home.hero.hero--parallax-variant .link-arrow.link--red-blue-underline {
color: var(--red);
}
.hero--home.hero.hero--parallax-variant .link-arrow.link--red-blue-underline::before {
color: #AAAAAA;
}
@media print, screen and (min-width: 48.0625em) {
.hero--home.hero.hero--parallax-variant {
background: #142142;
}
}
.hero--home.hero.hero--parallax-variant + .recurring-component-container {
margin-top: 0;
border-top-width: 3.125rem;
border-style: solid;
border-color: #ffffff;
}
@media print, screen and (min-width: 48.0625em) {
.hero--home.hero.hero--parallax-variant + .recurring-component-container {
border-top-width: 5rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--home.hero.hero--parallax-variant + .recurring-component-container {
border-top-width: 7.5rem;
}
}
.hero--home.hero.hero--parallax-variant .hero__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero--home.hero.hero--parallax-variant .h1--large > span {
display: block;
}
.hero--home.hero.hero--parallax-variant .h1--large,
.hero--home.hero.hero--parallax-variant .h1--small {
text-transform: uppercase;
}
.hero--home.hero.hero--parallax-variant .h2--alt {
color: #DA162D;
text-transform: lowercase;
}
@media print, screen and (min-width: 64.0625em) {
.hero--home.hero.hero--parallax-variant .h1--small,
.hero--home.hero.hero--parallax-variant .intro-text {
padding-left: 12%;
}
}
@media screen and (min-width: 48.0625em) and (max-width: 64.06125em) {
.hero--home.hero.hero--parallax-variant .intro-text {
max-width: 75%;
}
}
.hero--home.hero.hero--parallax-variant .hero__content {
background: none;
overflow: hidden;
}
@media screen and (max-width: 48.06125em) {
.hero--home.hero.hero--parallax-variant .hero__content {
background-color: #142142;
}
}
.hero--home.hero.hero--parallax-variant .eyebrow--small {
color: #222222;
}
.hero--home.hero.hero--parallax-variant .hero__media .aspect-ratio-frame {
background: none;
}
.hero--home.hero.hero--parallax-variant .hero__overlay {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(29.72%, rgba(20, 33, 66, 0)), color-stop(99.16%, #142142));
background: linear-gradient(180deg, rgba(20, 33, 66, 0) 29.72%, #142142 99.16%);
}
@media screen and (max-width: 48.06125em) {
.hero--home.hero.hero--parallax-variant .hero__overlay {
display: none;
}
}
.hero--home.hero.hero--parallax-variant .hero__overlay:after {
content: "";
position: absolute;
width: 100%;
height: 25%;
left: 0;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 185, 232, 0)), to(rgb(20, 33, 66)));
background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgb(20, 33, 66) 100%);
z-index: 2;
}
.hero--home.hero.hero--parallax-variant .hero__media {
position: absolute;
margin: 0;
top: 0;
}
@media screen and (max-width: 48.06125em) {
.hero--home.hero.hero--parallax-variant .hero__media {
display: none;
}
}
.hero--home.hero.hero--parallax-variant .hero__media img {
mix-blend-mode: luminosity;
height: 120%;
}
@media print, screen and (min-width: 48.0625em) {
.hero--home.hero.hero--parallax-variant .hero__media img {
opacity: 0.2;
}
}
.hero--home.hero.hero--parallax-variant .hero__media .aspect-ratio-frame {
margin-top: 0;
}
@media print, screen and (min-width: 48.0625em) {
.hero--home.hero.hero--parallax-variant .hero__media .aspect-ratio-frame {
height: 100%;
}
}
.hero--home.hero.hero--parallax-variant .hero__media .aspect-ratio-frame__inner {
height: 100%;
-webkit-transform: translateY(calc(var(--scroll-tracker) * -45%));
transform: translateY(calc(var(--scroll-tracker) * -45%));
}
.hero--parallax-variant .aspect-ratio-frame__inner {
height: 100%;
-webkit-transform: translateY(calc(var(--scroll-tracker) * 45%));
transform: translateY(calc(var(--scroll-tracker) * 45%));
will-change: transform;
}
@media print, screen and (min-width: 48.0625em) {
.hero--parallax-variant .aspect-ratio-frame__inner {
height: 94%;
}
}
@media print, screen and (min-width: 64.0625em) {
.hero--parallax-variant .aspect-ratio-frame__inner {
height: 86%;
}
}
.hero--parallax-variant .aspect-ratio-frame__inner::after {
content: "'";
position: absolute;
height: 100px;
width: 100%;
left: 0;
top: 0;
z-index: 2;
background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #142142), to(rgba(20, 33, 66, 0)));
background: linear-gradient(180deg, #142142 35%, rgba(20, 33, 66, 0) 100%);
}
.hero--parallax-variant .hero__media,
.hero--parallax-variant .video-feature,
.hero--parallax-variant .autoplay-video-container {
height: 100%;
}
.hero--parallax-variant .hero__media,
.hero--parallax-variant .hero__media .aspect-ratio-frame {
margin-top: -40%;
}
.hero--parallax-variant .hero__media img,
.hero--parallax-variant .hero__media video {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
.hero--landing.hero--parallax-variant .hero__inner {
display: block;
}
.hero--landing.hero--parallax .hero__inner {
display: block;
}
.hero--landing.hero--parallax .hero__media video {
height: inherit;
}
.section--horizontal-feature-box {
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
}
.section--horizontal-feature-box h2 {
margin-top: 0;
}
.horizontal-feature-box__img {
margin-bottom: 20px;
}
@media print, screen and (min-width: 48.0625em) {
.horizontal-feature-box__img {
margin-bottom: 0;
}
}
@-webkit-keyframes left-leg {
from {
-webkit-transform: none;
transform: none;
}
to {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
}
@keyframes left-leg {
from {
-webkit-transform: none;
transform: none;
}
to {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
}
@-webkit-keyframes right-leg {
from {
-webkit-transform: none;
transform: none;
}
to {
-webkit-transform: rotate(23deg);
transform: rotate(23deg);
}
}
@keyframes right-leg {
from {
-webkit-transform: none;
transform: none;
}
to {
-webkit-transform: rotate(23deg);
transform: rotate(23deg);
}
}
.page--scroll-tracker .site-header {
display: none;
}
.page--scroll-tracker h1 {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
}
.student-journey {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
min-height: 100vh;
}
.student-journey h2 {
max-width: 960px;
text-transform: uppercase;
font-size: 12vw;
line-height: 0.8;
}
.student-journey h2 .oho-animate:last-child:after {
display: block;
width: 3px;
height: 200px;
content: "";
-webkit-transition: height 0.8s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: height 0.8s cubic-bezier(0.82, 0.06, 0.14, 0.97);
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
-webkit-transform: translateY(80px);
transform: translateY(80px);
background: #222222;
}
.student-journey h2 .oho-animate.oho-animate--ready:last-child:after {
height: 0;
-webkit-transition: none;
transition: none;
}
.horizontal-story-container {
position: relative;
width: 100%;
min-height: 4900vh;
}
.horizontal-story {
position: sticky;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
opacity: calc(var(--scroll-tracker) * 20);
}
.horizontal-story .laptop-cloud {
display: none;
fill: url(#laptop-cloud-gradient);
}
.horizontal-story .background path {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -8%));
transform: translateX(calc(var(--scroll-tracker) * -8%));
opacity: 0.7;
fill: #dfe9f7;
}
.horizontal-story .background path:nth-child(2) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -1%));
transform: translateX(calc(var(--scroll-tracker) * -1%));
}
.horizontal-story .background path:nth-child(3) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -5%));
transform: translateX(calc(var(--scroll-tracker) * -5%));
}
.horizontal-story .background path:nth-child(4) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -1%));
transform: translateX(calc(var(--scroll-tracker) * -1%));
}
.horizontal-story .background path:nth-child(5) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -2%));
transform: translateX(calc(var(--scroll-tracker) * -2%));
}
.horizontal-story .background path.cloud-background--offset-top {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -1%)) translateY(36%);
transform: translateX(calc(var(--scroll-tracker) * -1%)) translateY(36%);
}
.horizontal-story .background:nth-child(3) path,
.horizontal-story .background:nth-child(4) path,
.horizontal-story .background:nth-child(5) path {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -4%));
transform: translateX(calc(var(--scroll-tracker) * -4%));
}
.horizontal-story .background:nth-child(3) path:nth-child(2),
.horizontal-story .background:nth-child(4) path:nth-child(2),
.horizontal-story .background:nth-child(5) path:nth-child(2) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -42%));
transform: translateX(calc(var(--scroll-tracker) * -42%));
}
.horizontal-story .background:nth-child(3) path:nth-child(3),
.horizontal-story .background:nth-child(4) path:nth-child(3),
.horizontal-story .background:nth-child(5) path:nth-child(3) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -43%));
transform: translateX(calc(var(--scroll-tracker) * -43%));
}
.horizontal-story .background:nth-child(3) path:nth-child(4),
.horizontal-story .background:nth-child(4) path:nth-child(4),
.horizontal-story .background:nth-child(5) path:nth-child(4) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -45%));
transform: translateX(calc(var(--scroll-tracker) * -45%));
}
.horizontal-story .background:nth-child(3) path:nth-child(5),
.horizontal-story .background:nth-child(4) path:nth-child(5),
.horizontal-story .background:nth-child(5) path:nth-child(5) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -5%));
transform: translateX(calc(var(--scroll-tracker) * -5%));
}
.laptop__screen, .laptop__keyboard--accent {
fill: #2d3079;
}
.laptop__screen--inner {
fill: #ffffff;
}
.laptop__keyboard {
fill: #71b3e2;
}
.laptop__bars {
fill: #FFCD6B;
}
.laptop__molecules {
fill: #142142;
-webkit-transform: rotate(calc(var(--scroll-tracker) * 0.05deg));
transform: rotate(calc(var(--scroll-tracker) * 0.05deg));
-webkit-transform-origin: 70% 42.1%;
transform-origin: 70% 42.1%;
}
.person {
-webkit-transform: translateX(calc(var(--scroll-tracker) * 0.02%));
transform: translateX(calc(var(--scroll-tracker) * 0.02%));
}
.person .skin {
fill: #4e3a2d;
}
.person .hair,
.person .skirt,
.person .shoe {
fill: #2d3079;
-webkit-transition: 1.4s;
transition: 1.4s;
}
.person .torso {
fill: #aeaed7;
}
.person .sleeve {
fill: #ffffff;
}
.person .mouth {
fill: none;
stroke: #f3f3f3;
stroke-width: 2.7032;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
.leg {
-webkit-transform-origin: 58% 52%;
transform-origin: 58% 52%;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-timing-function: cubic-bezier(0.82, 0.06, 0.14, 0.97);
animation-timing-function: cubic-bezier(0.82, 0.06, 0.14, 0.97);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
.leg--right {
-webkit-animation-name: right-leg;
animation-name: right-leg;
}
.leg--left {
-webkit-animation-name: left-leg;
animation-name: left-leg;
}
.grounds {
-webkit-transform: translateY(6.1%);
transform: translateY(6.1%);
}
.grounds line {
fill: none;
stroke: #97d1ed;
stroke-width: 4.1196;
stroke-linecap: round;
stroke-miterlimit: 10;
-webkit-transform: translateX(calc(var(--scroll-tracker) * -2%));
transform: translateX(calc(var(--scroll-tracker) * -2%));
}
.grounds line:nth-child(2) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -3%));
transform: translateX(calc(var(--scroll-tracker) * -3%));
}
.grounds line:nth-child(3) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -5%));
transform: translateX(calc(var(--scroll-tracker) * -5%));
}
.grounds line:nth-child(3) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -12%));
transform: translateX(calc(var(--scroll-tracker) * -12%));
}
.ground:nth-child(3) path,
.ground:nth-child(4) path,
.ground:nth-child(5) path {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -114%));
transform: translateX(calc(var(--scroll-tracker) * -114%));
}
.ground:nth-child(3) path:nth-child(2),
.ground:nth-child(4) path:nth-child(2),
.ground:nth-child(5) path:nth-child(2) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -142%));
transform: translateX(calc(var(--scroll-tracker) * -142%));
}
.ground:nth-child(3) path:nth-child(3),
.ground:nth-child(4) path:nth-child(3),
.ground:nth-child(5) path:nth-child(3) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -143%));
transform: translateX(calc(var(--scroll-tracker) * -143%));
}
.ground:nth-child(3) path:nth-child(4),
.ground:nth-child(4) path:nth-child(4),
.ground:nth-child(5) path:nth-child(4) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -145%));
transform: translateX(calc(var(--scroll-tracker) * -145%));
}
.ground:nth-child(3) path:nth-child(5),
.ground:nth-child(4) path:nth-child(5),
.ground:nth-child(5) path:nth-child(5) {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -143%));
transform: translateX(calc(var(--scroll-tracker) * -143%));
}
.horizontal-story--content {
position: relative;
z-index: 3;
min-height: 100vh;
}
.horizontal-story--content .initial-12 {
padding: 2.5rem;
background: rgba(255, 255, 255, 0.5);
}
@media print, screen and (min-width: 48.0625em) {
.horizontal-story--content .initial-12 {
padding: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.horizontal-story--content .initial-12 {
padding: 3.75rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.horizontal-story--content .initial-12 {
padding-left: 10%;
}
}
.st17 {
fill: #a0dadc;
}
.st18 {
opacity: 0.15;
}
.st19 {
fill: #875c35;
}
.st20 {
fill: #77685a;
}
.st21 {
fill: #517c7d;
}
.st22 {
fill: #fcb773;
}
.st23 {
fill: #d39053;
}
.st24 {
fill: #aa774d;
}
.st25 {
fill: #f37c73;
}
.st26 {
fill: #a99989;
}
.st27,
.bush {
fill: #2d7138;
}
.st28 {
fill: #d2923b;
}
.st29 {
fill: #61bd63;
}
.st30 {
fill: #b9d248;
}
.st31 {
fill: #ffe2c0;
}
.st32 {
fill: #c65856;
}
.st33 {
fill: #6384c2;
}
.st34 {
fill: #416299;
}
.st35 {
fill: #444544;
}
.st36 {
fill: #666766;
}
.st37 {
fill: #e7f1f4;
}
.st38 {
fill: #747d53;
}
.st39 {
fill: #586039;
}
.st40 {
fill: #c7c6c6;
}
.st41 {
fill: #f99d1c;
}
.city .buildings-left {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -113%));
transform: translateX(calc(var(--scroll-tracker) * -113%));
}
.city .house {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -135%));
transform: translateX(calc(var(--scroll-tracker) * -135%));
}
.city .trees {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -142%));
transform: translateX(calc(var(--scroll-tracker) * -142%));
}
.city .buildings-right {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -183%));
transform: translateX(calc(var(--scroll-tracker) * -183%));
}
.city .car {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -204%));
transform: translateX(calc(var(--scroll-tracker) * -204%));
}
.city .van {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -235%));
transform: translateX(calc(var(--scroll-tracker) * -235%));
}
.city .suv {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -245%));
transform: translateX(calc(var(--scroll-tracker) * -245%));
}
.city .sign {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -235%));
transform: translateX(calc(var(--scroll-tracker) * -235%));
}
.timeline-outer {
-webkit-transform: translateX(12%);
transform: translateX(12%);
}
.timeline {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -350%)) translateY(10%);
transform: translateX(calc(var(--scroll-tracker) * -350%)) translateY(10%);
}
.timeline .purple-fill, .timeline__point {
fill: #2d3079;
}
.timeline__info-bubble .text {
fill: #ffffff;
}
.timeline__line {
stroke: #2d3079;
stroke-width: 8px;
}
.workingst17 {
opacity: 0.73;
fill: #ffffff;
}
.workingst18 {
fill: #d4dbe1;
}
.workingst19 {
fill: #86c0e9;
}
.workingst20 {
fill: #5d554e;
}
.workingst21 {
fill: #3d4246;
}
.workingst22 {
fill: #34383b;
}
.workingst23 {
fill: #efa986;
}
.workingst24 {
fill: #fdcda3;
}
.workingst25 {
fill: #e2d2ca;
}
.workingst26 {
fill: #4a5055;
}
.workingst27 {
fill: #d7d6d6;
}
.workingst28 {
fill: #c98462;
}
.workingst29 {
fill: #df9e7d;
}
.workingst30 {
fill: #e9e8e8;
}
.workingst31 {
fill: #bcd5ef;
}
.workingst32 {
fill: #767676;
}
.workingst33 {
fill: #ffffff;
}
.workingst34 {
fill: url(#SVGID_1_);
}
.workingst35 {
fill: url(#SVGID_2_);
}
.workingst36 {
fill: url(#SVGID_3_);
}
.workingst37 {
fill: #c5ccd1;
}
.workingst38 {
fill: url(#SVGID_4_);
}
.workingst39 {
fill: #e0e1e0;
}
.workingst40 {
fill: #b9b9b9;
}
.workingst41 {
fill: #d9d9d8;
}
.workingst42 {
fill: url(#SVGID_5_);
}
.workingst43 {
fill: url(#SVGID_6_);
}
.workingst44 {
fill: #d64e4b;
}
.workingst45 {
fill: #2a2c47;
}
.workingst46 {
fill: #3e426b;
}
.workingst47 {
fill: #d0beb6;
}
.workingst48 {
fill: #23263d;
}
.workingst49 {
fill: #f15c5b;
}
.workingst50 {
fill: #807167;
}
.workingst51 {
fill: #191b2b;
}
.workingst52 {
fill: #a77961;
}
.workingst53 {
fill: #b1403e;
}
.workingst54 {
fill: #292c45;
}
.workingst55 {
fill: #eddad3;
}
.workingst56 {
fill: #f5f6f6;
}
.workingst57 {
fill: #62a9dc;
}
.workingst58 {
fill: #3983c4;
}
.workingst59 {
fill: #1a5a8d;
}
.workingst60 {
fill: #2274b5;
}
.workingst61 {
fill: #3a88c8;
}
.workingst62 {
fill: url(#SVGID_7_);
}
.workingst63 {
fill: url(#SVGID_8_);
}
.workingst64 {
fill: url(#SVGID_9_);
}
.workingst65 {
fill: url(#SVGID_10_);
}
.workingst66 {
fill: url(#SVGID_11_);
}
.workingst67 {
fill: url(#SVGID_12_);
}
.workingst68 {
fill: #706966;
}
.workingst69 {
fill: #ccbdb7;
}
.workingst70 {
fill: #998e89;
}
.workingst71 {
fill: #b59074;
}
.workingst72 {
fill: #fcb557;
}
.workingst73 {
fill: #434873;
}
.workingst74 {
fill: #3b4048;
}
.workingst75 {
fill: #323757;
}
.workingst76 {
fill: #928783;
}
.workingst77 {
fill: #5f5955;
}
.workingst78 {
fill: #bfb2ac;
}
.workingst79 {
fill: #b9aca6;
}
.workingst80 {
fill: #f6f7fb;
}
.workingst81 {
fill: #928681;
}
.workingst82 {
fill: #dfe1e8;
}
.workingst83 {
fill: #a0dadc;
}
.workingst84 {
opacity: 0.15;
}
.workingst85 {
fill: #875c35;
}
.workingst86 {
fill: #77685a;
}
.workingst87 {
fill: #517c7d;
}
.workingst88 {
fill: #fcb773;
}
.workingst89 {
fill: #d39053;
}
.workingst90 {
fill: #aa774d;
}
.workingst91 {
fill: #f37c73;
}
.workingst92 {
fill: #a99989;
}
.workingst93 {
fill: #2d7138;
}
.workingst94 {
fill: #d2923b;
}
.workingst95 {
fill: #61bd63;
}
.workingst96 {
fill: #b9d248;
}
.workingst97 {
fill: #ffe2c0;
}
.workingst98 {
fill: #c65856;
}
.workingst99 {
fill: #6384c2;
}
.workingst100 {
fill: #416299;
}
.workingst101 {
fill: #444544;
}
.workingst102 {
fill: #666766;
}
.workingst103 {
fill: #e7f1f4;
}
.workingst104 {
fill: #747d53;
}
.workingst105 {
fill: #586039;
}
.workingst106 {
fill: #c7c6c6;
}
.workingst107 {
fill: #f99d1c;
}
.workingst108 {
fill: none;
stroke: #2b2e74;
stroke-width: 7;
stroke-miterlimit: 10;
}
.working-left {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -155%));
transform: translateX(calc(var(--scroll-tracker) * -155%));
}
.working-middle {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -140%));
transform: translateX(calc(var(--scroll-tracker) * -140%));
}
.working-right {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -129%));
transform: translateX(calc(var(--scroll-tracker) * -129%));
}
.landscape-scrolltracker__scene {
min-height: 400vh;
}
.landscape-scrolltracker__scene svg {
position: sticky;
top: 0;
height: 100vh;
}
.landscape-scrolltracker__item--night .landscape-scrolltracker__scene svg > g {
-webkit-transform: translateX(calc(var(--scroll-tracker) * 55%));
transform: translateX(calc(var(--scroll-tracker) * 55%));
}
.landscape-scrolltracker__item--night .landscape-scrolltracker__scene #night_water {
-webkit-transform: none;
transform: none;
}
.landscape-scrolltracker__item--night .landscape-scrolltracker__scene .night_water__glare {
-webkit-transform: translateX(14%);
transform: translateX(14%);
}
.landscape-scrolltracker__item--night .landscape-scrolltracker__scene .night_water__glare path {
-webkit-transform: rotateY(calc(var(--scroll-tracker) * 15deg));
transform: rotateY(calc(var(--scroll-tracker) * 15deg));
-webkit-transform-origin: 58% 63%;
transform-origin: 58% 63%;
}
.landscape-scrolltracker__item--night .landscape-scrolltracker__scene .night_water__streaks {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -42%));
transform: translateX(calc(var(--scroll-tracker) * -42%));
}
.landscape-scrolltracker__item--night .landscape-scrolltracker__scene #night_stars {
-webkit-transform: none;
transform: none;
}
.landscape-scrolltracker__item--night .landscape-scrolltracker__scene #night_foreground-land,
.landscape-scrolltracker__item--night .landscape-scrolltracker__scene #night_foreground-foliage {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -42%));
transform: translateX(calc(var(--scroll-tracker) * -42%));
}
.landscape-scrolltracker__item--night .landscape-scrolltracker__scene #night_sun {
-webkit-transform: translateY(calc(var(--scroll-tracker) * -34%));
transform: translateY(calc(var(--scroll-tracker) * -34%));
}
.landscape-scrolltracker__item--spring,
.landscape-scrolltracker__item--sunset {
position: relative;
}
.landscape-scrolltracker__item--spring svg,
.landscape-scrolltracker__item--sunset svg {
z-index: 2;
}
.landscape-scrolltracker__item--spring .landscape-scrolltracker__scene:after,
.landscape-scrolltracker__item--sunset .landscape-scrolltracker__scene:after {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 350vh;
margin-top: calc(var(--scroll-tracker) * -219%);
content: "";
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.landscape-scrolltracker__item--sunset .landscape-scrolltracker__scene:after {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(153, 26, 9, 0)), color-stop(35%, rgb(153, 26, 9)));
background: linear-gradient(to bottom, rgba(153, 26, 9, 0) 0%, rgb(153, 26, 9) 35%);
}
.landscape-scrolltracker__item--spring .landscape-scrolltracker__scene:after {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(156, 193, 222, 0)), color-stop(35%, rgb(156, 193, 222)));
background: linear-gradient(to bottom, rgba(156, 193, 222, 0) 0%, rgb(156, 193, 222) 35%);
}
.landscape-scrolltracker__item--sunset {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.landscape-scrolltracker__item--sunset .landscape-scrolltracker__scene svg > g {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -65%));
transform: translateX(calc(var(--scroll-tracker) * -65%));
}
.landscape-scrolltracker__item--sunset .landscape-scrolltracker__scene #sunset_sun {
-webkit-transform: translateY(calc(var(--scroll-tracker) * 44%)) translateX(calc(var(--scroll-tracker) * -34%));
transform: translateY(calc(var(--scroll-tracker) * 44%)) translateX(calc(var(--scroll-tracker) * -34%));
}
.landscape-scrolltracker__item--sunset .landscape-scrolltracker__scene #sunset_clouds {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -67%));
transform: translateX(calc(var(--scroll-tracker) * -67%));
}
.landscape-scrolltracker__item--sunset .landscape-scrolltracker__scene #sunset_stars {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -45%));
transform: translateX(calc(var(--scroll-tracker) * -45%));
}
.landscape-scrolltracker__item--sunset .landscape-scrolltracker__scene #sunset_birds {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -71%));
transform: translateX(calc(var(--scroll-tracker) * -71%));
}
.landscape-scrolltracker__item--spring svg > g {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -55%));
transform: translateX(calc(var(--scroll-tracker) * -55%));
}
.landscape-scrolltracker__item--spring #spring_trees-foreground {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -35%));
transform: translateX(calc(var(--scroll-tracker) * -35%));
}
.landscape-scrolltracker__item--spring #spring_water,
.landscape-scrolltracker__item--spring #spring_sky,
.landscape-scrolltracker__item--spring #spring_foreground-hill,
.landscape-scrolltracker__item--spring #spring_stars-dots,
.landscape-scrolltracker__item--spring #spring_stars-twinkle {
-webkit-transform: none;
transform: none;
}
.landscape-scrolltracker__item--spring #spring_water-accents {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -23%));
transform: translateX(calc(var(--scroll-tracker) * -23%));
}
.landscape-scrolltracker__item--spring #spring_mountains-right {
-webkit-transform: none;
transform: none;
}
.landscape-scrolltracker__item--spring #spring_mountains-right > g:first-child {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -18%));
transform: translateX(calc(var(--scroll-tracker) * -18%));
}
.landscape-scrolltracker__item--spring #spring_mountains-right > g:nth-child(2) {
-webkit-transform: translateY(5%) translateX(calc(var(--scroll-tracker) * -16%));
transform: translateY(5%) translateX(calc(var(--scroll-tracker) * -16%));
}
.landscape-scrolltracker__item--spring #spring_light-house,
.landscape-scrolltracker__item--spring #spring_background-trees {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -15%));
transform: translateX(calc(var(--scroll-tracker) * -15%));
}
.landscape-scrolltracker__item--spring #spring_sailboat_sail-boat--left {
-webkit-transform: translateX(calc(var(--scroll-tracker) * -35%));
transform: translateX(calc(var(--scroll-tracker) * -35%));
}
.landscape-scrolltracker__item--spring #spring_moon {
-webkit-transform: translateY(calc(var(--scroll-tracker) * -35%));
transform: translateY(calc(var(--scroll-tracker) * -35%));
}
.stat-journey-block {
position: sticky;
z-index: 2;
top: 6.25rem;
left: 6.25rem;
overflow: hidden;
max-width: 550px;
padding: 40px;
color: #ffffff;
border-radius: 10px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(121, 37, 72, 0.4)), to(rgba(94, 27, 56, 0.8)));
background: linear-gradient(to bottom, rgba(121, 37, 72, 0.4) 0%, rgba(94, 27, 56, 0.8) 100%);
}
.stat-journey-block .h1 {
font-size: 120px;
}
.landscape-scrolltracker__item--sunset .stat-journey-block {
top: 36%;
right: 0;
left: 0;
max-width: 1020px;
margin: auto;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(147, 15, 14, 0.4)), to(rgba(173, 51, 26, 0.8)));
background: linear-gradient(to bottom, rgba(147, 15, 14, 0.4) 0%, rgba(173, 51, 26, 0.8) 100%);
}
.landscape-scrolltracker__item--sunset .stat-journey-block .grid-x {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.landscape-scrolltracker__item--spring .stat-journey-block {
right: 100px;
left: auto;
float: right;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(39, 85, 133)), to(rgba(36, 30, 59, 0.8)));
background: linear-gradient(to bottom, rgb(39, 85, 133) 0%, rgba(36, 30, 59, 0.8) 100%);
}
.student-journey--adventure h2 {
color: #ffffff;
}
.student-journey--adventure h2 .oho-animate:last-child:after {
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
width: 100vw;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(121, 37, 72)), to(rgb(115, 63, 105)));
background: linear-gradient(to bottom, rgb(121, 37, 72) 0%, rgb(115, 63, 105) 100%);
}
.student-journey--adventure h2 .oho-animate:not(.oho-animate--ready):last-child:after {
height: 110vh;
}
.image-grid {
margin: auto;
max-width: 90.625rem;
}
@media print, screen and (min-width: 40.0625em) {
.image-grid .glide__slides {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-left: -1.25rem;
margin-right: -1.25rem;
}
}
@media print, screen and (min-width: 40.0625em) and (min-width: 48.0625em) {
.image-grid .glide__slides {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
}
@media print, screen and (min-width: 40.0625em) {
.image-grid .glide__arrows {
display: none;
}
}
.image-grid-item {
max-width: var(--max-width);
}
@media print, screen and (min-width: 40.0625em) {
.image-grid-item {
padding: 0.3125rem;
display: block;
height: auto;
}
.image-grid-item__toggle {
position: absolute;
top: 0;
right: 0;
padding: 0.5em 0.5625em;
text-align: center;
color: #142142;
background-color: #ffffff;
font-size: 1.25rem;
}
.image-grid-item__toggle:before {
font-family: "Font Awesome 5 Pro";
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
content: "\f424";
font-weight: 300;
}
.image-grid-item__toggle:hover {
background-color: #ffffff;
}
}
.image-grid-item figure {
margin: 0;
position: relative;
}
@media print, screen and (min-width: 48.0625em) {
.image-grid-item figure:before {
content: "";
width: 100%;
height: 33%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 33, 66, 0)), color-stop(66.52%, rgba(20, 33, 66, 0.9)));
background: linear-gradient(180deg, rgba(20, 33, 66, 0) 0%, rgba(20, 33, 66, 0.9) 66.52%);
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
}
.image-grid-item .aspect-ratio-frame {
background-color: #142142;
}
.image-grid-item figcaption {
width: 100%;
display: block;
font-style: normal;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
@media print, screen and (min-width: 48.0625em) {
.image-grid-item figcaption {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
padding: 1.875rem 1.875rem 1.25rem;
color: #ffffff;
font-weight: 600;
}
}
.image-grid-item__link {
position: relative;
display: block;
margin: 0 auto;
line-height: 1;
overflow: hidden;
}
.image-grid-item__link img {
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.42, 0.08, 0.06, 0.98), -webkit-filter 0.6s cubic-bezier(0.42, 0.08, 0.06, 0.98);
transition: -webkit-transform 0.6s cubic-bezier(0.42, 0.08, 0.06, 0.98), -webkit-filter 0.6s cubic-bezier(0.42, 0.08, 0.06, 0.98);
transition: transform 0.6s cubic-bezier(0.42, 0.08, 0.06, 0.98), filter 0.6s cubic-bezier(0.42, 0.08, 0.06, 0.98);
transition: transform 0.6s cubic-bezier(0.42, 0.08, 0.06, 0.98), filter 0.6s cubic-bezier(0.42, 0.08, 0.06, 0.98), -webkit-transform 0.6s cubic-bezier(0.42, 0.08, 0.06, 0.98), -webkit-filter 0.6s cubic-bezier(0.42, 0.08, 0.06, 0.98);
}
.image-grid-item__link:hover img, .image-grid-item__link:focus img {
-webkit-transform: scale(1.07);
transform: scale(1.07);
-webkit-filter: grayscale(60%);
filter: grayscale(60%);
}
.image-grid-item__expand {
position: absolute;
top: 0;
right: 0;
display: block;
padding: 0.5em;
background-color: #ffffff;
font-size: 1.25rem;
}
@media screen and (max-width: 40.06125em) {
.image-grid-item {
padding: 0;
}
.image-grid-item__toggle {
display: none;
}
}
.image-messaging-pairs {
margin-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.image-messaging-pairs {
margin-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.image-messaging-pairs {
margin-top: 0.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.image-messaging-pairs {
padding: 0 1.25rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.image-messaging-pairs {
padding-right: 2.5rem;
padding-left: 2.5rem;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
}
@media print, screen and (min-width: 48.0625em) {
.image-messaging-pairs__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
}
@media print, screen and (min-width: 48.0625em) {
.image-messaging-pairs .tabs__panel {
padding-left: 2.5rem;
margin-top: 0.875rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.image-messaging-pairs .tabs__panel {
width: 60rem;
width: 75%;
padding-right: 4.6875rem;
}
}
.image-messaging-pairs .tabs {
position: relative;
}
@media print, screen and (min-width: 64.0625em) {
.image-messaging-pairs .tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media print, screen and (min-width: 48.0625em) {
.image-messaging-pairs .tabs__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media print, screen and (min-width: 64.0625em) {
.image-messaging-pairs .tabs__buttons {
width: 100%;
max-width: 25%;
-webkit-transform: translateY(-72%);
transform: translateY(-72%);
position: relative;
display: block;
}
}
.image-messaging-pairs .tabs__buttons::before {
content: "";
width: 0.0625rem;
height: calc(var(--scroll-tracker) * 118vh);
background-color: #ffffff;
opacity: 0.15;
position: absolute;
left: 1.25rem;
}
@media screen and (min-width: 48.0625em) and (max-width: 64.06125em) {
.image-messaging-pairs .tabs__buttons::before {
left: 0;
}
}
.image-messaging-pairs .tabs__buttons button {
display: block;
text-align: left;
position: relative;
padding: 1.25rem 0.9375rem;
}
@media print, screen and (min-width: 64.0625em) {
.image-messaging-pairs .tabs__buttons button {
color: #ffffff;
padding-left: 1.625rem;
position: relative;
padding: 1.25rem 3.125rem;
}
.image-messaging-pairs .tabs__buttons button.btn {
padding-right: 1.875rem;
}
.image-messaging-pairs .tabs__buttons button:before {
font-family: "Font Awesome 5 Pro";
position: absolute;
padding-right: 1.25rem;
content: "\f178";
font-weight: 300;
color: #ffffff;
font-size: 1.125rem;
line-height: 1;
-webkit-transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
left: 0;
top: 0.1875rem;
}
.image-messaging-pairs .tabs__buttons button:hover:before, .image-messaging-pairs .tabs__buttons button:focus:before {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
}
@media print, screen and (min-width: 64.0625em) {
.image-messaging-pairs .tabs__buttons button:before {
font-size: 1.625rem;
height: 26px;
top: 0;
bottom: 0;
margin: auto;
-webkit-transform: translateX(-30%) !important;
transform: translateX(-30%) !important;
opacity: 0;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
}
.image-messaging-pairs .tabs__buttons button:not([aria-selected=true]) {
background-color: transparent;
}
.image-messaging-pairs .tabs__buttons button:hover, .image-messaging-pairs .tabs__buttons button:focus {
background-color: var(--red);
color: #ffffff;
}
.image-messaging-pairs .tabs__buttons button[aria-selected=true]:before {
opacity: 1;
-webkit-transform: translateX(-20%) !important;
transform: translateX(-20%) !important;
}
.image-messaging-pairs .accordion__button {
border: none;
}
.image-messaging-pairs .accordion__content {
padding: 0;
border: none;
}
@media screen and (max-width: 48.06125em) {
.image-messaging-pairs .accordion + .accordion {
margin-top: 0;
border-top: 0.0625rem solid #ffffff;
}
}
.card--messaging-pairs {
display: block;
color: #222222;
-webkit-transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
position: relative;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
@media print, screen and (min-width: 48.0625em) {
.card--messaging-pairs {
width: calc(50% + 12.5px);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% + 12.5px);
flex: 0 0 calc(50% + 12.5px);
}
}
.card--messaging-pairs p {
font-size: 1rem;
font-weight: 400;
line-height: 1.77;
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
}
@media print, screen and (min-width: 64.0625em) {
.card--messaging-pairs p {
font-size: 1.125rem;
}
}
.card--messaging-pairs:first-child {
position: relative;
z-index: 2;
}
@media print, screen and (min-width: 48.0625em) {
.card--messaging-pairs:first-child {
margin-right: -1.5625rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.card--messaging-pairs:last-child {
margin-top: 1.5625rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.card--messaging-pairs .aspect-ratio-frame {
-webkit-filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.15));
filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.15));
border: 0.9375rem solid #ffffff;
}
}
@media print, screen and (min-width: 48.0625em) {
.card--messaging-pairs .card__content {
padding-right: 4.0625rem;
padding-left: 6.25rem;
position: relative;
z-index: 3;
margin-top: -6.25rem;
}
}
.card--messaging-pairs .card__content__inner {
background-color: #ffffff;
}
@media screen and (max-width: 48.06125em) {
.card--messaging-pairs .card__content__inner {
padding: 1.875rem;
}
}
.image-video-slider {
overflow: hidden;
}
.image-video-slider .swiper-container {
overflow: visible;
}
.image-video-slider .swiper-container {
width: calc(100% - 40px);
}
@media screen and (max-width: 48.06125em) {
.image-video-slider .swiper-container {
margin-left: 0;
margin-right: 0;
}
}
@media print, screen and (min-width: 48.0625em) {
.image-video-slider .swiper-container {
width: 80vw;
max-width: 960px;
}
}
@media print, screen and (min-width: 48.0625em) {
.image-video-slider .slider-overflow-container .grid-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.image-video-slider a {
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
}
@media print, screen and (min-width: 48.0625em) {
.image-video-slider .swiper-container-initialized .swiper-slide-visible .aspect-ratio-frame img {
border: 0.625rem solid #ffffff;
}
}
.image-video-slider .swiper-container-initialized .swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible) figcaption {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.image-video-slider .swiper-container-initialized figcaption {
-webkit-transition: 0.6s cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 0.6s cubic-bezier(1, 0.63, 0.47, 0.8);
transition: 0.6s cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 0.6s cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 0.6s cubic-bezier(1, 0.63, 0.47, 0.8), 0.6s cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 0.6s cubic-bezier(1, 0.63, 0.47, 0.8), 0.6s cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 0.6s cubic-bezier(1, 0.63, 0.47, 0.8);
display: block;
position: relative;
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
font-style: normal;
}
@media screen and (min-width: 48.0625em) {
.image-video-slider .slider-navigation {
position: absolute;
top: 18vw;
width: 100%;
}
.image-video-slider .slider-navigation__next {
right: -1.625rem;
}
.image-video-slider .slider-navigation__prev {
left: -1.5625rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.image-video-slider .slider-navigation {
top: 230px;
}
}
.image-video-slider .positions {
font-size: 0.875rem;
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-style: italic;
font-weight: 400;
}
.image-video-slider .btn--tiny {
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: var(--red);
color: #ffffff;
background: var(--red);
}
.image-video-slider .btn--tiny:before, .image-video-slider .btn--tiny:after {
color: #ffffff;
}
.image-video-slider .btn--tiny:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.image-video-slider .btn--tiny:hover:before, .image-video-slider .btn--tiny:hover:after {
color: #222222;
}
.image-video-slider .btn--tiny:focus {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.image-video-slider .btn--tiny:focus:before, .image-video-slider .btn--tiny:focus:after {
color: #ffffff;
}
@media screen and (max-width: 48.06125em) {
.image-video-slider .btn--tiny:disabled {
opacity: 0.5;
}
}
.image-video-slider .swiper-container .swiper-container-initialized .swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible) {
opacity: 0.7;
pointer-events: all;
}
.image-video-slider .swiper-slide.swiper-slide-visible {
margin-right: 0 !important;
}
.image-video-slider .swiper-slide .card__media .aspect-ratio-frame {
text-align: left;
}
.image-video-slider .swiper-slide .card__media .aspect-ratio-frame p {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.image-video-slider .swiper-slide .card__media .aspect-ratio-frame__inner {
padding-left: 0;
}
.image-video-slider.global-padding--transparent .card__media {
color: #ffffff;
}
.image-video-slider.global-padding--transparent .card__media a,
.image-video-slider.global-padding--transparent .card__media .h5 {
color: #ffffff;
}
.image-video-slider.global-padding--transparent .card__media p {
color: #ffffff;
}
.image-video-slider.global-padding--transparent .btn:not(.btn--tiny) {
font-size: 1rem;
padding: 1.875rem 2.5rem;
border-color: #FFCD6B;
color: #ffffff;
background: transparent;
}
.image-video-slider.global-padding--transparent .btn:not(.btn--tiny):before, .image-video-slider.global-padding--transparent .btn:not(.btn--tiny):after {
color: #B1DDF6;
}
.image-video-slider.global-padding--transparent .btn:not(.btn--tiny):hover {
color: var(--red);
border-color: #ffffff;
background: #ffffff;
}
.image-video-slider.global-padding--transparent .btn:not(.btn--tiny):hover:before, .image-video-slider.global-padding--transparent .btn:not(.btn--tiny):hover:after {
color: #222222;
}
.image-video-slider.global-padding--transparent .btn:not(.btn--tiny):focus {
color: #222222;
border-color: #142142;
background: #ffffff;
}
.image-video-slider.global-padding--transparent .btn:not(.btn--tiny):focus:before, .image-video-slider.global-padding--transparent .btn:not(.btn--tiny):focus:after {
color: #222222;
}
.image-video-slider.global-padding--transparent .btn--tiny {
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: #ffffff;
color: #142142;
background: #ffffff;
}
.image-video-slider.global-padding--transparent .btn--tiny:before, .image-video-slider.global-padding--transparent .btn--tiny:after,
.image-video-slider.global-padding--transparent .btn--tiny path {
color: var(--red);
fill: var(--red);
}
.image-video-slider.global-padding--transparent .btn--tiny:hover {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.image-video-slider.global-padding--transparent .btn--tiny:hover:before, .image-video-slider.global-padding--transparent .btn--tiny:hover:after,
.image-video-slider.global-padding--transparent .btn--tiny:hover path {
color: #ffffff;
fill: #ffffff;
}
.image-video-slider.global-padding--transparent .btn--tiny:focus {
color: #ffffff;
border-color: #006BA6;
background: #006BA6;
}
.image-video-slider.global-padding--transparent .btn--tiny:focus:before, .image-video-slider.global-padding--transparent .btn--tiny:focus:after {
color: #ffffff;
fill: #ffffff;
}
.jump-nav {
position: sticky;
top: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.9375rem;
}
.jump-nav a {
padding-left: 1.25rem;
position: relative;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
font-weight: 600;
text-transform: capitalize;
}
.jump-nav a:before {
content: "\f322";
font-weight: 300;
font-family: "Font Awesome 5 Pro";
position: absolute;
left: 0;
}
@media screen and (max-width: 64.06125em) {
.listing-layout {
padding-top: 0;
padding-bottom: 0;
}
}
.listing-layout__wrapper--card {
padding-right: 0;
padding-left: 0;
max-width: 1260px;
margin-left: auto;
margin-right: auto;
}
.listing-layout__wrapper--card li:nth-child(odd) {
background-color: var(--gray--light);
}
.listing-layout h3 {
margin-bottom: 0;
margin-top: 0;
}
.listing-layout .card {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media print, screen and (min-width: 64.0625em) {
.listing-layout .card {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
@media screen and (max-width: 48.06125em) {
.listing-layout .card {
padding-top: 0;
padding-bottom: 1.875rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.listing-layout .card__content__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
}
@media screen and (min-width: 48.0625em) {
.listing-layout .card__content__inner {
padding-top: 4.375rem;
}
}
.listing-layout .listing-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.listing-layout .listing-item .card__media {
height: 14.375rem;
}
@media screen and (min-width: 48.0625em) {
.listing-layout .listing-item .card__media {
width: 22.5rem;
margin-right: 3.125rem;
}
}
@media screen and (max-width: 48.06125em) {
.listing-layout .listing-item .card__media {
height: 100%;
width: 100%;
}
}
.listing-layout .listing-item .card__content__inner {
padding-top: 30px;
padding-right: 3.125rem;
padding-left: 3.125rem;
}
@media print, screen and (min-width: 48.0625em) {
.listing-layout .listing-item .card__content__inner {
padding-top: 0;
}
}
@media screen and (max-width: 75.06125em) {
.listing-layout .listing-item .card__content__inner {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
@media screen and (min-width: 64.0625em) {
.listing-layout .listing-item .card__content__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-right: 2.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.listing-layout .optional-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 64.06125em) {
.listing-layout h3 {
margin-top: 1.875rem;
}
}
.location-highilight__featured img {
position: relative;
z-index: 2;
}
.location-highilight__featured .h2--alt {
color: var(--red);
}
@media print, screen and (min-width: 48.0625em) {
.location-highilight__featured__content {
padding-bottom: 6.5625rem;
max-width: 41.25rem;
}
}
.location-highilight__grid {
max-width: 91.25rem;
margin-left: auto;
margin-right: auto;
margin-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.location-highilight__grid {
margin-top: -2.8125rem;
}
}
.location-highilight__grid .image-grid-item {
width: 100%;
}
.location-highilight__grid .aspect-ratio-frame {
overflow: hidden;
}
.location-highilight__grid__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.875rem 0;
}
@media print, screen and (min-width: 48.0625em) {
.location-highilight__grid__inner {
margin: 0 -0.3125rem;
}
}
@media screen and (max-width: 48.06125em) {
.location-highilight__grid__column-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.875rem 0;
}
}
@media print, screen and (min-width: 48.0625em) {
.location-highilight__grid__column-left {
width: 44%;
}
}
.location-highilight__grid__column-left .image-grid-item {
margin-left: auto;
}
.location-highilight__grid__column-left .image-grid-item figcaption {
right: 0;
left: auto;
max-width: 31.875rem;
}
@media screen and (max-width: 48.06125em) {
.location-highilight__grid__column-left .image-grid-item figcaption {
padding: 0 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.location-highilight__grid__column-right {
width: 56%;
}
}
.location-highilight__grid figure {
width: 100%;
}
.location-highilight__grid figcaption {
max-width: 41.25rem;
}
#UM-Rankin,
#UM-MedicalCenter,
#UM-Grenada,
#UM-Desoto,
#UM-Booneville,
#UM-Tupelo,
#UM-Oxford {
opacity: 0.3;
}
.rankin-active #UM-Rankin {
opacity: 1;
}
.medical-center-active #UM-MedicalCenter {
opacity: 1;
}
.grenada-active #UM-Grenada {
opacity: 1;
}
.desoto-active #UM-Desoto {
opacity: 1;
}
.booneville-active #UM-Booneville {
opacity: 1;
}
.tupelo-active #UM-Tupelo {
opacity: 1;
}
.oxford-active #UM-Oxford {
opacity: 1;
}
.more-less {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.more-less .grid-container {
width: 100%;
}
.more-less__content {
width: 100%;
}
.more-less [data-more-less-content] {
position: relative;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.more-less [data-more-less-toggle],
.more-less .more-less__toggle {
display: none;
font-size: 0.875rem;
line-height: 18px;
font-weight: 700;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
position: absolute;
bottom: 0;
left: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
color: var(--gray--dark);
}
@media print, screen and (min-width: 48.0625em) {
.more-less [data-more-less-toggle],
.more-less .more-less__toggle {
font-size: 1rem;
line-height: 20px;
}
}
@media print, screen and (min-width: 64.0625em) {
.more-less [data-more-less-toggle],
.more-less .more-less__toggle {
font-size: 1rem;
line-height: 20px;
}
}
.more-less [data-more-less-toggle]:after,
.more-less .more-less__toggle:after {
content: "\f067";
font-family: "Font Awesome 5 Pro";
padding-left: 0.5rem;
font-weight: 300;
color: var(--red);
margin-bottom: -1px;
font-size: 1rem;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease;
}
.more-less [data-more-less-toggle]:after:hover,
.more-less .more-less__toggle:after:hover {
color: var(--gray--dark);
}
.more-less [data-more-less-toggle] span,
.more-less .more-less__toggle span {
-webkit-transition: color text-decoration 0.5s ease;
transition: color text-decoration 0.5s ease;
}
.more-less [data-more-less-toggle] span:hover,
.more-less .more-less__toggle span:hover {
color: var(--red);
text-decoration: underline;
text-underline-offset: 0.2em;
}
.more-less[data-more-less-init] [data-more-less-toggle],
.more-less[data-more-less-init] .more-less__toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.more-less[data-more-less-init=items] [data-more-less-item]:nth-child(5) ~ [data-more-less-item] {
display: none;
}
.more-less.more-less-open [data-more-less-content] {
max-height: none !important;
-webkit-line-clamp: unset;
}
.more-less.more-less-open [data-more-less-item] {
display: block !important;
}
.more-less.more-less-open [data-more-less-toggle],
.more-less.more-less-open .more-less__toggle {
display: contents;
}
.more-less.more-less-open [data-more-less-toggle]:after,
.more-less.more-less-open .more-less__toggle:after {
content: "\f068";
}
:root:not(.oho-js) .more-less__content {
max-height: none !important;
}
:root:not(.oho-js) .more-less__item {
display: block !important;
}
:root:not(.oho-js) .more-less:after,
:root:not(.oho-js) .more-less__toggle,
.more-less--inactive:after,
.more-less--inactive .more-less__toggle {
display: none;
}
.news-feature-recurring .h3--large,
.news-feature-recurring .h3--small {
line-height: 1.875rem;
}
@media screen and (max-width: 48.06125em) {
.news-feature-recurring .section-heading h2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.news-feature-recurring .eyebrow {
font-weight: 400;
}
@media screen and (max-width: 48.06125em) {
.news-feature-recurring .section-heading .intro-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.news-feature-recurring .oho-rfl__results-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.5rem;
width: 100%;
}
.news-feature-recurring .oho-rfl__result-item {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
/* align-items: flex-end; FIX NEWS FEATURE*/
}
@media print, screen and (min-width: 48.0625em) {
.news-feature-recurring .oho-rfl__result-item {
width: 33.3%;
}
}
@media screen and (max-width: 48.06125em) {
.news-feature-recurring .oho-rfl__results-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.news-feature-recurring__main-story p {
font-size: 1rem;
font-weight: 400;
line-height: 1.77;
/* font-family: ibm-plex-serif, serif; */
font-family: "IBM Plex Serif", serif;
}
@media print, screen and (min-width: 64.0625em) {
.news-feature-recurring__main-story p {
font-size: 1.125rem;
}
}
@media screen and (max-width: 48.06125em) {
.news-feature-recurring__main-story .medium-8 {
width: calc(100% + 2.5rem);
margin-right: -1.25rem;
margin-left: -1.25rem;
}
}
@media screen and (max-width: 48.06125em) and (min-width: 48.0625em) {
.news-feature-recurring__main-story .medium-8 {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
}
@media screen and (min-width: 90.0625em) {
.news-feature-recurring__main-story--content {
padding-left: 1.25rem;
}
}
.news-feature-recurring .offset-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.25rem;
}
@media screen and (max-width: 48.06125em) {
.news-feature-recurring .offset-grid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: clamp(20px, 16vw, 40px);
}
}
.news-feature-recurring .aspect-ratio-frame img {
z-index: 2;
}
.news-feature-recurring .btn {
white-space: nowrap;
}
.news-feature-recurring .card,
.news-feature-recurring .card--xsmall {
text-align: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.news-feature-recurring .card .card__content__inner,
.news-feature-recurring .card--xsmall .card__content__inner {
padding: 0;
}
.news-feature-recurring__lower-wrapper {
margin-top: 1.875rem;
}
@media print, screen and (min-width: 64.0625em) {
.news-feature-recurring__lower-wrapper {
margin-top: 2.5rem;
}
}
@media screen and (max-width: 48.06125em) {
.news-feature-recurring .grid-x {
gap: 1.25rem;
}
}
@media screen and (min-width: 75.0625em) {
.news-feature-recurring .offset-grid-container--padded:before {
bottom: 0px;
}
}
@media screen and (min-width: 90.0625em) {
.news-feature-recurring .aspect-ratio-frame {
width: 900px;
}
}
@media screen and (min-width: 75.0625em) {
.news-feature-recurring .offset-grid-container-outer + .offset-grid-container-outer {
margin-top: -2.8125rem;
}
.news-feature-recurring .offset-grid-container-outer + .offset-grid-container-outer .offset-grid-container--padded {
padding-top: 2.8125rem;
}
}
@media screen and (max-width: 48.06125em) {
.news-feature-recurring .offset-grid-container-outer + .offset-grid-container-outer {
margin-top: 1.875rem;
}
}
.news-feature-recurring.global-padding--transparent .section-heading h2 span {
color: var(--blue--light);
}
.news-feature-recurring.global-padding--transparent a:not(.btn) {
color: #ffffff;
}
.news-feature-recurring.global-padding--transparent .eyebrow {
color: #ffffff;
}
.news-feature-recurring.global-padding--transparent p {
color: #ffffff;
}
.news-feature-recurring.global-padding--transparent .offset-grid-container--padded:before {
background: #113053;
}
.news-feature-recurring.global-padding--transparent .offset-grid-container--padded {
background: #113053;
}
.offset-slider {
overflow-x: hidden;
}
.offset-slider .slick-list {
overflow: visible !important;
}
.offset-slider .slick-track {
left: -3.5rem;
}
.offset-slider__item {
width: calc(100vw - 8rem);
margin: 0 1rem;
}
.offset-slider__item > img {
width: 100%;
height: 100%;
}
@media print, screen and (min-width: 48.0625em) {
.offset-slider .slick-track {
left: 0;
}
.offset-slider__item {
width: calc(50vw - 6rem);
}
}
@media print, screen and (min-width: 64.0625em) {
.offset-slider--three {
margin: 0 -1rem;
}
.offset-slider--three .offset-slider__item {
float: left;
width: calc(33.333% - 2rem);
}
.offset-slider--unlimited .offset-slider__item {
width: calc(33.333vw - 4rem);
}
}
.mobile-offset-slider,
.slider-row {
position: relative;
}
@media screen and (min-width: 40.0625em) and (max-width: 48.06125em) {
.mobile-offset-slider,
.slider-row {
padding: 0 0 0 1.25rem;
}
.mobile-offset-slider .slick-slide,
.slider-row .slick-slide {
width: 100%;
max-width: calc(100vw - 120px);
padding: 0;
-webkit-transition: opacity 600ms ease;
transition: opacity 600ms ease;
opacity: 0.6 !important;
}
.mobile-offset-slider .slick-slide[aria-hidden=true],
.slider-row .slick-slide[aria-hidden=true] {
opacity: 0 !important;
}
.mobile-offset-slider .slick-slide.slick-active,
.slider-row .slick-slide.slick-active {
opacity: 1 !important;
}
.mobile-offset-slider .slick-slide[aria-hidden=false] + .slick-slide,
.slider-row .slick-slide[aria-hidden=false] + .slick-slide {
opacity: 0 !important;
}
.mobile-offset-slider .slick-slide img,
.slider-row .slick-slide img {
width: 100%;
max-width: none;
}
}
.photo-gallery {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
overflow: hidden;
background-color: #333333;
}
@media print, screen and (min-width: 48.0625em) {
.photo-gallery {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.photo-gallery {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
}
.photo-gallery .slick-list {
overflow: visible;
padding: 0 !important;
}
.photo-gallery__title {
margin-bottom: 2.5rem;
text-align: center;
letter-spacing: 4px;
text-transform: uppercase;
color: #ffffff;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
}
@media print, screen and (min-width: 48.0625em) {
.photo-gallery__title {
margin-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.photo-gallery__title {
margin-bottom: 5rem;
}
}
.photo-gallery__item {
position: relative;
margin: 0;
}
.photo-gallery__item img {
vertical-align: middle;
}
.photo-gallery__item figcaption p {
pointer-events: auto;
color: #ffffff;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
line-height: 1.5714285714;
}
.photo-gallery__item figcaption p a {
pointer-events: auto;
color: #ffff00;
}
@media print, screen and (min-width: 64.0625em) {
.photo-gallery__item figcaption p {
width: 66%;
}
}
@media print, screen and (min-width: 48.0625em) {
.photo-gallery__item figcaption {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 1.25rem;
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
pointer-events: none;
opacity: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
}
.photo-gallery__item.slick-slide {
z-index: 2;
display: table !important;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0.65;
}
@media (max-width: 580px) {
.photo-gallery__item.slick-slide {
width: 300px;
}
}
.photo-gallery__item.slick-current {
z-index: 3;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
@media print, screen and (min-width: 48.0625em) {
.photo-gallery__item.slick-current {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.photo-gallery__item.slick-current:hover figcaption {
opacity: 1;
}
}
.photo-gallery__gallery .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1em 0 3em;
}
.photo-gallery__gallery .slick-prev {
left: 1.25rem;
}
@media (min-width: 75em) {
.photo-gallery__gallery .slick-prev {
left: calc(50% - 600px);
}
}
.photo-gallery__gallery .slick-next {
right: 1.25rem;
}
@media (min-width: 75em) {
.photo-gallery__gallery .slick-next {
right: calc(50% - 600px);
}
}
.profile-feature-slider {
overflow: hidden;
}
.profile-feature-slider .swiper-container {
overflow: visible;
}
.profile-feature-slider .swiper-container-initialized .swiper-slide {
-webkit-transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: opacity 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
opacity: 0.6;
}
.profile-feature-slider .swiper-container-initialized .swiper-slide-visible {
opacity: 1;
}
.profile-feature-slider .swiper-container-initialized .swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible) {
opacity: 0.2;
}
@media screen and (max-width: 36.875em) {
.profile-feature-slider .swiper-container-initialized .swiper-slide-visible {
opacity: 0.2;
}
.profile-feature-slider .swiper-container-initialized .swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible) {
opacity: 0.2;
}
.profile-feature-slider .swiper-container-initialized .swiper-slide-active {
opacity: 1;
}
}
.profile-feature-slider h3 {
font-size: 1.25rem;
}
.profile-feature-slider h3 a {
text-decoration-thickness: 0.125rem;
}
@media screen and (min-width: 40.0625em) {
.profile-feature-slider .swiper-button-disabled {
display: none;
}
}
@media screen and (max-width: 48.06125em) {
.profile-feature-slider .swiper-button-disabled {
opacity: 0.2;
}
}
.profile-feature-slider .positions {
font-size: 0.875rem;
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-style: italic;
font-weight: 400;
}
.profile-feature-slider .btn--tiny {
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: var(--red);
color: #ffffff;
background: var(--red);
}
.profile-feature-slider .btn--tiny:before, .profile-feature-slider .btn--tiny:after {
color: #ffffff;
}
.profile-feature-slider .btn--tiny:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.profile-feature-slider .btn--tiny:hover:before, .profile-feature-slider .btn--tiny:hover:after {
color: #222222;
}
.profile-feature-slider .btn--tiny:focus {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.profile-feature-slider .btn--tiny:focus:before, .profile-feature-slider .btn--tiny:focus:after {
color: #ffffff;
}
.profile-feature-slider .swiper-container .swiper-container-initialized .swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible) {
opacity: 0.7;
pointer-events: all;
}
@media screen and (max-width: 48.06125em) {
.profile-feature-slider .swiper-container {
width: 270px;
margin-left: 0;
}
}
.profile-feature-slider .swiper-slide {
margin-bottom: 0.3125rem;
}
.profile-feature-slider .swiper-slide .card__content {
text-align: left;
}
.profile-feature-slider.global-padding--transparent .card__content {
background-color: white;
}
.profile-feature-slider.global-padding--transparent .btn:not(.btn--tiny) {
font-size: 1rem;
padding: 1.875rem 2.5rem;
border-color: #FFCD6B;
color: #ffffff;
background: transparent;
}
.profile-feature-slider.global-padding--transparent .btn:not(.btn--tiny):before, .profile-feature-slider.global-padding--transparent .btn:not(.btn--tiny):after {
color: #B1DDF6;
}
.profile-feature-slider.global-padding--transparent .btn:not(.btn--tiny):hover {
color: var(--red);
border-color: #ffffff;
background: #ffffff;
}
.profile-feature-slider.global-padding--transparent .btn:not(.btn--tiny):hover:before, .profile-feature-slider.global-padding--transparent .btn:not(.btn--tiny):hover:after {
color: #222222;
}
.profile-feature-slider.global-padding--transparent .btn:not(.btn--tiny):focus {
color: #222222;
border-color: #142142;
background: #ffffff;
}
.profile-feature-slider.global-padding--transparent .btn:not(.btn--tiny):focus:before, .profile-feature-slider.global-padding--transparent .btn:not(.btn--tiny):focus:after {
color: #222222;
}
.profile-feature-slider.global-padding--transparent .btn--tiny {
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: #ffffff;
color: #142142;
background: #ffffff;
}
.profile-feature-slider.global-padding--transparent .btn--tiny:before, .profile-feature-slider.global-padding--transparent .btn--tiny:after,
.profile-feature-slider.global-padding--transparent .btn--tiny path {
color: var(--red);
fill: var(--red);
}
.profile-feature-slider.global-padding--transparent .btn--tiny:hover {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.profile-feature-slider.global-padding--transparent .btn--tiny:hover:before, .profile-feature-slider.global-padding--transparent .btn--tiny:hover:after,
.profile-feature-slider.global-padding--transparent .btn--tiny:hover path {
color: #ffffff;
fill: #ffffff;
}
.profile-feature-slider.global-padding--transparent .btn--tiny:focus {
color: #ffffff;
border-color: #006BA6;
background: #006BA6;
}
.profile-feature-slider.global-padding--transparent .btn--tiny:focus:before, .profile-feature-slider.global-padding--transparent .btn--tiny:focus:after {
color: #ffffff;
fill: #ffffff;
}
.promo-recurring {
background-color: var(--red);
color: #ffffff;
}
.promo-recurring h2 {
color: #ffffff;
}
.promo-recurring .section-heading .medium-9 {
width: 100%;
}
.promo-recurring .section-heading .global-spacing--xsmall {
color: #ffffff;
margin-top: 0.9375rem;
}
@media print, screen and (min-width: 64.0625em) {
.promo-recurring .section-heading .global-spacing--xsmall {
margin-top: 1.25rem;
}
}
.promo-recurring__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.9375rem;
}
@media screen and (max-width: 48.06125em) {
.promo-recurring__buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.625rem;
}
}
.promo-recurring a:after {
color: var(--blue--medium);
padding-left: 0.75rem;
}
.promo {
color: #ffffff;
}
.promo h2,
.promo p {
margin-top: 1.25rem;
}
.promo .icon {
width: 100%;
}
.promo ol > li::before {
color: #ffffff;
}
.promo .far {
font-size: 60px;
color: #FFCD6B;
}
.question-answer h2 {
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.33;
}
@media print, screen and (min-width: 48.0625em) {
.question-answer h2 {
font-size: 1.375rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.question-answer h2 {
font-size: 1.5rem;
}
}
.question-answer:not(:first-of-type) {
/* margin-top: 2.5rem; Ambassador Detail spacing issues*/
padding-top: 1rem;
padding-bottom: 1rem;
}
@media print, screen and (min-width: 64.0625em) {
.question-answer:not(:first-of-type) {
margin-top: 3.125rem;
}
}
.question-answer__content .title {
margin-top: 0;
}
.question-answer__content .eyebrow {
font-size: 0.75rem;
}
.question-answer__content p {
margin-top: 0.625rem;
padding-right: 2.5rem;
}
.question-answer__content h3 {
margin-bottom: 0;
}
.question-answer__content .sidebar-block .link-arrow {
font-size: 0.875rem;
color: var(--red);
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: var(--red);
-webkit-text-decoration-color: #B1DDF6;
text-decoration-color: #B1DDF6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.question-answer__content .sidebar-block .link-arrow:hover {
color: #B1DDF6;
-webkit-text-decoration-color: rgba(var(--red), 0);
text-decoration-color: rgba(var(--red), 0);
}
.question-answer__content .sidebar-block .link-arrow:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(var(--red), 0);
text-decoration-color: rgba(var(--red), 0);
}
.question-answer__content .sidebar-block .link-arrow:before {
color: var(--gray--accent);
}
.question-answer .more-less-open .more-less__toggle::before {
content: "Show Less";
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: var(--red);
-webkit-text-decoration-color: #B1DDF6;
text-decoration-color: #B1DDF6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.question-answer .more-less-open .more-less__toggle::before:hover {
color: #B1DDF6;
-webkit-text-decoration-color: rgba(var(--red), 0);
text-decoration-color: rgba(var(--red), 0);
}
.question-answer .more-less-open .more-less__toggle::before:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(var(--red), 0);
text-decoration-color: rgba(var(--red), 0);
}
.question-answer .more-less-open .more-less__toggle span {
display: none;
}
@media screen and (max-width: 48.06125em) {
.question-answer p {
font-size: 1rem;
}
.question-answer .more-less__content {
max-height: 9.25rem;
}
}
.question-answer .medium-9 {
margin-right: -0.3125rem;
}
.question-answer__card {
border-bottom: 1px solid var(--gray--line);
padding-bottom: 2.5rem;
}
@media print, screen and (min-width: 64.0625em) {
.question-answer__card {
padding-bottom: 3.125rem;
}
}
@media screen and (max-width: 48.06125em) {
.question-answer__card {
gap: 1.25rem;
}
}
.question-answers .grid-container {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 1270px;
margin-left: auto;
margin-right: auto;
}
.related {
margin-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.related {
margin-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.related {
margin-top: 5rem;
}
}
.resource-area-unique {
background-color: transparent;
}
.resource-area-unique__wrapper {
gap: 1.875rem 0;
color: #ffffff;
}
.resource-area-unique__wrapper p {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
@media screen and (max-width: 48.06125em) {
.resource-area-unique__wrapper {
gap: 1.875rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.resource-area-unique h3 {
margin: 0;
}
@media screen and (max-width: 48.06125em) {
.resource-area-unique h3 {
font-size: 1.125rem;
}
}
.resource-area-unique__card {
background-color: var(--blue--dark);
border: 2px solid var(--blue--medium);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
section.profile-content .resource-area-unique__card a.link-arrow {
color: white !important;
}
@media screen and (min-width: 40.0625em) {
.resource-area-unique__card {
width: calc(50% - 20px);
}
}
.resource-area-unique__card a {
color: #ffffff;
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #006BA6;
text-decoration-color: #006BA6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.resource-area-unique__card a:hover {
color: #ffffff;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.resource-area-unique__card a:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.resource-area-unique .events .icon-list li {
display: block;
}
.resource-area-unique .events .icon-list .link-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.resource-area-unique .events .icon-list .link-arrow::before {
color: var(--yellow);
}
.resource-area-unique .icon-list {
display: grid;
}
.resource-area-unique .icon-list li:not(:first-child) {
margin-top: 0.9375rem;
}
.resource-area-unique .icon-list p {
margin-top: 0.3125rem;
margin-bottom: 0.3125rem;
}
.resource-area-unique .icon-list h3 {
font-size: 0.875rem;
color: #ffffff;
}
.resource-area-unique .icon-list li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.resource-area-unique .icon-list a:after {
color: var(--yellow);
font-size: 0.875rem;
}
.resource-area-unique .icon-list li:before {
color: var(--yellow);
}
.resource-area-unique .icon-list a:after {
padding-left: 0.5rem;
font-weight: 300;
}
.search-area {
background-color: var(--gray--light);
padding-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.search-area {
padding-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.search-area {
padding-top: 5rem;
}
}
.search-area__input-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.search-area__input-wrapper .listing__form__submit-container {
width: 100%;
}
.search-area__search-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 0.3125rem;
}
.search-area__search-input .btn--small {
height: 3.625rem;
}
.search-area .form-item-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.5rem;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.search-area .more-filters {
margin-top: 5rem;
}
@media screen and (max-width: 48.06125em) {
.search-area .more-filters {
margin-top: 2.5rem;
}
.search-area .more-filters__fields-wrapper {
gap: 1.25rem;
}
}
.search-area .more-filters.filter-topline {
margin-top: 1.25rem;
}
.search-area form {
padding-bottom: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.search-area form {
padding-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.search-area form {
padding-bottom: 5rem;
}
}
.search-area h2 {
font-family: "termina";
margin: 0;
}
.search-area label {
display: block;
font-size: 0.875rem;
line-height: 18px;
font-weight: 700;
}
@media print, screen and (min-width: 48.0625em) {
.search-area label {
font-size: 1rem;
line-height: 20px;
}
}
@media print, screen and (min-width: 64.0625em) {
.search-area label {
font-size: 1rem;
line-height: 20px;
}
}
.search-area .alpha-filters .form-item [type=radio] {
display: none;
}
.search-area .button {
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: var(--red);
color: #ffffff;
background: var(--red);
}
.search-area .button:hover, .search-area .button:focus {
text-decoration: none;
outline: none;
}
.search-area .button:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
.search-area .button:before, .search-area .button:after {
color: #ffffff;
}
.search-area .button:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.search-area .button:hover:before, .search-area .button:hover:after {
color: #222222;
}
.search-area .button:focus {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.search-area .button:focus:before, .search-area .button:focus:after {
color: #ffffff;
}
.search-area input[type=text],
.search-area select {
margin-top: 0.9375rem;
font-size: 0.875rem;
line-height: 18px;
width: 100%;
font-weight: 400;
padding: 1.125rem 1.25rem 1.125rem 1.25rem;
}
@media screen and (max-width: 48.06125em) {
.search-area input[type=text],
.search-area select {
margin-top: 0.625rem;
padding: 1.1875rem 1.25rem 1.1875rem 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.search-area input[type=text],
.search-area select {
font-size: 1rem;
line-height: 20px;
}
}
@media print, screen and (min-width: 64.0625em) {
.search-area input[type=text],
.search-area select {
font-size: 1rem;
line-height: 20px;
}
}
@media screen and (max-width: 48.06125em) {
.search-area {
padding-top: 2.125rem;
}
}
.MuiFormControl-root label {
margin-bottom: 0.9375rem;
}
.MuiFormControl-root__button-wrapper .button {
height: 57px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.MuiFormControl-root .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root {
background-color: transparent;
}
.MuiFormControl-root .button {
height: -webkit-fit-content !important;
height: -moz-fit-content !important;
height: fit-content !important;
}
.slider-navigation {
display: none;
}
@media screen and (max-width: 48.06125em) {
.slider-navigation {
margin-top: 1.875rem;
}
}
.swiper-container-initialized .slider-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.slider-navigation__prev, .slider-navigation__next {
padding: 0.625rem;
height: 3.75rem;
width: 3.75rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--red);
}
@media screen and (min-width: 48.0625em) {
.slider-navigation__prev, .slider-navigation__next {
position: absolute;
top: 33%;
}
}
.slider-navigation__prev i, .slider-navigation__next i {
font-size: 1rem;
}
.slider-navigation__prev {
margin-right: 0.625rem;
}
@media screen and (min-width: 48.0625em) {
.slider-navigation__prev {
left: -1.875rem;
}
}
@media screen and (min-width: 48.0625em) {
.slider-navigation__next {
right: -1.875rem;
}
}
.swiper-container-initialized .swiper-slide {
-webkit-transition: none;
transition: none;
opacity: 0;
pointer-events: none;
}
.swiper-container-initialized .swiper-container-initialized .swiper-slide, .swiper-container-initialized .swiper-slide.oho-animate {
-webkit-transition: opacity 1s cubic-bezier(0.42, 0.08, 0.06, 0.98), 1s cubic-bezier(0.42, 0.08, 0.06, 0.98);
transition: opacity 1s cubic-bezier(0.42, 0.08, 0.06, 0.98), 1s cubic-bezier(0.42, 0.08, 0.06, 0.98);
}
.swiper-container-initialized .swiper-slide.oho-animate--ready {
opacity: 0.01 !important;
-webkit-transition: none !important;
transition: none !important;
}
.swiper-container-initialized .swiper-slide-visible {
opacity: 1;
pointer-events: auto;
}
.swiper-container-initialized .swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible) {
opacity: 0.4;
}
.fully-disable {
display: none;
}
.swiper-wrapper {
list-style: none;
}
.swiper-wrapper > li {
list-style: none;
}
.swiper-container {
overflow: visible;
width: 100%;
}
.slider-overflow-container {
overflow: hidden;
width: 100%;
}
.slide-toggle {
--slide-toggle-offset: 0;
--slide-toggle-scale: 1;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.slide-toggle__button {
margin: 0;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
background-color: transparent;
}
.slide-toggle--line {
border-bottom: 0.0625em solid #000000;
}
.slide-toggle--line .slide-toggle__button {
color: #222222;
}
.slide-toggle--line .slide-toggle__button[aria-selected=true] {
color: #142142;
}
@supports (--css: variables) {
.slide-toggle--line:after {
bottom: 0;
height: 0.3125em;
-webkit-transform: translate(var(--slide-toggle-offset), 50%) scale(var(--slide-toggle-scale), 1);
transform: translate(var(--slide-toggle-offset), 50%) scale(var(--slide-toggle-scale), 1);
background-color: #142142;
}
}
.slide-toggle--pill {
padding: 1em;
background-color: #142142;
}
.slide-toggle--pill .slide-toggle__button {
position: relative;
z-index: 1;
}
.slide-toggle--pill .slide-toggle__button:hover {
background-color: #142142;
}
.slide-toggle--pill .slide-toggle__button[aria-selected=true] {
background-color: #142142;
}
@supports (--css: variables) {
.slide-toggle--pill:after {
top: 1em;
bottom: 1em;
-webkit-transform: translateX(calc(var(--slide-toggle-offset) - 1em)) scale(var(--slide-toggle-scale), 1);
transform: translateX(calc(var(--slide-toggle-offset) - 1em)) scale(var(--slide-toggle-scale), 1);
background-color: #B1DDF6;
}
}
@supports (--css: variables) {
.slide-toggle:after {
position: absolute;
display: block;
width: 100px;
content: "";
-webkit-transition: -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-transform 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.slide-toggle .slide-toggle__button {
background-color: transparent !important;
}
}
.social-media {
margin: 0;
padding: 0;
list-style: none;
}
.social-media li {
display: inline-block;
}
.social-media a {
display: block;
margin: 0 0.25em;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
font-size: 1.5rem;
}
.social-media a:hover {
color: #142142;
}
.sock {
background-image: url("../img/cheerleading-endzone.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
position: relative;
background-color: var(--blue--xdark);
}
.sock:after {
content: "";
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(17, 28, 56, 0.07)), color-stop(94%, #111C38));
background: linear-gradient(180deg, rgba(17, 28, 56, 0.07) 40%, #111C38 94%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sock__content {
height: 32.1875rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
z-index: 2;
width: 100%;
}
.sock__content > * {
z-index: 2;
}
.sock__content--inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 64.06125em) {
.sock__links {
margin-top: 0.9375rem;
}
.sock hr {
display: none;
}
}
@media screen and (max-width: 40.06125em) {
.sock {
background-image: url("../img/socks-subsite-bg-sm.jpg");
}
}
.stories-section .card,
.stories-section .card--small {
text-align: left;
}
.stories-section .card .card__content__inner,
.stories-section .card--small .card__content__inner {
padding: 0;
}
.stories-section .card--story h3 {
margin-top: 0.9375rem;
margin-bottom: 0;
}
.stories-section .card--story h3 a {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #222222;
-webkit-text-decoration-color: #E4E4E4;
text-decoration-color: #E4E4E4;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.stories-section .card--story h3 a:hover {
color: #142142;
-webkit-text-decoration-color: rgba(34, 34, 34, 0);
text-decoration-color: rgba(34, 34, 34, 0);
}
.stories-section .card--story h3 a:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(34, 34, 34, 0);
text-decoration-color: rgba(34, 34, 34, 0);
}
.stories-section .icon-list {
margin-top: 0.625rem;
}
.stories-section .slider-overflow-container .grid-container {
padding: 0;
max-width: 100%;
}
.stories-section .slider-overflow-container .swiper-container {
margin-top: 0;
}
.support-feature__img {
height: 30.625rem;
max-width: 360px;
}
@media screen and (max-width: 48.06125em) {
.support-feature__img {
height: 21.875rem;
max-width: 100%;
width: 100%;
}
}
.support-feature__img img:not([src^="https://secure22."]) {
height: 100%;
aspect-ratio: 1/1;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 48.06125em) {
.support-feature__img img {
-o-object-fit: cover;
object-fit: cover;
}
}
.support-feature__info {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.support-feature__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
gap: 2.5rem;
}
@media screen and (max-width: 48.06125em) {
.support-feature__wrapper {
gap: 1.875rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media print, screen and (min-width: 48.0625em) {
.support-feature__wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.support-feature__position {
/* font-family: "ibm-plex-sans", sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
font-style: italic;
}
.support-feature .icon-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.875rem;
}
@media screen and (max-width: 48.06125em) {
.support-feature .icon-list {
display: block;
}
}
.support-feature .icon-list li {
width: auto;
}
@media screen and (max-width: 48.06125em) {
.support-feature .icon-list li {
margin-bottom: 12px;
}
}
.card--support-feature {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.5rem;
}
@media screen and (max-width: 64.06125em) {
.card--support-feature {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
}
}
.card--support-feature__item {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 64.06125em) {
.card--support-feature__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 24rem;
}
}
.support-feature.global-padding--transparent {
color: #ffffff;
}
.support-feature.global-padding--transparent a:not(.btn) {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: var(--red);
-webkit-text-decoration-color: #B1DDF6;
text-decoration-color: #B1DDF6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
color: #ffffff;
}
.support-feature.global-padding--transparent a:not(.btn):hover {
color: #B1DDF6;
-webkit-text-decoration-color: rgba(var(--red), 0);
text-decoration-color: rgba(var(--red), 0);
}
.support-feature.global-padding--transparent a:not(.btn):focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(var(--red), 0);
text-decoration-color: rgba(var(--red), 0);
}
.support-feature.global-padding--transparent a:not(.btn):hover {
color: var(--yellow);
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
}
.support-feature.global-padding--transparent li:before {
color: var(--blue--light);
}
.support-feature.global-padding--white .btn--ghost {
color: var(--gray--dark);
}
.tabs {
position: relative;
}
@media screen and (max-width: 48.06125em) {
.tabs__buttons {
display: none;
}
}
@media print, screen and (min-width: 48.0625em) {
.tabs__buttons {
position: relative;
}
:root:not(.oho-js) .tabs__buttons {
display: none;
}
.tabs__button {
position: relative;
}
.tabs__button[aria-selected=true] {
color: #ffffff;
background: var(--red);
pointer-events: none;
}
.tabs .accordion {
display: block;
}
.tabs .accordion::before, .tabs .accordion::after {
display: table;
content: " ";
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.tabs .accordion::after {
clear: both;
}
.tabs .accordion[aria-hidden=true] {
display: none;
}
.tabs .accordion__button {
display: none;
}
:root:not(.oho-js) .tabs .accordion__button {
display: block;
}
}
.testimonial {
position: relative;
overflow: hidden;
}
.testimonial::before, .testimonial::after {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
height: 20px;
width: 100%;
border-bottom: 1px solid #E4E4E4;
-webkit-transition: max-width 1.2s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: max-width 1.2s cubic-bezier(0.82, 0.06, 0.14, 0.97);
}
.testimonial::before {
right: 50%;
}
.testimonial::after {
left: 50%;
}
.testimonial blockquote {
position: relative;
background: none;
margin: 0;
padding: 0;
padding-top: 4.25rem;
position: relative;
max-width: unset;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
font-family: "ibm-plex-serif", serif;
font-weight: 300;
text-align: center;
font-size: 1.0625rem;
line-height: 1.75rem;
}
@media print, screen and (min-width: 48.0625em) {
.testimonial blockquote {
font-size: 1.5rem;
line-height: 3.125rem;
}
}
.testimonial blockquote::before {
content: "";
display: block;
background: transparent no-repeat url(../img/quotation-mark--yellow.png);
width: 71px;
height: 61px;
position: absolute;
z-index: 2;
top: 17px;
left: calc(50% - 35px);
font-size: 0;
border-radius: 0;
padding: 0;
margin: 0;
}
.testimonial__attribution {
margin-top: 1.875rem;
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1rem;
line-height: 1.75;
text-align: center;
}
.testimonial figure {
width: 70px;
margin: 10px auto 0;
-webkit-transition: opacity 1.2s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: opacity 1.2s cubic-bezier(0.82, 0.06, 0.14, 0.97);
}
.oho-animate--ready .testimonial::before, .oho-animate--ready .testimonial::after {
max-width: 0;
}
.oho-animate--ready .testimonial.swiper-slide:not(.swiper-slide-visible)::before, .oho-animate--ready .testimonial.swiper-slide:not(.swiper-slide-visible)::after {
max-width: 0;
}
.oho-animate--ready .testimonial figure {
opacity: 0;
}
.oho-animate--in .testimonial.swiper-slide:not(.swiper-slide-visible)::before, .oho-animate--in .testimonial.swiper-slide:not(.swiper-slide-visible)::after {
max-width: 0;
}
.oho-animate--in .testimonial.swiper-slide.swiper-slide-visible::before, .oho-animate--in .testimonial.swiper-slide.swiper-slide-visible::after {
max-width: 300px;
}
.oho-animate--in .testimonial .figure {
opacity: 1;
}
.testimonials .grid-container {
overflow: hidden;
}
.testimonials .swiper-container {
overflow: visible;
}
.testimonials .swiper-container-initialized .slider-navigation {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media print, screen and (min-width: 48.0625em) {
.testimonials .swiper-container-initialized .slider-navigation {
position: absolute;
top: calc(50% - 30px);
right: -80px;
left: -100px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.title-triage-links {
background-color: #AAAAAA;
}
.title-triage-links h1 {
color: #ffffff;
}
.title-triage-links li {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.title-triage-links li a {
color: #FFCD6B;
}
.tooltip-box {
position: absolute;
z-index: 10;
visibility: hidden;
max-width: 18.75rem;
-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
transition: opacity 300ms ease, -webkit-transform 300ms ease;
transition: opacity 300ms ease, transform 300ms ease;
transition: opacity 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
.tooltip-box--active {
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.tooltip-box__container {
position: relative;
border: 1px solid #142142;
border-top: 20px solid #142142;
}
.tooltip-box__container i {
position: absolute;
top: -19px;
right: 4px;
cursor: pointer;
color: #ffffff;
}
.tooltip-box__container .tooltip-box__content {
display: block;
padding: 15px;
background: #ffffff;
font-size: 15px;
}
.tooltip-box-toggle:after {
padding-left: 10px;
content: "\f05a";
cursor: pointer;
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
color: #999999;
font-family: "Font Awesome 5 Pro";
}
.tooltip-box-toggle--active:after {
color: #142142;
}
[id=back-to-top] {
width: 100%;
margin-bottom: 45px;
text-align: center;
}
[id=back-to-top] a:hover {
text-decoration: none;
}
[id=back-to-top] span {
display: block;
}
.has-tooltip-box {
color: #000000;
}
.tuition-fees-table {
color: #ffffff;
}
@media screen and (max-width: 64.06125em) {
.tuition-fees-table {
padding-bottom: 0;
}
}
.tuition-fees-table .accordion__button:hover path {
color: white;
}
.tuition-fees-table .accordion__button {
display: block;
background-color: transparent;
border-color: #006BA6;
}
.tuition-fees-table .accordion__button:hover, .tuition-fees-table .accordion__button:focus {
background-color: white;
}
.tuition-fees-table [aria-hidden=true] {
display: none;
}
.tuition-fees-table .tabs__button {
border-color: #ffffff;
color: #142142;
background: #ffffff;
display: block;
width: 100%;
text-align: left;
border: none;
}
.tuition-fees-table .tabs__button:before, .tuition-fees-table .tabs__button:after,
.tuition-fees-table .tabs__button path {
color: var(--red);
fill: var(--red);
}
.tuition-fees-table .tabs__button:hover {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.tuition-fees-table .tabs__button:hover:before, .tuition-fees-table .tabs__button:hover:after,
.tuition-fees-table .tabs__button:hover path {
color: #ffffff;
fill: #ffffff;
}
.tuition-fees-table .tabs__button:focus {
color: #ffffff;
border-color: #006BA6;
background: #006BA6;
}
.tuition-fees-table .tabs__button:focus:before, .tuition-fees-table .tabs__button:focus:after {
color: #ffffff;
fill: #ffffff;
}
.tuition-fees-table .tabs__button:not(:first-child) {
border-top: 0.0625rem solid #E4E4E4;
}
.tuition-fees-table .tabs__button[aria-selected=true] {
border-color: var(--red);
color: #ffffff;
background: var(--red);
}
.tuition-fees-table .tabs__button[aria-selected=true]:before, .tuition-fees-table .tabs__button[aria-selected=true]:after {
color: #ffffff;
}
.tuition-fees-table .tabs__button[aria-selected=true]:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.tuition-fees-table .tabs__button[aria-selected=true]:hover:before, .tuition-fees-table .tabs__button[aria-selected=true]:hover:after {
color: #222222;
}
.tuition-fees-table .tabs__button[aria-selected=true]:focus {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.tuition-fees-table .tabs__button[aria-selected=true]:focus:before, .tuition-fees-table .tabs__button[aria-selected=true]:focus:after {
color: #ffffff;
}
.tuition-fees-table .tabs .accordion__button:hover path {
fill: white;
}
.tuition-fees-table-panel .tuition-fees-row + .tuition-fees-row--total + .tuition-fees-row {
border-top: none;
}
.tuition-fees-row.tuition-fees-row--total {
pointer-events: none;
margin-bottom: 20px;
}
/* The following line is here to suppress displaying the Financial Aid line in the Tuition Estimator that we don't have data for. */
/*.tuition-fees-row.tuition-fees-row--small.global-padding--default:nth-child(8) {
display: none;
}*/
@media print, screen and (min-width: 48.0625em) {
.tuition-fees-row.tuition-fees-row--total {
margin-bottom: 70px;
}
}
@media screen and (max-width: 48.06125em) {
.tuition-fees-row.tuition-fees-row--total {
margin-left: 20px;
margin-right: 20px;
}
}
.tuition-fees-row.tuition-fees-row--total:hover {
background-color: none;
}
.tuition-fees-picker__identity {
display: grid;
gap: 1.875rem;
grid-template-columns: 1fr 4fr 30%;
}
.tuition-fees-picker__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
place-content: flex-end;
padding-top: 1.5625rem;
}
.tuition-fees-picker__help-message {
padding: 1.25rem;
background-color: #ffffff;
color: #222222;
position: relative;
z-index: 2;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-top: 0.625rem;
}
@media print, screen and (min-width: 48.0625em) {
.tuition-fees-picker__help-message {
padding: 1.875rem;
}
}
.tuition-fees-picker__help-message h3 {
font-weight: 700;
}
.tuition-fees-picker__help-message::before {
content: "";
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
width: 3.375rem;
height: 3.375rem;
background-color: #ffffff;
right: 87%;
z-index: -1;
}
.tuition-fees-picker .accordion.accordion--open > .accordion__button {
background-color: var(--red);
color: #ffffff;
border-color: transparent;
}
.tuition-fees-picker .accordion.accordion--open > .accordion__button:hover {
background-color: #ffffff;
color: #222222;
}
.tuition-fees-picker .accordion.accordion--open > .accordion__button .accordion__icon {
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1);
}
.tuition-fees-picker .accordion .accordion__content {
padding: 0;
border: 0;
}
.tuition-fees-picker .accordion .tabs__buttons {
margin: 0;
background-color: transparent;
}
@media screen and (max-width: 64.06125em) {
.tuition-fees-picker__identity {
grid-template-columns: 1fr;
}
.tuition-fees-picker__identity .global-spacing--small {
margin-top: 0;
}
.tuition-fees-picker__title {
place-content: flex-start;
padding-top: 0;
}
.tuition-fees-picker__help-message {
display: none;
}
.tuition-fees-picker .accordion .tabs__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.tuition-fees-picker .accordion__content {
padding-left: 0;
padding-right: 0;
}
}
.tuition-fees-header {
position: relative;
}
@media print, screen and (min-width: 48.0625em) {
.tuition-fees-header {
padding-left: 7.5rem;
}
}
@media screen and (max-width: 64.06125em) {
.tuition-fees-header {
display: none;
}
}
.tuition-fees-row {
border-top: 2px solid rgba(177, 221, 246, 0.1019607843);
}
@media print, screen and (min-width: 48.0625em) {
.tuition-fees-row {
padding-right: 0;
padding-left: 0;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}
}
.tuition-fees-row + .tuition-fees-row--total {
border-top: none;
}
.tuition-fees-row .accordion__button {
background-color: #212F4B;
}
.tuition-fees-row .accordion__button:hover, .tuition-fees-row .accordion__button:focus {
background-color: #ffffff;
color: #222222;
}
.tuition-fees-row .accordion.accordion--open > .accordion__button {
background-color: var(--red);
color: #ffffff;
border-color: transparent;
}
.tuition-fees-row .accordion.accordion--open > .accordion__button:hover {
background-color: var(--red);
fill: #ffffff;
}
.tuition-fees-row .accordion.accordion--open > .accordion__button:hover .accordion__icon-path,
.tuition-fees-row .accordion.accordion--open > .accordion__button:hover .path {
fill: #ffffff;
}
.tuition-fees-row .accordion.accordion--open > .accordion__button .accordion__icon-path {
fill: #ffffff;
}
.tuition-fees-row .accordion.accordion--open {
padding-left: 0;
}
.tuition-fees-row .accordion__content {
padding: 0;
}
.tuition-fees-row--average-cost {
border-top: 2px solid rgba(177, 221, 246, 0.1019607843);
position: relative;
}
@media screen and (max-width: 75.06125em) {
.tuition-fees-row--average-cost {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
.tuition-fees-row--average-cost::before {
content: "";
width: 100%;
height: 2px;
left: 0;
top: 7px;
border-top: 2px solid rgba(177, 221, 246, 0.1019607843);
position: absolute;
}
.tuition-fees-row--average-cost__wrapper {
display: grid;
grid-template-columns: 8fr 2fr 2fr;
}
.tuition-fees-row--average-cost__disclaimer {
grid-column: 1;
}
.tuition-fees-row--average-cost__in-state-column {
grid-column: 2;
grid-row: 1;
text-align: center;
}
.tuition-fees-row--average-cost__out-state-column {
grid-column: 3;
grid-row: 1;
text-align: center;
}
@media screen and (max-width: 64.06125em) {
.tuition-fees-row--average-cost__wrapper {
grid-template-columns: 1fr;
gap: 0.9375rem;
}
.tuition-fees-row--average-cost__title {
grid-column: 1;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.tuition-fees-row--average-cost__disclaimer {
grid-column: 1;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.tuition-fees-row--average-cost__in-state-column {
grid-column: 1;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
grid-row: unset;
text-align: left;
}
.tuition-fees-row--average-cost__out-state-column {
grid-column: 1;
grid-row: unset;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
text-align: left;
}
}
.oho-js .identity-description {
display: none;
}
.oho-js .identity-description:first-child {
display: block;
}
.tuition-fees-row__inner {
position: relative;
}
.tuition-fees-row--total .tuition-fees-row__inner {
border: 2px solid #006BA6;
}
@media screen and (max-width: 48.06125em) {
.tuition-fees-row--average-cost .tuition-fees-row__inner {
padding-left: 1.25rem;
}
}
.tuition-fees-row__in-out-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.625rem;
}
.tuition-fees-row__in-out-column .h3--small {
font-weight: 400;
}
.tuition-fees-row__in-out-label {
display: none;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.tuition-fees-row .btn.btn--ghost {
padding: 1.25rem 1.5625rem 1.25rem 1.5625rem;
font-size: 1rem;
}
@media screen and (max-width: 64.06125em) {
.tuition-fees-row__inner {
padding-left: 4.375rem;
padding-right: 1.25rem;
}
.tuition-fees-row__inner .grid-x {
gap: 0.625rem;
}
.tuition-fees-row--total .tuition-fees-row__inner {
padding-left: 1.25rem;
}
.tuition-fees-row__in-out-label {
display: block;
}
}
@media print, screen and (min-width: 48.0625em) {
.tuition-fees-row__inner {
padding-left: 7.5rem;
}
}
.tuition-fees-row--small .accordion__button {
font-size: 0;
position: absolute;
top: -1.25rem;
left: 1.875rem;
width: 3.75rem;
height: 3.75rem;
padding: 0.625rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tuition-fees-row--small .accordion__button:hover, .tuition-fees-row--small .accordion__button:focus {
background-color: var(--red);
}
.tuition-fees-row--small .accordion__button svg {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media screen and (max-width: 48.06125em) {
.tuition-fees-row--small .accordion__button {
top: -9px;
left: 0;
width: 2.5rem;
height: 2.5rem;
}
.tuition-fees-row--small .accordion__button svg {
top: 5px;
left: 4px;
}
.tuition-fees-row--small .accordion__icon-path--vertical {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.tuition-fees-row--small .accordion__icon-path--horizontal {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@media screen and (max-width: 64.06125em) {
.container-tuition-fees-header.global-padding--default {
padding-bottom: 0;
}
}
.up-cards p {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.up-cards__wrapper {
margin-top: 2.5rem;
gap: 2.5rem;
}
.up-cards__wrapper > * {
width: 100%;
}
@media print, screen and (min-width: 48.0625em) {
.up-cards__wrapper > * {
width: 29%;
}
}
@media print, screen and (min-width: 64.0625em) {
.up-cards__wrapper > * {
width: 31%;
}
}
@media screen and (max-width: 48.06125em) {
.up-cards .card__content__inner {
padding: 30px 20px;
}
}
.up-cards .icon-list li:before {
color: var(--blue--light);
}
@media screen and (max-width: 48.06125em) {
.up-cards__wrapper {
gap: 1.25rem;
}
}
.card--event {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.card--event .card__media {
width: auto;
}
.card--event .date-block {
padding: 0.9375rem;
color: #ffffff;
background-color: #142142;
}
@media print, screen and (min-width: 48.0625em) {
.card--event .date-block {
padding: 1.25rem;
}
}
.card--event .text-margin-reset p {
margin-top: 0.9375rem;
}
.card--event .text-margin-reset .icon-list {
margin-top: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.card--event .text-margin-reset .icon-list {
margin-top: 1.25rem;
}
}
.listing-item--event .card__content__inner {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 48.06125em) {
.listing-item--event .date-block__time-inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1.25rem;
}
}
.card--featured-event .card__content {
width: 100%;
}
.card--featured-event .card--event__content__column {
margin-top: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.card--featured-event .card--event__content__column {
margin-top: 1.875rem;
}
}
/* Library Catalog Overrides
* These are intended to be simple overrides. IIT wants to control the theming
* via their embeded markup/css/JS.
* These are to improve vertical spacing, font size hierarchy, and color
*/
.library-catalog-search .button {
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: var(--red);
color: #ffffff;
background: var(--red);
text-align: center;
}
.library-catalog-search .button:hover, .library-catalog-search .button:focus {
text-decoration: none;
outline: none;
}
.library-catalog-search .button:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
.library-catalog-search .button:before, .library-catalog-search .button:after {
color: #ffffff;
}
.library-catalog-search .button:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.library-catalog-search .button:hover:before, .library-catalog-search .button:hover:after {
color: #222222;
}
.library-catalog-search .button:focus {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.library-catalog-search .button:focus:before, .library-catalog-search .button:focus:after {
color: #ffffff;
}
.library-catalog-search form {
margin-top: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.library-catalog-search form {
margin-top: 1.875rem;
}
}
.library-catalog-search h2 {
margin-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.library-catalog-search h2 {
margin-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.library-catalog-search h2 {
margin-top: 5rem;
}
}
.library-catalog-search .wrapper > h2:first-child {
margin-top: 0;
}
.library-catalog-search .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.library-catalog-search .wrapper > h2,
.library-catalog-search .wrapper > form,
.library-catalog-search .wrapper > div {
width: 100%;
}
.library-catalog-search .wrapper br {
display: none;
}
.library-catalog-search .wrapper .other-search-col,
.library-catalog-search .wrapper .topRec {
margin-top: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.library-catalog-search .wrapper .other-search-col,
.library-catalog-search .wrapper .topRec {
margin-top: 1.25rem;
}
}
@media print, screen and (min-width: 40.0625em) {
.library-catalog-search .wrapper .other-search-col,
.library-catalog-search .wrapper .topRec {
width: auto;
}
}
.library-catalog-search .fields,
.library-catalog-search .field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 40.06125em) {
.library-catalog-search .field {
width: 100%;
}
}
@media screen and (max-width: 40.06125em) {
.library-catalog-search .field + .field {
margin-top: 1.25rem;
}
}
@media print, screen and (min-width: 40.0625em) {
.library-catalog-search .field + .field,
.library-catalog-search .other-search-col + .topRec {
padding-left: 1.25rem;
}
}
.library-catalog-search .field-grow,
.library-catalog-search [type=text] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.library-catalog-search select,
.library-catalog-search .button {
min-width: 12.5rem;
}
@media screen and (max-width: 40.06125em) {
.library-catalog-search select,
.library-catalog-search .button {
width: 100%;
}
}
.library-search {
z-index: 2;
}
.card--news .date,
.card--news p,
.card--news .tags {
margin-top: 0.9375rem;
display: block;
}
@media print, screen and (min-width: 48.0625em) {
.card--news .date,
.card--news p,
.card--news .tags {
margin-top: 1.25rem;
}
}
.card--news .date + p {
margin-top: 0.9375rem;
}
.news-content .grid-x {
row-gap: 1.875rem;
}
.news-information {
color: #ffffff;
}
.news-information .small-text {
color: #B1DDF6;
/* font-family: "ibm-plex-sans"; */
font-family: "IBM Plex Sans", sans-serif;
font-weight: 600;
}
.news-information .grid-x {
row-gap: 1.25rem;
}
@media print, screen and (min-width: 48.0625em) {
.news-information .grid-x {
row-gap: 1.875rem;
}
}
.card--profile h2,
.card--profile h3 {
margin: 0;
}
.card--profile p,
.card--profile .positions {
margin-top: 0.9375rem;
display: block;
margin-bottom: 0;
}
.card--profile .btn {
margin-top: 0.9375rem;
margin-bottom: 0;
}
@media print, screen and (min-width: 48.0625em) {
.card--profile .btn {
margin-top: 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.card--listing--profile {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card--listing--profile .card__content__inner {
padding: 0 1.875rem 0 0;
}
.card--listing--profile .card__media {
width: 100%;
margin-bottom: 0;
}
.card--listing--profile .card__content {
width: 100%;
}
.card--listing--profile img {
display: block;
}
}
.profile-content a {
font-weight: 700;
}
@media screen and (min-width: 40.0625em) {
.profile-content__main {
padding-right: 1.875rem;
}
}
.profile-content__sidebar {
color: var(--blue--light);
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.profile-content__sidebar li:not(:first-child) {
margin-top: 0.9375rem;
}
@media print, screen and (min-width: 64.0625em) {
.profile-content__sidebar li:not(:first-child) {
margin-top: 1.25rem;
}
}
.profile-content__sidebar h3 {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
font-weight: 700;
}
.profile-content__sidebar a {
color: #ffffff;
margin-top: 0.3125rem;
}
.profile-content__sidebar p {
color: #ffffff;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
font-weight: 400;
margin-top: 0.3125rem;
}
.profile-content__sidebar .link-arrow::before {
color: var(--yellow);
}
@media screen and (max-width: 48.06125em) {
.profile-content__sidebar {
margin-top: 2.5rem;
}
}
.profile-content .resource-area-unique__card {
width: 100%;
}
.profile-content__publication img {
aspect-ratio: 0.8;
margin-right: 1.875rem;
}
.profile-content__publication figure {
margin-top: 0;
margin-left: 0;
margin-bottom: 0;
width: 12.0625rem;
}
.profile-content ul {
margin-top: 0;
}
.profile-content .list--no-bullets {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.profile-content .list--no-bullets span {
display: block;
width: 9rem;
}
.profile-content .list--no-bullets li:before {
display: none;
padding-left: 0;
}
.profile-content__publication--info {
max-width: 34.375rem;
}
.profile-content__date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.875rem;
}
@media screen and (max-width: 48.06125em) {
.profile-content__date {
margin-top: 0.625rem;
}
}
.profile-content__course li:not(:first-child) {
margin-top: 1.25rem;
}
.listing__rows-items li {
padding-left: 0;
}
ol.listing__rows > li:before,
ol.listing__rows-items > li:before {
content: none;
}
.program-listing-area {
padding-right: 0;
padding-left: 0;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
@media screen and (max-width: 90.06125em) {
.program-listing-area {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.program-listing-area .card__content__inner--abbreviation {
width: 8%;
}
}
.program-listing-area .listing-item__inner {
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.program-listing-area .listing-item .card__content__inner {
padding-right: 0;
}
.program-listing-area .listing-item .card__content__inner--abbreviation li:not(:first-child) {
margin-left: 0.3125rem;
}
@media print, screen and (min-width: 48.0625em) {
.program-listing-area .listing-item .card__content__inner--abbreviation li:not(:first-child) {
margin-left: 0;
margin-top: 0.3125rem;
}
}
.program-listing-area .oho-rfl__result-item {
padding: 3.75rem 0 3.75rem 0;
}
@media screen and (max-width: 48.06125em) {
.program-listing-area .oho-rfl__result-item {
padding: 1.25rem 0 1.25rem 0;
}
}
.program-listing-area .oho-rfl__result-item:not(:last-child):after {
border-bottom: 10px solid #F5F5F5;
content: "";
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.program-listing-area .card__content__inner {
gap: 2.5rem;
}
.program-listing-area .card__content__inner--program-level li:not(:first-child) {
margin-top: 0.3125rem;
}
.program-listing-area .card__content__inner--title {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.program-listing-area .card__content__inner--title em:not(:last-child)::after {
content: ",";
margin-right: 0.3125rem;
}
.program-listing-area .card__content__inner--title em:first-child {
padding-left: 0.3125rem;
}
.program-listing-area .card__content__inner--title .card__content__inner--summary {
color: #000000;
}
@media print, screen and (min-width: 48.0625em) {
.program-listing-area .card__content__inner--title {
width: 50%;
}
}
@media screen and (max-width: 48.06125em) {
.program-listing-area .card__content__inner--title {
padding-right: 25px;
}
}
.program-listing-area .card__content__inner--title p {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
font-style: italic;
}
.program-listing-area .card__content__inner--title ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.5rem 1.25rem;
font-style: italic;
}
.program-listing-area .card__content__inner--title ul span {
padding-left: 1.125rem;
font-style: normal;
}
.program-listing-area .card__content__inner--title ul span::before {
content: "\f111";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 0.3125rem;
font-style: normal;
position: relative;
left: -10px;
top: -2px;
}
.program-listing-area .card__content__inner--title ul span:first-child {
padding-left: 0;
}
.program-listing-area .card__content__inner--title ul span:first-child:before {
display: none;
}
.program-listing-area .card__content__inner--title .areas-study {
font-weight: 700;
font-style: normal;
}
@media print, screen and (min-width: 48.0625em) {
.program-listing-area .card__content__inner--title .areas-study-location {
padding-left: 1.25rem;
}
}
@media screen and (max-width: 48.06125em) {
.program-listing-area .card__content__inner--title {
margin-top: 1.25rem;
}
.program-listing-area .card__content__inner--title ul {
margin-top: 0.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.3125rem;
}
}
.program-listing-area .card__content__inner--program-type {
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
max-width: 20.3125rem;
padding: clamp(20px, 3%, 30px);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-left: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 48.06125em) {
.program-listing-area .card__content__inner--program-type {
margin-left: 0;
}
}
.program-listing-area .card__content__inner--program-type .program-type {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: "ibm-plex-serif";
}
.program-listing-area .card__content__inner--program-type .program-type:not(:first-child)::before {
content: " + ";
padding-right: 0.3125rem;
padding-left: 0.3125rem;
}
.program-listing-area .card__content__inner--program-type p {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
margin-top: 0.3125rem;
}
.program-listing-area .card__content__inner--program-type .areas-study-location {
margin-top: 0.3125rem;
}
.program-listing-area .card__content__inner--program-type .areas-study-location span {
padding-left: 1.125rem;
font-style: normal;
}
.program-listing-area .card__content__inner--program-type .areas-study-location span::before {
content: "\f068";
font-family: "Font Awesome 5 Pro";
font-size: 0.625rem;
font-style: normal;
position: relative;
left: -7px;
top: -2px;
}
.program-listing-area .card__content__inner--program-type .areas-study-location span:first-child {
padding-left: 0;
}
.program-listing-area .card__content__inner--program-type .areas-study-location span:first-child:before {
display: none;
}
@media screen and (max-width: 48.06125em) {
.program-listing-area .card__content__inner--program-type {
margin-top: 1.25rem;
}
}
@media screen and (max-width: 48.06125em) {
.program-listing-area .card__content__inner {
padding-right: 0;
padding-left: 0;
}
}
@media print, screen and (min-width: 48.0625em) {
.program-listing-area .card__content__inner {
min-width: 20.3125rem;
}
}
.program-listing-area li {
list-style: none;
}
.program-listing-area .eyebrow-bg {
color: #ffffff;
font-size: 0.75rem;
background-color: var(--blue--medium);
letter-spacing: 0.05em;
display: inline-block;
padding: 5px 10px;
min-width: 60px;
text-align: center;
}
.program-listing-item {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
width: 100%;
color: #222222;
}
@media print, screen and (min-width: 64.0625em) {
.program-listing-item {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
}
.program-listing-item h3 {
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.5;
}
@media print, screen and (min-width: 48.0625em) {
.program-listing-item h3 {
font-size: 1.25rem;
}
}
.program-listing-item .link-arrow {
display: block;
}
.program-listing-item .grid-x {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.program-listing-item ol,
.program-listing-item li {
margin: 0;
padding: 0;
width: 100%;
}
.listing-item--program .card--small {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.listing-item--program .card--small .card__content__inner {
padding: 1.875rem;
}
.listing-item--program .card--small .card__media {
width: 100%;
margin-bottom: 0;
}
.listing-item--program .card--small .card__content {
width: 100%;
}
.listing-item--program .card--small img {
display: block;
}
.listing-item--program .card--small .card__content__inner {
display: block;
padding-right: 0;
}
.program-content__btn-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.9375rem;
}
.wysiwyg .program-content__btn-row .btn {
margin: 0;
}
@media screen and (max-width: 64.06125em) {
.program-content .card--jumpnav {
display: none;
}
}
.program-information {
color: #ffffff;
}
.program-information h3 {
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-size: 1rem;
line-height: 1.75;
color: #B1DDF6;
}
.program-information a {
text-decoration: underline;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
color: #ffffff;
-webkit-text-decoration-color: #B1DDF6;
text-decoration-color: #B1DDF6;
-webkit-transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
transition: color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8), -webkit-text-decoration-color 150ms cubic-bezier(1, 0.63, 0.47, 0.8);
}
.program-information a:hover {
color: #B1DDF6;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.program-information a:focus {
color: #FFCD6B;
-webkit-text-decoration-color: rgba(255, 255, 255, 0);
text-decoration-color: rgba(255, 255, 255, 0);
}
.program-information .grid-margin-x {
row-gap: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.program-information .grid-margin-x {
row-gap: 1.25rem;
}
}
.program-information .more-in-icon::before {
background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='0.5' x2='6.42857' y2='0.5' stroke='%23B1DDF6'/%3E%3Cline x1='8.57227' y1='0.5' x2='15.0008' y2='0.5' stroke='%23B1DDF6'/%3E%3Cline y1='4.5' x2='11.7857' y2='4.5' stroke='%23B1DDF6'/%3E%3Cline y1='8.5' x2='10.7143' y2='8.5' stroke='%23B1DDF6'/%3E%3Cline x1='11.7852' y1='8.5' x2='13.928' y2='8.5' stroke='%23B1DDF6'/%3E%3C/svg%3E%0A");
}
.careers {
color: #ffffff;
background-color: #13355b;
}
.careers .grid-x {
row-gap: 1.875rem;
}
.careers ul.grid-x {
row-gap: 0.625rem;
}
.careers__title-cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.beyond-the-classroom li:nth-child(odd) {
background-color: #F5F5F5;
}
.beyond-the-classroom .grid-container--large {
max-width: 78.75rem;
padding: 0;
}
.card--beyond-the-classroom span,
.card--beyond-the-classroom a {
display: block;
width: 100%;
}
.card--beyond-the-classroom span + a {
margin-top: 0.3125rem;
}
.card--beyond-the-classroom .grid-x {
row-gap: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.card--beyond-the-classroom .grid-x {
row-gap: 1.25rem;
}
}
@media screen and (max-width: 48.06125em) {
.card--beyond-the-classroom .card__content__inner {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
.modified-sock {
position: relative;
overflow: hidden;
}
.modified-sock .section-heading__heading {
color: #ffffff;
}
.modified-sock__image img {
position: absolute;
height: 130%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
left: 0;
bottom: 0;
opacity: 1;
-webkit-transform: translateY(calc(var(--scroll-tracker) * 30%));
transform: translateY(calc(var(--scroll-tracker) * 30%));
}
.modified-sock .grid-container {
position: relative;
z-index: 2;
}
.modified-sock__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.625rem;
}
.modified-sock .grid-x {
row-gap: 1.875rem;
}
.regional-campus-callout .h2--small {
max-width: 26.875rem;
}
.regional-campus-callout .grid-x {
row-gap: 1.875rem;
}
@media screen and (max-width: 48.06125em) {
.regional-campus-callout svg {
max-width: 17.5rem;
}
}
.program-feature-slider {
overflow: hidden;
}
@media screen and (max-width: 48.06125em) {
.program-feature-slider .swiper-container-initialized .swiper-slide-visible {
width: 90% !important;
}
}
.program-feature-slider .swiper-container {
overflow: visible;
}
@media screen and (min-width: 48.0625em) {
.program-feature-slider .swiper-button-disabled {
display: none;
}
.program-feature-slider .slider-navigation__next,
.program-feature-slider .slider-navigation__prev {
width: 3.125rem;
height: 3.125rem;
}
}
.program-feature-slider li {
list-style: none;
}
.program-feature-slider .eyebrow-bg {
background-color: #ffffff;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 0.75rem;
color: var(--gray--dark);
padding: 0.3125rem 0.5rem 0.3125rem 0.625rem;
}
.program-feature-slider .small-list {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
font-weight: 700;
}
.program-feature-slider .small-list li + li {
margin-top: 0;
}
.program-feature-slider.global-padding--white .btn--tiny {
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: var(--red);
color: #ffffff;
background: var(--red);
}
.program-feature-slider.global-padding--white .btn--tiny:before, .program-feature-slider.global-padding--white .btn--tiny:after {
color: #ffffff;
}
.program-feature-slider.global-padding--white .btn--tiny:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.program-feature-slider.global-padding--white .btn--tiny:hover:before, .program-feature-slider.global-padding--white .btn--tiny:hover:after {
color: #222222;
}
.program-feature-slider.global-padding--white .btn--tiny:focus {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.program-feature-slider.global-padding--white .btn--tiny:focus:before, .program-feature-slider.global-padding--white .btn--tiny:focus:after {
color: #ffffff;
}
.program-key {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.5rem;
}
.program-key li {
font-weight: bold;
}
.program-key .h5 {
font-family: "ibm-plex-serif";
}
.program-key .eyebrow-bg {
color: var(--gray--dark);
background-color: #ffffff;
font-size: 0.75rem;
letter-spacing: 0.05em;
display: inline-block;
padding: 5px 10px;
}
.program-key__top-line .eyebrow {
color: #ffffff;
font-size: 0.75rem;
letter-spacing: 0.05em;
}
.program-key__top-line h2 {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
}
.program-key__top-line h2:after {
content: "";
width: 100%;
height: 2px;
background: var(--yellow--light);
margin-top: 4px;
margin-left: 15px;
}
.program-key .card__content__inner p {
padding-right: 0;
}
.program-key li {
list-style: none;
}
.program-key__levels {
width: 67%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.program-key__levels .global-spacing--small + .global-spacing--small {
border-top: 3px solid var(--blue--xdark);
padding-top: 1.875rem;
}
.program-key__levels p {
padding: 0;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.program-key__levels .eyebrow-bg {
color: #ffffff;
background-color: var(--blue--medium);
}
.program-key__levels .card__content__inner {
/* padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.5rem;
*/
padding: 0;
gap: 2.5rem;
display: grid;
grid-template-columns: 13% 22% 54%;
}
.program-key__levels .card__content__inner--summary {
margin-top: 0;
}
/*
.program-key__levels .card__content__inner--name {
min-width: 10rem;
}
*/
@media print, screen and (min-width: 48.0625em) {
.program-key__levels .card__content__inner--abbreviation {
width: 5%;
}
}
.program-key__featured {
width: 33%;
}
@media screen and (max-width: 48.06125em) {
.program-key {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.program-key__levels {
width: 100%;
}
.program-key__levels .card__content__inner {
gap: 0.625rem;
/*Program page responsiveness for smaller devices*/
display: flex;
flex-wrap: wrap;
}
.program-key__featured {
width: 100%;
}
.program-key__featured .card__content__inner {
padding: 1.25rem;
}
}
@media screen and (max-width: 34.375em) {
.program-key .card__content__inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 28.125em) {
.program-key .card__content__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.card--story h2,
.card--story h3 {
margin: 0;
}
.card--story .subject-info,
.card--story p,
.card--story .tags {
margin-top: 0.9375rem;
display: block;
margin-bottom: 0;
}
.card--story .btn {
margin-top: 0.9375rem;
margin-bottom: 0;
}
@media print, screen and (min-width: 48.0625em) {
.card--story .btn {
margin-top: 1.25rem;
}
}
.card--story .quote {
font-weight: 500;
font-style: italic;
}
.subject-info:not(:first-child) {
margin-top: 1.875rem;
}
.subject-info span {
display: block;
}
.subject-info span:not(:first-child) {
margin-top: 0.625rem;
}
.subject-info__name {
font-weight: 600;
}
.subject-info__meta {
color: #AAAAAA;
}
@media print, screen and (min-width: 48.0625em) {
.card--listing--story {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.card--listing--story .card__content__inner {
padding: 0 1.875rem 0 0;
}
.card--listing--story .card__media {
width: 25%;
margin-bottom: 0;
}
.card--listing--story .card__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.card--listing--story img {
display: block;
}
}
.ambassador-listing {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.ambassador-listing ul,
.ambassador-listing ol,
.ambassador-listing li {
list-style: none;
}
.ambassador-listing ul::before,
.ambassador-listing ol::before,
.ambassador-listing li::before {
content: "";
}
.ambassador-listing ol > li {
padding-left: 0;
}
.ambassador-listing h2 {
text-transform: uppercase;
margin: 0;
}
.ambassador-listing .aspect-ratio-frame {
--aspect-ratio: 1.25;
}
@media screen and (max-width: 48.06125em) {
.ambassador-listing .aspect-ratio-frame {
--aspect-ratio: 1;
width: 12.5rem;
}
}
.ambassador-listing h4 {
font-weight: 700;
font-size: 0.875rem;
}
.ambassador-listing .oho-rfl__result-item {
padding-bottom: 2.5rem;
margin-left: 0.8125rem;
border-left: 1px solid var(--yellow);
}
@media print, screen and (min-width: 64.0625em) {
.ambassador-listing .oho-rfl__result-item {
padding-bottom: 3.125rem;
}
}
@media screen and (min-width: 64.0625em) {
.ambassador-listing .oho-rfl__result-item {
margin-left: 1.6875rem;
}
}
.ambassador-listing .oho-rfl__results-key-group {
margin-bottom: 2.5rem;
}
.ambassador-listing .oho-rfl__results-group li + li .card--inline {
border-top: 10px solid var(--gray--light);
padding-top: 3.125rem;
}
.ambassador-listing .oho-rfl__results-group .oho-rfl__result-item:last-child {
padding-bottom: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.ambassador-listing .oho-rfl__results-group .oho-rfl__result-item:last-child {
padding-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.ambassador-listing .oho-rfl__results-group .oho-rfl__result-item:last-child {
padding-bottom: 6.25rem;
}
}
.ambassador-listing .card {
gap: 2.5rem;
margin-left: clamp(15px, 5%, 70px);
}
@media screen and (max-width: 48.06125em) {
.ambassador-listing .card {
gap: 1.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.ambassador-listing .card__media {
width: 10rem;
}
@media screen and (max-width: 48.06125em) {
.ambassador-listing .card--inline {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.ambassador-listing .card__content {
min-height: 12.5rem;
}
.ambassador-listing .card__content--subtitle .link-arrow::before {
color: #AAAAAA;
}
.ambassador-listing .card__content--subtitle a {
white-space: break-spaces;
}
.ambassador-listing .card__content--subtitle p {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
@media print, screen and (min-width: 64.0625em) {
.ambassador-listing .card__content--subtitle {
margin-right: 20px;
width: 25%;
}
}
.ambassador-listing .card span {
margin-top: 0.9375rem;
display: block;
white-space: nowrap;
}
.ambassador-listing .card span a {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
font-weight: 700;
}
.ambassador-listing .card__content--inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 64.06125em) {
.ambassador-listing .card__content--inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.profile-detail-box {
padding: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 1.875rem;
-moz-column-gap: 1.875rem;
column-gap: 1.875rem;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1019607843);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1019607843);
}
@media print, screen and (min-width: 48.0625em) {
.profile-detail-box {
padding: 1.875rem;
}
}
.profile-detail-box div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.profile-detail-box ul {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 0.3125rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.profile-detail-box h4,
.profile-detail-box li {
line-height: 1.375rem;
}
.profile-detail-box li a:after {
content: ", ";
}
.profile-detail-box li a:last-child:after {
display: none;
}
@media screen and (max-width: 64.06125em) {
.profile-detail-box {
margin-top: 1.25rem;
max-width: 31.25rem;
}
}
@media screen and (max-width: 48.06125em) {
.profile-detail-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.9375rem;
max-width: 12.5rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.profile-detail-box {
width: 75%;
}
}
.profile-detail-box-stacked {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0.625rem;
padding: 0.9375rem;
max-width: 22.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.profile-detail-box-stacked {
padding: 1.25rem;
}
}
.profile-detail-box.profile-detail-box-stacked.text-margin-reset:empty {
box-shadow: none;
padding-top: 0px;
padding-bottom: 0px;
}
.profile-detail-box-stacked .grid-x {
-webkit-column-gap: 0.3125rem;
-moz-column-gap: 0.3125rem;
column-gap: 0.3125rem;
}
.profile-detail-box-stacked ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 0;
-webkit-column-gap: 0.3125rem;
-moz-column-gap: 0.3125rem;
column-gap: 0.3125rem;
}
.profile-detail-box-stacked li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 0.3125rem;
flex-wrap: wrap;
}
@media screen and (max-width: 48.06125em) {
.profile-detail-box-stacked li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.ambassador-listing .card .comma-spaces span {
margin-top: 0;
}
.featured-image {
margin: 0;
}
.detail-page .breadcrumbs-container {
padding: 0;
}
.detail-page .icon-list li {
font-weight: normal;
}
#directory-filtered-list .active-filters__container__active-filters {
padding-top: 0;
/* The directory also includes alpha filters, which have padding */
}
.directory-listing {
padding-right: 1.25rem;
padding-left: 1.25rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.directory-listing ul,
.directory-listing ol,
.directory-listing li {
list-style: none;
}
.directory-listing ol > li {
padding-left: 0;
}
.directory-listing h2 {
text-transform: uppercase;
margin: 0;
}
.directory-listing .aspect-ratio-frame {
--aspect-ratio: 1.3 / 1;
}
.directory-listing h4 {
font-weight: 700;
font-size: 0.875rem;
}
.directory-listing__grouped {
margin-left: 0.8125rem;
border-left: 1px solid var(--yellow);
padding-bottom: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.directory-listing__grouped {
padding-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.directory-listing__grouped {
padding-bottom: 6.25rem;
}
}
@media screen and (min-width: 64.0625em) {
.directory-listing__grouped {
margin-left: 1.6875rem;
}
}
.directory-listing .oho-rfl__result-item {
padding-bottom: 2.5rem;
margin-left: 0.8125rem;
border-left: 1px solid var(--yellow);
}
@media print, screen and (min-width: 64.0625em) {
.directory-listing .oho-rfl__result-item {
padding-bottom: 3.125rem;
}
}
@media screen and (min-width: 64.0625em) {
.directory-listing .oho-rfl__result-item {
margin-left: 1.6875rem;
}
}
.directory-listing .oho-rfl__results-key-group {
margin-bottom: 2.5rem;
}
.directory-listing .oho-rfl__results-group li + li .card--inline {
border-top: 10px solid var(--gray--light);
padding-top: 3.125rem;
}
.directory-listing .oho-rfl__results-group .oho-rfl__result-item:last-child {
padding-bottom: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.directory-listing .oho-rfl__results-group .oho-rfl__result-item:last-child {
padding-bottom: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.directory-listing .oho-rfl__results-group .oho-rfl__result-item:last-child {
padding-bottom: 6.25rem;
}
}
.directory-listing .card {
gap: 2.5rem;
margin-left: clamp(15px, 5%, 70px);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 48.06125em) {
.directory-listing .card {
gap: 1.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.directory-listing .card__media {
width: 7.5rem;
}
@media screen and (max-width: 48.06125em) {
.directory-listing .card--inline {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.directory-listing .card__content {
min-height: 12.5rem;
}
.directory-listing .card__content--subtitle {
min-width: 12.5rem;
}
.directory-listing .card__content--subtitle .link-arrow::before {
color: #AAAAAA;
}
.directory-listing .card__content--subtitle p {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.directory-listing .card span {
display: block;
/* white-space: nowrap; */
}
.directory-listing .card span a {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
font-weight: 700;
}
.directory-listing .card__content--inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 2.5rem;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
@media screen and (min-width: 64.06126em) {
.directory-listing .card__content--inner {
display: grid;
column-gap: 2vw;
grid-template-columns: 30% 39% 25%;
}
}
@media screen and (max-width: 64.06125em) {
.directory-listing .card__content--inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 75.06125em) {
.directory-listing .card__content--info {
margin-top: 1.25rem;
}
}
.directory-listing .card__content--info li {
font-weight: 400;
}
.directory-listing li + li .card--inline {
border-top: 10px solid var(--gray--light);
padding-top: 3.125rem;
}
.event-detail h1, .event-detail .intro-text--large {
margin-bottom: 1.25rem;
}
.event-detail .breadcrumbs-container {
padding: 0;
}
@media screen and (max-width: 48.06125em) {
.event-detail figure {
width: 100%;
margin: 0;
}
}
.event-detail__intro .icon-list li {
display: inline;
font-weight: normal;
}
.event-detail__intro .icon-list li a {
display: inline;
}
.event-detail__intro .icon-list li:not(:first-of-type) {
margin-left: 22px;
}
@media screen and (max-width: 48.06125em) {
.event-detail__intro .icon-list li {
display: block;
}
.event-detail__intro .icon-list li:not(:first-of-type) {
margin-left: 0;
}
}
.event-detail .breadcrumbs {
margin-top: 1.25rem;
}
.event-detail .tags {
position: relative;
}
@media screen and (min-width: 48.0625em) {
.event-detail .tags li:not(:first-of-type) {
margin-left: 0.9375rem;
}
}
.event-detail .tags:before {
content: "";
position: absolute;
top: -1.25rem;
border: 1px solid #E4E4E4;
width: 50px;
}
@media screen and (max-width: 48.06125em) {
.event-detail .tags li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.event-detail .tags li:nth-of-type(2n) {
margin-left: 0.9375rem;
}
}
.events-section {
background-image: url("http://placehold.it/1800x900");
position: relative;
}
.events-section button.btn {
border: 2px solid #FFCD6B;
color: #ffffff;
background-color: transparent;
}
.events-section button.btn:focus, .events-section button.btn:hover {
border-color: #FFCD6B;
}
.events-section .card {
background-color: #ffffff;
}
.events-section .card__content__inner {
padding: 0;
}
.events-section .swiper-slide h3 {
margin-bottom: 0;
}
.events-section .swiper-slide h3 a {
color: #ffffff;
text-decoration: underline;
-webkit-text-decoration-color: #FFCD6B;
text-decoration-color: #FFCD6B;
text-underline-offset: 4px;
}
.events-section .swiper-slide p {
margin-top: 1.25rem;
}
@media screen and (min-width: 48.0625em) {
.events-section .swiper-slide {
width: calc(33.3333333333% - 2.5rem);
margin-right: 1.25rem;
margin-left: 1.25rem;
}
}
.events-section:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
background: -webkit-gradient(linear, left bottom, left top, color-stop(21.03%, rgba(30, 30, 30, 0.9)), color-stop(95.26%, rgba(30, 30, 30, 0)));
background: linear-gradient(0deg, rgba(30, 30, 30, 0.9) 21.03%, rgba(30, 30, 30, 0) 95.26%);
z-index: 2;
}
@media screen and (max-width: 48.06125em) {
.events-section:before {
display: none;
}
}
.getting-to-campus .icon-list a {
-webkit-transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
transition: color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), background-color 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97), border 0.5s cubic-bezier(0.82, 0.06, 0.14, 0.97);
font-weight: 600;
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
border-width: 0.0625rem;
border-style: solid;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1.3;
text-decoration: none;
font-size: 0.875rem;
padding: 0.9375rem 1.25rem;
border-color: var(--red);
color: #ffffff;
background: var(--red);
}
.getting-to-campus .icon-list a:hover, .getting-to-campus .icon-list a:focus {
text-decoration: none;
outline: none;
}
.getting-to-campus .icon-list a:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0;
}
.getting-to-campus .icon-list a:before, .getting-to-campus .icon-list a:after {
color: #ffffff;
}
.getting-to-campus .icon-list a:hover {
color: #222222;
border-color: var(--red);
background: #ffffff;
}
.getting-to-campus .icon-list a:hover:before, .getting-to-campus .icon-list a:hover:after {
color: #222222;
}
.getting-to-campus .icon-list a:focus {
color: #ffffff;
border-color: #142142;
background: #142142;
}
.getting-to-campus .icon-list a:focus:before, .getting-to-campus .icon-list a:focus:after {
color: #ffffff;
}
.getting-to-campus .icon-list--inline {
margin-top: -0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.getting-to-campus .icon-list--inline {
margin-top: -1.25rem;
}
}
.getting-to-campus .icon-list--inline li:not(:first-child),
.getting-to-campus .icon-list--inline li {
margin-top: 0.9375rem;
}
@media print, screen and (min-width: 48.0625em) {
.getting-to-campus .icon-list--inline li:not(:first-child),
.getting-to-campus .icon-list--inline li {
margin-top: 1.25rem;
}
}
.search-area {
background-color: #F5F5F5;
padding-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.search-area {
padding-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.search-area {
padding-top: 5rem;
}
}
.search-area input[type=text],
.search-area select,
.search-area input[type=date] {
width: 100%;
}
.page--listing .hero__shape {
background-color: #F5F5F5;
}
@media print, screen and (min-width: 48.0625em) {
.hero--img + .listing {
margin-top: -3.75rem;
}
}
.more-filters {
display: none;
}
.more-filters-open .more-filters {
display: block;
}
.more-filters label {
color: #ffffff;
}
.more-filters .form-item {
margin-top: 0;
}
.more-filters-toggle {
background: none;
color: #222222;
color: #142142;
font-weight: 600;
padding-left: 0;
font-size: 1rem;
}
.more-filters-toggle:hover, .more-filters-toggle:focus {
color: var(--red);
background-color: transparent;
background-color: transparent;
}
.more-filters-toggle:hover:after, .more-filters-toggle:focus:after {
color: var(--red);
}
.more-filters-toggle:after {
content: "\f067";
font-family: "Font Awesome 5 Pro";
margin-left: 0.625rem;
font-weight: 300;
color: var(--red);
}
.more-filters-toggle span:hover, .more-filters-toggle span:focus {
text-decoration: underline;
text-underline-offset: 0.2em;
}
.more-filters-open .more-filters-toggle:after {
content: "\f068";
}
@media print, screen and (min-width: 48.0625em) {
.listing-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.listing-item .card__content__inner {
padding: 0 1.875rem 0 0;
}
.listing-item .card__media {
width: 25%;
margin-bottom: 0;
}
.listing-item .card__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.listing-item img {
display: block;
}
}
.listing-item h3:not(:first-child),
.listing-item .icon-list:not(:first-child) {
margin-top: 0.9375rem;
}
.listing-item__inner {
max-width: 41.25rem;
}
@media screen and (max-width: 48.06125em) {
.listing-item .card__content__inner .icon-list li:not(:first-child) {
margin-top: 0.625rem;
}
.listing-item .card__content__inner .date-block__time-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.listing-item .card__content__inner .date-block__time-inner .month {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-left: 0.3125rem;
}
}
@media screen and (min-width: 48.0625em) {
.listing-item .card__content__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.listing-item .card__content__inner .date-block {
width: calc(12.5% - 2.5rem);
margin-right: 1.25rem;
margin-left: 1.25rem;
}
.listing-item .card__content__inner .date-block + .listing-item__inner {
width: calc(87.5% - 2.5rem);
margin-right: 1.25rem;
margin-left: 1.25rem;
}
}
.listing__rows--grouped {
list-style: none;
margin-top: 0;
}
.vaf + .listing__rows--grouped {
margin-top: 2.5rem;
}
@media print, screen and (min-width: 48.0625em) {
.vaf + .listing__rows--grouped {
margin-top: 3.125rem;
}
}
@media print, screen and (min-width: 64.0625em) {
.vaf + .listing__rows--grouped {
margin-top: 5rem;
}
}
.listing__rows--grouped .grid-x {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.listing__rows--grouped > *:nth-child(odd),
.listing__rows--grouped > *:nth-child(even) {
background-color: transparent;
}
.listing__rows--grouped [data-start-color=true] > li:before {
content: "";
}
.listing__rows--grouped [data-start-color=true] > li:nth-child(odd):before,
.listing__rows--grouped [data-start-color=false] > li:nth-child(even):before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: -50%;
display: block;
background-color: #F5F5F5;
width: 200%;
}
.listing__rows--grouped > ol,
.listing__rows--grouped > li,
.listing__rows--grouped > li > ol,
.listing__rows--grouped > li > ol > li {
width: 100%;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.listing__rows--grouped > li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.listing__rows--grouped > li:before {
display: none;
}
.listing__rows--grouped > li > .eyebrow {
display: block;
width: 6.25rem;
height: 1.25rem;
margin: 2.5rem 0 0;
/* font-family: ibm-plex-sans, sans-serif; */
font-family: "IBM Plex Sans", sans-serif;
font-weight: 600;
color: #222222;
}
.listing__rows--grouped > li {
padding-right: 0;
padding-left: 0;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}
.listing-area .listing-area__rows {
list-style: none;
width: 100%;
margin-top: 0;
}
.listing-area .listing-area__rows > li:before,
.listing-area .listing-area__rows ol > li:before {
content: none;
}
.listing-area .listing-area__rows > li {
padding: 3.75rem 0 3.75rem 0;
}
@media screen and (max-width: 48.06125em) {
.listing-area .listing-area__rows > li {
padding: 1.25rem 0 1.25rem 0;
}
}
.listing-area .listing-area__rows > li:not(:last-child):after {
border-bottom: 10px solid #F5F5F5;
content: "";
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.news-listing {
padding-right: 0;
padding-left: 0;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}
.news-listing .oho-rfl__results-list {
width: 100%;
}
.news-listing .oho-rfl__result-item {
padding: 3.75rem 0 3.75rem 0;
}
.news-listing .oho-rfl__result-item:not(:last-child):after {
border-bottom: 10px solid #F5F5F5;
content: "";
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.news-listing .oho-rfl__result-item:last-child {
padding-bottom: 0;
}
.news-listing__info-list li {
list-style: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
}
.news-listing__info-list li:not(:first-child) {
margin-top: 0.3125rem;
}
.news-listing__info-list h4 {
padding-right: 0.3125rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625;
font-weight: 700;
}
.news-listing__info-box li em::after,
.news-listing__info-box li a:after {
content: ",";
margin-right: 0.3125rem;
}
.news-listing__info-box li em:last-child:after,
.news-listing__info-box li a:last-child:after {
display: none;
}
.news-listing__info-box .grid-x + .grid-x {
margin-top: 0.3125rem;
}
.news-listing__info-box .grid-x {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.news-listing__info-box h4,
.news-listing__info-box li {
line-height: 1.375rem;
}
.news-listing__info-box::before {
display: inline-block;
content: "";
border-top: 0.1rem solid var(--gray--line);
width: 3.125rem;
-webkit-transform: translateY(-1rem);
transform: translateY(-1rem);
}
.news-listing__pub-date li {
gap: 0.3125rem;
}
.news-listing__pub-date ul::before {
display: inline-block;
content: "";
border-top: 0.1rem solid var(--gray--line);
width: 3.125rem;
-webkit-transform: translateY(-1rem);
transform: translateY(-1rem);
}
.news-listing .card__media .aspect-ratio-frame {
--aspect-ratio: .63;
}
@media screen and (max-width: 90.06125em) {
.news-listing {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
@media screen and (max-width: 90.06125em) and (min-width: 48.0625em) {
.news-listing {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
@media print, screen and (min-width: 48.0625em) {
.news-listing .listing-item__inner {
max-width: none;
}
}
@media screen and (max-width: 48.06125em) {
.news-listing .card__content__inner {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 64.0625em) {
.news-listing .listing-item .card__media {
width: 32%;
}
}
.story-detail h1, .story-detail .intro-text--large {
margin-bottom: 1.25rem;
}
.story-detail .breadcrumbs-container {
padding: 0;
}
@media screen and (max-width: 48.06125em) {
.story-detail figure {
width: 100%;
margin: 0;
}
}
.story-detail .icon-list li {
display: inline;
font-weight: normal;
}
.story-detail .icon-list li a {
display: inline;
}
@media screen and (max-width: 48.06125em) {
.story-detail .icon-list li {
display: block;
}
}
.story-detail .author-icon-list {
position: relative;
}
.story-detail .author-icon-list:before {
content: "";
position: absolute;
top: -1.25rem;
border: 1px solid #E4E4E4;
width: 50px;
}
@media screen and (max-width: 48.06125em) {
.story-detail .author-icon-list li:nth-of-type(2) {
padding-left: 0;
}
}
.story-detail .breadcrumbs {
margin-top: 1.25rem;
}
.story-detail .tags {
position: relative;
}
@media screen and (min-width: 48.0625em) {
.story-detail .tags li:not(:first-of-type) {
margin-left: 0.9375rem;
}
}
.story-detail .tags:before {
content: "";
position: absolute;
top: -1.25rem;
border: 1px solid #E4E4E4;
width: 50px;
}
@media screen and (max-width: 48.06125em) {
.story-detail .tags li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.story-detail .tags li:nth-of-type(2n) {
margin-left: 0.9375rem;
}
}
.accordions img[align="left"] {
margin: 0 25px 15px 0;
}
.print-only {
display: none !important;
}
@media print {
@page {
margin: 1cm;
}
* {
color: #000000 !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
a[href]:after {
display: none;
}
a,
a:visited {
text-decoration: underline;
}
pre,
blockquote {
border: 1px solid #999999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.hide-on-print {
display: none !important;
}
.print-only {
display: block !important;
}
.hide-for-print {
display: none !important;
}
.show-for-print {
display: inherit !important;
}
}
/*# sourceMappingURL=../maps/theme.css.map */
body.employee-profile-listing form .grid-container > .grid-x:nth-of-type(2) > .cell:nth-of-type(1),
body.dont-render-school-filter form .grid-container > .grid-x:nth-of-type(2) > .cell:nth-of-type(1) {
display: none;
}
/* Adds around Accordion buttons for SEO */
h3:has(button) {
margin: 0 !important;
}
/*--------------------------- Media Gallery Styles ------------------------------------*/
.nGY2 {
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.nGY2 .ngy2_container {
width: 100%;
min-width: 100px;
font-size: 1em;
line-height: normal;
padding: 0;
margin: 0 auto;
overflow: hidden;
visibility: visible;
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none
}
@font-face {
font-family: ngy2_icon_font;
src: url(font/ngy2_icon_font.woff2?64889571) format('woff2'), url(font/ngy2_icon_font.woff?64889571) format('woff');
font-weight: 400;
font-style: normal
}
.nGY2Icon-star:before {
content: '\e801'
}
.nGY2Icon-search:before {
content: '\e800'
}
.nGY2Icon-star-empty:before {
content: '\e802'
}
.nGY2Icon-video:before {
content: '\e803'
}
.nGY2Icon-videocam:before {
content: '\e804'
}
.nGY2Icon-picture:before {
content: '\e805'
}
.nGY2Icon-camera:before {
content: '\e806'
}
.nGY2Icon-camera-alt:before {
content: '\e807'
}
.nGY2Icon-ok:before {
content: '\e808'
}
.nGY2Icon-help:before {
content: '\e80a'
}
.nGY2Icon-help-circled:before {
content: '\e80b'
}
.nGY2Icon-home:before {
content: '\e80e'
}
.nGY2Icon-link:before {
content: '\e80f'
}
.nGY2Icon-link-ext:before {
content: '\e810'
}
.nGY2Icon-heart:before {
content: '\e811'
}
.nGY2Icon-ngy2_chevron-right:before {
content: '\e812'
}
.nGY2Icon-upload:before {
content: '\e814'
}
.nGY2Icon-reply-all:before {
content: '\e815'
}
.nGY2Icon-export:before {
content: '\e816'
}
.nGY2Icon-chat:before {
content: '\e818'
}
.nGY2Icon-attention:before {
content: '\e819'
}
.nGY2Icon-location:before {
content: '\e81a'
}
.nGY2Icon-trash:before {
content: '\e81b'
}
.nGY2Icon-folder-empty:before {
content: '\e81c'
}
.nGY2Icon-folder-open-empty:before {
content: '\e81d'
}
.nGY2Icon-menu:before {
content: '\e81e'
}
.nGY2Icon-cog:before {
content: '\e81f'
}
.nGY2Icon-cog-alt:before {
content: '\e820'
}
.nGY2Icon-wrench:before {
content: '\e821'
}
.nGY2Icon-lightbulb:before {
content: '\e822'
}
.nGY2Icon-resize-full:before {
content: '\e823'
}
.nGY2Icon-resize-small:before {
content: '\e824'
}
.nGY2Icon-left-open:before {
content: '\e827'
}
.nGY2Icon-right-open:before {
content: '\e828'
}
.nGY2Icon-arrows-cw:before {
content: '\e829'
}
.nGY2Icon-level-up:before {
content: '\e82a'
}
.nGY2Icon-play:before {
content: '\e82b'
}
.nGY2Icon-pause:before {
content: '\e82c'
}
.nGY2Icon-ngy2_chevron-left:before {
content: '\e82d'
}
.nGY2Icon-ellipsis-vert:before {
content: '\e82e'
}
.nGY2Icon-toggle-off:before {
content: '\e82f'
}
.nGY2Icon-toggle-on:before {
content: '\e830'
}
.nGY2Icon-check:before {
content: '\e831'
}
.nGY2Icon-check-empty:before {
content: '\e832'
}
.nGY2Icon-rocket:before {
content: '\e833'
}
.nGY2Icon-filter:before {
content: '\e834'
}
.nGY2Icon-magic:before {
content: '\e835'
}
.nGY2Icon-pinterest-squared:before {
content: '\e836'
}
.nGY2Icon-gplus-squared:before {
content: '\e837'
}
.nGY2Icon-facebook-squared:before {
content: '\e838'
}
.nGY2Icon-basket:before {
content: '\e839'
}
.nGY2Icon-ok-circled:before {
content: '\e83a'
}
.nGY2Icon-user:before {
content: '\e83b'
}
.nGY2Icon-ngy2_chevron_left3:before {
content: '\e83c'
}
.nGY2Icon-ngy2_chevron_right3:before {
content: '\e83d'
}
.nGY2Icon-zoom-out-1:before {
content: '\e83e'
}
.nGY2Icon-ngy2_zoom_out2:before {
content: '\e83f'
}
.nGY2Icon-ngy2_zoom_in2:before {
content: '\e840'
}
.nGY2Icon-ngy2_share2:before {
content: '\e841'
}
.nGY2Icon-ngy2_external2:before {
content: '\e842'
}
.nGY2Icon-ngy2_close2:before {
content: '\e843'
}
.nGY2Icon-ngy2_info2:before {
content: '\e844'
}
.nGY2Icon-ngy2_chevron_up2:before {
content: '\e845'
}
.nGY2Icon-ngy2_download2:before {
content: '\e846'
}
.nGY2Icon-mail-alt:before {
content: '\f0e0'
}
.nGY2Icon-circle-empty:before {
content: '\f10c'
}
.nGY2Icon-tumblr-squared:before {
content: '\f174'
}
.nGY2Icon-twitter-squared:before {
content: '\f304'
}
.nGY2Icon-youtube-play:before {
content: '\f16a'
}
.nGY2Icon-vkontakte:before {
content: '\f189'
}
.nGY2Icon-cw:before {
content: '\e809'
}
.nGY2Icon-ccw:before {
content: '\e80c'
}
[class^=nGY2Icon-] {
margin-left: .2em;
margin-right: .3em;
font-family: ngy2_icon_font;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2Navigationbar {
margin: 5px 0;
padding: 5px 0;
display: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2Navigationbar .nGY2NavigationbarItem {
margin: 5px 2px;
padding: 5px 8px;
white-space: nowrap;
cursor: pointer;
display: inline-block;
vertical-align: middle;
text-align: left;
visibility: 'hidden';
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2Gallery, .nGY2 .nGY2GallerySub {
position: relative;
overflow: hidden;
box-sizing: border-box
}
.nGY2Navigationbar .oneItem {
margin: 0 5px;
white-space: nowrap;
vertical-align: middle;
display: inline-block
}
.nGY2 .nGY2Gallery {
text-align: center;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GallerySub {
perspective: 900px;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
z-index: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnail, .nGY2 .nGY2GThumbnailStack {
display: inline-block;
position: absolute;
box-sizing: border-box;
border: 0 solid #000;
padding: 0;
overflow: hidden;
cursor: pointer
}
.nGY2 .nGY2GThumbnail {
background-color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailStack {
background-color: #888;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailSub {
width: 100%;
height: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
border: 0 solid #000;
margin: 0;
padding: 0;
overflow: hidden
}
.nGY2 .nGY2GThumbnailSubSelected {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9)
}
.nGY2 .nGY2GThumbnailImage {
position: relative;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailImg {
background: url(data:image/gif;
base64,R0lGODlhEAAQAIAAAP///////yH5BAEKAAEALAAAAAAQABAAAAIOjI+py+0Po5y02ouzPgUAOw==) center no-repeat;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: block;
vertical-align: bottom;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailAnnotationOLD_NO_MORE_USED {
background: rgba(34, 34, 34, .75);
opacity: 1;
text-align: left;
left: 0;
right: 0;
padding: 1px;
position: absolute;
min-height: 18px;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailCustomLayer, .nGY2 .nGY2GThumbnailLabel {
display: block;
box-sizing: border-box;
left: 0;
position: absolute;
right: 0
}
.nGY2 .nGY2GThumbnailCustomLayer {
top: 0;
bottom: 0;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailLabel {
background: rgba(34, 34, 34, .75);
padding: 4px;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailAlbumTitle, .nGY2 .nGY2GThumbnailImageTitle {
color: #fff;
margin: 5px 1px 1px;
padding: 0;
left: 0;
right: 0;
white-space: nowrap;
overflow: hidden;
display: inline-block;
Text-Shadow: #000 1px 0 0, #000 1px 1px 0, #000 1px -1px 0, #000 -1px 1px 0, #000 -1px 0 0, #000 -1px -1px 0, #000 0 1px 0, #000 0 -1px 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailDescription {
clear: both;
margin: 1px 1px 3px;
padding: 0;
color: #aaa;
white-space: nowrap;
left: 0;
right: 0;
font-size: .8em;
Text-Shadow: #000 1px 0 0, #000 1px 1px 0, #000 1px -1px 0, #000 -1px 1px 0, #000 -1px 0 0, #000 -1px -1px 0, #000 0 1px 0, #000 0 -1px 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailIcon, .nGY2 .nGY2GThumbnailIconsFullThumbnail {
color: #fff;
Text-Shadow: #000 1px 0 0, #000 1px 1px 0, #000 1px -1px 0, #000 -1px 1px 0, #000 -1px 0 0, #000 -1px -1px 0, #000 0 1px 0, #000 0 -1px 0
}
.nGY2 .nGY2GThumbnailIcons {
margin: 0;
position: absolute;
display: inline-block;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailIconsFullThumbnail {
font-size: 1.8em;
padding: 5px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailIconText, .nGY2 .nGY2GThumbnailIconTextBadge {
position: relative;
display: inline-block;
margin: 0;
vertical-align: middle
}
.nGY2 .nGY2GThumbnailIcon {
display: inline-block;
padding: 4px;
margin: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailIconTextBadge {
background-color: #fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailIconText {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GThumbnailAlbumUp i {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%)
}
.nGY2 .nGY2GThumbnailAlbumUp {
color: #eee;
font-size: 1.2em;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: table;
width: 100%;
text-align: center;
position: absolute;
margin: auto;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2GalleryBottom {
margin: 0;
padding: 0;
text-align: center;
position: relative;
overflow: hidden;
white-space: nowrap
}
.nGY2 .nGY2GalleryMoreButton, .nGY2 .nGY2GalleryMoreButtonAnnotation, .nGY2 .nGY2GalleryPagination, .nGY2 .nGY2GalleryPaginationDot {
margin: 10px auto 5px;
text-align: center;
position: relative;
white-space: nowrap;
overflow: hidden
}
.nGY2 .nGY2GalleryMoreButton {
padding: 4px;
display: inline-block;
cursor: pointer
}
.nGY2 .nGY2GalleryMoreButtonAnnotation {
border: 1px solid #fff;
padding: 8px 20px;
display: inline-block
}
.nGY2 .nGY2GalleryPagination, .nGY2 .nGY2GalleryPaginationDot {
padding: 4px
}
.nGY2 .nGY2PaginationNext, .nGY2 .nGY2PaginationPrev, .nGY2 .nGY2paginationItem, .nGY2 .nGY2paginationItemCurrentPage {
margin: 10px 4px;
padding: 5px 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #111;
white-space: nowrap;
cursor: pointer;
vertical-align: middle;
display: inline-block
}
.nGY2 .nGY2paginationItemCurrentPage {
background: #333
}
.nGY2 .nGY2paginationDot, .nGY2 .nGY2paginationDotCurrentPage {
width: 16px;
height: 16px;
border: 2px solid #fff;
background: #444;
border-radius: 50%;
margin: 12px 5px;
white-space: nowrap;
cursor: pointer;
vertical-align: middle;
display: inline-block;
opacity: .5
}
.nGY2 .nGY2paginationDotCurrentPage {
background: #fff;
opacity: 1
}
.nGY2 .nGY2paginationRectangle, .nGY2 .nGY2paginationRectangleCurrentPage {
width: 30px;
border: 1px solid #fff;
height: 0;
background: #444;
margin: 5px 1px;
white-space: nowrap;
cursor: pointer;
vertical-align: middle;
display: inline-block;
opacity: .5
}
.nGY2 .nGY2paginationRectangleCurrentPage {
background: #fff;
opacity: 1
}
.nGY2Popup {
position: fixed;
color: #000;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, .5)
}
.nGY2PopupContent, .nGY2PopupContentCenter, .nGY2PopupContentLeft, .nGY2PopupContentRight {
position: fixed;
text-align: left;
top: 50%;
left: 50%;
width: 50%;
padding: 15px 30px;
height: auto;
background: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
.nGY2PopupContentCenter {
text-align: center
}
.nGY2PopupTitle {
font-size: 1.5em;
border-bottom: 4px solid #888;
padding: 0 0 5px;
margin-bottom: 10px
}
.nGY2PopupCloseButton {
font-size: 1.5em;
cursor: pointer;
text-align: right
}
.nGY2PopupOneItem {
padding: 10px;
font-size: 2em;
cursor: pointer;
display: inline-block
}
.nGY2PopupOneItemText {
padding: 10px;
font-size: 1.2em;
cursor: pointer;
display: block
}
@media only screen and (max-device-width :480px) {
.nGY2PopupContent {
width: 85% !important;
padding: 5px 10px !important
}
}
.nGY2PortInfo {
padding: 3px !important;
font-size: 14px !important;
color: #FF0075 !important;
text-align: center !important;
z-index: 0 !important;
text-transform: lowercase !important;
cursor: pointer !important
}
.nGY2PortInfo a, .nGY2PortInfo a:active, .nGY2PortInfo a:hover, .nGY2PortInfo>a:link, .nGY2PortInfo>a:visited {
color: #FF0075 !important;
text-decoration: none !important
}
.nGY2 .nGY2ViewerContainer {
opacity: 0;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%
}
.nGY2 .nGY2Viewer {
display: block;
visibility: visible;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 1;
background-color: rgba(1, 1, 1, .85);
text-align: center;
clear: both;
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none
}
.nGY2 .nGY2ViewerLogo {
text-align: center;
float: left;
position: relative;
top: 50px;
left: 5px;
padding: 2px;
background: url(nanogallery2_logo.png) center no-repeat;
display: block;
height: 74px;
width: 147px
}
.nGY2 .nGY2ViewerContent, .nGY2 .nGY2ViewerMediaPan {
position: absolute;
box-sizing: border-box;
user-select: none
}
.nGY2 .nGY2ViewerContent {
min-width: 40px;
min-height: 40px;
clear: both;
user-drag: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2ViewerMediaPan {
transform-origin: 50% 50% 0;
visibility: visible;
opacity: 1;
display: inline-block;
padding: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
zoom: 1;
user-drag: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2ViewerMedia, .nGY2 .nGY2ViewerMediaLoaderHidden {
visibility: visible;
position: absolute;
top: 0;
bottom: 0;
zoom: 1;
box-sizing: border-box;
left: 0;
right: 0;
margin: auto
}
.nGY2 .nGY2ViewerMedia {
max-width: none;
opacity: 1;
will-change: transform;
transform: translateZ(0);
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2ViewerMediaLoaderDisplayed {
visibility: visible;
opacity: 1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
zoom: 1;
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
width: 50px;
height: 50px
}
.nGY2 .nGY2ViewerMediaLoaderDisplayed:before {
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
content: "";
display: block;
position: absolute;
border-width: 7px;
border-style: solid;
border-radius: 50%;
width: 38px;
height: 38px;
animation: nGY2-spinner-rotate-animation 1s linear 0s infinite;
border-color: #444 #23CB99 #23CB99 #444
}
.nGY2 .nGY2ViewerMediaLoaderDisplayed:after {
content: "";
display: block;
position: absolute;
border-width: 4px;
border-style: solid;
border-radius: 50%;
width: 24px;
height: 24px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
animation: nGY2-spinner-anti-rotate-animation .85s linear 0s infinite;
border-color: #333 #23CB99 #23CB99 #333
}
@keyframes nGY2-spinner-rotate-animation {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
@keyframes nGY2-spinner-anti-rotate-animation {
0% {
transform: rotate(0)
}
100% {
transform: rotate(-360deg)
}
}
.nGY2 .nGY2ViewerMediaLoaderHidden {
opacity: 0;
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
background-image: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box
}
.nGY2 .nGY2ViewerAreaNext, .nGY2 .nGY2ViewerAreaPrevious {
/*transform: scaleY(1.5);
*/
color: #fff;
display: block;
/*Text-Shadow: #000 1px 0 0, #000 1px 1px 0, #000 1px -1px 0, #000 -1px 1px 0, #000 -1px 0 0, #000 -1px -1px 0, #000 0 1px 0, #000 0 -1px 0;
*/
font-size: 2em;
bottom: 0;
margin-top: -25px;
cursor: pointer;
opacity: 1;
position: absolute;
z-index: 1000;
width:40%;
color: #aaa;
}
.nGY2 .nGY2ViewerAreaNext:hover, .nGY2 .nGY2ViewerAreaPrevious:hover {
color: #fff;
}
.nGY2 .nGY2ViewerContent .imgCurrent {
cursor: pointer
}
.nGY2 .nGY2ViewerAreaPrevious {
padding: 10px 0 10px 10px;
left: 0;
text-align: left;
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease
}
.nGY2 .nGY2ViewerAreaPrevious>i {
margin-left: 0
}
.nGY2 .nGY2ViewerAreaNext {
padding: 10px 10px 10px 0;
right: 0;
text-align: right;
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease
}
.nGY2 .nGY2ViewerAreaNext>i {
margin-right: 0
}
.nGY2 .toolbarContainer {
left: 0;
right: 0;
text-align: center;
display: inline-block;
position: absolute;
width: 100%;
margin-bottom: 20px;
}
.nGY2 .toolbar {
display: inline-block;
vertical-align: middle;
overflow: hidden;
padding: 2px 0;
margin: 1px
}
.nGY2 .toolbarBackground {
background: rgba(4, 4, 4, .7)
}
.nGY2 .nGY2ViewerToolsTopLeft, .nGY2 .nGY2ViewerToolsTopRight {
color: #ddd;
background: rgba(0, 0, 0, .2);
top: 5px;
position: absolute;
cursor: pointer;
opacity: 1
}
.nGY2 .nGY2ViewerToolsTopLeft {
left: 5px;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease
}
.nGY2 .nGY2ViewerToolsTopRight {
right: 5px;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease
}
.nGY2 .nGY2ViewerToolsTopRight:hover .closeButton {
opacity: .8;
}
.nGY2 .toolbar .ngbt {
font-size: 1.5em;
display: table-cell;
cursor: pointer;
padding: 2px 5px;
vertical-align: middle
}
.nGY2 .toolbar .label, .nGY2 .toolbar .label .title, .nGY2 .toolbar .pageCounter {
font-size: 1em;
vertical-align: middle;
overflow: hidden
}
.nGY2 .ngy2viewerToolAction {
opacity: 1
}
.nGY2 .ngy2viewerToolAction:hover {
/*opacity: .8*/
}
.nGY2 .toolbar .pageCounter {
display: table-cell;
margin: auto
}
.nGY2 .toolbar .label {
padding: 3px 10px;
border-left: 0 solid #000;
display: table-cell;
text-align: left;
background-color: initial
}
.nGY2 .toolbar .label .title {
margin: auto
}
.nGY2 .toolbar .label .description {
font-size: .8em;
display: table-row;
vertical-align: middle;
overflow: hidden;
color: #aaa
}
.nGY2ConsoleParent {
visibility: hidden;
height: 0;
background: #111;
color: #e00;
padding: 0;
margin: 2px
}
.nGY2ConsoleParent p {
color: #e00;
padding: 1px;
margin: 0
}
.nGY2 .nanoGalleryLBar, .nGY2 .nanoGalleryLBarOff {
position: relative;
width: 100%;
margin: 0 0 1px;
background-color: #556;
height: 2px
}
.nGY2.unselectable {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none
}
.nGY2 .nanoGalleryLBarOff {
visibility: hidden
}
.nGY2 .nanoGalleryLBar {
visibility: visible
}
.nGY2 .nanoGalleryLBar>div {
position: absolute;
width: 50px;
height: 2px;
top: 0;
opacity: .7
}
.nGY2 .nanoGalleryLBar>div:nth-child(1) {
-webkit-animation: nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0, .6, .9, 0);
-moz-animation: nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0, .6, .9, 0);
-ms-animation: nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0, .6, .9, 0);
-o-animation: nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0, .6, .9, 0);
animation: nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0, .6, .9, 0);
background: #111
}
.nGY2 .nanoGalleryLBar>div:nth-child(2) {
-webkit-animation: nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0, .6, .9, 0);
-moz-animation: nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0, .6, .9, 0);
-ms-animation: nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0, .6, .9, 0);
-o-animation: nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0, .6, .9, 0);
animation: nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0, .6, .9, 0);
background: #333
}
.nGY2 .nanoGalleryLBar>div:nth-child(3) {
-webkit-animation: nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0, .6, .9, 0);
-moz-animation: nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0, .6, .9, 0);
-ms-animation: nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0, .6, .9, 0);
-o-animation: nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0, .6, .9, 0);
animation: nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0, .6, .9, 0);
background: #ccd
}
.nGY2 .nanoGalleryLBar>div:nth-child(4) {
-webkit-animation: nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0, .6, .9, 0);
-moz-animation: nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0, .6, .9, 0);
-ms-animation: nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0, .6, .9, 0);
-o-animation: nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0, .6, .9, 0);
animation: nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0, .6, .9, 0);
background: #777
}
.nGY2 .nanoGalleryLBar>div:nth-child(5) {
-webkit-animation: nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0, .6, .9, 0);
-moz-animation: nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0, .6, .9, 0);
-ms-animation: nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0, .6, .9, 0);
-o-animation: nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0, .6, .9, 0);
animation: nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0, .6, .9, 0);
background: #ddd
}
@-webkit-keyframes nanoGalleryLBarAnim {
0% {
left: 10%
}
100% {
left: 90%
}
}
@-moz-keyframes nanoGalleryLBarAnim {
0% {
left: 10%
}
100% {
left: 90%
}
}
@-ms-keyframes nanoGalleryLBarAnim {
0% {
left: 10%
}
100% {
left: 90%
}
}
@-o-keyframes nanoGalleryLBarAnim {
0% {
left: 10%
}
100% {
left: 90%
}
}
@keyframes nanoGalleryLBarAnim {
0% {
left: 10%
}
100% {
left: 90%
}
}
.mt-5 {
margin-top: 50px;
}
/* Hover effect */
.gallery .nGY2GThumbnail:hover {
transform: scale(.95);
transition: transform .6s;
}
.gallery .nGY2GThumbnail {
transition: transform .6s;
}
/* Lightbox styles */
.nGY2 {
font-family: montserrat, sans-serif;
}
.nGY2Viewer .ngy2viewerToolAction .fa {
color: #aaa;
}
.nGY2Viewer .ngy2viewerToolAction:hover .fa {
color: white;
}
.nGY2Viewer .ngy2viewerToolAction:hover {
opacity: 1 !important;
}
/*--------------------------- Subsite Styles ------------------------------------*/
/* #132 , #134 */
.site-header__main-banner .site-header__logo--main {
/* max-width: 10rem;
height:1.8rem;*/
}
.site-header__logo--main img {
width: 184px;
}
.site-header--subsite .site-header__logo {
margin-left: 1.25rem;
margin-right: 20px;
width: fit-content;
max-width: 100%;
font-size: 140%;
line-height: 1.0;
color: #142142;
display: grid;
align-content: center;
align-items: center;
padding-top: 0.9rem;
padding-bottom: 1rem;
padding-right: 1rem;
}
.site-header__logo {
text-decoration: none;
font-family: 'IBM Plex Sans',sans-serif;
font-weight: bold;
font-size: 1.7rem;
line-height: 1.2;
}
.site-header--subsite .mobile-menu-button {
height: 2rem;
}
.mobile-menu-button{
/* margin-top: 0.5rem; */
margin-bottom: 0.5rem;
}
.site-header--subsite .site-header__subsite-items .grid-x{
height: fit-content;
}
/* #118 */
/* .global-padding--transparent .section-heading .wysiwyg p a:hover{*/
/* color: #B1DDF6;*/
/*}*/
/* #35 */
.global-padding--white .h1--alt{
color:#cf142b
}
.unit-basename {
padding-right: 3rem;
}
/* #160 */
.wysiwyg ol {
list-style-type: decimal;
}
/* #20 */
/* # 171 */
/* .wysiwyg ul{
margin-top: 1.25rem;
}
.wysiwyg li {
line-height: 1.25rem;
margin-top:1.25rem;
}
.wysiwyg p {
line-height: 1.25;
}
*/
/* #20 */
#master-of-arts-in-teaching--m-a-t---mississippi-teacher-corps {
margin-top: 5rem;
}
.localist-styling .card .card__content h3.h3--small a {
text-decoration: underline;
color: #ffffff;
text-decoration-color: #B1DDF6;
}
.localist-styling .card .card__content h3.h3--small a:hover {
text-decoration-color: transparent;
}
/* .site-header--subsite .unit-basename {
font-size: 170%;
}
@media screen and (max-width: 64.0613em) {
.site-header--subsite .unit-prefix {
display: none;
}
}
*/
.social-media-new {
height: fit-content;
margin-right:2rem;
margin-left:2rem;
padding: 1rem;
}
.social-media-new ul {
margin: 0;
}
.social-media-new .site-footer__social-media {
margin: 0;
}
@media screen and (max-width: 48.06125em) {
.site-footer__info-area.social-media-new {
padding: 1rem;
margin-top: 1.875rem;
margin-bottom: 1.875rem;
}
}
/*New Footer Navbar Styling*/
.site-footer-school__subsite1 a {
max-width: 100%;
font-size: 140%;
text-decoration: none;
}
.site-footer-school__subsite1 {
display: flex;
flex-direction: column;
border-left: 1.5px solid #142142;
padding-left: 10px;
margin-right:5rem;
}
.site-footer-school__subsite1__logo-sec {
max-height: 3rem;
max-width: 12rem;
display: block;
padding-right: 10px;
}
.site-footer-school__subsite1__main_navbar a {
color: #142142;
}
.footer-unit-prefix {
font-size: 60%;
font-weight: 600;
}
.site-footer-school__subsite1__main_navbar_list {
display: flex;
gap: 0.5rem;
align-content: center;
flex-wrap: wrap;
}
.site-footer-school__subsite1__main_navbar_list a {
text-decoration: none;
}
.subsite1-logo img {
max-height: 4rem;
}
.site-footer-school__subsite1__main_navbar {
display: flex;
align-items: center;
justify-content: space-between;
}
.site-footer-school__subsite1__main_navbar_list {
display: flex;
flex-grow: 1;
justify-content: flex-start;
}
.nav-item-subsite1 {
margin-right: 15px;
}
@media (max-width: 768px) {
.site-footer-school__subsite1 {
border-left: none;
flex-direction: column;
align-items: flex-start;
}
.site-footer-school__subsite1__main_navbar {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.site-footer-school__subsite1__main_navbar_list {
flex-direction: column;
width: 100%;
gap: 10px;
margin-left: 20px;
}
.nav-item-subsite1 {
width: 100%;
text-align: left;
padding: 10px 0;
border-top: 1px solid #EEEE;
}
.nav-item-subsite1:first-child {
border-top: none;
}
.site-footer-school__subsite1__logo-sec {
margin-bottom: 20px;
}
.site-footer-school__subsite1__logo-sec img {
max-width: 100%;
}
.site-footer-school__subsite1 a {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.footer-unit-prefix, .footer-unit-basename {
text-align: left;
}
}
@media screen and (max-width: 48.06125em) {
.site-footer__copyright-links {
margin-bottom: 1rem;
}
}
/* #515 */
.global-padding--transparent .section-heading .wysiwyg p a:hover{
color: #FFCD6B;
}
/* #550 */
.listing-multiple-links{
padding-right: 1.625rem;
}
/* #595 */
.listing-section-heading-margin{
margin-bottom: 1.5rem;
}
/* 610 - Changes for accordion +/- after adding h3 */
.accordion--open > h3 > .accordion__button .accordion__icon-path, :root:not(.oho-js) .accordion__button .accordion__icon-path {
fill: var(--yellow);
}
.accordion--open > h3 > .accordion__button .accordion__icon-path--vertical, :root:not(.oho-js) .accordion__button .accordion__icon-path--vertical {
-webkit-transform: scaleY(0);
transform: scaleY(0);
}