/** * Mixins and Variables. Do not place any global styles here as they will repeat. * Global Styles can be placed in App.scss */ /** * * Global Colors * **/ /** * Main Colors **/ /** * Grid =====================================*/ /* Font styles */ /* Text meant only for screen readers. */ /* Font styles */ /* Text meant only for screen readers. */ /** * * Global Colors * **/ /** * Main Colors **/ /** * Grid =====================================*/ html { box-sizing: border-box; font-family: sans-serif; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; overflow-x: hidden; overflow-y: auto; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #FFFFFF; /* Fallback for when there is no custom background color defined. */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; overflow-x: hidden; overflow-y: auto; color: #2B2B2B; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #content { /* @include poly-fluid-sizing('padding-top', (768px: 64px, 769px: 86px, 1200px: 102px)); */ } .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta), .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta) { padding-top: 3px; padding-bottom: 3px; position: relative; transition: background-size 260ms cubic-bezier(0.4, 0, 0.2, 1), color 260ms cubic-bezier(0.4, 0, 0.2, 1); background-size: 100% 2px; background-repeat: no-repeat; background-position: center bottom; color: #2B2B2B; text-decoration: none; will-change: background-size; transform: translateZ(0); -webkit-backface-visibility: hidden; } .asiPageTheme__home .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta), .asiPageTheme__home .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta) { background-image: linear-gradient(#006640, #006640); } .asiPageTheme__getInvolved .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta), .asiPageTheme__getInvolved .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta) { background-image: linear-gradient(#154734, #154734); } .asiPageTheme__facilities .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta), .asiPageTheme__facilities .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta) { background-image: linear-gradient(#182B52, #182B52); } .asiPageTheme__experience .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta), .asiPageTheme__experience .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta) { background-image: linear-gradient(#03588C, #03588C); } .asiPageTheme__getActive .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta), .asiPageTheme__getActive .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta) { background-image: linear-gradient(#6640A1, #6640A1); } .asiPageTheme__childrensCenter .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta), .asiPageTheme__childrensCenter .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta) { background-image: linear-gradient(#903F0E, #903F0E); } .asiPageTheme__discoverAsi .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta), .asiPageTheme__discoverAsi .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta) { background-image: linear-gradient(#705000, #705000); } [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta), [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta), [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta), [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta) { color: #FFFFFF; background-image: linear-gradient(#FFFFFF, #FFFFFF); } .asiPageTheme__home [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__home [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__home [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__home [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__home [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__home [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__home [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__home [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__home [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active, .asiPageTheme__home [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__home [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__home [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active { color: #006640; } .asiPageTheme__getInvolved [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__getInvolved [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__getInvolved [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__getInvolved [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__getInvolved [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__getInvolved [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__getInvolved [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__getInvolved [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__getInvolved [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active, .asiPageTheme__getInvolved [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__getInvolved [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__getInvolved [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active { color: #154734; } .asiPageTheme__facilities [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__facilities [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__facilities [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__facilities [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__facilities [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__facilities [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__facilities [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__facilities [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__facilities [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active, .asiPageTheme__facilities [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__facilities [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__facilities [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active { color: #182B52; } .asiPageTheme__experience [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__experience [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__experience [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__experience [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__experience [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__experience [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__experience [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__experience [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__experience [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active, .asiPageTheme__experience [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__experience [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__experience [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active { color: #03588C; } .asiPageTheme__getActive [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__getActive [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__getActive [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__getActive [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__getActive [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__getActive [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__getActive [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__getActive [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__getActive [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active, .asiPageTheme__getActive [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__getActive [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__getActive [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active { color: #6640A1; } .asiPageTheme__childrensCenter [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__childrensCenter [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__childrensCenter [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__childrensCenter [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__childrensCenter [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__childrensCenter [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__childrensCenter [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__childrensCenter [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__childrensCenter [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active, .asiPageTheme__childrensCenter [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__childrensCenter [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__childrensCenter [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active { color: #903F0E; } .asiPageTheme__discoverAsi [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__discoverAsi [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__discoverAsi [data-bg-color="charcoal"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__discoverAsi [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .asiPageTheme__discoverAsi [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .asiPageTheme__discoverAsi [data-bg-color="themeColor"] .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .asiPageTheme__discoverAsi [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__discoverAsi [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__discoverAsi [data-bg-color="charcoal"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active, .asiPageTheme__discoverAsi [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .asiPageTheme__discoverAsi [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .asiPageTheme__discoverAsi [data-bg-color="themeColor"] .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active { color: #705000; } .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):hover, .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):focus, .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):active, .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):hover, .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):focus, .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):active { background-size: 100% 100%; color: #FFFFFF; outline: 0; } .asiPageTheme__home .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):visited, .asiPageTheme__home .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):visited { color: #006640; } .asiPageTheme__getInvolved .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):visited, .asiPageTheme__getInvolved .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):visited { color: #154734; } .asiPageTheme__facilities .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):visited, .asiPageTheme__facilities .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):visited { color: #182B52; } .asiPageTheme__experience .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):visited, .asiPageTheme__experience .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):visited { color: #03588C; } .asiPageTheme__getActive .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):visited, .asiPageTheme__getActive .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):visited { color: #6640A1; } .asiPageTheme__childrensCenter .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):visited, .asiPageTheme__childrensCenter .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):visited { color: #903F0E; } .asiPageTheme__discoverAsi .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):visited, .asiPageTheme__discoverAsi .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):visited { color: #705000; } .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):visited:hover, .site-main p:not(#breadcrumbs) a:not(.button):not(.textCta):visited:focus, .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):visited:hover, .site-main li:not(#breadcrumbs):not(.menu-item) a:not(.button):not(.textCta):visited:focus { color: #FFFFFF; } blockquote, q { background-color: #F8F8F8; display: block; quotes: "" ""; margin: 3em auto; padding: 38px 20px; position: relative; max-width: 740px; width: calc(100% - 80px); text-align: center; } blockquote::before, blockquote::after, q::before, q::after { background-color: #FFFFFF; display: flex; align-items: baseline; justify-content: center; height: 75px; width: 75px; height: 49px; width: 49px; position: absolute; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 500; font-size: 109px; font-size: 69px; line-height: 1; } @media (min-width: 480px) { blockquote::before, blockquote::after, q::before, q::after { height: calc(3.61111vw + 31.66667px); } } @media (min-width: 1200px) { blockquote::before, blockquote::after, q::before, q::after { height: 75px; } } @media (min-width: 480px) { blockquote::before, blockquote::after, q::before, q::after { width: calc(3.61111vw + 31.66667px); } } @media (min-width: 1200px) { blockquote::before, blockquote::after, q::before, q::after { width: 75px; } } @media (min-width: 480px) { blockquote::before, blockquote::after, q::before, q::after { font-size: calc(5.55556vw + 42.33333px); } } @media (min-width: 1200px) { blockquote::before, blockquote::after, q::before, q::after { font-size: 109px; } } .asiPageTheme__home blockquote::before, .asiPageTheme__home blockquote::after, .asiPageTheme__home q::before, .asiPageTheme__home q::after { color: #29B257; } .asiPageTheme__getInvolved blockquote::before, .asiPageTheme__getInvolved blockquote::after, .asiPageTheme__getInvolved q::before, .asiPageTheme__getInvolved q::after { color: #1C8654; } .asiPageTheme__facilities blockquote::before, .asiPageTheme__facilities blockquote::after, .asiPageTheme__facilities q::before, .asiPageTheme__facilities q::after { color: #03588C; } .asiPageTheme__experience blockquote::before, .asiPageTheme__experience blockquote::after, .asiPageTheme__experience q::before, .asiPageTheme__experience q::after { color: #3D6DC3; } .asiPageTheme__getActive blockquote::before, .asiPageTheme__getActive blockquote::after, .asiPageTheme__getActive q::before, .asiPageTheme__getActive q::after { color: #B540C4; } .asiPageTheme__childrensCenter blockquote::before, .asiPageTheme__childrensCenter blockquote::after, .asiPageTheme__childrensCenter q::before, .asiPageTheme__childrensCenter q::after { color: #D35834; } .asiPageTheme__discoverAsi blockquote::before, .asiPageTheme__discoverAsi blockquote::after, .asiPageTheme__discoverAsi q::before, .asiPageTheme__discoverAsi q::after { color: #BD8B13; } blockquote::before, q::before { content: "\201C"; left: -40px; top: -40px; left: -20px; top: -20px; } @media (min-width: 480px) { blockquote::before, q::before { left: calc(-2.77778vw - 6.66667px); } } @media (min-width: 1200px) { blockquote::before, q::before { left: -40px; } } @media (min-width: 480px) { blockquote::before, q::before { top: calc(-2.77778vw - 6.66667px); } } @media (min-width: 1200px) { blockquote::before, q::before { top: -40px; } } blockquote::after, q::after { content: "\201D"; right: -40px; bottom: -40px; right: -20px; bottom: -20px; } @media (min-width: 480px) { blockquote::after, q::after { right: calc(-2.77778vw - 6.66667px); } } @media (min-width: 1200px) { blockquote::after, q::after { right: -40px; } } @media (min-width: 480px) { blockquote::after, q::after { bottom: calc(-2.77778vw - 6.66667px); } } @media (min-width: 1200px) { blockquote::after, q::after { bottom: -40px; } } blockquote p, q p { margin-bottom: 0 !important; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: italic; font-weight: 500; font-size: 26px; line-height: 1.4; } @media (min-width: 480px) { blockquote p, q p { font-size: calc(0.83333vw + 22px); } } @media (min-width: 1200px) { blockquote p, q p { font-size: 32px; } } hr { background-color: #000000; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 2em 3em; padding-left: 0; } ul li, ol li { font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1.78; margin-bottom: 0.5em; } @media (min-width: 480px) { ul li, ol li { font-size: calc(0.27778vw + 14.66667px); } } @media (min-width: 1200px) { ul li, ol li { font-size: 18px; } } ul { list-style: disc; } ol { list-style: decimal; } ol > ol { list-style: lower-alpha; } ol > ol > ol { list-style: lower-roman; } ol > ol > ol > ol { list-style: decimal; } ol > ol > ol > ol > ol { list-style: lower-alpha; } ol > ol > ol > ol > ol > ol { list-style: lower-roman; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { border: 0; height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } .col-md-5-1 > a > strong::before{ content: ""; display: block; height: 2px; width: 100%; transform: scaleX(0); transform-origin: 0 0; transition: transform .26s cubic-bezier(.4,0,.2,1); } a > strong{ position: relative; color:black; text-transform: uppercase; text-decoration: none; } a > i { color: black; } a:hover { color: #03588c; } a > strong:hover { color: #03588c; } a > strong:hover:before { visibility: visible; transform:scaleX(1) } a > strong:before { content: ""; position: absolute; width 100%; height: 2px; bottom: 0; left: 0; background-color: #03588c; visibility: hidden; transform: scaleX(0); transition: transform .26s cubic-bezier(.4,0,.2,1); } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } .inline { display: inline; } /* wordpress galleries */ .gallery { margin: 0 auto 18px; display: flex; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 560px) { .gallery { display: block; } } .gallery.gallery-columns-2 .gallery-item { width: 48%; } .gallery.gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery.gallery-columns-4 .gallery-item { width: 25%; } .gallery.gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-item { margin-top: 0; text-align: center; width: 32%; } @media (max-width: 560px) { .gallery .gallery-item { width: 100% !important; } } .gallery img { /* padding: 8px; */ } .gallery .gallery-caption { margin: 10px 0 12px 10px; padding-left: 10px; position: relative; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: italic; font-weight: 400; /* 3 */ /* 3 */ /* 4 */ /* 6 */ /* 6 */ /* 7 */ font-size: 14px; /* 9 */ font-size: 0.875rem; /* 9 */ text-align: left; } .gallery .gallery-caption::before { content: ''; display: block; width: 2px; height: 100%; position: absolute; left: 0; } .asiPageTheme__home .gallery .gallery-caption::before { background-color: #006640; } .asiPageTheme__getInvolved .gallery .gallery-caption::before { background-color: #154734; } .asiPageTheme__facilities .gallery .gallery-caption::before { background-color: #182B52; } .asiPageTheme__experience .gallery .gallery-caption::before { background-color: #03588C; } .asiPageTheme__getActive .gallery .gallery-caption::before { background-color: #6640A1; } .asiPageTheme__childrensCenter .gallery .gallery-caption::before { background-color: #903F0E; } .asiPageTheme__discoverAsi .gallery .gallery-caption::before { background-color: #705000; } .gallery dl, .gallery dt { margin: 0; } .gallery br + br { display: none; } table { margin: 0 0 1.5em; width: 100%; } h1, h2, h3, h4, h5, h6 { clear: both; margin: 0 0 0.58rem 0; } h1, .pageTitle { font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; letter-spacing: 0.08px; line-height: 1.1; } @media (min-width: 480px) { h1, .pageTitle { font-size: calc(2.77778vw + 16.66667px); } } @media (min-width: 1200px) { h1, .pageTitle { font-size: 50px; } } h2, .sectionTitle { font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 500; font-size: 28px; line-height: 1.1; } @media (min-width: 480px) { h2, .sectionTitle { font-size: calc(1.94444vw + 18.66667px); } } @media (min-width: 1200px) { h2, .sectionTitle { font-size: 42px; } } h3, .mediumTitle { font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 500; font-size: 21px; line-height: 1.1; } @media (min-width: 480px) { h3, .mediumTitle { font-size: calc(1.52778vw + 13.66667px); } } @media (min-width: 1200px) { h3, .mediumTitle { font-size: 32px; } } h4, .smallTitle { font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 500; font-size: 19px; letter-spacing: 0.04px; line-height: 1.25; } @media (min-width: 480px) { h4, .smallTitle { font-size: calc(0.69444vw + 15.66667px); } } @media (min-width: 1200px) { h4, .smallTitle { font-size: 24px; } } h5, .miniTitle { font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 500; font-size: 21px; letter-spacing: 0.8px; line-height: 1.56; text-transform: uppercase; font-size: 14px; } @media (min-width: 480px) { h5, .miniTitle { font-size: calc(1.52778vw + 13.66667px); } } @media (min-width: 1200px) { h5, .miniTitle { font-size: 32px; } } @media (min-width: 480px) { h5, .miniTitle { font-size: calc(0.27778vw + 12.66667px); } } @media (min-width: 1200px) { h5, .miniTitle { font-size: 16px; } } .leadInText { font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 500; font-size: 21px; line-height: 1.5; } @media (min-width: 480px) { .leadInText { font-size: calc(1.52778vw + 13.66667px); } } @media (min-width: 1200px) { .leadInText { font-size: 32px; } } p { margin-top: 0; margin-bottom: 0.6rem; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1.78; } @media (min-width: 480px) { p { font-size: calc(0.27778vw + 14.66667px); } } @media (min-width: 1200px) { p { font-size: 18px; } } dfn, cite, em, i { font-style: italic; } abbr, acronym { border-bottom: 1px dotted #000000; cursor: help; } strong, b { font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 700; } .container { //max-width: 1440px; padding: 0 20px; margin: 0 auto; } /* * Buttons */ .button { background-color: #000000; border: 3px solid #000000; display: inline-flex; justify-content: center; align-items: center; padding-top: 16px; padding-bottom: 16px; padding-left: 30px; padding-right: 30px; position: relative; color: #FFFFFF; cursor: pointer; /* 3 */ /* 3 */ /* 4 */ /* 6 */ /* 6 */ /* 7 */ font-size: 18px; /* 9 */ font-size: 1.125rem; /* 9 */ font-size: 13px; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 700; transition: background-color 260ms cubic-bezier(0.4, 0, 0.2, 1), border-color 260ms cubic-bezier(0.4, 0, 0.2, 1), color 260ms cubic-bezier(0.4, 0, 0.2, 1); line-height: 1; text-align: center; text-decoration: none; text-transform: uppercase; } @media (min-width: 480px) { .button { padding-top: calc(0.83333vw + 12px); } } @media (min-width: 1200px) { .button { padding-top: 22px; } } @media (min-width: 480px) { .button { padding-bottom: calc(0.83333vw + 12px); } } @media (min-width: 1200px) { .button { padding-bottom: 22px; } } @media (min-width: 480px) { .button { padding-left: calc(2.77778vw + 16.66667px); } } @media (min-width: 1200px) { .button { padding-left: 50px; } } @media (min-width: 480px) { .button { padding-right: calc(2.77778vw + 16.66667px); } } @media (min-width: 1200px) { .button { padding-right: 50px; } } @media (min-width: 480px) { .button { font-size: calc(0.69444vw + 9.66667px); } } @media (min-width: 1200px) { .button { font-size: 18px; } } .button:hover, .button:focus { background-color: #FFFFFF; color: #000000; text-decoration: none; } .button--reverse { background-color: #FFFFFF; border: 3px solid #000000; color: #000000; } .button--reverse:hover, .button--reverse:focus { background-color: #000000; color: #FFFFFF; } .button--ghost { background-color: transparent; color: #000000; } .button--ghost:hover, .button--ghost:focus { background-color: #000000; color: #FFFFFF; } .button--ghostReverse { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; } .button--ghostReverse:hover, .button--ghostReverse:focus { background-color: #FFFFFF; border-color: #FFFFFF; color: #000000; } .button--secondary { padding: 16px 25px; font-size: 13px; } @media (min-width: 480px) { .button--secondary { font-size: calc(0.41667vw + 11px); } } @media (min-width: 1200px) { .button--secondary { font-size: 16px; } } .button--secondary::after { right: 4px; } @keyframes ctaArrowMoveIn { 0% { transform: translate(-50%, -50%); opacity: 0; } 100% { transform: translate(0, -50%); opacity: 1; } } @keyframes ctaArrowMoveOut { 0% { transform: translate(0, -50%); opacity: 1; } 100% { transform: translate(50%, -50%); opacity: 0; } } .textCta { display: inline-flex; align-items: center; color: #000000; font-size: 14px; font-size: 0.875rem; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 700; letter-spacing: 0.8px; line-height: 1.25; text-decoration: none; text-transform: uppercase; transition: color 260ms cubic-bezier(0.4, 0, 0.2, 1); } .textCta:hover::after, .textCta:focus::after { transform: translateX(4px); } .textCta::after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; content: '\F0A9'; font-family: "Font Awesome 5 Pro"; font-size: 25px; font-size: 1.5625rem; font-weight: 300; margin-left: 20px; transition: transform 260ms cubic-bezier(0.4, 0, 0.2, 1); } .sectionCta { display: inline-block; color: #000000; font-size: 50px; font-size: 3.125rem; font-family: BetterTimes, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 400; line-height: 0.8; line-height: 1; text-decoration: none; } .sectionCta:hover, .sectionCta:focus { text-decoration: underline; } .ctaList { overflow: hidden; } .ctaList.align-left { text-align: left; } .ctaList.align-center { text-align: center; } .ctaList.align-right { text-align: right; } .ctaList a { margin-bottom: 20px; } .buttonAddText { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } /* forms */ .form__fieldWrapper { margin-bottom: 1em; } label { display: inline-block; font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; font-size: 1rem; color: #2B2B2B; } .form_control { font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .form__fieldWrapper--select { max-width: 300px; padding-right: 18px; position: relative; } .form__fieldWrapper--select::after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; content: '\25BE'; position: absolute; right: 30px; top: 12px; pointer-events: none; font-size: 22px; font-size: 1.375rem; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; boder-radius: 0; background-color: #FFFFFF; border: none; -webkit-box-shadow: 0 0 0 1px #C7C7C7; box-shadow: 0 0 0 1px #C7C7C7; border-radius: 0; line-height: 1.4; min-height: auto; margin-bottom: 0; padding: 12px; width: 100%; color: #2B2B2B; font-size: 18px; font-size: 1.125rem; transition: box-shadow 260ms cubic-bezier(0.4, 0, 0.2, 1); } select:focus { -webkit-box-shadow: 0 0 0 2px #3D6DC3; box-shadow: 0 0 0 2px #3D6DC3; outline: none; } .form__fieldWrapper--checkboxes div, .form__fieldWrapper--radio div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.4em; } .form__fieldWrapper--checkboxes div label, .form__fieldWrapper--radio div label { margin-left: 16px; font-size: 18px; font-size: 1.125rem; } .form__fieldWrapper--checkboxes div input, .form__fieldWrapper--radio div input { margin-top: 3px; }