html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
@font-face
{
font-family: "Neue Haas Grotesk";
font-style: normal;
font-weight: 400;
src: url("/Institutions/Yeshiva-University/styles/fonts/Linotype - NHaasGroteskTXPro-55Rg.otf");
}
@font-face {
font-family: "Neue Haas Grotesk";
font-style: italic;
font-weight: 400;
src: url("/Institutions/Yeshiva-University/styles/fonts/Linotype - NHaasGroteskTXPro-56It.otf");
}
@font-face {
font-family: "Neue Haas Grotesk";
font-style: normal;
font-weight: 500;
src: url("/Institutions/Yeshiva-University/styles/fonts/Linotype - NHaasGroteskTXPro-65Md.otf");
}
@font-face {
font-family: "Neue Haas Grotesk";
font-style: italic;
font-weight: 500;
src: url("/Institutions/Yeshiva-University/styles/fonts/Linotype - NHaasGroteskTXPro-66MdIt.otf");
}
@font-face {
font-family: "Neue Haas Grotesk";
font-style: normal;
font-weight: bold;
src: url("/Institutions/Yeshiva-University/styles/fonts/Linotype - NHaasGroteskTXPro-75Bd.otf");
}
@font-face {
font-family: "Neue Haas Grotesk";
font-style: italic;
font-weight: bold;
src: url("/Institutions/Yeshiva-University/styles/fonts/Linotype - NHaasGroteskTXPro-76BdIt.otf");
}
/*
@font-face {
font-family: "Mercury";
src: url("/themes/custom/yu/fonts/MercuryTextG1-Roman_Web.woff2") format("woff2"), url("/themes/custom/yu/fonts/MercuryTextG1-Roman_Web.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mercury";
src: url("/themes/custom/yu/fonts/MercuryTextG1-Italic_Web.woff2") format("woff2"), url("/themes/custom/yu/fonts/MercuryTextG1-Italic_Web.woff") format("woff");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mercury";
src: url("/themes/custom/yu/fonts/MercuryTextG1-Semibold_Web.woff2") format("woff2"), url("/themes/custom/yu/fonts/MercuryTextG1-Semibold_Web.woff") format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mercury";
src: url("/themes/custom/yu/fonts/MercuryTextG1-SemiItalic_Web.woff2") format("woff2"), url("/themes/custom/yu/fonts/MercuryTextG1-SemiItalic_Web.woff") format("woff");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mercury";
src: url("/themes/custom/yu/fonts/MercuryTextG1-Bold_Web.woff2") format("woff2"), url("/themes/custom/yu/fonts/MercuryTextG1-Bold_Web.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mercury";
src: url("/themes/custom/yu/fonts/MercuryTextG1-BoldItalic_Web.woff2") format("woff2"), url("/themes/custom/yu/fonts/MercuryTextG1-BoldItalic_Web.woff") format("woff");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Bauer Bodoni";
src: url("/themes/custom/yu/fonts/Bauer-Bodoni-Roman.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Bodoni Roman";
src: url("/themes/custom/yu/fonts/Bodoni-Roman.otf");
font-weight: normal;
font-style: normal;
} */
.page-node-type-modular-page .general-mobile-menu .hamburger,
.hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.page-node-type-modular-page .general-mobile-menu .hamburger:hover,
.hamburger:hover {
opacity: 0.7;
}
.page-node-type-modular-page .general-mobile-menu .hamburger-box,
.hamburger-box {
width: 30px;
height: 20px;
display: inline-block;
position: relative;
}
.page-node-type-modular-page .general-mobile-menu .hamburger-inner,
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.page-node-type-modular-page .general-mobile-menu .hamburger-inner,
.page-node-type-modular-page .general-mobile-menu .hamburger-inner::before,
.page-node-type-modular-page .general-mobile-menu .hamburger-inner::after,
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 30px;
height: 4px;
background-color: #959595;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.page-node-type-modular-page .general-mobile-menu .hamburger-inner::before,
.page-node-type-modular-page .general-mobile-menu .hamburger-inner::after,
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.page-node-type-modular-page .general-mobile-menu .hamburger-inner::before,
.hamburger-inner::before {
top: -8px;
}
.page-node-type-modular-page .general-mobile-menu .hamburger-inner::after,
.hamburger-inner::after {
bottom: -8px;
}
.page-node-type-modular-page .general-mobile-menu .hamburger--3dx .hamburger-box,
.hamburger--3dx .hamburger-box {
perspective: 60px;
}
.page-node-type-modular-page .general-mobile-menu .hamburger--3dx .hamburger-inner,
.hamburger--3dx .hamburger-inner {
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.page-node-type-modular-page .general-mobile-menu .hamburger--3dx .hamburger-inner::before,
.page-node-type-modular-page .general-mobile-menu .hamburger--3dx .hamburger-inner::after,
.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.page-node-type-modular-page .general-mobile-menu .hamburger--3dx.is-active .hamburger-inner,
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(180deg);
}
.page-node-type-modular-page .general-mobile-menu .hamburger--3dx.is-active .hamburger-inner::before,
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.page-node-type-modular-page .general-mobile-menu .hamburger--3dx.is-active .hamburger-inner::after,
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
.hamburger--3dx-r .hamburger-box {
perspective: 60px;
}
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
.hamburger--3dy .hamburger-box {
perspective: 60px;
}
.hamburger--3dy .hamburger-inner {
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
.hamburger--3dy-r .hamburger-box {
perspective: 60px;
}
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
.hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-6px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-6px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(6px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(6px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowalt .hamburger-inner::before {
transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r .hamburger-inner::before {
transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(6px, -7.5px, 0) rotate(45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
}
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.15s;
transition-delay: 0.15s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -16px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -8px, 0) rotate(-45deg);
transition-delay: 0.32s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.15s;
transition-delay: 0.15s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -16px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -8px, 0) rotate(45deg);
transition-delay: 0.32s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
top: 8px;
transition: opacity 0.15s 0.4s ease;
}
.hamburger--elastic .hamburger-inner::after {
top: 16px;
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 8px, 0) rotate(135deg);
transition-delay: 0.1s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -16px, 0) rotate(-270deg);
transition-delay: 0.1s;
}
.hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
top: 8px;
transition: opacity 0.15s 0.4s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
top: 16px;
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 8px, 0) rotate(-135deg);
transition-delay: 0.1s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -16px, 0) rotate(270deg);
transition-delay: 0.1s;
}
.hamburger--emphatic {
overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.2s 0.25s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
top: 8px;
right: 0;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -60px;
top: -60px;
transform: translate3d(60px, 60px, 0) rotate(45deg);
transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -60px;
top: -60px;
transform: translate3d(-60px, 60px, 0) rotate(-45deg);
transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r {
overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.2s 0.25s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 8px;
right: 0;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -60px;
top: 60px;
transform: translate3d(60px, -60px, 0) rotate(-45deg);
transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -60px;
top: 60px;
transform: translate3d(-60px, -60px, 0) rotate(45deg);
transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--slider .hamburger-inner {
top: 2px;
}
.hamburger--slider .hamburger-inner::before {
top: 8px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.2s;
}
.hamburger--slider .hamburger-inner::after {
top: 16px;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-4.2857142857px, -4px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -16px, 0) rotate(-90deg);
}
.hamburger--slider-r .hamburger-inner {
top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
top: 8px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.2s;
}
.hamburger--slider-r .hamburger-inner::after {
top: 16px;
}
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 8px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(4.2857142857px, -4px, 0);
opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -16px, 0) rotate(90deg);
}
.hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s 0.15s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 8px;
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 16px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.32s;
background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 8px, 0) rotate(-45deg);
}
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.15s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
top: -16px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -8px, 0) rotate(-45deg);
transition-delay: 0.32s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand .hamburger-inner {
transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
}
.hamburger--stand .hamburger-inner::before {
transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent;
transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r .hamburger-inner {
transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
}
.hamburger--stand-r .hamburger-inner::before {
transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent;
transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze .hamburger-inner {
transition-duration: 0.1s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--vortex .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
}
.hamburger--vortex-r .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
}
html {
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
scroll-behavior: smooth;
}
body {
-webkit-font-smoothing: antialiased;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
h1,
h2,
h3,
h4 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: 1.3;
color: #0d518e;
margin: 0 0 10px;
margin: 0 0 0.625rem;
}
h5,
h6 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 1.2;
color: #028171;
margin: 0 0 8px;
margin: 0 0 0.5rem;
}
h1 {
font-size: 38px;
font-size: 2.375rem;
}
h2 {
font-size: 34px;
font-size: 2.125rem;
}
h3 {
font-size: 30px;
font-size: 1.875rem;
}
h4 {
font-size: 24px;
font-size: 1.5rem;
}
h5 {
font-size: 18px;
font-size: 1.125rem;
}
h6 {
font-size: 16px;
font-size: 1rem;
}
p {
color: #4c4c4c;
margin: 0;
line-height: 1.5;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-size: 0.875rem;
margin: 0 0 22px;
margin: 0 0 1.375rem;
}
p a {
text-decoration: underline;
}
a {
color: #005696;
text-decoration: none;
cursor: pointer;
}
a:hover {
color: #008070;
}
ul,
nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.ext span.ext {
display: none;
}
*:focus {
outline: 3px dotted #d71ef7;
z-index: 99999;
}
.toolbar-oriented .toolbar-bar {
z-index: 503;
}
.full-width-container {
width: 100%;
height: auto;
margin: 0;
overflow: hidden;
}
.page-node-type-school-page .full-width-container {
overflow: visible;
}
.max-width-container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
margin: 0 auto;
}
.max-width-container:after {
content: " ";
display: block;
clear: both;
}
body {
background: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1em;
min-height: 100vh;
}
.school-content-slider .swiper-container .swiper-slide .news-teaser .continue-reading {
color: #008070;
margin: 0;
text-transform: uppercase;
line-height: 1;
font-weight: bold;
font-size: 12px;
font-size: 0.75rem;
}
.school-content-slider .swiper-container .swiper-slide .news-teaser .continue-reading .cta-link,
.school-content-slider .swiper-container .swiper-slide .news-teaser .continue-reading .ext,
.school-content-slider .swiper-container .swiper-slide .news-teaser .continue-reading a {
color: #008070;
cursor: pointer;
line-height: 1;
text-decoration: none;
}
.school-content-slider .swiper-container .swiper-slide .news-teaser .continue-reading .cta-link:hover,
.school-content-slider .swiper-container .swiper-slide .news-teaser .continue-reading .ext:hover,
.school-content-slider .swiper-container .swiper-slide .news-teaser .continue-reading a:hover {
color: #005696;
}
.school-content-slider .swiper-container .swiper-slide .news-teaser .continue-reading .cta-link:after,
.school-content-slider .swiper-container .swiper-slide .news-teaser .continue-reading .ext:after,
.school-content-slider .swiper-container .swiper-slide .news-teaser .continue-reading a:after {
display: inline-block;
content: "\00BB";
vertical-align: text-bottom;
padding-left: 5px;
padding-left: 0.3125rem;
font-size: 20px;
font-size: 1.25rem;
}
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser .cta-text-link,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .alumni-event p,
.page-node-type-basic-page .layout-content .node-body .links,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box p.cta-text-link,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box p.cta-text-link,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box p.cta-text-link,
.page-node-type-profile .layout-content .node-body .links {
color: #005696;
margin: 0;
text-transform: uppercase;
line-height: 1;
font-weight: bold;
font-size: 12px;
font-size: 0.75rem;
}
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser .cta-text-link .cta-link,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .alumni-event p .cta-link,
.page-node-type-basic-page .layout-content .node-body .links .cta-link,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box p.cta-text-link .cta-link,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box p.cta-text-link .cta-link,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box p.cta-text-link .cta-link,
.page-node-type-profile .layout-content .node-body .links .cta-link,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser .cta-text-link .ext,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .alumni-event p .ext,
.page-node-type-basic-page .layout-content .node-body .links .ext,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box p.cta-text-link .ext,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box p.cta-text-link .ext,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box p.cta-text-link .ext,
.page-node-type-profile .layout-content .node-body .links .ext,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser .cta-text-link a,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .alumni-event p a,
.page-node-type-basic-page .layout-content .node-body .links a,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box p.cta-text-link a,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box p.cta-text-link a,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box p.cta-text-link a,
.page-node-type-profile .layout-content .node-body .links a {
color: #005696;
cursor: pointer;
line-height: 1;
text-decoration: none;
}
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser .cta-text-link .cta-link:hover,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .alumni-event p .cta-link:hover,
.page-node-type-basic-page .layout-content .node-body .links .cta-link:hover,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box p.cta-text-link .cta-link:hover,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box p.cta-text-link .cta-link:hover,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box p.cta-text-link .cta-link:hover,
.page-node-type-profile .layout-content .node-body .links .cta-link:hover,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser .cta-text-link .ext:hover,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .alumni-event p .ext:hover,
.page-node-type-basic-page .layout-content .node-body .links .ext:hover,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box p.cta-text-link .ext:hover,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box p.cta-text-link .ext:hover,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box p.cta-text-link .ext:hover,
.page-node-type-profile .layout-content .node-body .links .ext:hover,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser .cta-text-link a:hover,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .alumni-event p a:hover,
.page-node-type-basic-page .layout-content .node-body .links a:hover,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box p.cta-text-link a:hover,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box p.cta-text-link a:hover,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box p.cta-text-link a:hover,
.page-node-type-profile .layout-content .node-body .links a:hover {
color: #008070;
}
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser .cta-text-link .cta-link:after,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .alumni-event p .cta-link:after,
.page-node-type-basic-page .layout-content .node-body .links .cta-link:after,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box p.cta-text-link .cta-link:after,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box p.cta-text-link .cta-link:after,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box p.cta-text-link .cta-link:after,
.page-node-type-profile .layout-content .node-body .links .cta-link:after,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser .cta-text-link .ext:after,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .alumni-event p .ext:after,
.page-node-type-basic-page .layout-content .node-body .links .ext:after,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box p.cta-text-link .ext:after,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box p.cta-text-link .ext:after,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box p.cta-text-link .ext:after,
.page-node-type-profile .layout-content .node-body .links .ext:after,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser .cta-text-link a:after,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .alumni-event p a:after,
.page-node-type-basic-page .layout-content .node-body .links a:after,
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box p.cta-text-link a:after,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box p.cta-text-link a:after,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box p.cta-text-link a:after,
.page-node-type-profile .layout-content .node-body .links a:after {
display: inline-block;
content: "\00BB";
vertical-align: text-bottom;
padding-left: 5px;
padding-left: 0.3125rem;
font-size: 20px;
font-size: 1.25rem;
}
.page-node-type-landing-page .max-width-container.about-container .layout-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col:nth-child(1) {
width: 100%;
margin-bottom: 40px;
margin-bottom: 2.5rem;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.about-container .layout-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col:nth-child(1) {
width: 74.5098039216%;
float: left;
margin-right: 1.9607843137%;
padding-right: 20px;
padding-right: 1.25rem;
}
}
.page-node-type-landing-page .max-width-container.about-container .layout-content .layout-col:nth-child(2),
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col:nth-child(2),
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col:nth-child(2) {
width: 100%;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.about-container .layout-content .layout-col:nth-child(2),
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col:nth-child(2),
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col:nth-child(2) {
width: 23.5294117647%;
float: left;
margin-right: 0;
}
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content.jll-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner:nth-child(1) {
width: 100%;
margin-bottom: 40px;
margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.jll-container .layout-content.jll-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner:nth-child(1) {
width: 49.0196078431%;
float: left;
margin-right: 1.9607843137%;
padding-right: 1.9607843137%;
}
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content.jll-content .layout-col:nth-child(2),
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner:nth-child(2) {
width: 100%;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.jll-container .layout-content.jll-content .layout-col:nth-child(2),
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner:nth-child(2) {
width: 49.0196078431%;
float: left;
margin-right: 0;
padding-right: 0;
}
}
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser,
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide,
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col {
display: block;
width: 100%;
vertical-align: top;
text-align: left;
margin-bottom: 35px;
margin-bottom: 2.1875rem;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser,
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide,
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col {
padding-right: 1.9607843137%;
}
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col:nth-child(1),
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser:nth-child(1),
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide:nth-child(1),
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col:nth-child(2) .info-col:last-child,
.page-node-type-landing-page
.full-width-container.academics-research-spotlight
.max-width-container.spotlight-teasers-container
.spotlight-teaser:nth-child(2)
.max-width-container.academics-research-container
.layout-content
.info-col:last-child,
.page-node-type-landing-page
.max-width-container.academics-research-container
.layout-content
.full-width-container.academics-research-spotlight
.max-width-container.spotlight-teasers-container
.spotlight-teaser:nth-child(2)
.info-col:last-child,
.page-node-type-landing-page .max-width-container.jll-container .max-width-container.academics-research-container .layout-content .layout-col:nth-child(2) .info-col:last-child,
.page-node-type-landing-page .max-width-container.academics-research-container .max-width-container.jll-container .layout-content .layout-col:nth-child(2) .info-col:last-child,
.page-node-type-landing-page .max-width-container.student-life-container .max-width-container.academics-research-container .layout-content.event-slide-wrapper .layout-col.event-slide:nth-child(2) .info-col:last-child,
.page-node-type-landing-page .max-width-container.academics-research-container .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide:nth-child(2) .info-col:last-child,
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .max-width-container.academics-research-container .layout-content .layout-col:nth-child(2) .info-col:last-child,
.page-node-type-landing-page .max-width-container.academics-research-container .full-width-container .max-width-container.support-yu-features .layout-content .layout-col:nth-child(2) .info-col:last-child,
.page-node-type-landing-page
.max-width-container.academics-research-container
.layout-content
.info-col:nth-child(2)
.full-width-container.academics-research-spotlight
.max-width-container.spotlight-teasers-container
.spotlight-teaser:last-child,
.page-node-type-landing-page
.full-width-container.academics-research-spotlight
.max-width-container.spotlight-teasers-container
.max-width-container.academics-research-container
.layout-content
.info-col:nth-child(2)
.spotlight-teaser:last-child,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser:nth-child(2) .spotlight-teaser:last-child,
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:nth-child(2) .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser:last-child,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .max-width-container.jll-container .layout-content .layout-col:nth-child(2) .spotlight-teaser:last-child,
.page-node-type-landing-page
.max-width-container.student-life-container
.layout-content.event-slide-wrapper
.layout-col.event-slide:nth-child(2)
.full-width-container.academics-research-spotlight
.max-width-container.spotlight-teasers-container
.spotlight-teaser:last-child,
.page-node-type-landing-page
.full-width-container.academics-research-spotlight
.max-width-container.spotlight-teasers-container
.max-width-container.student-life-container
.layout-content.event-slide-wrapper
.layout-col.event-slide:nth-child(2)
.spotlight-teaser:last-child,
.page-node-type-landing-page
.full-width-container.academics-research-spotlight
.max-width-container.support-yu-features
.layout-content
.layout-col:nth-child(2)
.max-width-container.spotlight-teasers-container
.spotlight-teaser:last-child,
.page-node-type-landing-page
.full-width-container.academics-research-spotlight
.max-width-container.spotlight-teasers-container
.max-width-container.support-yu-features
.layout-content
.layout-col:nth-child(2)
.spotlight-teaser:last-child,
.page-node-type-landing-page .max-width-container.academics-research-container .max-width-container.jll-container .layout-content .info-col:nth-child(2) .layout-col:last-child,
.page-node-type-landing-page .max-width-container.jll-container .max-width-container.academics-research-container .layout-content .info-col:nth-child(2) .layout-col:last-child,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser:nth-child(2) .max-width-container.jll-container .layout-content .layout-col:last-child,
.page-node-type-landing-page .max-width-container.jll-container .layout-content .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser:nth-child(2) .layout-col:last-child,
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:nth-child(2) .layout-col:last-child,
.page-node-type-landing-page .max-width-container.academics-research-container .max-width-container.student-life-container .layout-content.event-slide-wrapper .info-col:nth-child(2) .layout-col.event-slide:last-child,
.page-node-type-landing-page .max-width-container.student-life-container .max-width-container.academics-research-container .layout-content.event-slide-wrapper .info-col:nth-child(2) .layout-col.event-slide:last-child,
.page-node-type-landing-page
.full-width-container.academics-research-spotlight
.max-width-container.spotlight-teasers-container
.spotlight-teaser:nth-child(2)
.max-width-container.student-life-container
.layout-content.event-slide-wrapper
.layout-col.event-slide:last-child,
.page-node-type-landing-page
.max-width-container.student-life-container
.layout-content.event-slide-wrapper
.full-width-container.academics-research-spotlight
.max-width-container.spotlight-teasers-container
.spotlight-teaser:nth-child(2)
.layout-col.event-slide:last-child,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide:nth-child(2) .layout-col.event-slide:last-child,
.page-node-type-landing-page .max-width-container.academics-research-container .full-width-container .max-width-container.support-yu-features .layout-content .info-col:nth-child(2) .layout-col:last-child,
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .max-width-container.academics-research-container .layout-content .info-col:nth-child(2) .layout-col:last-child,
.page-node-type-landing-page
.full-width-container.academics-research-spotlight
.max-width-container.spotlight-teasers-container
.spotlight-teaser:nth-child(2)
.max-width-container.support-yu-features
.layout-content
.layout-col:last-child,
.page-node-type-landing-page
.full-width-container.academics-research-spotlight
.max-width-container.support-yu-features
.layout-content
.max-width-container.spotlight-teasers-container
.spotlight-teaser:nth-child(2)
.layout-col:last-child,
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col:nth-child(2) .layout-col:last-child {
padding-left: 1.9607843137%;
}
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col:nth-child(1),
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser:nth-child(1),
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide:nth-child(1),
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col:nth-child(1) {
padding-left: 1.9607843137%;
}
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col:nth-child(1),
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser:nth-child(1),
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide:nth-child(1),
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col:nth-child(1) {
padding-left: 0;
}
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col:nth-child(2),
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser:nth-child(2),
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:nth-child(2),
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide:nth-child(2),
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col:nth-child(2) {
padding-left: 1.9607843137%;
}
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col:nth-child(2),
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser:nth-child(2),
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:nth-child(2),
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide:nth-child(2),
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col:nth-child(2) {
padding-left: 0.9803921569%;
padding-right: 0.9803921569%;
}
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col:last-child,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser:last-child,
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:last-child,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide:last-child,
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col:last-child {
padding-left: 1.9607843137%;
}
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col:last-child,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser:last-child,
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:last-child,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide:last-child,
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col:last-child {
padding-right: 0;
}
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser,
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide,
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col {
width: 32.0261437908%;
float: left;
margin-right: 1.9607843137%;
}
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col:last-child,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser:last-child,
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:last-child,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide:last-child,
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col:last-child {
width: 32.0261437908%;
float: left;
margin-right: 0;
}
}
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col img,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser img,
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col img,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide img,
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col img {
width: 100%;
height: auto;
display: block;
margin-bottom: 20px;
margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col img,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser img,
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col img,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide img,
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col img {
margin-bottom: 25px;
margin-bottom: 1.5625rem;
}
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col img,
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser img,
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col img,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide img,
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col img {
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col:nth-child(1) {
width: 100%;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col:nth-child(1) {
width: 66.0130718954%;
float: left;
margin-right: 1.9607843137%;
padding-right: 1.9607843137%;
}
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col:nth-child(1) {
width: 49.0196078431%;
float: left;
margin-right: 1.9607843137%;
}
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(2),
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col:nth-child(2) {
width: 32.0261437908%;
float: left;
margin-right: 0;
}
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(2),
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col:nth-child(2) {
width: 23.5294117647%;
float: left;
margin-right: 1.9607843137%;
}
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(3),
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col:nth-child(3) {
clear: both;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(3),
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col:nth-child(3) {
clear: none;
width: 23.5294117647%;
float: left;
margin-right: 0;
}
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content.jll-content .layout-col.video-embed .video-wrapper {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
height: 0;
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content.jll-content .layout-col.video-embed .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-node-type-basic-page .page-wrapper,
.page-node-type-landing-page .page-wrapper,
.path-user .page-wrapper,
.path-search .page-wrapper,
.path-node .page-wrapper {
overflow: hidden;
}
@media (min-width: 1024px) {
.page-node-type-basic-page .page-wrapper,
.page-node-type-landing-page .page-wrapper,
.path-user .page-wrapper,
.path-search .page-wrapper,
.path-node .page-wrapper {
min-height: 515px;
min-height: 32.1875rem;
}
}
section[role="main"] h1.yu-page-title {
display: block;
max-width: 1200px;
margin: auto;
margin-top: 20px;
margin-bottom: -20px;
}
.page-node-type-landing-page section[role="main"] h1.yu-page-title,
.path-node section[role="main"] h1.yu-page-title {
display: block;
max-width: 1200px;
margin: auto;
margin-top: 30px;
margin-bottom: 10px;
}
.page-node-type-school-page section[role="main"] h1.yu-page-title,
.path-node section[role="main"] h1.yu-page-title {
display: block;
max-width: 1200px;
margin: auto;
margin-top: 30px;
margin-bottom: 10px;
}
.page-node-type-landing-page .max-width-container.about-container {
padding: 30px 15px;
padding: 1.875rem 0.9375rem;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.about-container {
padding: 30px 0;
padding: 1.875rem 0;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-node-type-landing-page .max-width-container.about-container .layout-content .layout-col.sidebar .quicklinks {
width: 49.0196078431%;
float: left;
margin-right: 1.9607843137%;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-node-type-landing-page .max-width-container.about-container .layout-content .layout-col.sidebar .promos {
width: 49.0196078431%;
float: left;
margin-right: 0;
}
}
#tl-timeline-iframe {
width: 100%;
}
.page-node-type-landing-page .max-width-container.academics-research-container {
padding: 30px 15px;
padding: 1.875rem 0.9375rem;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.academics-research-container {
padding: 30px 0;
padding: 1.875rem 0;
}
}
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col .info-wrapper {
padding: 0;
}
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col .info-wrapper h4 {
clear: both;
}
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col .info-wrapper h4.top-border {
border-top: 1px solid #d4d4d4;
padding-top: 30px;
padding-top: 1.875rem;
}
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col .info-wrapper ul.info-links {
padding: 0 0 20px;
padding: 0 0 1.25rem;
}
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col .info-wrapper ul.info-links li {
display: block;
line-height: 1.4;
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 15px;
margin-bottom: 0.9375rem;
}
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col .info-wrapper ul.info-links li a {
text-decoration: underline;
font-weight: 500;
}
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col .info-wrapper ul.info-links.split-top {
width: 49.0196078431%;
float: left;
margin-right: 1.9607843137%;
padding-right: 1.9607843137%;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col .info-wrapper ul.info-links.split-top {
width: 100%;
padding-bottom: 0;
padding-right: 0;
}
}
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col .info-wrapper ul.info-links.split-btm {
width: 49.0196078431%;
float: left;
margin-right: 0;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col .info-wrapper ul.info-links.split-btm {
width: 100%;
padding-top: 0;
}
}
.page-node-type-landing-page .max-width-container.academics-research-container .layout-content .info-col:last-child {
margin-bottom: 0;
}
.page-node-type-landing-page .full-width-container.academics-research-spotlight {
border-top: 14px solid #008070;
}
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container {
padding: 30px 15px;
padding: 1.875rem 0.9375rem;
}
@media (min-width: 768px) {
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container {
padding: 50px 0 30px;
padding: 3.125rem 0 1.875rem;
}
}
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container h3 {
color: #008070;
font-weight: 600;
font-size: 24px;
font-size: 1.5rem;
margin: 0 0 20px;
margin: 0 0 1.25rem;
padding-left: 1.9607843137%;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container h3 {
padding-left: 0;
}
}
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser h4 {
margin: 0 0 5px;
margin: 0 0 0.3125rem;
font-weight: 600;
color: #005696;
font-size: 20px;
font-size: 1.25rem;
}
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser p {
margin: 0 0 10px;
margin: 0 0 0.625rem;
}
@media (min-width: 768px) {
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser p {
margin: 0 0 15px;
margin: 0 0 0.9375rem;
}
}
.page-node-type-landing-page .full-width-container.academics-research-spotlight .max-width-container.spotlight-teasers-container .spotlight-teaser .job-title {
text-transform: uppercase;
color: #005696;
line-height: 1.2;
font-weight: 500;
}
.contextual-region {
position: static;
}
.page-node-type-landing-page .max-width-container.admissions-container {
padding: 30px 15px;
padding: 1.875rem 0.9375rem;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.admissions-container {
padding: 30px 0;
padding: 1.875rem 0;
}
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col {
margin-bottom: 40px;
margin-bottom: 2.5rem;
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(1) ul {
margin: 0 0 20px 25px;
margin: 0 0 1.25rem 1.5625rem;
list-style: disc;
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(1) ul li {
margin-bottom: 8px;
margin-bottom: 0.5rem;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.3;
position: relative;
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(1) ul li a {
text-decoration: underline;
font-weight: 500;
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(2) ul > li {
padding-bottom: 20px;
padding-bottom: 1.25rem;
font-size: 14px;
font-size: 0.875rem;
font-weight: 500;
color: #4c4c4c;
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(2) ul > li a {
color: #005696;
display: block;
width: 100%;
margin-top: 2px;
margin-top: 0.125rem;
font-weight: normal;
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(2) ul > li a:hover {
color: #008070;
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(3) {
margin-bottom: 10px;
margin-bottom: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(3) .dropdown-menu {
width: 32.0261437908%;
float: left;
margin-right: 1.9607843137%;
}
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(3) .sidebar-content li {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 8px;
margin-bottom: 0.5rem;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.3;
color: #4c4c4c;
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(3) .sidebar-content {
width: 32.0261437908%;
float: left;
margin-right: 0;
}
}
.path-frontpage .emergency-alert.home,
.path-frontpage .emergency-alert.sitewide {
position: unset;
z-index: 502;
top: 121px;
left: 0;
padding-top: 20px;
width: 100%;
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
.path-frontpage .emergency-alert.home,
.path-frontpage .emergency-alert.sitewide {
top: 89px;
}
}
@media all and (max-width: 1199px) {
.path-frontpage .emergency-alert.home,
.path-frontpage .emergency-alert.sitewide {
top: 64px;
}
}
.emergency-alert {
background-color: #fff;
padding: 20px;
padding: 1.25rem;
}
@media all and (max-width: 1023px) {
.emergency-alert {
padding-top: 70px;
}
}
.emergency-alert * {
color: #000;
text-align: left;
}
.emergency-alert .alert-header-wrapper {
display: flex;
justify-content: space-between;
}
.emergency-alert .alert-btn-container .alert-btn {
color: #14387a;
font-size: 18px;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
cursor: pointer;
}
.emergency-alert .alert-btn-container .close {
margin-left: 20px;
position: relative;
}
.emergency-alert .alert-btn-container .close:before {
content: "";
background-image: url("/themes/custom/yu/images/cross.svg");
background-repeat: no-repeat;
width: 16px;
height: 16px;
position: absolute;
left: -20px;
top: 3px;
}
.emergency-alert .alert-wrapper {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.emergency-alert .alert-wrapper:after {
content: " ";
display: block;
clear: both;
}
.emergency-alert .alert-wrapper a {
color: #0070c0;
text-decoration: none;
}
.emergency-alert .alert-wrapper p {
font-size: 14px;
font-size: 0.875rem;
line-height: 18px;
line-height: 1.125rem;
}
.emergency-alert .alert-wrapper .alert-pre-title:before {
content: "";
display: inline-block;
}
.emergency-alert .alert-wrapper .alert-pre-title,
.emergency-alert .alert-wrapper .alert-title {
display: inline;
font-size: 25px;
font-size: 1.5625rem;
margin-bottom: 6px;
margin-bottom: 0.375rem;
font-weight: bold;
text-transform: uppercase;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
}
@media (min-width: 980px) {
.emergency-alert .alert-wrapper .alert-pre-title,
.emergency-alert .alert-wrapper .alert-title {
display: inline-block;
}
}
.emergency-alert .alert-wrapper .alert-title {
font-weight: 300;
}
.emergency-alert.home .alert-body-wrapper {
font-size: 18px;
color: #000;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
margin: 5px 0 0 0;
margin: 0.3125rem 0 0 0;
}
@media (min-width: 980px) {
.emergency-alert.home .alert-body-wrapper {
margin: 0;
}
}
.emergency-alert.home .alert-body-wrapper p {
margin: 0;
}
.emergency-alert.home .alert-body-wrapper p span.mailto {
display: none;
}
.emergency-alert.sitewide .alert-wrapper {
max-width: 100%;
}
.emergency-alert.sitewide .alert-wrapper hr {
border: none;
height: 1px;
background-color: #fff;
margin-bottom: 13px;
margin-bottom: 0.8125rem;
display: none;
}
.emergency-alert.sitewide .alert-wrapper p {
font-size: 14px;
font-size: 0.875rem;
line-height: 18px;
line-height: 1.125rem;
}
@media (min-width: 768px) {
.emergency-alert.sitewide .alert-wrapper p {
font-size: 16px;
font-size: 1rem;
line-height: 21px;
line-height: 1.3125rem;
}
}
.emergency-alert.sitewide .alert-wrapper .alert-title-wrapper {
display: flex;
justify-content: space-between;
}
.emergency-alert.sitewide .alert-wrapper .alert-title-wrapper .alert-btn-container .alert-btn {
color: #14387a;
font-size: 18px;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
cursor: pointer;
}
.emergency-alert.sitewide .alert-wrapper .alert-title-wrapper .alert-btn-container .close {
margin-left: 20px;
position: relative;
}
.emergency-alert.sitewide .alert-wrapper .alert-title-wrapper .alert-btn-container .close:before {
content: "";
background-image: url("/themes/custom/yu/images/cross.svg");
background-repeat: no-repeat;
width: 16px;
height: 16px;
position: absolute;
left: -20px;
top: 3px;
}
.emergency-alert.sitewide .alert-wrapper .alert-title-wrapper:after {
display: none !important;
}
.emergency-alert.sitewide .alert-wrapper .alert-pre-title {
line-height: 1.3;
}
.emergency-alert.sitewide .alert-wrapper .alert-pre-title,
.emergency-alert.sitewide .alert-wrapper .alert-title {
display: inline;
font-size: 24px;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
}
.emergency-alert.sitewide .alert-wrapper .alert-body-wrapper,
.emergency-alert.sitewide .alert-wrapper .alert-title-wrapper {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
padding: 0 0.9375rem;
}
.emergency-alert.sitewide .alert-wrapper .alert-body-wrapper:after,
.emergency-alert.sitewide .alert-wrapper .alert-title-wrapper:after {
content: " ";
display: block;
clear: both;
}
@media (min-width: 768px) {
.emergency-alert.sitewide .alert-wrapper .alert-body-wrapper,
.emergency-alert.sitewide .alert-wrapper .alert-title-wrapper {
padding: 0 10px;
padding: 0 0.625rem;
}
}
.emergency-alert.sitewide .alert-body-wrapper {
margin-top: 20px;
}
.emergency-alert.sitewide .alert-body-wrapper h4 {
font-size: 18px;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
}
.emergency-alert.sitewide .alert-body-wrapper p {
margin: 0 0 15px;
margin: 0 0 0.9375rem;
}
.emergency-alert.sitewide .alert-body-wrapper p span.mailto {
display: none;
}
.emergency-alert.sitewide .alert-body-wrapper p:last-child {
margin: 0;
}
.page-node-type-landing-page .max-width-container.alumni-container {
padding: 30px 15px;
padding: 1.875rem 0.9375rem;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.alumni-container {
padding: 30px 0;
padding: 1.875rem 0;
}
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content img {
display: block;
width: 100%;
height: 100%;
margin: 20px 0 30px;
margin: 1.25rem 0 1.875rem;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col {
margin-bottom: 40px;
margin-bottom: 2.5rem;
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col:nth-child(2) {
width: 32.0261437908%;
float: left;
margin-right: 1.9607843137%;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col:nth-child(3) {
width: 32.0261437908%;
float: left;
margin-right: 0;
clear: none;
}
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .dropdown-menu {
margin-bottom: 20px;
margin-bottom: 1.25rem;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .staff-to-know {
margin-top: 30px;
margin-top: 1.875rem;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .staff-to-know h4 {
margin-bottom: 15px;
margin-bottom: 0.9375rem;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .staff-to-know img {
display: inline-block;
float: left;
padding-bottom: 20px;
padding-bottom: 1.25rem;
padding-right: 20px;
padding-right: 1.25rem;
margin: 0;
width: 150px;
height: 210px;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .staff-to-know img {
float: none;
}
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .staff-to-know img {
float: left;
}
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .staff-to-know .staff-desc {
font-weight: 500;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .staff-to-know .staff-desc a {
text-decoration: underline;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .staff-to-know .staff-desc .position-title {
display: block;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .staff-to-know h6 {
font-size: 15px;
font-size: 0.9375rem;
margin: 0;
color: #008070;
line-height: 1.2;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 5px;
margin-bottom: 0.3125rem;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .staff-to-know p {
padding-right: 20px;
padding-right: 1.25rem;
}
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box {
margin-top: 20px;
margin-top: 1.25rem;
margin-bottom: 40px;
margin-bottom: 2.5rem;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box:nth-child(1) {
margin-top: 0;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box h5 {
margin-bottom: 0;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box h5 a {
color: #fff;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box img {
display: block;
width: 100%;
height: 100%;
padding: 0 15px;
padding: 0 0.9375rem;
margin: 20px auto;
margin: 1.25rem auto;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .sidenav {
margin-bottom: 40px;
margin-bottom: 2.5rem;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .mobile-app h4 {
text-align: center;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .mobile-app img {
display: block;
width: 235px;
height: 460px;
margin: 0 auto 20px;
margin: 0 auto 1.25rem;
}
#amazonchat {
position: fixed;
bottom: 10px;
right: 10px;
width: 370px;
height: 100px;
z-index: 999;
background-color: #0d518e;
color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
box-shadow: -3px 3px 4px rgba(0, 0, 0, 0.18);
border-radius: 2px;
}
#amazonchat p,
#amazonchat h3 {
color: #fff;
margin: 0;
padding: 10px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#amazonchat h3 {
font-size: 18px;
padding: 12px 12px 5px;
font-weight: bold;
line-height: 26px;
}
#amazonchat input {
color: black;
}
#amazonchat fieldset {
border: none;
border-top: 1px solid rgba(225, 225, 225, 0.58);
margin: 0 7px;
padding: 10px;
}
#amazonchat #contactDetails .submit {
border: none;
padding: 2px 10px;
background-color: #fff;
}
#amazonchat #section-chat {
position: absolute;
bottom: 100px;
right: 0px;
}
.page-node-type-basic-page .layout-content .basic-page-content {
padding: 0 15px;
padding: 0 0.9375rem;
margin-top: 50px;
margin-top: 3.125rem;
}
@media (min-width: 1200px) {
.page-node-type-basic-page .layout-content .basic-page-content {
padding: 0 0 0 15px;
padding: 0 0 0 0.9375rem;
}
}
.page-node-type-basic-page .layout-content img {
max-width: 100%;
height: auto;
width: auto;
display: block;
margin: 0 0 20px;
margin: 0 0 1.25rem;
}
.page-node-type-basic-page .layout-content .node-body {
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
@media (min-width: 1200px) {
.page-node-type-basic-page .layout-content .node-body {
width: 74.5098039216%;
float: left;
margin-right: 1.9607843137%;
padding-right: 3.9215686275%;
}
}
.page-node-type-basic-page .layout-content .node-body p img {
margin: 0 15px 20px 0;
margin: 0 0.9375rem 1.25rem 0;
}
.page-node-type-basic-page .layout-content .node-body a img {
margin: 0 0 20px;
margin: 0 0 1.25rem;
max-width: 100%;
height: auto;
width: auto;
display: block;
}
.page-node-type-basic-page .layout-content .node-body .links a {
text-decoration: none;
}
.page-node-type-basic-page .layout-content .node-body .Accordion {
display: block;
width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
}
.page-node-type-basic-page .layout-content .node-body .AccordionPanelTab {
width: 100%;
display: block;
clear: both;
}
.page-node-type-basic-page .layout-content .node-body .video-wrapper {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
height: 0;
margin-bottom: 25px;
margin-bottom: 1.5625rem;
}
.page-node-type-basic-page .layout-content .node-body .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-node-type-basic-page .layout-content .node-body table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
.page-node-type-basic-page .layout-content .node-body table td {
font-weight: normal;
padding: 10px;
padding: 0.625rem;
border: 1px solid #d4d4d4;
font-size: 16px;
font-size: 1rem;
}
.page-node-type-basic-page .layout-content .node-body span.imgfloatleft {
float: left;
padding: 0 10px 10px 0 !important;
}
.page-node-type-basic-page .layout-content .node-body span.imgfloatleft img {
margin: 0;
}
.page-node-type-basic-page .layout-content .node-body span.name {
font-weight: bold;
}
.page-node-type-basic-page .layout-content .node-body .body > li.PBItem {
list-style: none;
}
.page-node-type-basic-page .layout-content .node-body .body ul,
.page-node-type-basic-page .layout-content .node-body .body ol {
margin: 0 0 20px 15px;
margin: 0 0 1.25rem 0.9375rem;
padding: 0 0 0 15px;
padding: 0 0 0 0.9375rem;
}
.page-node-type-basic-page .layout-content .node-body ul,
.page-node-type-basic-page .layout-content .node-sidebar ul {
list-style: disc;
}
.page-node-type-basic-page .layout-content .node-body ol,
.page-node-type-basic-page .layout-content .node-sidebar ol {
list-style: decimal;
}
.page-node-type-basic-page .layout-content .node-body ul li,
.page-node-type-basic-page .layout-content .node-body ol li,
.page-node-type-basic-page .layout-content .node-sidebar ul li,
.page-node-type-basic-page .layout-content .node-sidebar ol li {
margin-bottom: 8px;
margin-bottom: 0.5rem;
line-height: 1.3;
position: relative;
font-size: 14px;
font-size: 0.875rem;
color: #4c4c4c;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.page-node-type-basic-page .layout-content .node-body ul li a,
.page-node-type-basic-page .layout-content .node-body ol li a,
.page-node-type-basic-page .layout-content .node-sidebar ul li a,
.page-node-type-basic-page .layout-content .node-sidebar ol li a {
border-bottom: none;
text-decoration: underline;
color: #005696;
}
.page-node-type-basic-page .layout-content .node-body ul li a:hover,
.page-node-type-basic-page .layout-content .node-body ol li a:hover,
.page-node-type-basic-page .layout-content .node-sidebar ul li a:hover,
.page-node-type-basic-page .layout-content .node-sidebar ol li a:hover {
color: #008070;
}
.page-node-type-basic-page .layout-content .node-sidebar {
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
@media (min-width: 1200px) {
.page-node-type-basic-page .layout-content .node-sidebar {
width: 23.5294117647%;
float: left;
margin-right: 0;
}
}
.page-node-type-basic-page .layout-content .node-sidebar .content-container {
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
.page-node-type-basic-page .layout-content .node-sidebar .content-container ul,
.page-node-type-basic-page .layout-content .node-sidebar .content-container ol {
margin: 0 0 20px 15px;
margin: 0 0 1.25rem 0.9375rem;
padding: 0 15px;
padding: 0 0.9375rem;
}
.page-node-type-basic-page .layout-content .node-sidebar .content-container ul.social-media {
margin: 0 0 20px;
margin: 0 0 1.25rem;
padding: 0;
}
.page-node-type-basic-page .layout-content .node-sidebar .dropdown-menu h5 {
font-size: 15px;
font-size: 0.9375rem;
margin: 0;
}
.page-node-type-basic-page .layout-content .node-sidebar .dropdown-menu ul.dropdown-answers li a {
text-decoration: none;
}
.page-node-type-basic-page .layout-content .node-sidebar .promos p {
margin: 0;
}
.page-node-type-basic-page .layout-content .node-sidebar .promos ul {
list-style: disc;
}
.page-node-type-basic-page .layout-content .node-sidebar .promos ul,
.page-node-type-basic-page .layout-content .node-sidebar .promos ol {
margin: 0 0 20px 15px;
margin: 0 0 1.25rem 0.9375rem;
padding: 0 0 0 15px;
padding: 0 0 0 0.9375rem;
}
.page-node-type-basic-page .layout-content .node-sidebar .promos h1,
.page-node-type-basic-page .layout-content .node-sidebar .promos h2,
.page-node-type-basic-page .layout-content .node-sidebar .promos h3,
.page-node-type-basic-page .layout-content .node-sidebar .promos h4,
.page-node-type-basic-page .layout-content .node-sidebar .promos h5,
.page-node-type-basic-page .layout-content .node-sidebar .promos h6 {
padding: 0 15px;
padding: 0 0.9375rem;
}
.page-node-type-basic-page .layout-content .node-sidebar .promos h5 {
background-color: transparent;
}
.page-node-type-basic-page .layout-content .node-sidebar .promos h5.section-title {
color: #fff;
background-color: #707070;
margin: 0;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
font-size: 15px;
font-size: 0.9375rem;
}
.page-node-type-basic-page .layout-content .prompt-arrow-bar p a {
text-decoration: none;
}
.page-node-type-basic-page .layout-content .prompt-arrow-bar.gray a {
background-color: #707070;
color: #fff;
text-decoration: none;
}
.page-node-type-basic-page .layout-content .prompt-arrow-bar.gray:hover a {
background-color: #005696;
}
.page-node-type-basic-page #block-yu-page-title {
padding: 0 15px;
padding: 0 0.9375rem;
}
@media (min-width: 1200px) {
.page-node-type-basic-page #block-yu-page-title {
padding: 0 0 0 15px;
padding: 0 0 0 0.9375rem;
}
}
.page-node-type-basic-page #block-yu-page-title h1 {
color: #4c4c4c;
margin: 65px 0 25px;
margin: 4.0625rem 0 1.5625rem;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.visuallyhidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.field-school {
font-size: 24px;
font-size: 1.5rem;
margin-top: 50px;
margin-bottom: -50px;
padding: 0 0 0 0.9375rem;
font-weight: bold;
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .applynow-btn {
width: 100%;
max-width: 210px;
max-width: 13.125rem;
margin: 0 0 20px;
margin: 0 0 1.25rem;
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .applynow-btn a {
background-color: #00a5e3;
padding: 15px 30px 15px 15px;
padding: 0.9375rem 1.875rem 0.9375rem 0.9375rem;
font-size: 20px;
font-size: 1.25rem;
display: block;
color: #fff;
font-weight: bold;
position: relative;
text-decoration: none;
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .applynow-btn a:after {
display: inline-block;
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #fff;
right: 15px;
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .applynow-btn:hover a {
background-color: #008070;
}
.page-node-type-basic-page .layout-content .prompt-arrow-bar,
.page-node-type-profile .layout-content .prompt-arrow-bar {
width: 100%;
margin: 0 0 20px;
margin: 0 0 1.25rem;
}
.page-node-type-basic-page .layout-content .prompt-arrow-bar a,
.page-node-type-profile .layout-content .prompt-arrow-bar a {
background-color: #ca0002;
padding: 15px 30px 15px 15px;
padding: 0.9375rem 1.875rem 0.9375rem 0.9375rem;
font-size: 16px;
font-size: 1rem;
display: block;
color: #fff;
font-weight: bold;
position: relative;
text-decoration: none;
}
.page-node-type-basic-page .layout-content .prompt-arrow-bar a:after,
.page-node-type-profile .layout-content .prompt-arrow-bar a:after {
display: inline-block;
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #fff;
right: 15px;
}
.page-node-type-basic-page .layout-content .prompt-arrow-bar:hover a,
.page-node-type-profile .layout-content .prompt-arrow-bar:hover a {
background-color: #005696;
}
.full-width-container.by-numbers {
background: #13456e;
padding: 30px 0;
padding: 1.875rem 0;
}
@media (min-width: 768px) {
.full-width-container.by-numbers {
padding: 40px 0;
padding: 2.5rem 0;
}
}
@media (min-width: 1200px) {
.full-width-container.by-numbers {
padding: 50px 0;
padding: 3.125rem 0;
}
}
.by-numbers-container h3 {
font-size: 30px;
font-size: 1.875rem;
text-transform: uppercase;
color: #fff;
text-align: center;
padding: 0 10px 30px;
padding: 0 0.625rem 1.875rem;
margin-top: 0;
}
@media (min-width: 1200px) {
.by-numbers-container h3 {
padding: 0 0 30px;
padding: 0 0 1.875rem;
text-align: left;
}
}
.by-numbers-container > ul {
padding: 0 10px;
padding: 0 0.625rem;
}
@media (min-width: 1200px) {
.by-numbers-container > ul {
padding: 0;
}
}
.by-numbers-container > ul > li {
display: block;
width: 100%;
margin-bottom: 60px;
margin-bottom: 3.75rem;
line-height: 1;
}
@media (min-width: 768px) {
.by-numbers-container > ul > li {
display: inline-block;
width: 23.5294117647%;
float: left;
margin-right: 1.9607843137%;
padding-right: 0.9803921569%;
padding-left: 0.9803921569%;
margin-bottom: 0;
}
}
.by-numbers-container > ul > li:nth-child(4) {
margin-bottom: 0;
padding-right: 0;
}
.by-numbers-container > ul > li:nth-child(4) p {
margin-top: 0;
}
.by-numbers-container > ul > li .stat-image-item img {
border-radius: 50%;
width: 100%;
height: 100%;
max-width: 245px;
max-width: 15.3125rem;
margin-bottom: 10px;
margin-bottom: 0.625rem;
}
@media (min-width: 768px) {
.by-numbers-container > ul > li .stat-image-item img {
margin-bottom: 20px;
margin-bottom: 1.25rem;
}
}
@media (min-width: 1200px) {
.by-numbers-container > ul > li .stat-image-item img {
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
}
.by-numbers-container > ul > li p {
color: #fff;
font-size: 14px;
font-size: 0.875rem;
text-align: center;
margin-bottom: 0;
line-height: 1.3;
}
.by-numbers-container > ul > li p .stat {
display: block;
color: #00a5e3;
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 60px;
font-size: 3.75rem;
margin-bottom: 0;
line-height: 1.4;
}
@media (min-width: 768px) {
.by-numbers-container > ul > li p .stat {
font-size: 50px;
font-size: 3.125rem;
}
}
@media (min-width: 1200px) {
.by-numbers-container > ul > li p .stat {
font-size: 80px;
font-size: 5rem;
}
}
.by-numbers-container > ul > li p .stat-alt {
display: block;
font-family: "Arial Narrow", Arial, sans-serif;
margin-bottom: 0;
font-size: 24px;
font-size: 1.5rem;
}
@media (min-width: 768px) {
.by-numbers-container > ul > li p .stat-alt {
font-size: 20px;
font-size: 1.25rem;
}
}
@media (min-width: 1200px) {
.by-numbers-container > ul > li p .stat-alt {
font-size: 36px;
font-size: 2.25rem;
}
}
.by-numbers-container > ul > li .stat-inner {
padding: 0 15%;
position: relative;
text-align: center;
}
@media (min-width: 768px) {
.by-numbers-container > ul > li .stat-inner {
padding: 0;
}
}
.by-numbers-container > ul > li .sub-stat-list > li {
display: block;
width: 100%;
padding-bottom: 5px;
padding-bottom: 0.3125rem;
border-bottom: 1px solid #fff;
float: none;
margin-right: 0;
line-height: 1;
}
.by-numbers-container > ul > li .sub-stat-list > li:last-child {
border-bottom: none;
}
.by-numbers-container > ul > li .sub-stat-list > li .stat.small {
color: #fff;
font-size: 20px;
font-size: 1.25rem;
}
@media (min-width: 768px) {
.by-numbers-container > ul > li .sub-stat-list > li .stat.small {
font-size: 24px;
font-size: 1.5rem;
}
}
.by-numbers-container > ul > li:nth-child(1) {
padding-left: 0;
}
.by-numbers-container > ul > li:nth-child(1) p .stat {
color: #fc9;
}
.by-numbers-container > ul > li:nth-child(3) .sub-stat-list > li {
max-width: 200px;
max-width: 12.5rem;
margin: 0 auto 20px;
}
@media (min-width: 1200px) {
.by-numbers-container > ul > li:nth-child(3) .sub-stat-list > li {
max-width: 250px;
max-width: 15.625rem;
}
}
.by-numbers-container > ul > li:nth-child(3) .sub-stat-list > li:nth-child(1) .stat {
color: #eaaa00;
}
@media (min-width: 768px) {
.by-numbers-container > ul > li:nth-child(4) {
width: 23.5294117647%;
float: left;
margin-right: 0;
}
}
.by-numbers-container > ul > li:nth-child(4) .sub-stat-list:before {
content: "";
display: block;
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -274px 0px;
width: 16px;
height: 16px;
margin: 5px auto 10px;
margin: 0.3125rem auto 0.625rem;
}
.by-numbers-container > ul > li:nth-child(4) .sub-stat-list > li {
max-width: 150px;
max-width: 9.375rem;
margin: 0 auto;
}
@media (min-width: 1200px) {
.by-numbers-container > ul > li:nth-child(4) .sub-stat-list > li {
max-width: 200px;
max-width: 12.5rem;
}
}
.by-numbers-container > ul > li:nth-child(4) .sub-stat-list > li p {
margin-top: 5px;
margin-top: 0.3125rem;
margin-bottom: 5px;
margin-bottom: 0.3125rem;
line-height: 1;
}
.by-numbers-container > ul > li:nth-child(4) p .stat {
color: #9c3;
}
.full-width-container.connect-with-yu {
background-color: #005696;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav {
position: relative;
margin: 0 auto;
height: 50px;
float: none;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav label {
font-size: 14px;
font-size: 0.875rem;
color: #8dd2c7;
line-height: 1.3;
text-transform: uppercase;
width: 40%;
text-align: left;
opacity: 0.7;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 15px;
}
@media (min-width: 768px) {
.max-width-container.connect-with-yu-bar .connect-with-yu--nav label {
font-size: 16px;
font-size: 1rem;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
}
}
@media (min-width: 1200px) {
.max-width-container.connect-with-yu-bar .connect-with-yu--nav label {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: auto;
right: 20%;
}
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
}
@media (min-width: 1200px) {
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul {
right: 0;
}
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li {
display: inline-block;
background-color: #8dd2c7;
opacity: 0.7;
margin-right: 5px;
margin-right: 0.3125rem;
}
@media (min-width: 768px) {
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li {
margin-right: 10px;
margin-right: 0.625rem;
}
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li:last-child {
margin-right: 0;
}
@media (min-width: 1200px) {
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li:hover {
opacity: 1;
}
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li a {
height: 24px;
width: 24px;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li.facebook a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: 0px 0px;
width: 8px;
height: 16px;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li.youtube a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -404px 0px;
width: 16px;
height: 12px;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li.twitter a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -482.5px 0px;
width: 17px;
height: 14px;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li.flickr a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -536.5px 0px;
width: 18px;
height: 8px;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li.linkedin a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -326px 0px;
width: 16px;
height: 15px;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li.blog a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -222px 0px;
width: 16px;
height: 17px;
}
@media (min-width: 768px) {
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li a {
height: 30px;
width: 30px;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li.facebook a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -56px 0px;
width: 11px;
height: 20px;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li.youtube a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -768.5px 0px;
width: 20px;
height: 15px;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li.twitter a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -620.5px 0px;
width: 18px;
height: 15px;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li.flickr a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -678.5px 0px;
width: 20px;
height: 10px;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li.linkedin a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -708.5px 0px;
width: 20px;
height: 19px;
}
.max-width-container.connect-with-yu-bar .connect-with-yu--nav ul li.blog a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -648.5px 0px;
width: 20px;
height: 21.5px;
}
}
.path-user .layout-content,
.path-user-login .layout-content,
.path-search .layout-content {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
}
.path-user .layout-content:after,
.path-user-login .layout-content:after,
.path-search .layout-content:after {
content: " ";
display: block;
clear: both;
}
@media (min-width: 1024px) {
.path-user .layout-content,
.path-user-login .layout-content,
.path-search .layout-content {
padding: 80px 30px 40px 0;
}
}
.path-user .layout-content .user-form,
.path-user .layout-content .user-pass,
.path-user .layout-content .user-login-form,
.path-user .layout-content .search-form,
.path-user-login .layout-content .user-form,
.path-user-login .layout-content .user-pass,
.path-user-login .layout-content .user-login-form,
.path-user-login .layout-content .search-form,
.path-search .layout-content .user-form,
.path-search .layout-content .user-pass,
.path-search .layout-content .user-login-form,
.path-search .layout-content .search-form {
padding: 40px 0;
}
.path-user .layout-content .user-form summary,
.path-user .layout-content .user-pass summary,
.path-user .layout-content .user-login-form summary,
.path-user .layout-content .search-form summary,
.path-user-login .layout-content .user-form summary,
.path-user-login .layout-content .user-pass summary,
.path-user-login .layout-content .user-login-form summary,
.path-user-login .layout-content .search-form summary,
.path-search .layout-content .user-form summary,
.path-search .layout-content .user-pass summary,
.path-search .layout-content .user-login-form summary,
.path-search .layout-content .search-form summary {
color: #707070;
padding: 0 0 20px 0;
fill: #707070;
}
.path-user .layout-content .user-form input[type="text"],
.path-user .layout-content .user-form input[type="password"],
.path-user .layout-content .user-form input[type="email"],
.path-user .layout-content .user-form .form-search,
.path-user .layout-content .user-pass input[type="text"],
.path-user .layout-content .user-pass input[type="password"],
.path-user .layout-content .user-pass input[type="email"],
.path-user .layout-content .user-pass .form-search,
.path-user .layout-content .user-login-form input[type="text"],
.path-user .layout-content .user-login-form input[type="password"],
.path-user .layout-content .user-login-form input[type="email"],
.path-user .layout-content .user-login-form .form-search,
.path-user .layout-content .search-form input[type="text"],
.path-user .layout-content .search-form input[type="password"],
.path-user .layout-content .search-form input[type="email"],
.path-user .layout-content .search-form .form-search,
.path-user-login .layout-content .user-form input[type="text"],
.path-user-login .layout-content .user-form input[type="password"],
.path-user-login .layout-content .user-form input[type="email"],
.path-user-login .layout-content .user-form .form-search,
.path-user-login .layout-content .user-pass input[type="text"],
.path-user-login .layout-content .user-pass input[type="password"],
.path-user-login .layout-content .user-pass input[type="email"],
.path-user-login .layout-content .user-pass .form-search,
.path-user-login .layout-content .user-login-form input[type="text"],
.path-user-login .layout-content .user-login-form input[type="password"],
.path-user-login .layout-content .user-login-form input[type="email"],
.path-user-login .layout-content .user-login-form .form-search,
.path-user-login .layout-content .search-form input[type="text"],
.path-user-login .layout-content .search-form input[type="password"],
.path-user-login .layout-content .search-form input[type="email"],
.path-user-login .layout-content .search-form .form-search,
.path-search .layout-content .user-form input[type="text"],
.path-search .layout-content .user-form input[type="password"],
.path-search .layout-content .user-form input[type="email"],
.path-search .layout-content .user-form .form-search,
.path-search .layout-content .user-pass input[type="text"],
.path-search .layout-content .user-pass input[type="password"],
.path-search .layout-content .user-pass input[type="email"],
.path-search .layout-content .user-pass .form-search,
.path-search .layout-content .user-login-form input[type="text"],
.path-search .layout-content .user-login-form input[type="password"],
.path-search .layout-content .user-login-form input[type="email"],
.path-search .layout-content .user-login-form .form-search,
.path-search .layout-content .search-form input[type="text"],
.path-search .layout-content .search-form input[type="password"],
.path-search .layout-content .search-form input[type="email"],
.path-search .layout-content .search-form .form-search {
border: none;
background-color: #ededed;
padding: 10px 8px;
color: #000;
width: 100%;
box-sizing: border-box;
}
@media (min-width: 1024px) {
.path-user .layout-content .user-form input[type="text"],
.path-user .layout-content .user-form input[type="password"],
.path-user .layout-content .user-form input[type="email"],
.path-user .layout-content .user-form .form-search,
.path-user .layout-content .user-pass input[type="text"],
.path-user .layout-content .user-pass input[type="password"],
.path-user .layout-content .user-pass input[type="email"],
.path-user .layout-content .user-pass .form-search,
.path-user .layout-content .user-login-form input[type="text"],
.path-user .layout-content .user-login-form input[type="password"],
.path-user .layout-content .user-login-form input[type="email"],
.path-user .layout-content .user-login-form .form-search,
.path-user .layout-content .search-form input[type="text"],
.path-user .layout-content .search-form input[type="password"],
.path-user .layout-content .search-form input[type="email"],
.path-user .layout-content .search-form .form-search,
.path-user-login .layout-content .user-form input[type="text"],
.path-user-login .layout-content .user-form input[type="password"],
.path-user-login .layout-content .user-form input[type="email"],
.path-user-login .layout-content .user-form .form-search,
.path-user-login .layout-content .user-pass input[type="text"],
.path-user-login .layout-content .user-pass input[type="password"],
.path-user-login .layout-content .user-pass input[type="email"],
.path-user-login .layout-content .user-pass .form-search,
.path-user-login .layout-content .user-login-form input[type="text"],
.path-user-login .layout-content .user-login-form input[type="password"],
.path-user-login .layout-content .user-login-form input[type="email"],
.path-user-login .layout-content .user-login-form .form-search,
.path-user-login .layout-content .search-form input[type="text"],
.path-user-login .layout-content .search-form input[type="password"],
.path-user-login .layout-content .search-form input[type="email"],
.path-user-login .layout-content .search-form .form-search,
.path-search .layout-content .user-form input[type="text"],
.path-search .layout-content .user-form input[type="password"],
.path-search .layout-content .user-form input[type="email"],
.path-search .layout-content .user-form .form-search,
.path-search .layout-content .user-pass input[type="text"],
.path-search .layout-content .user-pass input[type="password"],
.path-search .layout-content .user-pass input[type="email"],
.path-search .layout-content .user-pass .form-search,
.path-search .layout-content .user-login-form input[type="text"],
.path-search .layout-content .user-login-form input[type="password"],
.path-search .layout-content .user-login-form input[type="email"],
.path-search .layout-content .user-login-form .form-search,
.path-search .layout-content .search-form input[type="text"],
.path-search .layout-content .search-form input[type="password"],
.path-search .layout-content .search-form input[type="email"],
.path-search .layout-content .search-form .form-search {
width: auto;
padding: 20px 10px;
}
}
.path-user .layout-content .user-form label[for="edit-keys"],
.path-user .layout-content .user-pass label[for="edit-keys"],
.path-user .layout-content .user-login-form label[for="edit-keys"],
.path-user .layout-content .search-form label[for="edit-keys"],
.path-user-login .layout-content .user-form label[for="edit-keys"],
.path-user-login .layout-content .user-pass label[for="edit-keys"],
.path-user-login .layout-content .user-login-form label[for="edit-keys"],
.path-user-login .layout-content .search-form label[for="edit-keys"],
.path-search .layout-content .user-form label[for="edit-keys"],
.path-search .layout-content .user-pass label[for="edit-keys"],
.path-search .layout-content .user-login-form label[for="edit-keys"],
.path-search .layout-content .search-form label[for="edit-keys"] {
display: block;
margin: 0 0 15px;
margin: 0 0 0.9375rem;
}
.path-user .layout-content .user-form .form-search,
.path-user .layout-content .user-pass .form-search,
.path-user .layout-content .user-login-form .form-search,
.path-user .layout-content .search-form .form-search,
.path-user-login .layout-content .user-form .form-search,
.path-user-login .layout-content .user-pass .form-search,
.path-user-login .layout-content .user-login-form .form-search,
.path-user-login .layout-content .search-form .form-search,
.path-search .layout-content .user-form .form-search,
.path-search .layout-content .user-pass .form-search,
.path-search .layout-content .user-login-form .form-search,
.path-search .layout-content .search-form .form-search {
padding: 15px 10px;
width: 70%;
}
@media (min-width: 768px) {
.path-user .layout-content .user-form .form-search,
.path-user .layout-content .user-pass .form-search,
.path-user .layout-content .user-login-form .form-search,
.path-user .layout-content .search-form .form-search,
.path-user-login .layout-content .user-form .form-search,
.path-user-login .layout-content .user-pass .form-search,
.path-user-login .layout-content .user-login-form .form-search,
.path-user-login .layout-content .search-form .form-search,
.path-search .layout-content .user-form .form-search,
.path-search .layout-content .user-pass .form-search,
.path-search .layout-content .user-login-form .form-search,
.path-search .layout-content .search-form .form-search {
width: 56%;
}
}
.path-user .layout-content .user-form input[type="submit"],
.path-user .layout-content .user-pass input[type="submit"],
.path-user .layout-content .user-login-form input[type="submit"],
.path-user .layout-content .search-form input[type="submit"],
.path-user-login .layout-content .user-form input[type="submit"],
.path-user-login .layout-content .user-pass input[type="submit"],
.path-user-login .layout-content .user-login-form input[type="submit"],
.path-user-login .layout-content .search-form input[type="submit"],
.path-search .layout-content .user-form input[type="submit"],
.path-search .layout-content .user-pass input[type="submit"],
.path-search .layout-content .user-login-form input[type="submit"],
.path-search .layout-content .search-form input[type="submit"] {
background: #005696;
padding: 15px;
color: #fff;
border: none;
margin: 20px 0;
}
.path-user .layout-content .user-form input[type="submit"]:hover,
.path-user .layout-content .user-pass input[type="submit"]:hover,
.path-user .layout-content .user-login-form input[type="submit"]:hover,
.path-user .layout-content .search-form input[type="submit"]:hover,
.path-user-login .layout-content .user-form input[type="submit"]:hover,
.path-user-login .layout-content .user-pass input[type="submit"]:hover,
.path-user-login .layout-content .user-login-form input[type="submit"]:hover,
.path-user-login .layout-content .search-form input[type="submit"]:hover,
.path-search .layout-content .user-form input[type="submit"]:hover,
.path-search .layout-content .user-pass input[type="submit"]:hover,
.path-search .layout-content .user-login-form input[type="submit"]:hover,
.path-search .layout-content .search-form input[type="submit"]:hover {
background: #8dd2c7;
}
.path-user .layout-content .user-form label,
.path-user .layout-content .user-pass label,
.path-user .layout-content .user-login-form label,
.path-user .layout-content .search-form label,
.path-user-login .layout-content .user-form label,
.path-user-login .layout-content .user-pass label,
.path-user-login .layout-content .user-login-form label,
.path-user-login .layout-content .search-form label,
.path-search .layout-content .user-form label,
.path-search .layout-content .user-pass label,
.path-search .layout-content .user-login-form label,
.path-search .layout-content .search-form label {
margin-right: 20px;
text-transform: uppercase;
color: #707070;
font-weight: bold;
}
.path-user .layout-content .user-form .description,
.path-user .layout-content .user-form p,
.path-user .layout-content .user-pass .description,
.path-user .layout-content .user-pass p,
.path-user .layout-content .user-login-form .description,
.path-user .layout-content .user-login-form p,
.path-user .layout-content .search-form .description,
.path-user .layout-content .search-form p,
.path-user-login .layout-content .user-form .description,
.path-user-login .layout-content .user-form p,
.path-user-login .layout-content .user-pass .description,
.path-user-login .layout-content .user-pass p,
.path-user-login .layout-content .user-login-form .description,
.path-user-login .layout-content .user-login-form p,
.path-user-login .layout-content .search-form .description,
.path-user-login .layout-content .search-form p,
.path-search .layout-content .user-form .description,
.path-search .layout-content .user-form p,
.path-search .layout-content .user-pass .description,
.path-search .layout-content .user-pass p,
.path-search .layout-content .user-login-form .description,
.path-search .layout-content .user-login-form p,
.path-search .layout-content .search-form .description,
.path-search .layout-content .search-form p {
color: #707070;
margin: 10px 0 0 0;
font-size: 14px;
font-size: 0.875rem;
}
.path-user .layout-content .user-form .form-item,
.path-user .layout-content .user-pass .form-item,
.path-user .layout-content .user-login-form .form-item,
.path-user .layout-content .search-form .form-item,
.path-user-login .layout-content .user-form .form-item,
.path-user-login .layout-content .user-pass .form-item,
.path-user-login .layout-content .user-login-form .form-item,
.path-user-login .layout-content .search-form .form-item,
.path-search .layout-content .user-form .form-item,
.path-search .layout-content .user-pass .form-item,
.path-search .layout-content .user-login-form .form-item,
.path-search .layout-content .search-form .form-item {
margin: 0 0 30px 0;
}
.path-user .layout-content .user-form #edit-timezone .form-item-timezone ul,
.path-user .layout-content .user-pass #edit-timezone .form-item-timezone ul,
.path-user .layout-content .user-login-form #edit-timezone .form-item-timezone ul,
.path-user .layout-content .search-form #edit-timezone .form-item-timezone ul,
.path-user-login .layout-content .user-form #edit-timezone .form-item-timezone ul,
.path-user-login .layout-content .user-pass #edit-timezone .form-item-timezone ul,
.path-user-login .layout-content .user-login-form #edit-timezone .form-item-timezone ul,
.path-user-login .layout-content .search-form #edit-timezone .form-item-timezone ul,
.path-search .layout-content .user-form #edit-timezone .form-item-timezone ul,
.path-search .layout-content .user-pass #edit-timezone .form-item-timezone ul,
.path-search .layout-content .user-login-form #edit-timezone .form-item-timezone ul,
.path-search .layout-content .search-form #edit-timezone .form-item-timezone ul {
padding: 0;
}
.path-user .layout-content .user-form #edit-timezone .form-item-timezone ul li,
.path-user .layout-content .user-pass #edit-timezone .form-item-timezone ul li,
.path-user .layout-content .user-login-form #edit-timezone .form-item-timezone ul li,
.path-user .layout-content .search-form #edit-timezone .form-item-timezone ul li,
.path-user-login .layout-content .user-form #edit-timezone .form-item-timezone ul li,
.path-user-login .layout-content .user-pass #edit-timezone .form-item-timezone ul li,
.path-user-login .layout-content .user-login-form #edit-timezone .form-item-timezone ul li,
.path-user-login .layout-content .search-form #edit-timezone .form-item-timezone ul li,
.path-search .layout-content .user-form #edit-timezone .form-item-timezone ul li,
.path-search .layout-content .user-pass #edit-timezone .form-item-timezone ul li,
.path-search .layout-content .user-login-form #edit-timezone .form-item-timezone ul li,
.path-search .layout-content .search-form #edit-timezone .form-item-timezone ul li {
list-style: none;
padding: 0;
margin: 0;
}
.path-user .layout-content .user-form #edit-timezone .form-item-timezone ul li input[type="radio"],
.path-user .layout-content .user-pass #edit-timezone .form-item-timezone ul li input[type="radio"],
.path-user .layout-content .user-login-form #edit-timezone .form-item-timezone ul li input[type="radio"],
.path-user .layout-content .search-form #edit-timezone .form-item-timezone ul li input[type="radio"],
.path-user-login .layout-content .user-form #edit-timezone .form-item-timezone ul li input[type="radio"],
.path-user-login .layout-content .user-pass #edit-timezone .form-item-timezone ul li input[type="radio"],
.path-user-login .layout-content .user-login-form #edit-timezone .form-item-timezone ul li input[type="radio"],
.path-user-login .layout-content .search-form #edit-timezone .form-item-timezone ul li input[type="radio"],
.path-search .layout-content .user-form #edit-timezone .form-item-timezone ul li input[type="radio"],
.path-search .layout-content .user-pass #edit-timezone .form-item-timezone ul li input[type="radio"],
.path-search .layout-content .user-login-form #edit-timezone .form-item-timezone ul li input[type="radio"],
.path-search .layout-content .search-form #edit-timezone .form-item-timezone ul li input[type="radio"] {
margin: 0 20px 0 0;
}
.path-user .layout-content .user-form #edit-timezone .form-item-timezone ul li label,
.path-user .layout-content .user-pass #edit-timezone .form-item-timezone ul li label,
.path-user .layout-content .user-login-form #edit-timezone .form-item-timezone ul li label,
.path-user .layout-content .search-form #edit-timezone .form-item-timezone ul li label,
.path-user-login .layout-content .user-form #edit-timezone .form-item-timezone ul li label,
.path-user-login .layout-content .user-pass #edit-timezone .form-item-timezone ul li label,
.path-user-login .layout-content .user-login-form #edit-timezone .form-item-timezone ul li label,
.path-user-login .layout-content .search-form #edit-timezone .form-item-timezone ul li label,
.path-search .layout-content .user-form #edit-timezone .form-item-timezone ul li label,
.path-search .layout-content .user-pass #edit-timezone .form-item-timezone ul li label,
.path-search .layout-content .user-login-form #edit-timezone .form-item-timezone ul li label,
.path-search .layout-content .search-form #edit-timezone .form-item-timezone ul li label {
text-transform: none;
font-size: 14px;
font-size: 0.875rem;
}
.path-user .layout-content .search-form,
.path-user-login .layout-content .search-form,
.path-search .layout-content .search-form {
padding: 0;
}
.path-user .layout-content .search-form .search-help-link,
.path-user-login .layout-content .search-form .search-help-link,
.path-search .layout-content .search-form .search-help-link {
display: block;
text-transform: uppercase;
font-weight: 800;
font-size: 14px;
font-size: 0.875rem;
margin: 10px 0 0;
margin: 0.625rem 0 0;
}
.path-user .layout-content .search-form input[type="submit"],
.path-user-login .layout-content .search-form input[type="submit"],
.path-search .layout-content .search-form input[type="submit"] {
margin: 0;
}
.path-user .layout-content .search-form fieldset legend,
.path-user-login .layout-content .search-form fieldset legend,
.path-search .layout-content .search-form fieldset legend {
padding: 0 15px;
text-transform: uppercase;
color: #008070;
}
.path-user .layout-content .search-form fieldset .fieldset-wrapper legend,
.path-user-login .layout-content .search-form fieldset .fieldset-wrapper legend,
.path-search .layout-content .search-form fieldset .fieldset-wrapper legend {
padding: 15px;
font-size: 13px;
font-size: 0.8125rem;
}
.path-user .layout-content .search-form .search-advanced,
.path-user-login .layout-content .search-form .search-advanced,
.path-search .layout-content .search-form .search-advanced {
margin: 20px 0 0;
margin: 1.25rem 0 0;
}
#block-yu-local-tasks {
background-color: #063765;
}
#block-yu-local-tasks ul {
list-style: none;
margin: 0;
padding: 0;
}
#block-yu-local-tasks ul > li {
display: inline-block;
margin-right: 0.3em;
}
#block-yu-local-tasks ul a {
display: block;
padding: 0.5em 1em;
text-decoration: none;
color: #fff;
}
#block-yu-local-tasks ul a:hover {
color: #a0a0a0;
}
#block-yu-local-tasks ul a.is-active {
background-color: #ededed;
color: #063765;
}
.dropdown-menu {
margin-bottom: 30px;
margin-bottom: 1.875rem;
border: 1px solid #ededed;
}
.dropdown-menu h5 {
text-transform: uppercase;
color: #008070;
background: #f5f5f5;
margin: 0;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1;
border-bottom: 1px solid #ededed;
font-weight: 500;
}
.dropdown-menu .dropdown-prompt {
background-color: #fefefe;
cursor: pointer;
}
.dropdown-menu .dropdown-prompt span {
position: relative;
display: inline-block;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
font-size: 15px;
font-size: 0.9375rem;
width: 100%;
line-height: 1.2;
font-family: Times, "Times New Roman", Georgia, serif;
font-style: italic;
}
.dropdown-menu .dropdown-prompt span:after {
display: inline-block;
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.dropdown-menu .dropdown-prompt.active {
border-bottom: 1px solid #ededed;
}
.dropdown-menu .dropdown-prompt.active span:after {
width: 0;
height: 0;
border-top: 10px solid #008070;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
right: 10px;
}
.dropdown-menu .dropdown-prompt.inactive span:after {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #008070;
right: 10px;
}
.dropdown-menu ul.dropdown-answers {
display: none;
padding: 15px 15px 8px;
padding: 0.9375rem 0.9375rem 0.5rem;
list-style: none;
}
.dropdown-menu ul.dropdown-answers li {
margin-bottom: 8px;
margin-bottom: 0.5rem;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.3;
}
.dropdown-menu ul.dropdown-answers li a {
text-decoration: none;
}
.sliding-popup-bottom,
.sliding-popup-top {
margin: 0;
padding: 0;
width: 100%;
z-index: 99999;
left: 0;
text-align: center;
}
.sliding-popup-bottom {
position: fixed;
}
.sliding-popup-top {
position: relative;
}
.eu-cookie-compliance-content {
margin: 0 auto;
max-width: 95%;
display: inline-block;
text-align: left;
width: 100%;
}
.eu-cookie-compliance-buttons {
float: none;
margin: 0 0 1em 0;
max-width: 40%;
}
[dir="rtl"] .eu-cookie-compliance-buttons {
float: left;
}
.eu-cookie-compliance-more-button {
cursor: pointer;
display: inline;
height: auto;
margin: 0;
padding: 0;
border: none;
text-decoration: underline;
background: none;
}
.eu-cookie-compliance-secondary-button {
cursor: pointer;
border: none;
background: none;
margin-top: 1em;
padding: 0 8px;
vertical-align: middle;
}
[dir="rtl"] .eu-cookie-compliance-buttons button {
-moz-box-shadow: inset 0 0 0 1px #ffffff;
-webkit-box-shadow: inset 0 0 0 1px #ffffff;
box-shadow: inset 0 0 0 1px #ffffff;
}
.disagree-button.eu-cookie-compliance-more-button:hover,
.eu-cookie-compliance-agree-button:hover,
.eu-cookie-compliance-default-button:hover,
.eu-cookie-compliance-hide-button:hover,
.eu-cookie-compliance-more-button-thank-you:hover,
.eu-cookie-withdraw-button:hover {
background-color: #dfdfdf;
background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed));
background-image: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background-image: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background-image: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
}
.disagree-button.eu-cookie-compliance-more-button:active,
.eu-cookie-compliance-agree-button:active,
.eu-cookie-compliance-default-button:active,
.eu-cookie-compliance-hide-button:active,
.eu-cookie-compliance-more-button-thank-you:active,
.eu-cookie-withdraw-button:active {
position: relative;
top: 1px;
}
.eu-cookie-compliance-message {
float: none;
margin: 5px 0 0;
max-width: 100%;
}
[dir="rtl"] .eu-cookie-compliance-message {
float: right;
text-align: right;
}
.eu-cookie-compliance-message h1,
.eu-cookie-compliance-message h2,
.eu-cookie-compliance-message h3,
.eu-cookie-compliance-message p {
color: #fff;
font-weight: bold;
line-height: 1.4;
margin: 0 0 5px 0;
}
.eu-cookie-compliance-message h1 {
font-size: 24px;
}
.eu-cookie-compliance-message h2 {
font-size: 16px;
}
.eu-cookie-compliance-message h3 {
font-size: 12px;
}
.eu-cookie-compliance-message p {
font-size: 12px;
display: inline;
}
.eu-cookie-withdraw-tab {
padding: 4px 7px;
cursor: pointer;
}
.sliding-popup-bottom .eu-cookie-withdraw-tab {
border-width: 2px 2px 0;
border-radius: 5px 5px 0 0;
}
.sliding-popup-top .eu-cookie-withdraw-tab {
border-width: 0 2px 2px;
border-radius: 0 0 5px 5px;
}
.eu-cookie-withdraw-wrapper.sliding-popup-top,
.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-banner {
transform: scaleY(-1);
}
.eu-cookie-withdraw-tab {
position: absolute;
top: 0;
transform: translate(-50%, -100%);
left: 50%;
}
.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-tab {
transform: translate(-50%, -100%) scaleY(-1);
}
@media screen and (max-width: 600px) {
.eu-cookie-compliance-content {
max-width: 95%;
}
.eu-cookie-compliance-message {
max-width: 100%;
}
.eu-cookie-compliance-buttons {
clear: both;
float: none;
max-width: 100%;
margin: 5px 0 1em;
}
}
#sliding-popup {
background: url(/themes/custom/yu/images/gradient.png) center center scroll repeat-y #063765;
width: 100%;
margin-bottom: 0px;
}
@media only screen and (max-width: 600px) {
#sliding-popup {
opacity: 0.95;
}
}
@media (min-width: 993px) {
#sliding-popup {
width: 50% !important;
margin-left: 25%;
}
}
#sliding-popup .popup-content {
padding: 10px;
}
#sliding-popup h2 {
font-size: 24px;
line-height: 32px;
margin: 20px 0 10px 0;
}
#sliding-popup p {
font-size: 16px;
line-height: 24px;
font-weight: normal;
}
#sliding-popup a {
color: #ffffff;
text-decoration-color: #00a5e3;
}
#sliding-popup #popup-buttons {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
max-width: 100%;
}
#sliding-popup #popup-buttons button {
color: #ffffff;
background-color: transparent;
border: 1px solid #00a5e3;
margin: 20px 10px 0px 0px;
padding: 10px;
max-width: 100%;
}
#sliding-popup #popup-buttons button.agree-button {
padding-right: 30px;
background: 95% center no-repeat url(/themes/custom/yu/images/Arrow_10px.svg);
text-decoration: none;
}
#sliding-popup #popup-buttons button:hover {
background-color: #ffffff;
color: #063765;
}
#sliding-popup #popup-buttons button.decline-button {
display: none;
padding: 0;
width: 30px;
background: center center no-repeat url(/themes/custom/yu/images/close_x.svg);
text-decoration: none;
position: absolute;
margin: 0;
border: none;
top: 10px;
right: 10px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.full-width-container.events {
background: radial-gradient(412.5px at 50% 50%, #fff 0%, rgba(255, 255, 255, 0) 100%), #f2f3f5;
}
.full-width-container.events #block-featuredevents {
max-width: 100%;
margin: 110px 5em 72px 5em;
display: block;
width: auto;
border-top: 1px solid #b5b7ba;
}
.full-width-container.events #block-featuredevents .events-title-container {
position: relative;
display: table;
margin: 0 auto;
padding: 0 43px 0;
top: -33px;
background-color: #f4f5f7;
}
.full-width-container.events #block-featuredevents .events-title-container h2 {
font-size: 48px;
font-family: "Mercury", "Times New Roman", Georgia, serif;
font-weight: 600;
color: #14387a;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container {
display: flex;
justify-content: center;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container .events-card {
overflow: hidden;
box-shadow: 0px 1px 12px rgba(1, 1, 5, 0.2);
margin: 8px;
max-width: 368px;
width: 100%;
max-height: 800px;
height: 100%;
min-height: 500px;
transition: all 0.4s ease;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container .events-card:hover {
box-shadow: 0px 4px 16px rgba(1, 1, 5, 0.3);
transition: all 0.4s ease;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container .events-card:hover .event-title a {
color: #0062ad !important;
transition: all 0.4s ease;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container .events-card:hover .events-img img {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container .events-card .events-img {
width: 100%;
max-height: 256px;
height: 100%;
overflow: hidden;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container .events-card .events-img img {
width: 100%;
max-width: 368px;
height: 100%;
max-height: 256px;
object-fit: cover;
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container .events-card .events-img {
height: auto;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container .events-card .events-img img {
height: auto;
}
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container .events-card .events-info-container {
padding: 10px 20px 16px;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container .events-card .events-info-container .event-date {
font-size: 16px;
color: #010105;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
line-height: 22px;
margin-bottom: 12px;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container .events-card .events-info-container .event-title {
margin-bottom: 12px;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container .events-card .events-info-container .event-title a {
font-size: 24px;
font-weight: 500;
line-height: 32px;
color: #14387a;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
transition: all 0.4s ease;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .events-cards-container .events-card .events-info-container .event-location {
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 22px;
color: #3a3b3d;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .all-events-cta-container {
margin-top: 35px;
text-align: center;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .all-events-cta-container a {
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
font-size: 24px;
line-height: 32px;
color: #010105;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .all-events-cta-container a:after {
content: "";
width: 20px;
height: 20px;
margin: 7px 0 0 8px;
position: absolute;
background: no-repeat url("/themes/custom/yu/images/right-dark-arrow.svg");
transition: all 0.5s ease;
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .all-events-cta-container a:hover {
color: rgba(1, 1, 5, 0.8);
}
.full-width-container.events #block-featuredevents #yeshiva_events_featured .all-events-cta-container a:hover:after {
transform: translatex(2px);
transition: all 0.4s ease;
}
@media all and (max-width: 1199px) {
.full-width-container.events #block-featuredevents .events-cards-container {
flex-wrap: wrap;
}
}
@media all and (max-width: 992px) {
.full-width-container.events #block-featuredevents {
margin: 70px 1em 40px;
}
}
@media all and (max-width: 767px) {
.full-width-container.events #block-featuredevents {
border-top: none;
}
.full-width-container.events #block-featuredevents .events-title-container {
top: -23px;
padding: 0px;
}
.full-width-container.events #block-featuredevents .events-title-container h2 {
font-size: 28px;
}
.full-width-container.events #block-featuredevents .events-card {
margin: 12px 0 !important;
max-width: 100% !important;
min-height: inherit !important;
}
.full-width-container.events #block-featuredevents .events-card .events-img {
display: none;
}
.full-width-container.events #block-featuredevents .events-card .events-info-container .event-date {
font-size: 14px;
}
.full-width-container.events #block-featuredevents .events-card .events-info-container .event-title a {
font-size: 18px;
}
.full-width-container.events #block-featuredevents .all-events-cta-container {
margin-top: 25px;
}
.full-width-container.events #block-featuredevents .all-events-cta-container a {
font-size: 18px !important;
}
}
body.path-node-17111 .full-width-container.events {
border-top: none;
}
body.path-node-17111 .full-width-container.events #block-featuredevents .events-title-container {
display: none;
}
body.path-node-17111 .full-width-container.events .all-events-cta-container {
display: none;
}
.paragraph--type--featured-news-story {
max-width: 100%;
text-align: center;
background-color: #0d2959;
padding-top: 30px;
}
.paragraph--type--featured-news-story .news-title-container {
margin: 60px 80px 70px;
}
.paragraph--type--featured-news-story .news-title-container .border-top {
display: block;
width: 100%;
height: 2px;
border-top: 1px solid #0062ad;
}
.paragraph--type--featured-news-story .news-title-container .news-title {
top: -20px;
position: relative;
display: table;
margin: 0 auto;
padding: 0 43px;
background-color: #0d2959;
}
.paragraph--type--featured-news-story .news-content-container {
display: flex;
justify-content: center;
}
.paragraph--type--featured-news-story .news-content-container .news-featured {
width: 648px;
text-align: left;
padding: 23px;
margin: 0 24px 25px;
border: 1px solid #0062ad;
height: auto;
}
.paragraph--type--featured-news-story .news-content-container .news-featured:hover .field--name-field-featured-news-link a,
.paragraph--type--featured-news-story .news-content-container .news-featured:hover .field--name-field-featured-news-headline {
color: #52b4ff;
transition: all 0.4s ease;
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
}
.paragraph--type--featured-news-story .news-content-container .news-featured:hover .field--name-field-featured-news-link a:after {
transform: translatex(2px);
transition: all 0.4s ease;
transition: 0.4s ease;
}
.paragraph--type--featured-news-story .news-content-container .news-featured:hover .field--name-field-featured-news-image img {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
}
.paragraph--type--featured-news-story .news-content-container .news-featured .field--name-field-featured-news-image {
width: 100%;
max-width: 600px;
height: 300px;
overflow: hidden;
}
.paragraph--type--featured-news-story .news-content-container .news-featured .field--name-field-featured-news-image img {
width: 100%;
height: 100%;
object-fit: cover;
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.paragraph--type--featured-news-story .news-content-container .news-featured .field--name-field-featured-news-image img {
width: auto;
}
}
.paragraph--type--featured-news-story .news-content-container .news-featured .field--name-field-featured-news-headline {
font-family: "Mercury", "Times New Roman", Georgia, serif;
font-weight: 600;
font-size: 28px;
color: #fff;
line-height: 38px;
margin-bottom: 15px;
transition: all 0.5s ease;
}
.paragraph--type--featured-news-story .news-content-container .news-featured .field--name-field-featured-news-excerpt {
font-size: 16px;
line-height: 24px;
color: #fff;
margin-bottom: 8px;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
}
.paragraph--type--featured-news-story .news-content-container .news-featured .field--name-field-featured-news-link {
margin-bottom: 0;
}
.paragraph--type--featured-news-story .news-content-container .news-featured .field--name-field-featured-news-link a {
font-size: 16px;
font-weight: 500;
color: #fff;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
text-decoration: none;
transition: all 0.5s ease;
}
.paragraph--type--featured-news-story .news-content-container .news-featured .field--name-field-featured-news-link a:after {
content: "";
width: 13px;
height: 13px;
margin: 7px 0 0 4px;
position: absolute;
background: no-repeat url("/themes/custom/yu/images/Arrow_10px.svg");
transition: all 0.5s ease;
}
.paragraph--type--featured-news-story .news-content-container .news-featured .news-featured-info {
padding: 24px 0 0;
}
.paragraph--type--featured-news-story .news-content-container .news-teasers-container {
max-width: 100%;
margin: 0;
}
.paragraph--type--featured-news-story .news-content-container .news-teasers-container .news-secondary {
max-width: 728px;
margin: 0 24px;
}
.paragraph--type--featured-news-story .news-content-container .news-teasers-container .news-secondary .news-secondary-content {
display: flex;
border: 1px solid #0062ad;
border-radius: 2px;
padding: 24px;
margin-bottom: 25px;
width: 100%;
}
.paragraph--type--featured-news-story .news-content-container .news-teasers-container .news-secondary .news-secondary-content:hover .text-link-news a,
.paragraph--type--featured-news-story .news-content-container .news-teasers-container .news-secondary .news-secondary-content:hover h3 a {
color: #52b4ff;
transition: all 0.4s ease;
}
.paragraph--type--featured-news-story .news-content-container .news-teasers-container .news-secondary .news-secondary-content:hover .text-link-news a:after {
transform: translatex(2px);
transition: all 0.4s ease;
}
.paragraph--type--featured-news-story .news-content-container .news-teasers-container .news-secondary .news-secondary-content:hover .secondary-news-img img {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.paragraph--type--featured-news-story .news-content-container .news-teasers-container .news-secondary .news-secondary-content:hover .secondary-news-img img {
transform: translate(-10%, 0%);
}
}
.paragraph--type--featured-news-story .news-content-container .news-teasers-container .news-secondary .news-secondary-content .secondary-news-img {
width: 160px;
height: 107px;
overflow: hidden;
}
.paragraph--type--featured-news-story .news-content-container .news-teasers-container .news-secondary .news-secondary-content .secondary-news-img img {
width: 100%;
object-fit: cover;
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.paragraph--type--featured-news-story .news-content-container .news-teasers-container .news-secondary .news-secondary-content .secondary-news-img img {
width: inherit;
transform: translate(-10%, 0%);
}
}
.paragraph--type--featured-news-story .news-content-container .news-teasers-container .news-secondary .news-secondary-content .secondary-news-info {
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
width: 100%;
padding: 0 0 0 24px;
}
.paragraph--type--featured-news-story .news-content-container h3 {
line-height: normal;
}
.paragraph--type--featured-news-story .news-content-container h3 a {
font-family: "Mercury", "Times New Roman", Georgia, serif;
font-weight: 600;
font-size: 28px;
color: #fff;
line-height: 38px;
transition: all 0.5s ease;
}
.paragraph--type--featured-news-story .news-content-container p {
font-size: 16px;
line-height: 24px;
color: #fff;
margin-bottom: 8px;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
}
.paragraph--type--featured-news-story .news-content-container .text-link-news {
margin-bottom: 0;
}
.paragraph--type--featured-news-story .news-content-container .text-link-news a {
font-size: 16px;
font-weight: 500;
color: #fff;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
text-decoration: none;
transition: all 0.5s ease;
}
.paragraph--type--featured-news-story .news-content-container .text-link-news a:after {
content: "";
width: 13px;
height: 13px;
margin: 7px 0 0 4px;
position: absolute;
background: no-repeat url("/themes/custom/yu/images/Arrow_10px.svg");
transition: all 0.5s ease;
}
@media all and (min-width: 768px) and (max-width: 992px) {
.paragraph--type--featured-news-story .news-content-container {
flex-direction: column;
align-items: center;
}
.paragraph--type--featured-news-story .news-content-container .news-featured {
width: 728px;
}
.paragraph--type--featured-news-story .news-content-container .news-featured .field--name-field-featured-news-image {
max-width: 100%;
}
}
.paragraph--type--featured-news-story .news-more-link-container {
padding: 24px 0 72px;
}
.paragraph--type--featured-news-story .news-more-link-container .read-more-news a {
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
font-size: 24px;
line-height: 32px;
color: #fff;
font-weight: 500;
transition: all 0.5s ease;
}
.paragraph--type--featured-news-story .news-more-link-container .read-more-news a:after {
content: "";
width: 20px;
height: 20px;
margin: 7px 0 0 8px;
position: absolute;
background: no-repeat url("/themes/custom/yu/images/Arrow_16px.svg");
transition: all 0.5s ease;
}
.paragraph--type--featured-news-story .news-more-link-container .read-more-news a:hover {
color: rgba(255, 255, 255, 0.8);
}
.paragraph--type--featured-news-story .news-more-link-container .read-more-news a:hover:after {
transform: translatex(2px);
transition: all 0.4s ease;
}
@media all and (max-width: 767px) {
.paragraph--type--featured-news-story {
padding-top: 32px;
}
.paragraph--type--featured-news-story .news-title-container {
margin: 0 0 32px;
}
.paragraph--type--featured-news-story .news-title-container .border-top {
display: none;
}
.paragraph--type--featured-news-story .news-title-container .news-title {
top: 0;
}
.paragraph--type--featured-news-story .news-title-container .news-title img {
width: 65%;
}
.paragraph--type--featured-news-story .news-content-container {
flex-direction: column;
align-items: center;
padding: 0 1em;
}
.paragraph--type--featured-news-story .news-content-container .news-featured {
width: 100%;
margin-bottom: 0;
padding: 12px;
}
.paragraph--type--featured-news-story .news-content-container .news-featured .field--name-field-featured-news-image {
max-width: 100%;
height: 200px;
}
.paragraph--type--featured-news-story .news-content-container .news-featured .news-featured-info {
padding: 45px 0 0;
}
.paragraph--type--featured-news-story .news-content-container .news-featured .news-featured-info .field--name-field-featured-news-headline {
margin-bottom: 15px;
}
.paragraph--type--featured-news-story .news-content-container .news-featured .news-featured-info .field--name-field-featured-news-excerpt {
margin-bottom: 13px;
font-size: 18px;
}
.paragraph--type--featured-news-story .news-content-container .news-featured .news-featured-info .field--name-field-featured-news-link a {
font-size: 18px;
}
.paragraph--type--featured-news-story .news-content-container .news-secondary {
width: 100%;
margin: 0 !important;
}
.paragraph--type--featured-news-story .news-content-container .news-secondary .news-secondary-content {
border-left: none !important;
border-right: none !important;
border-top: none !important;
margin-bottom: 0 !important;
padding: 24px 5px !important;
}
.paragraph--type--featured-news-story .news-content-container .news-secondary .news-secondary-content .secondary-news-img {
display: none;
}
.paragraph--type--featured-news-story .news-content-container .news-secondary .secondary-news-info {
padding: 0 10px !important;
}
.paragraph--type--featured-news-story .news-content-container .news-secondary .secondary-news-info .text-link-news {
margin-top: 10px;
}
.paragraph--type--featured-news-story .news-content-container .news-secondary .secondary-news-info .text-link-news a {
font-size: 18px;
}
.paragraph--type--featured-news-story .news-content-container h3 a {
font-size: 24px;
line-height: 32px;
}
.paragraph--type--featured-news-story .news-content-container p {
font-size: 18px;
line-height: 24px;
margin-bottom: 0;
}
.paragraph--type--featured-news-story .news-more-link-container {
padding: 30px 0 50px;
}
.paragraph--type--featured-news-story .news-more-link-container .read-more-news a {
font-size: 18px;
}
}
.page-node-type-basic-page .basic-layout .node-sidebar nav[role="navigation"] {
margin-bottom: 30px;
margin-bottom: 1.875rem;
margin-top: -15px;
margin-top: -0.9375rem;
}
.page-node-type-basic-page .basic-layout .node-sidebar nav[role="navigation"] ul li {
list-style: disc;
list-style-position: inside;
}
.page-node-type-basic-page .basic-layout .node-sidebar nav[role="navigation"] ul li ul li {
margin-left: 30px;
margin-left: 1.875rem;
list-style: circle;
}
.footer--main {
background-color: #0d2959;
}
.footer--main .footer--content {
max-width: 100%;
margin: 0px 5em;
padding: 66px 0 20px;
}
@media all and (max-width: 992px) {
.footer--main .footer--content {
margin: 0px 1em;
}
}
.footer--main .footer--content #block-footerctas ul.menu {
display: flex;
justify-content: space-evenly;
}
.footer--main .footer--content #block-footerctas ul.menu li.menu-item {
width: 100%;
max-width: 194px;
min-width: 90px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
border: 1px solid #0090ff;
background-color: #14387a;
margin: 0 3px;
transition: all 0.4s ease;
}
.footer--main .footer--content #block-footerctas ul.menu li.menu-item a {
width: 194px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
font-size: 18px;
}
.footer--main .footer--content #block-footerctas ul.menu li.menu-item a:after {
content: "";
width: 14px;
height: 20px;
margin: 6px 0 0 4px;
position: relative;
background: no-repeat url("/Institutions/Yeshiva-University/images/arrow_12px.svg");
transition: all 0.4s ease;
}
.footer--main .footer--content #block-footerctas ul.menu li.menu-item:hover {
background-color: #0062ad;
border-color: #0062ad;
transition: all 0.4s ease;
}
@supports (-ms-ime-align: auto) {
.footer--main .footer--content #block-footerctas ul.menu {
justify-content: space-around;
}
}
@media (max-width: 1037px) {
.footer--main .footer--content #block-footerctas ul.menu li.menu-item a {
font-size: 16px;
}
}
@media all and (max-width: 992px) {
.footer--main .footer--content #block-footerctas ul.menu {
flex-wrap: wrap;
justify-content: space-between;
}
.footer--main .footer--content #block-footerctas ul.menu li.menu-item {
margin: 10px 10px;
}
}
@media all and (max-width: 767px) {
.footer--main .footer--content #block-footerctas ul.menu {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 24px;
grid-row-gap: 16px;
}
.footer--main .footer--content #block-footerctas ul.menu li.menu-item {
max-width: 100%;
width: 100%;
margin: 0;
}
.footer--main .footer--content #block-footerctas ul.menu li.menu-item a {
width: 100%;
}
}
.footer--main .footer--content #block-footer {
margin: 70px 0 35px;
border-top: 1px solid #0062ad;
border-bottom: 1px solid #0062ad;
padding: 0px 0 42px;
}
.footer--main .footer--content #block-footer:before {
content: "";
background-image: url(/Institutions/Yeshiva-University/images/footer-logo.svg);
width: 470px;
height: 85px;
background-repeat: no-repeat;
background-position: center;
background-size: auto;
display: block;
margin: 0 auto;
position: relative;
top: -38px;
background-color: #0d2959;
}
.footer--main .footer--content #block-footer ul.menu {
display: grid;
justify-content: space-between;
grid-template-columns: repeat(6, 1fr);
grid-column-gap: 30px;
grid-row-gap: 60px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.footer--main .footer--content #block-footer ul.menu {
display: flex;
}
}
.footer--main .footer--content #block-footer ul.menu a {
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
font-size: 16px;
color: #fff;
font-weight: bold;
margin-bottom: 24px;
}
.footer--main .footer--content #block-footer ul.menu li.menu-item {
margin: 0 10px;
}
.footer--main .footer--content #block-footer ul.menu li.menu-item ul.submenu {
margin-top: 24px;
display: grid;
grid-row-gap: 30px;
}
.footer--main .footer--content #block-footer ul.menu li.menu-item ul.submenu li.menu-item {
margin: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.footer--main .footer--content #block-footer ul.menu li.menu-item ul.submenu li.menu-item {
margin-bottom: 10px;
}
}
.footer--main .footer--content #block-footer ul.menu li.menu-item ul.submenu li.menu-item a {
color: #fff;
font-size: 16px;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
font-weight: normal;
margin-bottom: inherit;
transition: all 0.4s ease;
}
.footer--main .footer--content #block-footer ul.menu li.menu-item ul.submenu li.menu-item a:hover {
color: rgba(255, 255, 255, 0.8);
transition: all 0.4s ease;
}
@media all and (max-width: 992px) {
.footer--main .footer--content #block-footer ul.menu {
grid-template-columns: repeat(3, 1fr);
}
}
@media all and (max-width: 767px) {
.footer--main .footer--content #block-footer ul.menu {
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 34px;
}
.footer--main .footer--content #block-footer:before {
top: 30px;
background-size: contain;
width: 100%;
}
.footer--main .footer--content #block-footer ul.menu {
flex-wrap: wrap;
margin-top: 60px;
}
.footer--main .footer--content #block-footer ul.menu li.menu-item ul.submenu {
grid-row-gap: 12px;
}
.footer--main .footer--content #block-footer ul.menu li.menu-item ul.submenu li.menu-item {
margin: 0;
}
}
.footer--main .footer--content #block-yuaddressforfooter .field {
color: #fff;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
font-size: 16px;
}
.footer--main .footer--content #block-yuaddressforfooter .address-location {
margin-bottom: 5px;
}
.footer--main .footer--content #block-yuaddressforfooter .address-location .field--name-field-location {
font-weight: bold;
}
.footer--main .footer--content #block-yuaddressforfooter .adress-street {
margin-bottom: 3px;
}
.footer--main .footer--content #block-yuaddressforfooter .adress-street div,
.footer--main .footer--content #block-yuaddressforfooter .adress-street span {
display: inline-block;
}
.footer--main .footer--content #block-yuaddressforfooter .adress-street span {
position: relative;
left: -2px;
margin-right: 5px;
color: #fff;
}
.footer--main .footer--content #block-yuaddressforfooter .address-phone {
margin-bottom: 5px;
}
@media all and (max-width: 767px) {
.footer--main .footer--content #block-yuaddressforfooter {
margin-top: 35px;
}
}
.footer--main .footer--content #block-yufootersocialicons {
position: relative;
margin: 0 !important;
}
.footer--main .footer--content #block-yufootersocialicons ul li {
background-color: inherit;
}
.footer--main .footer--content #block-yufootersocialicons ul li:focus-within {
outline: 3px dotted #d71ef7;
z-index: 99999;
}
.footer--main .footer--content #block-yufootersocialicons ul li a {
width: 36px;
height: 36px;
}
.footer--main .footer--content #block-yufootersocialicons ul li a:after {
width: 36px;
height: 36px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: all 0.4s ease;
}
.footer--main .footer--content #block-yufootersocialicons ul li a:hover:after {
opacity: 0.8;
transition: all 0.4s ease;
}
.footer--main .footer--content #block-yufootersocialicons ul li.facebook a:after {
background-image: url("/Institutions/Yeshiva-University/images/facebook.svg");
}
.footer--main .footer--content #block-yufootersocialicons ul li.youtube a:after {
background-image: url("/Institutions/Yeshiva-University/images/youtube.svg");
}
.footer--main .footer--content #block-yufootersocialicons ul li.twitter a:after {
background-image: url("/Institutions/Yeshiva-University/images/twitter.svg");
}
.footer--main .footer--content #block-yufootersocialicons ul li.blog a:after {
background-image: url("/Institutions/Yeshiva-University/images/blog.svg");
}
.footer--main .footer--content #block-yufootersocialicons ul li.scribd a:after {
background-image: url("/Institutions/Yeshiva-University/images/scribd.svg");
}
.footer--main .footer--content #block-yufootersocialicons ul li.instagram a:after {
background-image: url("/Institutions/Yeshiva-University/images/instagram.svg");
}
@media all and (max-width: 767px) {
.footer--main .footer--content #block-yufootersocialicons ul li a {
width: 30px;
height: 30px;
}
.footer--main .footer--content #block-yufootersocialicons ul li a:after {
width: 30px;
height: 30px;
}
}
.footer--main .footer--content #block-footerprivacy {
margin-top: 30px;
}
.footer--main .footer--content #block-footerprivacy ul.menu {
display: flex;
align-items: baseline;
}
.footer--main .footer--content #block-footerprivacy ul.menu li a {
color: #fff;
font-size: 14px;
font-family: Neue Haas Grotesk Text Pro;
border-right: solid 1px #ffffff;
padding-right: 10px;
padding-left: 10px;
}
.footer--main .footer--content #block-footerprivacy ul.menu li:first-child a {
padding-left: 0px;
}
.footer--main .footer--content #block-footerprivacy ul.menu li:last-child a {
padding-right: 0px;
border-right: none;
}
.footer--main .footer--content #block-footerprivacy .link-separator {
font-size: 18px;
color: #fff;
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
padding: 0 10px;
}
@media all and (max-width: 767px) {
.footer--main .footer--content #block-footerprivacy ul.menu {
flex-wrap: wrap;
}
}
@media all and (max-width: 1023px) {
#main-header {
position: fixed;
z-index: 5000;
top: 0;
left: 0;
border-bottom: 1px solid #e0e0e0;
width: 100%;
background-color: #fff;
}
}
#main-header #logo {
display: block;
float: left;
margin: 10px 15px;
margin: 0.625rem 0.9375rem;
background: url(/Institutions/Yeshiva-University/images/mobile-logo.png) no-repeat center center/100%;
width: 190px;
height: 35px;
line-height: 0;
font-size: 0;
color: transparent;
}
@media (min-width: 768px) {
#main-header #logo {
width: 250px;
height: 46px;
}
}
@media (min-width: 1024px) {
#main-header #logo {
display: none;
}
}
#main-header #logo .logo {
display: block;
}
#main-header #block-yu-branding a {
display: none;
float: left;
margin: 20px 10px;
margin: 1.25rem 0.625rem;
background: url(/Institutions/Yeshiva-University/images/desktop-logo-deep.png) no-repeat center center/100%;
width: 315px;
height: 58px;
text-indent: -119988px;
overflow: hidden;
text-align: left;
}
@media (min-width: 1024px) {
#main-header #block-yu-branding a {
display: block;
}
}
@media (min-width: 1200px) {
#main-header #block-yu-branding a {
margin: 20px 15px;
margin: 1.25rem 0.9375rem;
}
}
@media (min-width: 1024px) {
.page-node-type-school-page #main-header #block-yu-branding a {
background: url(/themes/custom/yu/images/desktop-logo-home-white.png) no-repeat center center/100%;
width: 272px;
height: 50px;
margin: 20px 0 20px 25px;
margin: 1.25rem 0 1.25rem 1.5625rem;
}
}
#main-header .mobile-trigger {
display: block;
float: right;
}
@media (min-width: 1024px) {
#main-header .mobile-trigger {
display: none;
}
}
@media (min-width: 1024px) {
.page-node-type-school-page #main-header {
background-color: #d4d4d4;
}
}
.page-node-type-landing-page #main-header .sub--header #block-yu-page-title {
clear: both;
margin: 0 20px 35px 0;
margin: 0 1.25rem 2.1875rem 0;
display: none;
}
@media (min-width: 768px) {
.page-node-type-landing-page #main-header .sub--header #block-yu-page-title {
display: block;
}
}
.page-node-type-landing-page #main-header .sub--header #block-yu-page-title h1 {
width: 100%;
font-size: 14px;
font-size: 0.875rem;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
color: #d4d4d4;
position: relative;
}
@media (min-width: 768px) {
.page-node-type-landing-page #main-header .sub--header #block-yu-page-title h1 {
font-size: 18px;
font-size: 1.125rem;
margin: 20px 15px 0 0;
margin: 1.25rem 0.9375rem 0 0;
padding: 0;
color: #959595;
text-transform: uppercase;
text-align: right;
}
}
@media (min-width: 980px) {
.page-node-type-landing-page #main-header .sub--header #block-yu-page-title h1 {
font-size: 20px;
font-size: 1.25rem;
}
}
@media (min-width: 1200px) {
.page-node-type-landing-page #main-header .sub--header #block-yu-page-title h1 {
font-size: 22px;
font-size: 1.375rem;
}
}
@media all and (max-width: 1023px) {
.below-header {
margin-top: 66px;
}
}
@media all and (max-width: 767px) {
.below-header {
margin-top: 55px;
}
}
.main-nav {
background-color: #fff;
overflow: visible;
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
}
@media (min-width: 1024px) {
.page-node-type-basic-page .main-nav,
.page-node-type-profile .main-nav,
.path-user .main-nav,
.page-node-type-landing-page .main-nav,
.path-search .main-nav,
.path-people .main-nav,
.path-faculty .main-nav,
.path-node .main-nav {
position: relative;
background-color: #fff;
border-top: 1px solid #e3e3e3;
}
.path-frontpage .main-nav {
background-color: rgba(0, 33, 66, 0.7);
}
.page-node-type-basic-page .main-nav,
.page-node-type-profile .main-nav,
.path-user .main-nav,
.path-search .main-nav,
.path-people .main-nav,
.path-faculty .main-nav,
.path-node .main-nav {
border-bottom: 1px solid #e3e3e3;
}
}
.utility {
background-color: #e3e3e3;
display: none;
position: relative;
overflow: hidden;
}
@media (min-width: 1024px) {
.utility {
display: block;
}
}
.utility:after {
content: "";
width: 50%;
height: 100%;
background-color: #002142;
right: 0;
top: 0;
position: absolute;
z-index: 0;
}
.utility .nav--utility {
text-align: right;
}
.nav--main {
text-align: left;
}
.nav--main #nav-main nav h2 {
display: none;
}
.nav--main #nav-main .menu .link-separator {
color: #707070;
font-size: 20px;
font-weight: 200;
}
.utility .nav--utility {
background: none;
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
.utility .nav--utility ul {
float: right;
background-color: #e3e3e3;
}
}
@media (min-width: 768px) {
.utility .nav--utility ul li {
font-size: 12px;
font-size: 0.75rem;
line-height: 26px;
line-height: 1.625rem;
margin: 0 0 0 10px;
margin: 0 0 0 0.625rem;
padding: 0 10px;
padding: 0 0.625rem;
float: left;
background-color: #e3e3e3;
}
.utility .nav--utility ul li ul {
display: none;
}
}
@media (min-width: 768px) {
.utility .nav--utility ul li:nth-last-child(2) {
background-color: #757575;
padding: 0 15px;
padding: 0 0.9375rem;
}
.utility .nav--utility ul li:nth-last-child(2) a {
color: #fff;
}
.utility .nav--utility ul li:last-child {
background-color: #002142;
margin: 0;
padding: 0 15px;
padding: 0 0.9375rem;
}
.utility .nav--utility ul li:last-child a {
color: #fff;
}
}
.utility .nav--utility ul li a {
color: #13456e;
}
@media (min-width: 768px) {
.utility .nav--utility ul li a {
color: #13456e;
}
}
.utility .nav--utility #block-utility--2-menu,
.utility .nav--utility .menu-block-label {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.nav--main {
display: none;
}
@media (min-width: 1024px) {
.nav--main {
display: block;
}
.page-node-type-school-page .nav--main {
display: none;
}
}
.nav--main ul {
text-align: center;
display: table;
height: 100%;
width: 100%;
position: relative;
}
.nav--main ul > li {
line-height: 1;
display: table-cell;
height: 100%;
}
.nav--main ul > li > a {
color: #fff;
text-transform: uppercase;
display: block;
position: relative;
font-size: 14px;
font-size: 0.875rem;
padding: 15px 10px;
padding: 0.9375rem 0.625rem;
}
.page-node-type-basic-page .nav--main ul > li > a,
.page-node-type-profile .nav--main ul > li > a,
.path-user .nav--main ul > li > a,
.page-node-type-landing-page .nav--main ul > li > a,
.path-search .nav--main ul > li > a,
.path-people .nav--main ul > li > a,
.path-faculty .nav--main ul > li > a,
.path-node .nav--main ul > li > a {
color: #707070;
background-color: #fff;
}
.nav--main ul > li > a:after {
content: "";
height: 20px;
width: 1px;
background-color: #fff;
display: none;
right: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.page-node-type-basic-page .nav--main ul > li > a:after,
.page-node-type-profile .nav--main ul > li > a:after,
.path-user .nav--main ul > li > a:after,
.page-node-type-landing-page .nav--main ul > li > a:after,
.path-search .nav--main ul > li > a:after,
.path-people .nav--main ul > li > a:after,
.path-faculty .nav--main ul > li > a:after,
.path-node .nav--main ul > li > a:after {
background-color: #707070;
}
.nav--main ul > li > a:hover {
color: #008070;
}
.nav--main ul > li:last-child a:after {
display: none;
}
@media (min-width: 1024px) {
.path-frontpage .nav--main ul > li:first-child > a {
padding: 15px;
padding: 0.9375rem;
}
}
@media (min-width: 1200px) {
.path-frontpage .nav--main ul > li:first-child > a {
margin-left: -18px;
}
}
.path-frontpage .nav--main ul > li:last-child > a:after {
display: none;
}
@media (min-width: 1200px) {
.path-frontpage .nav--main ul > li:last-child > a {
margin-right: -16px;
}
}
@media (min-width: 1200px) {
.page-node-type-landing-page .nav--main ul > li:last-child > a,
.page-node-type-basic-page .nav--main ul > li:last-child > a,
.page-node-type-profile .nav--main ul > li:last-child > a,
.path-people .nav--main ul > li:last-child > a,
.path-faculty .nav--main ul > li:last-child > a,
.path-node .nav--main ul > li:last-child > a {
margin-right: -12px;
}
}
.nav--main ul > li.menu-item--active-trail a {
color: #028171;
}
.nav--main ul > li > div {
display: none;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded > div,
.page-node-type-profile .nav--main ul > li.menu-item--expanded > div,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded > div,
.path-user .nav--main ul > li.menu-item--expanded > div,
.path-search .nav--main ul > li.menu-item--expanded > div,
.path-people .nav--main ul > li.menu-item--expanded > div,
.path-faculty .nav--main ul > li.menu-item--expanded > div,
.path-node .nav--main ul > li.menu-item--expanded > div {
display: none;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > a,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > a,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > a,
.path-user .nav--main ul > li.menu-item--expanded:hover > a,
.path-search .nav--main ul > li.menu-item--expanded:hover > a,
.path-people .nav--main ul > li.menu-item--expanded:hover > a,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > a,
.path-node .nav--main ul > li.menu-item--expanded:hover > a {
color: #008070;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div,
.path-user .nav--main ul > li.menu-item--expanded:hover > div,
.path-search .nav--main ul > li.menu-item--expanded:hover > div,
.path-people .nav--main ul > li.menu-item--expanded:hover > div,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div,
.path-node .nav--main ul > li.menu-item--expanded:hover > div {
text-align: center;
position: absolute;
left: 0;
top: auto;
width: 100%;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu {
display: block;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu:after,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu:after,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu:after,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu:after,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu:after,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu:after,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu:after,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu:after {
content: "";
display: table;
clear: both;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li {
float: left;
position: relative;
display: inline-block;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a {
color: #fff;
background-color: transparent;
border-bottom: 4px solid transparent;
font-size: 11px;
font-size: 0.6875rem;
padding: 15px 8px 11px;
padding: 0.9375rem 0.5rem 0.6875rem;
}
@media (min-width: 1200px) {
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a {
font-size: 12px;
font-size: 0.75rem;
padding: 15px 13px 11px 14px;
padding: 0.9375rem 0.8125rem 0.6875rem 0.875rem;
}
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a:after,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a:after,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a:after,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a:after,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a:after,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a:after,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a:after,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li > a:after {
background-color: #fff;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > a,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > a,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > a,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > a,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > a,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > a,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > a,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > a {
color: #008070;
border-bottom: 4px solid #008070;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div {
display: block;
width: 375px;
width: 23.4375rem;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu {
background-color: rgba(0, 33, 66, 0.9);
border-bottom: 4px solid #008070;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu:before,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu:before,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu:before,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu:before,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu:before,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu:before,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu:before,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu:before {
display: none;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li {
display: block;
text-align: left;
line-height: 1.3;
width: 100%;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a {
text-transform: none;
border-bottom: none;
padding: 12px;
padding: 0.75rem;
font-size: 12px;
font-size: 0.75rem;
}
@media (min-width: 1200px) {
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a {
font-size: 13px;
font-size: 0.8125rem;
padding: 12px 15px;
padding: 0.75rem 0.9375rem;
}
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a:after,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a:after,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a:after,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a:after,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a:after,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a:after,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a:after,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li > a:after {
display: none;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li:hover,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li:hover,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li:hover,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li:hover,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li:hover,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li:hover,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li:hover,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li:hover {
border-bottom: none;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li ul,
.page-node-type-profile .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li ul,
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li ul,
.path-user .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li ul,
.path-search .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li ul,
.path-people .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li ul,
.path-faculty .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li ul,
.path-node .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu > li ul {
display: none;
}
.page-node-type-landing-page .nav--main ul > li.menu-item--active-trail > div {
text-align: center;
display: block;
position: absolute;
left: 0;
top: auto;
width: 100%;
}
.page-node-type-landing-page .nav--main ul > li.menu-item--active-trail > div:before {
content: "";
height: 100%;
width: 1px;
background-color: rgba(0, 33, 66, 0.9);
display: block;
position: absolute;
margin: 0 -9999px;
margin: 0 -624.9375rem;
padding: 0 9999px;
padding: 0 624.9375rem;
}
.page-node-type-landing-page .nav--main ul > li.menu-item--active-trail > div > ul.menu {
display: block;
}
.page-node-type-landing-page .nav--main ul > li.menu-item--active-trail > div > ul.menu:after {
content: "";
display: table;
clear: both;
}
.page-node-type-landing-page .nav--main ul > li.menu-item--active-trail > div > ul.menu > li {
float: left;
position: relative;
display: inline-block;
}
.page-node-type-landing-page .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a {
color: #fff;
background-color: transparent;
border-bottom: 4px solid transparent;
font-size: 11px;
font-size: 0.6875rem;
padding: 15px 8px 11px;
padding: 0.9375rem 0.5rem 0.6875rem;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a {
font-size: 12px;
font-size: 0.75rem;
padding: 15px 13px 11px 14px;
padding: 0.9375rem 0.8125rem 0.6875rem 0.875rem;
}
}
.page-node-type-landing-page .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a:after {
background-color: #fff;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--active-trail > div,
.page-node-type-profile .nav--main ul > li.menu-item--active-trail > div,
.path-people .nav--main ul > li.menu-item--active-trail > div,
.path-faculty .nav--main ul > li.menu-item--active-trail > div,
.path-node .nav--main ul > li.menu-item--active-trail > div {
text-align: center;
display: block;
position: absolute;
left: 0;
top: auto;
width: 100%;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--active-trail > div:before,
.page-node-type-profile .nav--main ul > li.menu-item--active-trail > div:before,
.path-people .nav--main ul > li.menu-item--active-trail > div:before,
.path-faculty .nav--main ul > li.menu-item--active-trail > div:before,
.path-node .nav--main ul > li.menu-item--active-trail > div:before {
content: "";
height: 100%;
width: 1px;
background-color: rgba(0, 33, 66, 0.9);
display: block;
position: absolute;
margin: 0 -9999px;
margin: 0 -624.9375rem;
padding: 0 9999px;
padding: 0 624.9375rem;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--active-trail > div > ul.menu,
.page-node-type-profile .nav--main ul > li.menu-item--active-trail > div > ul.menu,
.path-people .nav--main ul > li.menu-item--active-trail > div > ul.menu,
.path-faculty .nav--main ul > li.menu-item--active-trail > div > ul.menu,
.path-node .nav--main ul > li.menu-item--active-trail > div > ul.menu {
display: block;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--active-trail > div > ul.menu:after,
.page-node-type-profile .nav--main ul > li.menu-item--active-trail > div > ul.menu:after,
.path-people .nav--main ul > li.menu-item--active-trail > div > ul.menu:after,
.path-faculty .nav--main ul > li.menu-item--active-trail > div > ul.menu:after,
.path-node .nav--main ul > li.menu-item--active-trail > div > ul.menu:after {
content: "";
display: table;
clear: both;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--active-trail > div > ul.menu > li,
.page-node-type-profile .nav--main ul > li.menu-item--active-trail > div > ul.menu > li,
.path-people .nav--main ul > li.menu-item--active-trail > div > ul.menu > li,
.path-faculty .nav--main ul > li.menu-item--active-trail > div > ul.menu > li,
.path-node .nav--main ul > li.menu-item--active-trail > div > ul.menu > li {
float: left;
position: relative;
display: inline-block;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a,
.page-node-type-profile .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a,
.path-people .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a,
.path-faculty .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a,
.path-node .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a {
color: #fff;
background-color: transparent;
border-bottom: 4px solid transparent;
font-size: 11px;
font-size: 0.6875rem;
padding: 15px 8px 11px;
padding: 0.9375rem 0.5rem 0.6875rem;
}
@media (min-width: 1200px) {
.page-node-type-basic-page .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a,
.page-node-type-profile .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a,
.path-people .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a,
.path-faculty .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a,
.path-node .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a {
font-size: 12px;
font-size: 0.75rem;
padding: 15px 13px 11px 14px;
padding: 0.9375rem 0.8125rem 0.6875rem 0.875rem;
}
}
.page-node-type-basic-page .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a:after,
.page-node-type-profile .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a:after,
.path-people .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a:after,
.path-faculty .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a:after,
.path-node .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > a:after {
background-color: #fff;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > div,
.page-node-type-profile .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > div,
.path-people .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > div,
.path-faculty .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > div,
.path-node .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > div {
display: none;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > div:before,
.page-node-type-profile .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > div:before,
.path-people .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > div:before,
.path-faculty .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > div:before,
.path-node .nav--main ul > li.menu-item--active-trail > div > ul.menu > li > div:before {
display: none;
}
.page-node-type-basic-page .nav--main ul > li.menu-item--active-trail > div > ul.menu > li.menu-item--active-trail > a,
.page-node-type-profile .nav--main ul > li.menu-item--active-trail > div > ul.menu > li.menu-item--active-trail > a,
.path-people .nav--main ul > li.menu-item--active-trail > div > ul.menu > li.menu-item--active-trail > a,
.path-faculty .nav--main ul > li.menu-item--active-trail > div > ul.menu > li.menu-item--active-trail > a,
.path-node .nav--main ul > li.menu-item--active-trail > div > ul.menu > li.menu-item--active-trail > a {
color: #008070;
}
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu {
background-color: rgba(0, 33, 66, 0.5);
}
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu > li:hover > div > ul.menu ul {
display: none;
}
.page-node-type-landing-page .nav--main ul > li.menu-item--expanded:hover > div > ul.menu:before {
background-color: rgba(0, 33, 66, 0.5);
}
.nav--main #block-mainnavigation-menu,
.nav--main .menu-block-label {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.path-frontpage {
font-family: "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
}
.path-frontpage .search-block-form #search-block-form .form-item,
.path-frontpage .search-block-form #search-block-form .form-actions,
.path-frontpage .search-block-form #search-block-form--2 .form-item,
.path-frontpage .search-block-form #search-block-form--2 .form-actions,
.path-frontpage .search-block-form #search-block-form--3 .form-item,
.path-frontpage .search-block-form #search-block-form--3 .form-actions {
display: inline-block;
vertical-align: middle;
}
.path-frontpage .search-block-form #search-block-form .form-item,
.path-frontpage .search-block-form #search-block-form--2 .form-item,
.path-frontpage .search-block-form #search-block-form--3 .form-item {
margin-right: 8px;
}
.path-frontpage .search-block-form #search-block-form input[type="search"],
.path-frontpage .search-block-form #search-block-form--2 input[type="search"],
.path-frontpage .search-block-form #search-block-form--3 input[type="search"] {
border: none;
border-radius: 1px;
padding: 4px;
width: 100%;
background: rgba(1, 1, 5, 0.2);
font-family: "Mercury", "Times New Roman", Georgia, serif;
font-size: 16px;
line-height: 22px;
color: #fff;
}
.path-frontpage .search-block-form #search-block-form input[type="search"]::-webkit-input-placeholder,
.path-frontpage .search-block-form #search-block-form--2 input[type="search"]::-webkit-input-placeholder,
.path-frontpage .search-block-form #search-block-form--3 input[type="search"]::-webkit-input-placeholder {
padding-left: 5px;
font-style: italic;
color: #d8e0e5;
}
.path-frontpage .search-block-form #search-block-form input[type="search"]:-ms-input-placeholder,
.path-frontpage .search-block-form #search-block-form--2 input[type="search"]:-ms-input-placeholder,
.path-frontpage .search-block-form #search-block-form--3 input[type="search"]:-ms-input-placeholder {
padding-left: 5px;
font-style: italic;
color: #d8e0e5;
}
.path-frontpage .search-block-form #search-block-form input[type="search"]::-moz-placeholder,
.path-frontpage .search-block-form #search-block-form--2 input[type="search"]::-moz-placeholder,
.path-frontpage .search-block-form #search-block-form--3 input[type="search"]::-moz-placeholder {
padding-left: 5px;
font-style: italic;
color: #d8e0e5;
opacity: 1;
}
.path-frontpage .search-block-form #search-block-form input[type="submit"],
.path-frontpage .search-block-form #search-block-form--2 input[type="submit"],
.path-frontpage .search-block-form #search-block-form--3 input[type="submit"] {
right: 27px;
text-indent: -119988px;
background-color: transparent;
border: 0;
overflow: hidden;
background: no-repeat url("/themes/custom/yu/images/search_icon.png") right center;
width: 22px;
height: 22px;
display: block;
}
.path-frontpage .sub--header-mobile {
display: none;
}
@media all and (max-width: 1023px) {
.path-frontpage .sub--header-mobile {
display: block;
}
}
.path-frontpage .sub--header-mobile .hamburger {
display: flex;
}
.path-frontpage .sub--header-mobile .hamburger.is-active .hamburger-box .hamburger-inner {
background-color: transparent;
}
.path-frontpage .sub--header-mobile .hamburger.hamburger--3dx.is-active .hamburger-inner:before {
transform: translate3d(0, 7px, 0) rotate(45deg);
}
.path-frontpage .sub--header-mobile .hamburger.hamburger--3dx.is-active .hamburger-inner:after {
transform: translate3d(0, -7px, 0) rotate(-45deg);
}
.path-frontpage .sub--header-mobile .hamburger .search-icon {
vertical-align: middle;
}
.path-frontpage .sub--header-mobile .hamburger .search-label,
.path-frontpage .sub--header-mobile .hamburger .hamburger-label {
margin-left: 10px;
vertical-align: middle;
font-size: 16px;
font-weight: 500;
color: #fff;
}
.path-frontpage .sub--header-mobile .hamburger .hamburger-box {
vertical-align: middle;
width: 24px;
height: 20px;
}
.path-frontpage .sub--header-mobile .hamburger .hamburger-box .hamburger-inner,
.path-frontpage .sub--header-mobile .hamburger .hamburger-box .hamburger-inner:before,
.path-frontpage .sub--header-mobile .hamburger .hamburger-box .hamburger-inner:after {
width: 24px;
height: 3px;
border-radius: 2px;
background-color: #fff;
}
.path-frontpage .sub--header-mobile .hamburger .hamburger-box .hamburger-inner:before {
top: -7px;
}
.path-frontpage .sub--header-mobile .hamburger .hamburger-box .hamburger-inner:after {
bottom: -7px;
}
.path-frontpage .cover-image {
position: relative;
z-index: 10;
height: 100vh;
width: 100%;
overflow: hidden;
padding: 0px 18px 88px 18px;
background-color: #14387a;
}
@media all and (max-width: 1023px) {
.path-frontpage .cover-image {
padding: 0px 16px 64px 16px;
}
}
.path-frontpage .cover-image.covering {
margin-bottom: 200vh;
}
.path-frontpage .cover-image .cover-menu {
display: flex;
align-items: center;
}
@media all and (min-width: 1024px) {
.path-frontpage .cover-image .cover-menu {
justify-content: center;
height: 86px;
}
}
@media all and (max-width: 1023px) {
.path-frontpage .cover-image .cover-menu {
justify-content: flex-end;
height: 64px;
}
}
.path-frontpage .cover-image .cover-menu .menu-block-label {
display: none;
}
.path-frontpage .cover-image .cover-menu nav {
padding: 16px 0;
border-right: 1px solid rgba(255, 255, 255, 0.5);
}
@media all and (min-width: 1800px) {
.path-frontpage .cover-image .cover-menu nav {
margin-right: 56px;
}
}
@media all and (min-width: 1600px) and (max-width: 1799px) {
.path-frontpage .cover-image .cover-menu nav {
margin-right: 36px;
}
}
@media all and (min-width: 1400px) and (max-width: 1599px) {
.path-frontpage .cover-image .cover-menu nav {
margin-right: 24px;
}
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
.path-frontpage .cover-image .cover-menu nav {
margin-right: 18px;
padding: 12px 0;
font-size: 14px;
}
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
.path-frontpage .cover-image .cover-menu nav {
margin-right: 14px;
padding: 12px 0;
font-size: 12px;
}
}
@media all and (min-width: 1024px) and (max-width: 1399px) {
.path-frontpage .cover-image .cover-menu nav {
padding: 12px 0;
}
}
@media all and (max-width: 1023px) {
.path-frontpage .cover-image .cover-menu nav {
display: none;
}
}
.path-frontpage .cover-image .cover-menu nav ul > li {
display: inline-block;
}
.path-frontpage .cover-image .cover-menu nav ul > li > a {
margin-right: 24px;
margin-left: 0;
padding: 0;
font-size: 14px;
line-height: 22px;
color: #ffffff;
font-weight: 500;
}
@media all and (min-width: 1800px) {
.path-frontpage .cover-image .cover-menu nav ul > li > a {
margin-right: 56px;
}
}
@media all and (min-width: 1600px) and (max-width: 1799px) {
.path-frontpage .cover-image .cover-menu nav ul > li > a {
margin-right: 36px;
}
}
@media all and (min-width: 1400px) and (max-width: 1599px) {
.path-frontpage .cover-image .cover-menu nav ul > li > a {
margin-right: 24px;
}
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
.path-frontpage .cover-image .cover-menu nav ul > li > a {
margin-right: 18px;
}
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
.path-frontpage .cover-image .cover-menu nav ul > li > a {
margin-right: 14px;
font-size: 12px;
}
}
.path-frontpage .cover-image .cover-menu nav ul > li > a:after {
display: none;
}
@media all and (max-width: 1023px) {
.path-frontpage .cover-image .cover-menu .search-block-form {
display: none;
}
}
.path-frontpage .cover-image .cover-menu .sub--header-mobile {
height: 100%;
width: 100%;
}
.path-frontpage .cover-image .cover-menu .sub--header-mobile .hamburger {
display: flex;
justify-content: space-evenly;
padding: 0;
height: 100%;
width: 100%;
}
.path-frontpage .cover-image .cover-menu .sub--header-mobile .hamburger .search-label-wrapper {
align-self: center;
width: 50%;
}
.path-frontpage .cover-image .cover-menu .sub--header-mobile .hamburger .hamburger-with-label {
display: flex;
align-items: center;
justify-content: center;
width: 50%;
border-left: 1px solid #fff;
height: 64px;
}
.path-frontpage .cover-image .cover-title {
position: absolute;
z-index: 5;
top: 50%;
transform: translateY(-50%);
margin: 0;
width: calc(100% - 32px);
text-align: center;
font-weight: 500;
text-shadow: 0px 1px 12px rgba(1, 1, 5, 0.2);
color: #ffffff;
}
.path-frontpage .cover-image .cover-title img {
display: inline-block;
vertical-align: middle;
}
@media all and (max-width: 1023px) {
.path-frontpage .cover-image .cover-title img {
display: block;
margin: auto;
}
}
@media all and (max-width: 1023px) {
.path-frontpage .cover-image .cover-title img.cover-seal {
margin-bottom: 10px;
width: 140px;
height: auto;
}
}
@media all and (max-width: 1023px) {
.path-frontpage .cover-image .cover-title img.cover-text {
width: 50%;
}
}
@media all and (max-width: 767px) {
.path-frontpage .cover-image .cover-title img.cover-text {
width: 75%;
}
}
@media all and (max-width: 499px) {
.path-frontpage .cover-image .cover-title img.cover-text {
width: 85%;
}
}
.path-frontpage .cover-image .field--name-field-cover-image {
height: calc(100% - 86px);
overflow: hidden;
box-shadow: 0px 0px 12px rgba(1, 1, 5, 0.25);
}
@media all and (max-width: 1023px) {
.path-frontpage .cover-image .field--name-field-cover-image {
height: calc(100% - 64px);
}
}
.path-frontpage .cover-image .field--name-field-cover-image picture {
min-height: 100%;
min-width: 100%;
}
.path-frontpage .cover-image .field--name-field-cover-image img {
position: relative;
top: calc(50vh - 86px);
left: 50%;
transform: translateY(-50%) translateX(-50%);
min-width: 100%;
min-height: 100%;
height: auto;
display: block;
}
@media all and (max-width: 1023px) {
.path-frontpage .cover-image .field--name-field-cover-image img {
top: calc(50vh - 64px);
}
}
@media all and (max-width: 767px) {
.path-frontpage .cover-image .field--name-field-cover-image img {
width: 100%;
}
}
.path-frontpage .cover-image .explore-link {
position: absolute;
bottom: 27px;
left: 50%;
transform: translateX(-50%);
padding-right: 30px;
font-size: 24px;
line-height: 32px;
color: #ffffff;
background: no-repeat url("/themes/custom/yu/images/down_arrow.png") right center;
}
@media all and (max-width: 1023px) {
.path-frontpage .cover-image .explore-link {
bottom: 16px;
}
}
.path-frontpage .covered-container {
z-index: 1;
}
.path-frontpage .covered-container.covered {
position: fixed;
top: 0;
left: 0;
width: 100vw;
}
.path-frontpage .homepage-navigation-fixed-wrapper {
position: fixed;
z-index: 502;
top: 0;
left: 0;
width: 100%;
}
.path-frontpage #mobile-menu {
position: unset;
display: none;
}
.path-frontpage .main-nav {
position: unset;
z-index: 502;
top: 26px;
left: 0;
display: flex;
justify-content: flex-end;
width: 100%;
background: #14387a;
box-shadow: 0px 1px 12px rgba(1, 1, 5, 0.2);
overflow: hidden;
}
@media all and (max-width: 1023px) {
.path-frontpage .main-nav {
top: 0;
}
}
.path-frontpage .main-nav .site-logo {
display: block;
align-self: center;
margin: 22px auto 22px 48px;
line-height: normal;
color: #ffffff;
white-space: nowrap;
}
@media all and (min-width: 1024px) and (max-width: 1399px) {
.path-frontpage .main-nav .site-logo {
margin: 9px auto 9px 24px;
}
}
@media all and (max-width: 1023px) {
.path-frontpage .main-nav .site-logo {
margin: 15px auto 15px 24px;
}
}
.path-frontpage .main-nav .site-logo .site-logo-seal {
vertical-align: middle;
margin-right: 12px;
width: 55px;
height: auto;
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
.path-frontpage .main-nav .site-logo .site-logo-seal {
width: 48px;
}
}
@media all and (max-width: 1199px) {
.path-frontpage .main-nav .site-logo .site-logo-seal {
width: 36px;
}
}
.path-frontpage .main-nav .site-logo .site-logo-text {
vertical-align: middle;
font-size: 24px;
}
@media all and (min-width: 1024px) and (max-width: 1399px) {
.path-frontpage .main-nav .site-logo .site-logo-text {
font-size: 20px;
}
}
@media all and (max-width: 1023px) {
.path-frontpage .main-nav .site-logo .site-logo-text {
font-size: 18px;
}
}
.path-frontpage .main-nav .nav--main {
align-self: center;
padding: 16px 0;
border-right: 1px solid rgba(255, 255, 255, 0.5);
margin-left: 24px;
}
@media all and (min-width: 1024px) and (max-width: 1399px) {
.path-frontpage .main-nav .nav--main {
padding: 12px 0;
}
}
@media all and (max-width: 1023px) {
.path-frontpage .main-nav .nav--main {
display: none;
}
}
.path-frontpage .main-nav .nav--main ul > li {
vertical-align: middle;
}
.path-frontpage .main-nav .nav--main ul > li > a {
margin-right: 36px;
margin-left: 0;
padding: 0;
font-size: 14px;
line-height: 18px;
text-transform: none;
color: #ffffff;
font-weight: 500;
}
@media all and (min-width: 1400px) and (max-width: 1599px) {
.path-frontpage .main-nav .nav--main ul > li > a {
margin-right: 24px;
}
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
.path-frontpage .main-nav .nav--main ul > li > a {
margin-right: 18px;
font-size: 14px;
}
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
.path-frontpage .main-nav .nav--main ul > li > a {
margin-right: 14px;
font-size: 12px;
}
}
.path-frontpage .main-nav .nav--main ul > li > a:after {
display: none;
}
.path-frontpage .main-nav .search-block-form {
align-self: center;
margin: 0 24px;
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
.path-frontpage .main-nav .search-block-form {
margin: 0 18px;
font-size: 14px;
}
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
.path-frontpage .main-nav .search-block-form {
margin: 0 14px;
font-size: 12px;
}
}
@media all and (max-width: 1023px) {
.path-frontpage .main-nav .search-block-form {
display: none;
}
}
.path-frontpage .main-nav .search-block-form #search-block-form {
white-space: nowrap;
}
.path-frontpage .main-nav .search-block-form #search-block-form input[type="search"] {
background: rgba(13, 41, 89, 0.75);
}
@media all and (min-width: 1800px) {
.path-frontpage .main-nav .search-block-form #search-block-form input[type="search"] {
width: 240px;
}
}
@media all and (min-width: 1200px) and (max-width: 1799px) {
.path-frontpage .main-nav .search-block-form #search-block-form input[type="search"] {
width: 160px;
}
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
.path-frontpage .main-nav .search-block-form #search-block-form input[type="search"] {
width: 120px;
}
}
.path-frontpage .main-nav .search-block-form #search-block-form input[type="submit"] {
background: no-repeat url("/themes/custom/yu/images/search_icon.png") right center;
background-size: auto;
}
.path-frontpage .main-nav .sub--header-mobile .hamburger {
display: flex;
align-items: center;
padding: 0;
height: 100%;
}
.path-frontpage .main-nav .sub--header-mobile .hamburger .search-label-wrapper,
.path-frontpage .main-nav .sub--header-mobile .hamburger .hamburger-with-label {
border-left: 1px solid rgba(255, 255, 255, 0.5);
padding: 21px 36px;
}
@media all and (max-width: 767px) {
.path-frontpage .main-nav .sub--header-mobile .hamburger .search-label-wrapper,
.path-frontpage .main-nav .sub--header-mobile .hamburger .hamburger-with-label {
padding: 21px 22px;
}
.path-frontpage .main-nav .sub--header-mobile .hamburger .search-label-wrapper .search-label,
.path-frontpage .main-nav .sub--header-mobile .hamburger .search-label-wrapper .hamburger-label,
.path-frontpage .main-nav .sub--header-mobile .hamburger .hamburger-with-label .search-label,
.path-frontpage .main-nav .sub--header-mobile .hamburger .hamburger-with-label .hamburger-label {
display: none;
}
}
@media all and (max-width: 413px) {
.path-frontpage .main-nav .sub--header-mobile .hamburger .search-label-wrapper,
.path-frontpage .main-nav .sub--header-mobile .hamburger .hamburger-with-label {
border: none;
padding: 21px 20px 21px 0px;
}
}
.path-frontpage.mobile-menu-is-open #mobile-menu {
top: 63px;
height: 100vh;
overflow: scroll;
}
.path-frontpage.mobile-menu-is-open #mobile-menu .mobile-social-icons {
height: 140px;
}
.path-frontpage .paragraph--type--homepage-carousel {
position: relative;
margin-top: 121px;
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
.path-frontpage .paragraph--type--homepage-carousel {
margin-top: 89px;
}
}
@media all and (max-width: 1199px) {
.path-frontpage .paragraph--type--homepage-carousel {
margin-top: 64px;
}
}
@media all and (max-width: 767px) {
.path-frontpage .paragraph--type--homepage-carousel .carousel-images {
display: none;
}
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-images .carousel-image-item {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
transition: all 0.5s ease;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-images .carousel-image-item.active {
position: relative;
opacity: 1;
z-index: 500;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-images .carousel-image-item img {
display: block;
max-width: 100%;
width: 100%;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text {
z-index: 501;
}
@media all and (min-width: 768px) {
.path-frontpage .paragraph--type--homepage-carousel .carousel-text {
position: absolute;
bottom: 0;
border-top: 2px solid #ffffff;
width: 100%;
background: linear-gradient(0deg, rgba(13, 41, 89, 0.9), rgba(13, 41, 89, 0.9));
backdrop-filter: blur(4px);
}
}
@media all and (max-width: 767px) {
.path-frontpage .paragraph--type--homepage-carousel .carousel-text {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding-bottom: 4px;
background: #0d2959;
box-shadow: 0px 1px 12px rgba(1, 1, 5, 0.2);
}
}
@media all and (min-width: 768px) {
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner {
display: flex;
margin: auto;
max-width: 1528px;
}
}
@media all and (max-width: 767px) {
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner {
background: #0d2959;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
}
@media all and (min-width: 768px) {
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item {
flex-basis: 0;
flex-grow: 1;
flex-shrink: 0;
border-left: 2px solid rgba(255, 255, 255, 0.5);
padding: 32px;
min-width: 25%;
transition: all 0.5s ease;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item.active {
background: rgba(0, 105, 184, 0.7);
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item:first-child {
border: none;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .mobile-image-container {
display: none;
}
}
@media all and (max-width: 767px) {
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item {
display: flex;
margin: 0 12px;
padding: 32px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item:first-child {
display: block;
margin: 0;
padding: 0;
border: none;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item:first-child .mobile-image-container {
border-bottom: 1px solid #fff;
width: 100%;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item:first-child .mobile-text-container {
padding: 27px 24px 34px 24px;
background: #0062ad;
box-shadow: 0px 1px 12px rgba(1, 1, 5, 0.2);
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item:first-child .mobile-text-container .field--name-field-carousel-label {
font-size: 28px;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item:last-child {
border-bottom: none;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .mobile-image-container {
flex-shrink: 0;
margin-right: 12px;
width: 30%;
align-self: center;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .mobile-image-container img {
display: block;
max-width: 100%;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .mobile-text-container .field--name-field-carousel-label {
margin-bottom: 8px;
font-size: 24px;
line-height: 32px;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .mobile-text-container .field--name-field-carousel-links > div:last-child a {
margin-bottom: 0;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .mobile-text-container .field--name-field-carousel-links > div a {
margin-bottom: 6px;
}
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item {
padding: 24px;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item {
padding: 16px;
}
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .field--name-field-carousel-label {
font-family: "Mercury", "Times New Roman", Georgia, serif;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #ffffff;
margin-bottom: 16px;
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .field--name-field-carousel-label {
margin-bottom: 12px;
font-size: 28px;
line-height: 38px;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .field--name-field-carousel-label {
margin-bottom: 12px;
font-size: 24px;
line-height: 32px;
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .field--name-field-carousel-links > div:last-child a {
margin: 0;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .field--name-field-carousel-links > div a {
position: relative;
display: inline-block;
margin-bottom: 14px;
padding-right: 20px;
font-size: 16px;
font-weight: 500;
line-height: 22px;
color: #ffffff;
transition: all 0.5s ease;
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .field--name-field-carousel-links > div a {
margin-bottom: 12px;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .field--name-field-carousel-links > div a {
margin-bottom: 12px;
}
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .field--name-field-carousel-links > div a:after {
content: url("/themes/custom/yu/images/Arrow_10px.svg");
padding-left: 8px;
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .field--name-field-carousel-links > div a:hover {
color: rgba(255, 255, 255, 0.8);
}
.path-frontpage .paragraph--type--homepage-carousel .carousel-text .carousel-text-inner .carousel-text-item .field--name-field-carousel-links > div a:hover:after {
padding-left: 9px;
}
.path-frontpage .paragraph--type--link-list-card-container {
background: radial-gradient(450px at 50% 50%, #fff 0%, rgba(255, 255, 255, 0) 100%), #f2f3f5;
padding: 53px 5em 72px;
}
.path-frontpage .paragraph--type--link-list-card-container .title-container {
margin: 72px 80px 19px;
}
.path-frontpage .paragraph--type--link-list-card-container .title-container .border-top {
display: block;
width: 100%;
height: 2px;
border-top: 1px solid #b5b7ba;
}
.path-frontpage .paragraph--type--link-list-card-container .title-container .field--name-field-academics-title {
position: relative;
display: table;
margin: 0 auto;
padding: 0 43px;
top: -33px;
background: #f4f5f7;
font-size: 48px;
font-family: "Mercury", "Times New Roman", Georgia, serif;
font-weight: 600;
color: #14387a;
}
.path-frontpage .paragraph--type--link-list-card-container .field--name-field-link-list-cards {
display: flex;
justify-content: center;
}
.path-frontpage .paragraph--type--link-list-card-container .field--name-field-link-list-cards .paragraph--type--link-list-card {
max-width: 600px;
margin: 0 24px 30px;
background-color: #fff;
box-shadow: 0px 1px 12px rgba(1, 1, 5, 0.2);
}
.path-frontpage .paragraph--type--link-list-card-container .field--name-field-link-list-cards .paragraph--type--link-list-card .field--name-field-llc-image img {
width: 100%;
object-fit: cover;
}
.path-frontpage .paragraph--type--link-list-card-container .field--name-field-link-list-cards .paragraph--type--link-list-card .field--name-field-llc-title {
padding: 18px 24px;
font-size: 28px;
color: #000;
font-family: "Mercury", "Times New Roman", Georgia, serif;
font-weight: 600;
}
.path-frontpage .paragraph--type--link-list-card-container .field--name-field-link-list-cards .paragraph--type--link-list-card .field--name-field-llc-links {
border-top: 1px solid #e5e5e5;
}
.path-frontpage .paragraph--type--link-list-card-container .field--name-field-link-list-cards .paragraph--type--link-list-card .field--name-field-llc-links div a {
display: block;
padding: 18px 24px;
border-bottom: 1px solid #e5e5e5;
width: 100%;
font-size: 18px;
color: #010105;
transition: all 0.5s ease;
}
.path-frontpage .paragraph--type--link-list-card-container .field--name-field-link-list-cards .paragraph--type--link-list-card .field--name-field-llc-links div a:after {
content: "";
width: 13px;
height: 13px;
margin: 6px 0 0 4px;
position: absolute;
background: no-repeat url("/themes/custom/yu/images/Arrow_10px.svg");
transition: all 0.5s ease;
}
.path-frontpage .paragraph--type--link-list-card-container .field--name-field-link-list-cards .paragraph--type--link-list-card .field--name-field-llc-links div a:hover {
background-color: #fafafa;
color: #14387a;
transition: all 0.5s ease;
}
.path-frontpage .paragraph--type--link-list-card-container .field--name-field-link-list-cards .paragraph--type--link-list-card .field--name-field-llc-links div a:hover:after {
transform: translatex(2px);
transition: all 0.5s ease;
}
@media all and (max-width: 992px) {
.path-frontpage .paragraph--type--link-list-card-container {
padding: 28px 5em 72px;
}
.path-frontpage .paragraph--type--link-list-card-container .title-container {
margin: 96px 80px 44px;
}
.path-frontpage .paragraph--type--link-list-card-container .title-container .border-top {
display: none;
}
.path-frontpage .paragraph--type--link-list-card-container .field--name-field-link-list-cards {
flex-wrap: wrap;
}
.path-frontpage .paragraph--type--link-list-card-container .paragraph--type--link-list-card {
margin: 0 15px;
}
}
@media all and (max-width: 767px) {
.path-frontpage .paragraph--type--link-list-card-container {
padding: 32px 1em;
}
.path-frontpage .paragraph--type--link-list-card-container .title-container {
margin: 0;
}
.path-frontpage .paragraph--type--link-list-card-container .title-container .field--name-field-academics-title {
padding: 0;
font-size: 28px;
top: 0;
}
.path-frontpage .paragraph--type--link-list-card-container .field--name-field-link-list-cards {
display: block;
}
.path-frontpage .paragraph--type--link-list-card-container .field--name-field-link-list-cards .paragraph--type--link-list-card {
max-width: 100%;
margin: 32px auto 0 auto;
}
.path-frontpage .paragraph--type--link-list-card-container .field--name-field-link-list-cards .paragraph--type--link-list-card .field--name-field-llc-title {
font-size: 24px;
padding: 16px 24px;
}
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box {
background-color: #f5f5f5;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box h5,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box h5,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box h5 {
color: #fff;
background-color: #008070;
line-height: 1;
text-transform: uppercase;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
margin: 0 0 15px;
margin: 0 0 0.9375rem;
font-size: 15px;
font-size: 0.9375rem;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box ul,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box ul,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box ul {
padding: 15px 0 15px 15px;
padding: 0.9375rem 0 0.9375rem 0.9375rem;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box ul li,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box ul li,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box ul li {
display: inline-block;
width: 48%;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box ul li a,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box ul li a,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box ul li a {
text-decoration: underline;
font-weight: bold;
}
.page-node-type-landing-page .max-width-container.alumni-container .layout-content .layout-col .info-box p,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box p,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box p {
padding: 0 15px 20px;
padding: 0 0.9375rem 1.25rem;
margin-bottom: 0;
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(3) .sidebar-content {
background-color: #f5f5f5;
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(3) .sidebar-content h5 {
color: #fff;
background-color: #959595;
line-height: 1;
text-transform: uppercase;
margin: 0;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
font-size: 15px;
font-size: 0.9375rem;
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(3) .sidebar-content .info-box--inner {
padding: 15px;
padding: 0.9375rem;
}
.page-node-type-landing-page .max-width-container.admissions-container .layout-content .layout-col:nth-child(3) .sidebar-content .info-box--inner p {
margin-bottom: 0;
}
.page-node-type-basic-page .layout-content .info-section,
.page-node-type-profile .layout-content .info-section {
background-color: #f5f5f5;
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
.page-node-type-basic-page .layout-content .info-section .info,
.page-node-type-profile .layout-content .info-section .info,
.page-node-type-basic-page .layout-content .info-section p,
.page-node-type-profile .layout-content .info-section p {
padding: 0 15px 15px;
padding: 0 0.9375rem 0.9375rem;
margin-bottom: 0;
}
.page-node-type-basic-page .layout-content .info-section .info-header,
.page-node-type-profile .layout-content .info-section .info-header {
color: #fff;
background-color: #757575;
line-height: 1;
margin: 0 0 10px;
margin: 0 0 0.625rem;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
font-size: 15px;
font-size: 0.9375rem;
}
.page-node-type-basic-page .layout-content .info-section .info-header a,
.page-node-type-profile .layout-content .info-section .info-header a {
color: #fff;
text-decoration: underline;
}
.page-node-type-basic-page .layout-content .info-section ul,
.page-node-type-profile .layout-content .info-section ul {
padding: 5px 15px 10px;
padding: 0.3125rem 0.9375rem 0.625rem;
list-style: disc;
}
.page-node-type-basic-page .layout-content .info-section ul li,
.page-node-type-profile .layout-content .info-section ul li {
width: 100%;
line-height: 1.5;
margin-bottom: 10px;
margin-bottom: 0.625rem;
font-size: 15px;
font-size: 0.9375rem;
}
.page-node-type-basic-page .layout-content .info-section ul li a,
.page-node-type-profile .layout-content .info-section ul li a {
text-decoration: underline;
}
.page-node-type-basic-page .layout-content .calendar,
.page-node-type-profile .layout-content .calendar {
background-color: #f5f5f5;
margin-bottom: 20px;
margin-bottom: 1.25rem;
}
.page-node-type-basic-page .layout-content .calendar p,
.page-node-type-profile .layout-content .calendar p {
padding: 0 15px 15px;
padding: 0 0.9375rem 0.9375rem;
margin-bottom: 0;
line-height: 1.3;
}
.page-node-type-basic-page .layout-content .calendar .date,
.page-node-type-profile .layout-content .calendar .date {
padding: 0 15px 5px;
padding: 0 0.9375rem 0.3125rem;
}
.page-node-type-basic-page .layout-content .calendar .info-header,
.page-node-type-profile .layout-content .calendar .info-header {
color: #fff;
background-color: #959595;
line-height: 1;
margin: 0 0 10px;
margin: 0 0 0.625rem;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
font-size: 15px;
font-size: 0.9375rem;
}
.page-node-type-basic-page .layout-content .calendar .info-header a,
.page-node-type-profile .layout-content .calendar .info-header a {
color: #fff;
text-decoration: none;
}
.full-width-container.infographic {
background: #005aa9;
padding: 30px 0;
padding: 1.875rem 0;
}
@media (min-width: 768px) {
.full-width-container.infographic {
padding: 40px 0;
padding: 2.5rem 0;
}
}
@media (min-width: 1200px) {
.full-width-container.infographic {
padding: 50px 0;
padding: 3.125rem 0;
}
}
.infographic-container p {
color: #fff;
font-size: 14px;
font-size: 0.875rem;
text-align: center;
margin-bottom: 0;
line-height: 1.3;
}
.infographic-container img {
width: 100%;
height: auto;
}
@media all and (max-width: 767px) {
.infographic-container .field--name-field-desktop-image {
display: none;
}
}
@media all and (min-width: 768px) {
.infographic-container .field--name-field-mobile-image {
display: none;
}
}
.page-node-type-landing-page .full-width-container.jll-container-full {
background-color: #f5f5f5;
}
.page-node-type-landing-page .max-width-container.jll-container {
padding: 40px 15px;
padding: 2.5rem 0.9375rem;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.jll-container {
padding: 40px 0;
padding: 2.5rem 0;
}
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content {
clear: both;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.jll-container .layout-content.jll-content .layout-col:nth-child(1) {
padding-right: 6.5359477124%;
}
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col {
padding-right: 1.9607843137%;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:nth-child(1),
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:last-child {
padding-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:nth-child(2) {
padding-left: 0;
}
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col {
margin-bottom: 0;
}
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col .headlines-iframe {
margin-left: -5px;
margin-top: -10px;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col img {
margin-bottom: 0;
}
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col ul {
margin-bottom: 10px;
margin-bottom: 0.625rem;
font-size: 14px;
font-size: 0.875rem;
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col ul strong {
font-weight: 600;
color: #4c4c4c;
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col ul li {
line-height: 1.4;
margin-bottom: 5px;
margin-bottom: 0.3125rem;
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col ul li a {
text-decoration: underline;
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col p.newsfeed {
margin-bottom: 0;
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col p.timestamp {
margin: 5px 0 20px;
margin: 0.3125rem 0 1.25rem;
}
.page-node-type-landing-page .max-width-container.jll-container .layout-content .layout-col:last-child {
margin-bottom: 0;
padding-right: 0;
}
.page-node-type-landing-page h2#page-title {
width: 100%;
font-size: 14px;
font-size: 0.875rem;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
color: #d4d4d4;
background: rgba(0, 33, 66, 0.5);
margin: 0;
position: absolute;
top: 0;
text-align: right;
z-index: 20;
}
@media (min-width: 768px) {
.page-node-type-landing-page h2#page-title {
display: none;
}
}
.page-node-type-landing-page .paragraph--type--body .tagboard-embed {
width: 100%;
}
@media all and (min-width: 1200px) {
.page-node-type-landing-page .paragraph--type--body .tagboard-embed {
width: 138%;
}
}
#toolbar-administration {
display: none;
}
.toolbar-fixed #toolbar-administration {
display: block;
}
#mobile-menu {
position: fixed;
z-index: 9999;
overflow: auto;
-webkit-overflow-scrolling: touch;
transform: translate3d(-300%, 0px, 0px);
}
.page-node-type-modular-page.mobile-menu-is-open,
.mobile-menu-is-open {
overflow: hidden;
}
.page-node-type-modular-page.mobile-menu-is-open.mobile-menu-closing #mobile-menu,
.mobile-menu-is-open.mobile-menu-closing #mobile-menu {
transition: transform 0.3s ease-in-out;
transform: translate3d(-300%, 0px, 0px);
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu,
.mobile-menu-is-open #mobile-menu.mobile-menu--general,
.mobile-menu-is-open #mobile-menu {
top: 66px;
left: 0;
width: 100%;
height: calc(100% - 63px);
background-color: #0b1f40;
transform: translate3d(0px, 0px, 0px);
transition: transform 0.3s ease-in-out;
display: block;
}
@media (min-width: 1024px) {
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu,
.mobile-menu-is-open #mobile-menu.mobile-menu--general,
.mobile-menu-is-open #mobile-menu {
display: none;
}
}
@media all and (max-width: 767px) {
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu,
.mobile-menu-is-open #mobile-menu.mobile-menu--general,
.mobile-menu-is-open #mobile-menu {
top: 55px;
}
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form,
.mobile-menu-is-open #mobile-menu .search-block-form {
display: block;
float: none;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--2,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--3,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--2,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--3,
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form,
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2,
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 {
background: #0d2959;
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
padding: 20px 24px;
float: none;
display: block;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form .form-item,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--2 .form-item,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--3 .form-item,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form .form-item,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 .form-item,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 .form-item,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form .form-item,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--2 .form-item,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--3 .form-item,
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form .form-item,
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 .form-item,
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 .form-item {
display: inline-block;
margin-right: 8px;
width: calc(100% - 65px);
vertical-align: middle;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form .form-actions,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--2 .form-actions,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--3 .form-actions,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form .form-actions,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 .form-actions,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 .form-actions,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form .form-actions,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--2 .form-actions,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--3 .form-actions,
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form .form-actions,
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 .form-actions,
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 .form-actions {
display: inline-block;
vertical-align: middle;
margin-left: inherit;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form input[type="search"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--2 input[type="search"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--3 input[type="search"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form input[type="search"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 input[type="search"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 input[type="search"],
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form input[type="search"],
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--2 input[type="search"],
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--3 input[type="search"],
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form input[type="search"],
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 input[type="search"],
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 input[type="search"] {
border: none;
border-radius: 1px;
padding: 4px;
width: 100%;
background: rgba(1, 1, 5, 0.2);
font-family: "Mercury", "Times New Roman", Georgia, serif;
font-size: 16px;
line-height: 22px;
color: #fff;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form input[type="search"]::-webkit-input-placeholder,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--2 input[type="search"]::-webkit-input-placeholder,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--3 input[type="search"]::-webkit-input-placeholder,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form input[type="search"]::-webkit-input-placeholder,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 input[type="search"]::-webkit-input-placeholder,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 input[type="search"]::-webkit-input-placeholder,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form input[type="search"]::-webkit-input-placeholder,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--2 input[type="search"]::-webkit-input-placeholder,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--3 input[type="search"]::-webkit-input-placeholder,
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form input[type="search"]::-webkit-input-placeholder,
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 input[type="search"]::-webkit-input-placeholder,
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 input[type="search"]::-webkit-input-placeholder {
padding-left: 5px;
font-style: italic;
color: #d8e0e5;
font-family: Times, "Times New Roman", Georgia, serif;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form input[type="submit"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--2 input[type="submit"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--3 input[type="submit"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form input[type="submit"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 input[type="submit"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 input[type="submit"],
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form input[type="submit"],
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--2 input[type="submit"],
.mobile-menu-is-open #mobile-menu.mobile-menu--general .search-block-form #search-block-form--3 input[type="submit"],
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form input[type="submit"],
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 input[type="submit"],
.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 input[type="submit"] {
right: 27px;
text-indent: -119988px;
background-color: transparent;
border: 0;
overflow: hidden;
background: no-repeat url(/themes/custom/yu/images/search_icon.png) right center;
width: 22px;
height: 22px;
display: block;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .menu-block-label,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .menu-block-label,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .menu-block-label,
.mobile-menu-is-open #mobile-menu .menu-block-label {
display: none;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li,
.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li,
.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li,
.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
clear: both;
background-color: initial;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li.is-open,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li.is-open,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li.is-open,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li.is-open,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li.is-open,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li.is-open,
.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open,
.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li.is-open,
.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li.is-open {
border-bottom-color: #fff;
margin: 0;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li.is-open:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li.is-open:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li.is-open:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li.is-open:after,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open:after,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li.is-open:after,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li.is-open:after,
.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open:after,
.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li.is-open:after,
.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li.is-open:after {
display: none;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li.is-open > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li.is-open > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li.is-open > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li.is-open > a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open > a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li.is-open > a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li.is-open > a,
.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open > a,
.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li.is-open > a,
.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li.is-open > a {
background: rgba(13, 41, 89, 0.5);
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
color: #52b4ff;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li.is-open > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li.is-open > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li.is-open > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li.is-open > a .icon-arrow,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open > a .icon-arrow,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li.is-open > a .icon-arrow,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li.is-open > a .icon-arrow,
.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li.is-open > a .icon-arrow,
.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li.is-open > a .icon-arrow,
.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li.is-open > a .icon-arrow {
transform: none;
top: 0;
background-image: url("/Institutions/Yeshiva-University/images/mobile_menu_up.svg");
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li > a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li > a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li > a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li > a,
.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li > a,
.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li > a,
.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li > a {
display: block;
position: relative;
padding: 24px;
text-transform: none;
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: #ffffff;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li > a:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li > a:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li > a:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li > a:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li > a:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li > a:after,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li > a:after,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li > a:after,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li > a:after,
.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li > a:after,
.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li > a:after,
.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li > a:after {
display: none;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li > a .icon-arrow,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li > a .icon-arrow,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li > a .icon-arrow,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li > a .icon-arrow,
.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li > a .icon-arrow,
.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li > a .icon-arrow,
.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li > a .icon-arrow {
position: absolute;
right: 0;
top: 50%;
display: block;
border-left: 1px solid rgba(255, 255, 255, 0.5);
width: 69px;
height: 100%;
background: no-repeat url("/Institutions/Yeshiva-University/images/mobile_menu_down.svg") center center;
opacity: 1;
transition: transform 0.3s ease-in-out;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li ul,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li ul,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li ul,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li ul,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li ul,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li ul,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu li ul,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu li ul,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu li ul,
.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu li ul,
.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li ul,
.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li ul {
height: 0px;
overflow: hidden;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu > li.is-open,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu > li.is-open,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu > li.is-open,
.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu > li.is-open {
border-top: 1px solid #fff;
margin-top: -1px;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu > li > div > ul > li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu > li > div > ul > li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu > li > div > ul > li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu > li > div > ul > li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu > li > div > ul > li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu > li > div > ul > li > a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu > li > div > ul > li > a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu > li > div > ul > li > a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu > li > div > ul > li > a,
.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu > li > div > ul > li > a,
.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu > li > div > ul > li > a,
.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu > li > div > ul > li > a {
padding: 16px 24px;
font-size: 16px;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu > li > div > ul > li ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu > li > div > ul > li ul.menu li,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu > li > div > ul > li ul.menu li,
.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li,
.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li,
.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu > li > div > ul > li ul.menu li {
clear: both;
margin: 24px 0;
border: none;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu > li > div > ul > li ul.menu li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu > li > div > ul > li ul.menu li a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-nav--main-general #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-mainnavigation--2 > div > ul.menu > li > div > ul > li ul.menu li a,
.mobile-menu-is-open #mobile-menu .mobile-nav--main-general #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li a,
.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li a,
.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu > li > div > ul > li ul.menu li a {
padding: 0 36px;
font-weight: 400;
color: #d8e0e5;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-utility--2 li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-utility li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-utility--2 li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-utility li,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-utility--2 li,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-utility li,
.mobile-menu-is-open #mobile-menu #block-utility--2 li,
.mobile-menu-is-open #mobile-menu #block-utility li {
margin: 16px 24px;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-utility--2 li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-utility li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-utility--2 li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-utility li a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-utility--2 li a,
.mobile-menu-is-open #mobile-menu.mobile-menu--general #block-utility li a,
.mobile-menu-is-open #mobile-menu #block-utility--2 li a,
.mobile-menu-is-open #mobile-menu #block-utility li a {
padding: 0;
color: #fff;
text-transform: none;
font-size: 16px;
line-height: 24px;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-social-icons,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-social-icons,
.mobile-menu-is-open #mobile-menu.mobile-menu--general .mobile-social-icons,
.mobile-menu-is-open #mobile-menu .mobile-social-icons {
display: flex;
justify-content: space-evenly;
border-top: 1px solid rgba(255, 255, 255, 0.5);
padding: 16px 0;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu.mobile-menu--general-hidden {
display: none;
}
.page-node-type-modular-page.mobile-menu-is-open {
overflow: hidden;
}
.page-node-type-modular-page.mobile-menu-is-open.mobile-menu-closing #mobile-menu {
transition: transform 0.3s ease-in-out;
transform: translate3d(-300%, 0px, 0px);
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu {
top: 66px;
left: 0;
width: 100%;
height: calc(100% - 63px);
background-color: #ffffff;
transform: translate3d(0px, 0px, 0px);
transition: transform 0.3s ease-in-out;
}
@media (min-width: 1024px) {
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu {
display: none;
}
}
@media all and (max-width: 767px) {
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu {
top: 65px;
}
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form {
display: block;
float: none;
border-top: 1px solid #d0d0d0;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 {
background: #ffffff;
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
padding: 20px 24px;
float: none;
display: block;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form .form-item,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 .form-item,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 .form-item {
display: inline-block;
width: calc(100% - 30px);
vertical-align: middle;
margin: auto;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form .form-actions,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 .form-actions,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 .form-actions {
display: inline-block;
vertical-align: middle;
margin-left: -35px;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form input[type="search"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 input[type="search"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 input[type="search"] {
border: none;
border-radius: 1px;
padding: 11px 15px;
width: 100%;
background-color: #f4f4f4;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 17px;
line-height: 24px;
color: #0d518e;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form input[type="search"]::-webkit-input-placeholder,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 input[type="search"]::-webkit-input-placeholder,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 input[type="search"]::-webkit-input-placeholder {
padding-left: 5px;
font-style: italic;
color: #0d518e;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form input[type="submit"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--2 input[type="submit"],
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .search-block-form #search-block-form--3 input[type="submit"] {
text-indent: -119988px;
background-color: transparent;
border: 0;
overflow: hidden;
background: no-repeat url(/themes/custom/yu/images/union_10.svg) right center;
width: 22px;
height: 22px;
display: block;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .menu-block-label {
display: none;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li {
border-bottom: 1px solid #d0d0d0;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li.is-open,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li.is-open,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu li.is-open,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu li.is-open,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu li.is-open,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li.is-open {
border-bottom-color: #fff;
background-color: #dddddd;
margin: 0;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li.is-open:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li.is-open:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu li.is-open:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu li.is-open:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu li.is-open:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li.is-open:after {
display: none;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li.is-open > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li.is-open > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu li.is-open > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu li.is-open > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu li.is-open > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li.is-open > a {
font-weight: 600;
border-bottom: 1px solid #d0d0d0;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li.is-open > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li.is-open > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu li.is-open > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu li.is-open > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu li.is-open > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li.is-open > a .icon-arrow {
transform: none;
top: 0;
background-image: url("/themes/custom/yu/images/chevron-small-down-blue.svg");
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li > a {
display: block;
position: relative;
padding: 15px 30px;
text-transform: none;
font-size: 17px;
line-height: 24px;
font-weight: 500;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #0d518e;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li > a:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li > a:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu li > a:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu li > a:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu li > a:after,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li > a:after {
display: none;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu li > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu li > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu li > a .icon-arrow,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li > a .icon-arrow {
position: absolute;
right: 0;
top: 50%;
display: block;
border-left: none;
width: 60px;
height: 100%;
background: no-repeat url("/themes/custom/yu/images/chevron-small-right-blue.svg") center center;
opacity: 1;
transition: transform 0.3s ease-in-out;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li ul,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li ul,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu li ul,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu li ul,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu li ul,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li ul {
height: 0px;
overflow: hidden;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li ul.submenu li.highlight,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li ul.submenu li.highlight,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu li ul.submenu li.highlight,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu li ul.submenu li.highlight,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu li ul.submenu li.highlight,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li ul.submenu li.highlight {
background-color: #0d518e;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu li ul.submenu li.highlight a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu li ul.submenu li.highlight a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu li ul.submenu li.highlight a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu li ul.submenu li.highlight a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu li ul.submenu li.highlight a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li ul.submenu li.highlight a {
color: #ffffff;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu ul.menu li:last-child {
background-color: #f4f4f4;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li {
background-color: #0d518e;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li:hover {
background-color: #0b4477;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li:active {
background-color: #0b4477;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li.is-open {
border-bottom-color: #fff;
margin: 0;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li.is-open:after {
display: none;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li.is-open > a {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
color: #ffffff;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li.is-open > a .icon-arrow {
transform: none;
top: 0;
background-image: url("/themes/custom/yu/images/chevron-small-down-white.svg");
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li > a {
display: block;
position: relative;
padding: 15px 30px;
text-transform: none;
font-size: 17px;
line-height: 24px;
font-weight: 500;
font-family: "Helvetica Neue";
color: #ffffff;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li > a:after {
display: none;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu li > a .icon-arrow {
background: no-repeat url("/themes/custom/yu/images/chevron-small-right-white.svg") center center;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply {
overflow: visible;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu > li.is-open {
border-top: 1px solid #fff;
margin-top: -1px;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu > li > div > ul > li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu > li > div > ul > li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu > li > div > ul > li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu > li > div > ul > li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu > li > div > ul > li > a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu > li > div > ul > li > a {
padding: 15px 0px 15px 50px;
font-size: 16px;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu > li > div > ul > li .submenu-wrapper-third ul li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu > li > div > ul > li .submenu-wrapper-third ul li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu > li > div > ul > li .submenu-wrapper-third ul li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu > li > div > ul > li .submenu-wrapper-third ul li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu > li > div > ul > li .submenu-wrapper-third ul li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu > li > div > ul > li .submenu-wrapper-third ul li a {
padding: 15px 70px;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu > li > div > ul > li ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu > li > div > ul > li ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu > li > div > ul > li ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu > li > div > ul > li ul.menu li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu > li > div > ul > li ul.menu li {
margin: 24px 0;
border: none;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation > div > ul.menu > li > div > ul > li ul.menu li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-mainnavigation--2 > div > ul.menu > li > div > ul > li ul.menu li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #school-navigation-menu > ul.menu > li > div > ul > li ul.menu li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-utility > div > ul.menu > li > div > ul > li ul.menu li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-my-yu > div > ul.menu > li > div > ul > li ul.menu li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #modular-page-apply > div > ul.menu > li > div > ul > li ul.menu li a {
padding: 0 36px;
font-weight: 400;
color: #000000;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-utility--2 li,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-utility li {
margin: 16px 24px;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-utility--2 li a,
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu #block-utility li a {
padding: 0;
color: #fff;
text-transform: none;
font-size: 16px;
line-height: 24px;
}
.page-node-type-modular-page.mobile-menu-is-open #mobile-menu .mobile-social-icons {
display: flex;
justify-content: space-evenly;
border-top: 1px solid rgba(255, 255, 255, 0.5);
padding: 16px 0;
}
.page-node-type-modular-page.mobile-menu-is-open #modular-page-utility {
background-color: #f4f4f4;
}
.page-node-type-modular-page.mobile-menu-is-open #modular-page-my-yu {
background-color: #f4f4f4;
}
.page-node-type-modular-page {
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger,
.page-node-type-modular-page .hamburger {
padding: 15px 35px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger:hover,
.page-node-type-modular-page .hamburger:hover {
opacity: 1;
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger-box,
.page-node-type-modular-page .hamburger-box {
width: 38px;
height: 32px;
display: inline-block;
position: relative;
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger-inner,
.page-node-type-modular-page .hamburger-inner {
display: block;
top: 50%;
margin-top: -3px;
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger-inner,
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger-inner::before,
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger-inner::after,
.page-node-type-modular-page .hamburger-inner,
.page-node-type-modular-page .hamburger-inner::before,
.page-node-type-modular-page .hamburger-inner::after {
width: 38px;
height: 6px;
background-color: #365a89;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger-inner::before,
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger-inner::after,
.page-node-type-modular-page .hamburger-inner::before,
.page-node-type-modular-page .hamburger-inner::after {
content: "";
display: block;
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger-inner::before,
.page-node-type-modular-page .hamburger-inner::before {
top: -13px;
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger-inner::after,
.page-node-type-modular-page .hamburger-inner::after {
bottom: -13px;
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger--3dx .hamburger-box,
.page-node-type-modular-page .hamburger--3dx .hamburger-box {
perspective: 76px;
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger--3dx .hamburger-inner,
.page-node-type-modular-page .hamburger--3dx .hamburger-inner {
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger--3dx .hamburger-inner::before,
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger--3dx .hamburger-inner::after,
.page-node-type-modular-page .hamburger--3dx .hamburger-inner::before,
.page-node-type-modular-page .hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger--3dx.is-active .hamburger-inner,
.page-node-type-modular-page .hamburger--3dx.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(180deg);
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger--3dx.is-active .hamburger-inner::before,
.page-node-type-modular-page .hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 13px, 0) rotate(45deg);
}
.page-node-type-modular-page .page-node-type-modular-page .general-mobile-menu .hamburger--3dx.is-active .hamburger-inner::after,
.page-node-type-modular-page .hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -13px, 0) rotate(-45deg);
}
.page-node-type-modular-page .hamburger--3dx-r .hamburger-box {
perspective: 76px;
}
.page-node-type-modular-page .hamburger--3dx-r .hamburger-inner {
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.page-node-type-modular-page .hamburger--3dx-r .hamburger-inner::before,
.page-node-type-modular-page .hamburger--3dx-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.page-node-type-modular-page .hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(-180deg);
}
.page-node-type-modular-page .hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, 13px, 0) rotate(45deg);
}
.page-node-type-modular-page .hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -13px, 0) rotate(-45deg);
}
.page-node-type-modular-page .hamburger--3dy .hamburger-box {
perspective: 76px;
}
.page-node-type-modular-page .hamburger--3dy .hamburger-inner {
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.page-node-type-modular-page .hamburger--3dy .hamburger-inner::before,
.page-node-type-modular-page .hamburger--3dy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.page-node-type-modular-page .hamburger--3dy.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(-180deg);
}
.page-node-type-modular-page .hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, 13px, 0) rotate(45deg);
}
.page-node-type-modular-page .hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -13px, 0) rotate(-45deg);
}
.page-node-type-modular-page .hamburger--3dy-r .hamburger-box {
perspective: 76px;
}
.page-node-type-modular-page .hamburger--3dy-r .hamburger-inner {
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.page-node-type-modular-page .hamburger--3dy-r .hamburger-inner::before,
.page-node-type-modular-page .hamburger--3dy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.page-node-type-modular-page .hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg);
}
.page-node-type-modular-page .hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 13px, 0) rotate(45deg);
}
.page-node-type-modular-page .hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -13px, 0) rotate(-45deg);
}
.page-node-type-modular-page .hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-7.6px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.page-node-type-modular-page .hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-7.6px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.page-node-type-modular-page .hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(7.6px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.page-node-type-modular-page .hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(7.6px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.page-node-type-modular-page .hamburger--arrowalt .hamburger-inner::before {
transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-node-type-modular-page .hamburger--arrowalt .hamburger-inner::after {
transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-node-type-modular-page .hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-7.6px, -9.5px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.page-node-type-modular-page .hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-7.6px, 9.5px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.page-node-type-modular-page .hamburger--arrowalt-r .hamburger-inner::before {
transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-node-type-modular-page .hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-node-type-modular-page .hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(7.6px, -9.5px, 0) rotate(45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.page-node-type-modular-page .hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(7.6px, 9.5px, 0) rotate(-45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.page-node-type-modular-page .hamburger--boring .hamburger-inner,
.page-node-type-modular-page .hamburger--boring .hamburger-inner::before,
.page-node-type-modular-page .hamburger--boring .hamburger-inner::after {
transition-property: none;
}
.page-node-type-modular-page .hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg);
}
.page-node-type-modular-page .hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.page-node-type-modular-page .hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
}
.page-node-type-modular-page .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.15s;
transition-delay: 0.15s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--collapse .hamburger-inner::after {
top: -26px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.page-node-type-modular-page .hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -13px, 0) rotate(-45deg);
transition-delay: 0.32s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.page-node-type-modular-page .hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.15s;
transition-delay: 0.15s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--collapse-r .hamburger-inner::after {
top: -26px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.page-node-type-modular-page .hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -13px, 0) rotate(45deg);
transition-delay: 0.32s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.page-node-type-modular-page .hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--elastic .hamburger-inner {
top: 3px;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.page-node-type-modular-page .hamburger--elastic .hamburger-inner::before {
top: 13px;
transition: opacity 0.15s 0.4s ease;
}
.page-node-type-modular-page .hamburger--elastic .hamburger-inner::after {
top: 26px;
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.page-node-type-modular-page .hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 13px, 0) rotate(135deg);
transition-delay: 0.1s;
}
.page-node-type-modular-page .hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.page-node-type-modular-page .hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -26px, 0) rotate(-270deg);
transition-delay: 0.1s;
}
.page-node-type-modular-page .hamburger--elastic-r .hamburger-inner {
top: 3px;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.page-node-type-modular-page .hamburger--elastic-r .hamburger-inner::before {
top: 13px;
transition: opacity 0.15s 0.4s ease;
}
.page-node-type-modular-page .hamburger--elastic-r .hamburger-inner::after {
top: 26px;
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.page-node-type-modular-page .hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 13px, 0) rotate(-135deg);
transition-delay: 0.1s;
}
.page-node-type-modular-page .hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.page-node-type-modular-page .hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -26px, 0) rotate(270deg);
transition-delay: 0.1s;
}
.page-node-type-modular-page .hamburger--emphatic {
overflow: hidden;
}
.page-node-type-modular-page .hamburger--emphatic .hamburger-inner {
transition: background-color 0.2s 0.25s ease-in;
}
.page-node-type-modular-page .hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
}
.page-node-type-modular-page .hamburger--emphatic .hamburger-inner::after {
top: 13px;
right: 0;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
}
.page-node-type-modular-page .hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent;
}
.page-node-type-modular-page .hamburger--emphatic.is-active .hamburger-inner::before {
left: -76px;
top: -76px;
transform: translate3d(76px, 76px, 0) rotate(45deg);
transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.page-node-type-modular-page .hamburger--emphatic.is-active .hamburger-inner::after {
right: -76px;
top: -76px;
transform: translate3d(-76px, 76px, 0) rotate(-45deg);
transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.page-node-type-modular-page .hamburger--emphatic-r {
overflow: hidden;
}
.page-node-type-modular-page .hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.2s 0.25s ease-in;
}
.page-node-type-modular-page .hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
}
.page-node-type-modular-page .hamburger--emphatic-r .hamburger-inner::after {
top: 13px;
right: 0;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
}
.page-node-type-modular-page .hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent;
}
.page-node-type-modular-page .hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -76px;
top: 76px;
transform: translate3d(76px, -76px, 0) rotate(-45deg);
transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.page-node-type-modular-page .hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -76px;
top: 76px;
transform: translate3d(-76px, -76px, 0) rotate(45deg);
transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.page-node-type-modular-page .hamburger--slider .hamburger-inner {
top: 3px;
}
.page-node-type-modular-page .hamburger--slider .hamburger-inner::before {
top: 13px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.2s;
}
.page-node-type-modular-page .hamburger--slider .hamburger-inner::after {
top: 26px;
}
.page-node-type-modular-page .hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 13px, 0) rotate(45deg);
}
.page-node-type-modular-page .hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.4285714286px, -7px, 0);
opacity: 0;
}
.page-node-type-modular-page .hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -26px, 0) rotate(-90deg);
}
.page-node-type-modular-page .hamburger--slider-r .hamburger-inner {
top: 3px;
}
.page-node-type-modular-page .hamburger--slider-r .hamburger-inner::before {
top: 13px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.2s;
}
.page-node-type-modular-page .hamburger--slider-r .hamburger-inner::after {
top: 26px;
}
.page-node-type-modular-page .hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 13px, 0) rotate(-45deg);
}
.page-node-type-modular-page .hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(5.4285714286px, -7px, 0);
opacity: 0;
}
.page-node-type-modular-page .hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -26px, 0) rotate(90deg);
}
.page-node-type-modular-page .hamburger--spring .hamburger-inner {
top: 3px;
transition: background-color 0s 0.15s linear;
}
.page-node-type-modular-page .hamburger--spring .hamburger-inner::before {
top: 13px;
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--spring .hamburger-inner::after {
top: 26px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.32s;
background-color: transparent;
}
.page-node-type-modular-page .hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 13px, 0) rotate(45deg);
}
.page-node-type-modular-page .hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 13px, 0) rotate(-45deg);
}
.page-node-type-modular-page .hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.15s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--spring-r .hamburger-inner::after {
top: -26px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.page-node-type-modular-page .hamburger--spring-r .hamburger-inner::before {
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -13px, 0) rotate(-45deg);
transition-delay: 0.32s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear;
}
.page-node-type-modular-page .hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--stand .hamburger-inner {
transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
}
.page-node-type-modular-page .hamburger--stand .hamburger-inner::before {
transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--stand .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent;
transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
}
.page-node-type-modular-page .hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--stand-r .hamburger-inner {
transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
}
.page-node-type-modular-page .hamburger--stand-r .hamburger-inner::before {
transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--stand-r .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent;
transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
}
.page-node-type-modular-page .hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--spin .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.page-node-type-modular-page .hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}
.page-node-type-modular-page .hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--spin-r .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.page-node-type-modular-page .hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}
.page-node-type-modular-page .hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--squeeze .hamburger-inner {
transition-duration: 0.1s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--squeeze .hamburger-inner::before {
transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.page-node-type-modular-page .hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.page-node-type-modular-page .hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.page-node-type-modular-page .hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-node-type-modular-page .hamburger--vortex .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.page-node-type-modular-page .hamburger--vortex .hamburger-inner::before,
.page-node-type-modular-page .hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.page-node-type-modular-page .hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity;
}
.page-node-type-modular-page .hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform;
}
.page-node-type-modular-page .hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.page-node-type-modular-page .hamburger--vortex.is-active .hamburger-inner::before,
.page-node-type-modular-page .hamburger--vortex.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.page-node-type-modular-page .hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.page-node-type-modular-page .hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
}
.page-node-type-modular-page .hamburger--vortex-r .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.page-node-type-modular-page .hamburger--vortex-r .hamburger-inner::before,
.page-node-type-modular-page .hamburger--vortex-r .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.page-node-type-modular-page .hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity;
}
.page-node-type-modular-page .hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform;
}
.page-node-type-modular-page .hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.page-node-type-modular-page .hamburger--vortex-r.is-active .hamburger-inner::before,
.page-node-type-modular-page .hamburger--vortex-r.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.page-node-type-modular-page .hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.page-node-type-modular-page .hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
}
.page-node-type-modular-page .hamburger {
padding: 15px 35px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.page-node-type-modular-page .hamburger:hover {
opacity: 1;
}
.page-node-type-modular-page .hamburger-box {
width: 38px;
height: 32px;
display: inline-block;
position: relative;
}
.page-node-type-modular-page .hamburger-inner {
display: block;
top: 50%;
margin-top: -3px;
}
.page-node-type-modular-page .hamburger-inner,
.page-node-type-modular-page .hamburger-inner::before,
.page-node-type-modular-page .hamburger-inner::after {
width: 38px;
height: 6px;
background-color: #365a89;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.page-node-type-modular-page .hamburger-inner::before,
.page-node-type-modular-page .hamburger-inner::after {
content: "";
display: block;
}
.page-node-type-modular-page .hamburger-inner::before {
top: -13px;
}
.page-node-type-modular-page .hamburger-inner::after {
bottom: -13px;
}
.page-node-type-modular-page h1 {
font-size: 32px;
font-weight: 600;
}
@media all and (min-width: 768px) {
.page-node-type-modular-page h1 {
font-size: 48px;
font-weight: 600;
line-height: 50.5px;
color: #0d518e;
}
}
.page-node-type-modular-page h2 {
font-size: 26px;
font-weight: 500;
}
@media all and (min-width: 768px) {
.page-node-type-modular-page h2 {
font-size: 36px;
font-weight: 500;
line-height: 36px;
margin-bottom: 17px;
color: #0d518e;
}
}
.page-node-type-modular-page .eu-cookie-compliance-banner h2 {
color: #ffffff;
}
.page-node-type-modular-page h3 {
font-size: 22px;
font-weight: 500;
}
@media all and (min-width: 768px) {
.page-node-type-modular-page h3 {
font-size: 28px;
font-weight: 500;
line-height: 35px;
color: #0d518e;
}
}
.page-node-type-modular-page h4 {
font-size: 18px;
font-weight: 600;
line-height: 22px;
color: #0d518e;
}
.page-node-type-modular-page #main-header {
overflow: visible;
z-index: 8;
}
.page-node-type-modular-page #main-header img.logo {
display: block;
height: 43px;
width: auto;
float: left;
margin: 11px 0 7px 30px;
}
@media (min-width: 1024px) {
.page-node-type-modular-page #main-header img.logo {
display: none;
}
}
.page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 {
display: none;
padding: 0;
margin: 0;
}
@media (min-width: 768px) {
.page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 {
float: left;
display: inline-block;
}
}
.page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 .form-item,
.page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 .form-search,
.page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 .form-actions {
display: inline;
position: inherit;
top: inherit;
right: inherit;
}
.page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 input[type="search"] {
width: 204px;
color: #005696;
background-color: #f5f5f5;
border: none;
font-family: Times, "Times New Roman", Georgia, serif;
padding: 4px 8px;
padding: 0.25rem 0.5rem;
font-size: 18px;
font-size: 1.125rem;
}
@media (min-width: 768px) {
.page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 input[type="search"] {
margin-right: 5px;
margin-right: 0.3125rem;
}
}
.page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 input[type="search"]::-webkit-input-placeholder {
font-style: italic;
color: #005696;
font-family: Times, "Times New Roman", Georgia, serif;
font-size: 18px;
}
.page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 input[type="search"]:-moz-placeholder {
font-style: italic;
color: #005696;
font-family: Times, "Times New Roman", Georgia, serif;
font-size: 18px;
}
.page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 input[type="search"]::-moz-placeholder {
font-style: italic;
color: #005696;
font-family: Times, "Times New Roman", Georgia, serif;
font-size: 18px;
}
.page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 input[type="search"]:-ms-input-placeholder {
font-style: italic;
color: #005696;
font-family: Times, "Times New Roman", Georgia, serif;
font-size: 18px;
}
@media (min-width: 1024px) {
.page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 input[type="search"] {
width: 284px;
}
}
.page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 input[type="submit"] {
display: block;
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-color: transparent;
border: 0;
vertical-align: middle;
padding: 10px 10px;
padding: 0.625rem 0.625rem;
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -830.5px 0px;
width: 22px;
height: 22px;
display: inline-block;
}
.page-node-type-school-page .page-node-type-modular-page #main-header .max-width-container.sub--header #search-block-form--2 input[type="submit"] {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -862.5px 0px;
width: 22px;
height: 22px;
}
.page-node-type-modular-page .full-width-container {
overflow: visible;
}
.page-node-type-modular-page .main-nav.Sy.School.of.Business .menu .menu-item--expanded .submenu li {
width: 300px;
}
.page-node-type-modular-page .main-nav.Sy.School.of.Business .menu .menu-item--expanded .submenu li a {
font-size: 14px;
}
.page-node-type-modular-page .general-menu .below-header {
margin-top: 41px;
}
.page-node-type-modular-page .general-main-nav #block-yu-local-tasks {
display: none;
}
.page-node-type-modular-page .nav--main-modular {
height: 80px;
margin-top: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
overflow: visible;
display: none;
}
@media (min-width: 1024px) {
.page-node-type-modular-page .nav--main-modular {
display: flex;
position: relative;
}
}
.page-node-type-modular-page .nav--main-modular img.logo {
width: 200px;
height: 57px;
}
.page-node-type-modular-page .nav--main-modular #school-navigation-menu {
width: 40%;
}
.page-node-type-modular-page .nav--main-modular .modular-school-name {
font-weight: 600;
font-size: 18px;
color: #0d518e;
position: absolute;
left: 20px;
}
.page-node-type-modular-page .nav--main-modular ul.menu {
display: flex;
flex-direction: row;
justify-content: flex-end;
font-size: 15px;
}
.page-node-type-modular-page .nav--main-modular ul.menu li {
padding: 10px;
display: block;
position: relative;
}
.page-node-type-modular-page .nav--main-modular ul.menu li a {
color: #365a89;
font-weight: 500;
}
.page-node-type-modular-page .nav--main-modular ul.menu li a:hover {
color: #365a89;
}
.page-node-type-modular-page .nav--main-modular ul.menu li div {
position: absolute;
margin: 0;
padding: 0;
top: 37px;
right: 0;
display: none;
z-index: 9999;
}
.page-node-type-modular-page .nav--main-modular ul.menu li div ul.submenu {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
border: 1px solid #d0d0d0;
}
.page-node-type-modular-page .nav--main-modular ul.menu li div ul.submenu li {
margin: 0;
padding: 0;
display: block;
width: 220px;
border-top: 1px solid #d0d0d0;
background-color: #ffffff;
}
.page-node-type-modular-page .nav--main-modular ul.menu li div ul.submenu li:first-child {
border-top: none;
}
.page-node-type-modular-page .nav--main-modular ul.menu li div ul.submenu li a {
font-weight: normal;
margin: 0;
padding: 10px 20px;
display: inline-block;
color: #365a89;
}
.page-node-type-modular-page .nav--main-modular ul.menu li div ul.submenu li .submenu-wrapper-third {
left: 220px;
top: 0px;
}
.page-node-type-modular-page .nav--main-modular ul.menu li div ul.submenu li:hover {
background-color: #d0d0d0;
}
.page-node-type-modular-page .nav--main-modular ul.menu li div ul.submenu li.highlight {
background-color: #365a89;
}
.page-node-type-modular-page .nav--main-modular ul.menu li div ul.submenu li.highlight > a {
color: #ffffff;
}
.page-node-type-modular-page .nav--main-modular ul.menu li div ul.submenu li.highlight > a:hover {
color: #ffffff;
}
.page-node-type-modular-page .nav--main-modular ul.menu li div ul.submenu li.highlight:hover {
color: #0d518e;
background-color: #d0d0d0;
}
.page-node-type-modular-page .nav--main-modular ul.menu li div ul.submenu li.highlight:hover > a {
color: #0d518e;
}
.page-node-type-modular-page .nav--main-modular ul.menu li:hover > a {
text-decoration: underline;
}
.page-node-type-modular-page .nav--main-modular ul.menu li.menu-item--expanded {
padding-right: 10px;
}
.page-node-type-modular-page .nav--main-modular ul.menu li.menu-item--expanded > a {
display: block;
background-image: url("/themes/custom/yu/images/chevron-small-down-blue.svg");
background-repeat: no-repeat;
background-position-x: 95%;
background-position-y: center;
background-size: 8px 5px;
padding-right: 15px;
}
.page-node-type-modular-page .nav--main-modular ul.menu li.menu-item--expanded.highlight > a {
background-image: url("/themes/custom/yu/images/chevron-small-down-white.svg");
}
.page-node-type-modular-page .nav--main-modular ul.menu li.menu-item--expanded:hover > a {
background-image: url("/themes/custom/yu/images/chevron-small-up-blue.svg");
}
.page-node-type-modular-page .nav--main-modular ul.menu li.menu-item--expanded.highlight:hover {
background-color: #d0d0d0;
}
.page-node-type-modular-page .nav--main-modular ul.menu li.menu-item--expanded.highlight:hover > a {
color: #0d518e;
background-image: url("/themes/custom/yu/images/chevron-small-up-blue.svg");
}
.page-node-type-modular-page .nav--main-modular ul.menu li.highlight {
background-color: #365a89;
}
.page-node-type-modular-page .nav--main-modular ul.menu li.highlight > a {
color: #ffffff;
}
.page-node-type-modular-page .nav--main-modular ul.menu li.highlight > a:hover {
color: #ffffff;
}
@media all and (max-width: 1023px) {
.page-node-type-modular-page .katz-floating-menu-container {
display: none;
}
}
.page-node-type-modular-page .katz-floating-menu.fixed-position {
z-index: 9;
}
.page-node-type-modular-page .katz-floating-menu.relative-position {
z-index: 1;
}
.page-node-type-modular-page .katz-floating-menu {
display: none;
padding: 20px;
background-color: #0d518e;
z-index: 9;
top: 0;
width: 100%;
}
.page-node-type-modular-page .katz-floating-menu .menu {
display: flex;
align-items: center;
justify-content: space-evenly;
}
@media all and (max-width: 1023px) {
.page-node-type-modular-page .katz-floating-menu .menu {
flex-direction: column;
align-items: end;
}
}
.page-node-type-modular-page .katz-floating-menu .menu .menu-item {
text-align: center;
max-width: 130px;
}
@media all and (max-width: 1023px) {
.page-node-type-modular-page .katz-floating-menu .menu .menu-item {
text-align: left;
max-width: 100%;
margin: 8px 0;
}
}
.page-node-type-modular-page .katz-floating-menu .menu .menu-item a {
color: #fff;
font-size: 15px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
}
.page-node-type-modular-page .katz-floating-menu .menu .menu-item a:hover {
text-decoration: underline;
}
.page-node-type-modular-page #modular-page-my-yu {
margin-left: 20px;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page #modular-page-my-yu {
margin-left: 0;
}
}
.page-node-type-modular-page #modular-page-my-yu ul.menu li {
padding: 5px 12px 8px 12px;
}
.page-node-type-modular-page #modular-page-my-yu ul.menu li a {
font-size: 12px;
font-weight: bold;
}
.page-node-type-modular-page #modular-page-my-yu ul.menu li:last-child {
color: #0b4477;
background-color: #a4bed5;
}
.page-node-type-modular-page .search-block-form {
display: none;
}
@media (min-width: 1024px) {
.page-node-type-modular-page .search-block-form {
display: block;
margin: 0;
margin-left: 20px;
padding: 0;
position: relative;
}
}
.page-node-type-modular-page .search-block-form #search-block-form,
.page-node-type-modular-page .search-block-form #search-block-form--2 {
position: relative;
}
@media (min-width: 1024px) {
.page-node-type-modular-page .search-block-form #search-block-form #edit-actions,
.page-node-type-modular-page .search-block-form #search-block-form #edit-actions--2,
.page-node-type-modular-page .search-block-form #search-block-form--2 #edit-actions,
.page-node-type-modular-page .search-block-form #search-block-form--2 #edit-actions--2 {
position: absolute;
top: 5px;
right: 10px;
}
}
.page-node-type-modular-page .search-block-form #search-block-form input[type="submit"],
.page-node-type-modular-page .search-block-form #search-block-form--2 input[type="submit"] {
background-image: url("/themes/custom/yu/images/union_9.svg");
background-size: 16px 16px;
background-repeat: no-repeat;
background-position-x: right;
background-position-y: center;
}
.page-node-type-modular-page .search-block-form #search-block-form input[type="search"],
.page-node-type-modular-page .search-block-form #search-block-form--2 input[type="search"] {
width: 220px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
color: #0d518e;
padding: 7px 15px;
}
.page-node-type-modular-page .search-block-form #search-block-form input[type="search"]::placeholder,
.page-node-type-modular-page .search-block-form #search-block-form--2 input[type="search"]::placeholder {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: Medium;
color: #0d518e;
}
.page-node-type-modular-page #modular-page-utility-container {
overflow: visible;
background-color: #f4f4f4;
}
.page-node-type-modular-page #modular-page-utility-container .nav--utility {
display: none;
overflow: visible;
z-index: 8;
}
@media (min-width: 1024px) {
.page-node-type-modular-page #modular-page-utility-container .nav--utility {
display: flex;
flex-direction: row;
justify-content: flex-end;
overflow: visible;
position: relative;
}
}
.page-node-type-modular-page #modular-page-utility-container .modular-yu-logo {
height: 28px;
width: auto;
margin: 4px 20px 0 0;
}
.page-node-type-modular-page #modular-page-utility-container .modular-yu-logo-link {
display: inline-block;
margin: 0;
position: absolute;
left: 10px;
top: 0;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu {
display: flex;
flex-direction: row;
justify-content: flex-end;
font-size: 15px;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu > li {
border-left: 1px solid #d0d0d0;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu > li > a {
padding-left: 10px;
padding-right: 10px;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu > li:last-child {
border-right: 1px solid #d0d0d0;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li {
padding: 10px;
display: block;
position: relative;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li a {
color: #365a89;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li a:hover {
color: #365a89;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li div {
position: absolute;
margin: 0;
padding: 0;
top: 37px;
right: 0;
display: none;
z-index: 9999;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li div ul.submenu {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
border: 1px solid #d0d0d0;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li div ul.submenu li {
margin: 0;
padding: 0;
display: block;
width: 161px;
border-top: 1px solid #d0d0d0;
background-color: #f4f4f4;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li div ul.submenu li:first-child {
border-top: none;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li div ul.submenu li a {
margin: 0;
padding: 10px;
display: inline-block;
color: #365a89;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li div ul.submenu li:hover {
background-color: #d0d0d0;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li div ul.submenu li:hover a {
color: #365a89;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li div ul.submenu li:hover a:hover {
color: #365a89;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li div ul.submenu li.highlight {
background-color: #365a89;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li div ul.submenu li.highlight a {
color: #ffffff;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li div ul.submenu li.highlight a:hover {
color: #ffffff;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li div ul.submenu li.highlight:hover {
color: #0d518e;
background-color: #d0d0d0;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li div ul.submenu li.highlight:hover > a {
color: #0d518e;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li:hover {
background-color: #d0d0d0;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li.menu-item--expanded {
padding-right: 15px;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li.menu-item--expanded > a {
display: block;
background-image: url("/themes/custom/yu/images/chevron-small-down-blue.svg");
background-repeat: no-repeat;
background-position-x: 95%;
background-position-y: center;
background-size: 8px 5px;
padding-right: 15px;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li.menu-item--expanded.highlight > a {
background-image: url("/themes/custom/yu/images/chevron-small-down-white.svg");
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li.menu-item--expanded:hover > a {
background-image: url("/themes/custom/yu/images/chevron-small-up-blue.svg");
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li.menu-item--expanded.highlight:hover {
color: #0d518e;
background-color: #d0d0d0;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li.menu-item--expanded.highlight:hover > a {
background-image: url("/themes/custom/yu/images/chevron-small-up-blue.svg");
color: #0d518e;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li.highlight {
background-color: #0d518e;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li.highlight a {
color: #ffffff;
}
.page-node-type-modular-page #modular-page-utility-container ul.menu li.highlight a:hover {
color: #ffffff;
}
.page-node-type-modular-page #modular-page-utility-container #modular-page-syms li.menu-item--expanded:hover div {
display: block;
}
.page-node-type-modular-page .section-spacer {
height: 30px;
}
.page-node-type-modular-page #modular-page-header {
text-align: center;
width: 100%;
position: relative;
}
.page-node-type-modular-page #modular-page-header .modular-page-header-image {
width: 100%;
}
.page-node-type-modular-page #modular-page-header .modular-page-header-text {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page #modular-page-header .modular-page-header-text {
top: 0;
}
}
.page-node-type-modular-page #modular-page-header .modular-page-header-text h1 {
margin: 0 auto;
line-height: 1.125em;
padding: 0 20px;
}
@media all and (min-width: 768px) {
.page-node-type-modular-page #modular-page-header .modular-page-header-text h1 {
margin-bottom: 20px;
padding: 0 15px;
}
}
.page-node-type-modular-page #modular-page-header img {
width: 100%;
height: fit-content;
object-fit: cover;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page #modular-page-header img {
height: 422px;
}
}
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-subhead {
width: 100%;
padding: 0 15px;
}
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-subhead p {
width: 100%;
}
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-subhead h2 {
font-size: 26px;
margin-bottom: 10px;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-subhead h2 {
margin-bottom: 0;
font-weight: 600;
margin-top: 24px;
line-height: 28px;
}
}
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-description {
width: 100%;
padding: 0 15px;
}
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-description p {
width: 100%;
max-width: 617px;
font-size: 18px;
margin: 0 auto;
line-height: 22px;
font-weight: 500;
padding: 0;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-description p {
font-size: 17px;
padding: 15px 10px 0;
}
}
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-header-cta {
display: flex;
margin-top: 30px;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-header-cta {
display: block;
width: 100%;
padding: 0 30px;
margin-top: 30px;
}
}
@media all and (max-width: 767px) and (min-width: 768px) {
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-header-cta {
margin-top: 30px;
}
}
@media all and (max-width: 767px) {
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-header-cta div a {
display: block;
width: 100%;
}
}
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-header-cta #cta-1 {
margin: 0 7.5px;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-header-cta #cta-1 {
margin: 0 0 15px;
}
}
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-header-cta #cta-1 a,
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-header-cta #cta-1 span {
padding: 18px 40px;
border: 2px solid #fff;
background-color: transparent;
border-radius: 4px;
}
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-header-cta #cta-2 {
margin: 0 7.5px;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-header-cta #cta-2 {
margin: 0;
}
}
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-header-cta #cta-2 a,
.page-node-type-modular-page #modular-page-header .field--name-field-modular-page-header-cta #cta-2 span {
padding: 18px 40px;
color: #0d518e;
border: 2px solid #fff;
background-color: #fff;
border-radius: 4px;
}
.page-node-type-modular-page #modular-page-header.text-color--white .field--name-field-modular-page-header-cta #cta-1 a,
.page-node-type-modular-page #modular-page-header.text-color--white .field--name-field-modular-page-header-cta #cta-1 span {
border: 2px solid #fff;
background-color: transparent;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
}
.page-node-type-modular-page #modular-page-header.text-color--white .field--name-field-modular-page-header-cta #cta-1 span:hover,
.page-node-type-modular-page #modular-page-header.text-color--white .field--name-field-modular-page-header-cta #cta-1 a:hover {
color: #0d518e;
background-color: #fff;
border: 2px solid #fff;
box-shadow: 0px 5px 20px #00000033;
}
.page-node-type-modular-page #modular-page-header.text-color--white .field--name-field-modular-page-header-cta #cta-1 span:active,
.page-node-type-modular-page #modular-page-header.text-color--white .field--name-field-modular-page-header-cta #cta-1 a:active {
box-shadow: 0px 2px 4px #00000080;
}
.page-node-type-modular-page #modular-page-header.text-color--white .field--name-field-modular-page-header-cta #cta-2 a,
.page-node-type-modular-page #modular-page-header.text-color--white .field--name-field-modular-page-header-cta #cta-2 span {
color: #0d518e;
border: 2px solid #fff;
background-color: #fff;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
}
.page-node-type-modular-page #modular-page-header.text-color--white .field--name-field-modular-page-header-cta #cta-2 span:hover,
.page-node-type-modular-page #modular-page-header.text-color--white .field--name-field-modular-page-header-cta #cta-2 a:hover {
background-color: #cedce8;
border: 2px solid #cedce8;
box-shadow: 0px 5px 20px #00000033;
}
.page-node-type-modular-page #modular-page-header.text-color--white .field--name-field-modular-page-header-cta #cta-2 span:active,
.page-node-type-modular-page #modular-page-header.text-color--white .field--name-field-modular-page-header-cta #cta-2 a:active {
box-shadow: 0px 2px 4px #00000080;
}
.page-node-type-modular-page #modular-page-header.text-color--yublue .field--name-field-modular-page-header-cta #cta-1 a,
.page-node-type-modular-page #modular-page-header.text-color--yublue .field--name-field-modular-page-header-cta #cta-1 span {
text-transform: uppercase;
color: #0d518e;
border: 2px solid #0d518e;
background-color: #fff;
display: inline-block;
font-weight: bold;
}
.page-node-type-modular-page #modular-page-header.text-color--yublue .field--name-field-modular-page-header-cta #cta-1 span:hover,
.page-node-type-modular-page #modular-page-header.text-color--yublue .field--name-field-modular-page-header-cta #cta-1 a:hover {
color: #fff;
border: 2px solid #0d518e;
background-color: #0d518e;
box-shadow: 0px 5px 20px #00000033;
}
.page-node-type-modular-page #modular-page-header.text-color--yublue .field--name-field-modular-page-header-cta #cta-1 span:active,
.page-node-type-modular-page #modular-page-header.text-color--yublue .field--name-field-modular-page-header-cta #cta-1 a:active {
box-shadow: 0px 2px 4px #00000080;
}
.page-node-type-modular-page #modular-page-header.text-color--yublue .field--name-field-modular-page-header-cta #cta-2 a,
.page-node-type-modular-page #modular-page-header.text-color--yublue .field--name-field-modular-page-header-cta #cta-2 span {
text-transform: uppercase;
color: #fff;
border: 2px solid #0d518e;
background-color: #0d518e;
display: inline-block;
font-weight: bold;
}
.page-node-type-modular-page #modular-page-header.text-color--yublue .field--name-field-modular-page-header-cta #cta-2 span:hover,
.page-node-type-modular-page #modular-page-header.text-color--yublue .field--name-field-modular-page-header-cta #cta-2 a:hover {
border: 2px solid #0b4477;
background-color: #0b4477;
box-shadow: 0px 5px 20px #00000033;
}
.page-node-type-modular-page #modular-page-header.text-color--yublue .field--name-field-modular-page-header-cta #cta-2 span:active,
.page-node-type-modular-page #modular-page-header.text-color--yublue .field--name-field-modular-page-header-cta #cta-2 a:active {
box-shadow: 0px 2px 4px #00000080;
}
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-1 a,
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-1 span {
border: 2px solid #011d27;
background-color: transparent;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
}
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-1 a:hover,
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-1 span:hover {
color: #fff;
background-color: #011d27;
border: 2px solid #011d27;
box-shadow: 0px 5px 20px #011d2766;
}
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-1 span:active,
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-1 a:active {
box-shadow: 0px 2px 4px #011d2799;
}
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-2 a,
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-2 span {
color: #fff;
border: 2px solid #011d27;
background-color: #011d27;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
}
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-2 a:hover,
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-2 span:hover {
background-color: #000;
border: 2px solid #000;
box-shadow: 0px 5px 20px #00000066;
}
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-2 span:active,
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-2 a:active {
box-shadow: 0px 2px 4px #00000099;
}
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-3 a,
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-3 span {
border: 2px solid #011d27;
background-color: transparent;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
}
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-3 a:hover,
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-3 span:hover {
color: #fff;
background-color: #011d27;
border: 2px solid #011d27;
box-shadow: 0px 5px 20px #011d2766;
}
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-3 span:active,
.page-node-type-modular-page #modular-page-header.text-color--fishblack .field--name-field-modular-page-header-cta #cta-3 a:active {
box-shadow: 0px 2px 4px #011d2799;
}
.page-node-type-modular-page .field--name-field-modular-page-section {
max-width: 1200px;
margin: auto;
position: relative;
z-index: 2;
}
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner {
display: flex;
}
@media all and (max-width: 992px) {
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner {
flex-direction: column;
}
}
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .field-banner {
width: 33.3%;
}
@media all and (max-width: 992px) {
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .field-banner {
width: 100%;
}
}
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .image-field .field {
height: 100%;
}
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .image-field .field img {
height: 100% !important;
}
@media all and (max-width: 992px) {
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .image-field .field img {
max-height: 100px;
}
}
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container {
padding: 40px;
background-color: #ef682d;
}
@media all and (max-width: 992px) {
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container {
margin-top: -3px;
}
}
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-title {
margin-bottom: 35px;
}
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-title h1,
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-title h2,
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-title h3,
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-title p {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-family: "Bauer Bodoni", "Times New Roman", Georgia, serif !important;
font-size: 30px;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-title h1,
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-title h2,
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-title h3,
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-title p {
font-size: 25px;
}
}
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-title span {
font-family: "Bodoni Roman", "Times New Roman", Georgia, serif;
font-size: 65px;
font-weight: 400;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-title span {
font-size: 50px;
}
}
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-body p {
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 30px;
}
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-button {
margin-top: 30px;
}
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-button span,
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-button a {
display: inline-block;
padding: 16px;
color: #fff;
text-transform: capitalize;
border: 1px solid #fff;
font-weight: bold;
cursor: pointer;
}
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-button span:hover,
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-button a:hover {
background-color: #fff;
color: #0d518e;
box-shadow: 0px 5px 20px #00000033;
}
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-button span:focus,
.page-node-type-modular-page .hero-banner-paragraphs .paragraph--type--two-images-banner .main-body-container .field--name-field-banner-button a:focus {
outline: 3px dotted #d71ef7;
}
.text-color--white,
.text-color--White {
color: #fff;
}
.text-color--white p,
.text-color--White p {
color: #fff;
}
.text-color--white a,
.text-color--White a {
color: #fff;
}
.text-color--white h1,
.text-color--White h1 {
color: #fff;
}
.text-color--white h2,
.text-color--White h2 {
color: #fff;
}
.text-color--white .wide-tile-text,
.text-color--white .field--name-field-square-tile-text,
.text-color--white .field--name-field-modular-page-subhead,
.text-color--white .field--name-field-modular-page-description,
.text-color--white .field--name-field-flip-card-headline,
.text-color--white .field--name-field-sidebar-description,
.text-color--white .field--name-field-full-width-card-headline,
.text-color--white .field--name-field-full-width-headline-link,
.text-color--white .field--name-field-hero-carousel-headline,
.text-color--White .wide-tile-text,
.text-color--White .field--name-field-square-tile-text,
.text-color--White .field--name-field-modular-page-subhead,
.text-color--White .field--name-field-modular-page-description,
.text-color--White .field--name-field-flip-card-headline,
.text-color--White .field--name-field-sidebar-description,
.text-color--White .field--name-field-full-width-card-headline,
.text-color--White .field--name-field-full-width-headline-link,
.text-color--White .field--name-field-hero-carousel-headline {
color: #fff;
}
.text-color--white .wide-tile-text p,
.text-color--white .field--name-field-square-tile-text p,
.text-color--white .field--name-field-modular-page-subhead p,
.text-color--white .field--name-field-modular-page-description p,
.text-color--white .field--name-field-flip-card-headline p,
.text-color--white .field--name-field-sidebar-description p,
.text-color--white .field--name-field-full-width-card-headline p,
.text-color--white .field--name-field-full-width-headline-link p,
.text-color--white .field--name-field-hero-carousel-headline p,
.text-color--White .wide-tile-text p,
.text-color--White .field--name-field-square-tile-text p,
.text-color--White .field--name-field-modular-page-subhead p,
.text-color--White .field--name-field-modular-page-description p,
.text-color--White .field--name-field-flip-card-headline p,
.text-color--White .field--name-field-sidebar-description p,
.text-color--White .field--name-field-full-width-card-headline p,
.text-color--White .field--name-field-full-width-headline-link p,
.text-color--White .field--name-field-hero-carousel-headline p {
color: #fff;
}
.text-color--white .wide-tile-text a,
.text-color--white .field--name-field-square-tile-text a,
.text-color--white .field--name-field-modular-page-subhead a,
.text-color--white .field--name-field-modular-page-description a,
.text-color--white .field--name-field-flip-card-headline a,
.text-color--white .field--name-field-sidebar-description a,
.text-color--white .field--name-field-full-width-card-headline a,
.text-color--white .field--name-field-full-width-headline-link a,
.text-color--white .field--name-field-hero-carousel-headline a,
.text-color--White .wide-tile-text a,
.text-color--White .field--name-field-square-tile-text a,
.text-color--White .field--name-field-modular-page-subhead a,
.text-color--White .field--name-field-modular-page-description a,
.text-color--White .field--name-field-flip-card-headline a,
.text-color--White .field--name-field-sidebar-description a,
.text-color--White .field--name-field-full-width-card-headline a,
.text-color--White .field--name-field-full-width-headline-link a,
.text-color--White .field--name-field-hero-carousel-headline a {
color: #fff;
}
.text-color--white .wide-tile-text h2,
.text-color--white .field--name-field-square-tile-text h2,
.text-color--white .field--name-field-modular-page-subhead h2,
.text-color--white .field--name-field-modular-page-description h2,
.text-color--white .field--name-field-flip-card-headline h2,
.text-color--white .field--name-field-sidebar-description h2,
.text-color--white .field--name-field-full-width-card-headline h2,
.text-color--white .field--name-field-full-width-headline-link h2,
.text-color--white .field--name-field-hero-carousel-headline h2,
.text-color--White .wide-tile-text h2,
.text-color--White .field--name-field-square-tile-text h2,
.text-color--White .field--name-field-modular-page-subhead h2,
.text-color--White .field--name-field-modular-page-description h2,
.text-color--White .field--name-field-flip-card-headline h2,
.text-color--White .field--name-field-sidebar-description h2,
.text-color--White .field--name-field-full-width-card-headline h2,
.text-color--White .field--name-field-full-width-headline-link h2,
.text-color--White .field--name-field-hero-carousel-headline h2 {
color: #fff;
}
.text-color--white .field--name-field-full-width-2-up-cta a,
.text-color--White .field--name-field-full-width-2-up-cta a {
border-color: #fff;
}
.text-color--white .field--name-field-full-width-2-up-cta a:hover,
.text-color--White .field--name-field-full-width-2-up-cta a:hover {
border-color: #fff !important;
color: #0d518e;
background-color: #fff;
box-shadow: 0px 5px 20px #00000033;
}
.text-color--white .field--name-field-full-width-2-up-cta a:active,
.text-color--White .field--name-field-full-width-2-up-cta a:active {
box-shadow: 0px 2px 4px #00000080;
}
.text-color--yublue,
.text-color--YU.Blue {
color: #0d518e;
}
.text-color--yublue p,
.text-color--YU.Blue p {
color: #0d518e;
}
.text-color--yublue a,
.text-color--YU.Blue a {
color: #0d518e;
}
.text-color--yublue .wide-tile-text,
.text-color--yublue .field--name-field-square-tile-text,
.text-color--yublue .field--name-field-modular-page-subhead,
.text-color--yublue .field--name-field-modular-page-description,
.text-color--yublue .field--name-field-flip-card-headline,
.text-color--yublue .field--name-field-sidebar-description,
.text-color--yublue .field--name-field-full-width-card-headline,
.text-color--yublue .field--name-field-full-width-headline-link,
.text-color--yublue .field--name-field-hero-carousel-headline,
.text-color--YU.Blue .wide-tile-text,
.text-color--YU.Blue .field--name-field-square-tile-text,
.text-color--YU.Blue .field--name-field-modular-page-subhead,
.text-color--YU.Blue .field--name-field-modular-page-description,
.text-color--YU.Blue .field--name-field-flip-card-headline,
.text-color--YU.Blue .field--name-field-sidebar-description,
.text-color--YU.Blue .field--name-field-full-width-card-headline,
.text-color--YU.Blue .field--name-field-full-width-headline-link,
.text-color--YU.Blue .field--name-field-hero-carousel-headline {
color: #0d518e;
}
.text-color--yublue .wide-tile-text p,
.text-color--yublue .field--name-field-square-tile-text p,
.text-color--yublue .field--name-field-modular-page-subhead p,
.text-color--yublue .field--name-field-modular-page-description p,
.text-color--yublue .field--name-field-flip-card-headline p,
.text-color--yublue .field--name-field-sidebar-description p,
.text-color--yublue .field--name-field-full-width-card-headline p,
.text-color--yublue .field--name-field-full-width-headline-link p,
.text-color--yublue .field--name-field-hero-carousel-headline p,
.text-color--YU.Blue .wide-tile-text p,
.text-color--YU.Blue .field--name-field-square-tile-text p,
.text-color--YU.Blue .field--name-field-modular-page-subhead p,
.text-color--YU.Blue .field--name-field-modular-page-description p,
.text-color--YU.Blue .field--name-field-flip-card-headline p,
.text-color--YU.Blue .field--name-field-sidebar-description p,
.text-color--YU.Blue .field--name-field-full-width-card-headline p,
.text-color--YU.Blue .field--name-field-full-width-headline-link p,
.text-color--YU.Blue .field--name-field-hero-carousel-headline p {
color: #0d518e;
}
.text-color--yublue .wide-tile-text a,
.text-color--yublue .field--name-field-square-tile-text a,
.text-color--yublue .field--name-field-modular-page-subhead a,
.text-color--yublue .field--name-field-modular-page-description a,
.text-color--yublue .field--name-field-flip-card-headline a,
.text-color--yublue .field--name-field-sidebar-description a,
.text-color--yublue .field--name-field-full-width-card-headline a,
.text-color--yublue .field--name-field-full-width-headline-link a,
.text-color--yublue .field--name-field-hero-carousel-headline a,
.text-color--YU.Blue .wide-tile-text a,
.text-color--YU.Blue .field--name-field-square-tile-text a,
.text-color--YU.Blue .field--name-field-modular-page-subhead a,
.text-color--YU.Blue .field--name-field-modular-page-description a,
.text-color--YU.Blue .field--name-field-flip-card-headline a,
.text-color--YU.Blue .field--name-field-sidebar-description a,
.text-color--YU.Blue .field--name-field-full-width-card-headline a,
.text-color--YU.Blue .field--name-field-full-width-headline-link a,
.text-color--YU.Blue .field--name-field-hero-carousel-headline a {
color: #0d518e;
}
.text-color--yublue .field--name-field-full-width-2-up-cta a,
.text-color--YU.Blue .field--name-field-full-width-2-up-cta a {
border-color: #0d518e;
}
.text-color--yublue .field--name-field-full-width-2-up-cta a:hover,
.text-color--YU.Blue .field--name-field-full-width-2-up-cta a:hover {
border-color: #0d518e !important;
color: #fff;
background-color: #0d518e;
box-shadow: 0px 5px 20px #00000033;
}
.text-color--yublue .field--name-field-full-width-2-up-cta a:active,
.text-color--YU.Blue .field--name-field-full-width-2-up-cta a:active {
box-shadow: 0px 2px 4px #0b447799;
}
.text-color--fishblack,
.text-color--Black,
.text-color--Fish.Black {
color: #011d27;
}
.text-color--fishblack p,
.text-color--Black p,
.text-color--Fish.Black p {
color: #011d27;
}
.text-color--fishblack a,
.text-color--Black a,
.text-color--Fish.Black a {
color: #011d27;
}
.text-color--fishblack h1,
.text-color--Black h1,
.text-color--Fish.Black h1 {
color: #011d27;
}
.text-color--fishblack h2,
.text-color--Black h2,
.text-color--Fish.Black h2 {
color: #011d27;
}
.text-color--fishblack .wide-tile-text,
.text-color--fishblack .field--name-field-square-tile-text,
.text-color--fishblack .field--name-field-modular-page-subhead,
.text-color--fishblack .field--name-field-modular-page-description,
.text-color--fishblack .field--name-field-flip-card-headline,
.text-color--fishblack .field--name-field-sidebar-description,
.text-color--fishblack .field--name-field-full-width-card-headline,
.text-color--fishblack .field--name-field-full-width-headline-link,
.text-color--fishblack .field--name-field-hero-carousel-headline,
.text-color--Black .wide-tile-text,
.text-color--Black .field--name-field-square-tile-text,
.text-color--Black .field--name-field-modular-page-subhead,
.text-color--Black .field--name-field-modular-page-description,
.text-color--Black .field--name-field-flip-card-headline,
.text-color--Black .field--name-field-sidebar-description,
.text-color--Black .field--name-field-full-width-card-headline,
.text-color--Black .field--name-field-full-width-headline-link,
.text-color--Black .field--name-field-hero-carousel-headline,
.text-color--Fish.Black .wide-tile-text,
.text-color--Fish.Black .field--name-field-square-tile-text,
.text-color--Fish.Black .field--name-field-modular-page-subhead,
.text-color--Fish.Black .field--name-field-modular-page-description,
.text-color--Fish.Black .field--name-field-flip-card-headline,
.text-color--Fish.Black .field--name-field-sidebar-description,
.text-color--Fish.Black .field--name-field-full-width-card-headline,
.text-color--Fish.Black .field--name-field-full-width-headline-link,
.text-color--Fish.Black .field--name-field-hero-carousel-headline {
color: #011d27;
}
.text-color--fishblack .wide-tile-text p,
.text-color--fishblack .field--name-field-square-tile-text p,
.text-color--fishblack .field--name-field-modular-page-subhead p,
.text-color--fishblack .field--name-field-modular-page-description p,
.text-color--fishblack .field--name-field-flip-card-headline p,
.text-color--fishblack .field--name-field-sidebar-description p,
.text-color--fishblack .field--name-field-full-width-card-headline p,
.text-color--fishblack .field--name-field-full-width-headline-link p,
.text-color--fishblack .field--name-field-hero-carousel-headline p,
.text-color--Black .wide-tile-text p,
.text-color--Black .field--name-field-square-tile-text p,
.text-color--Black .field--name-field-modular-page-subhead p,
.text-color--Black .field--name-field-modular-page-description p,
.text-color--Black .field--name-field-flip-card-headline p,
.text-color--Black .field--name-field-sidebar-description p,
.text-color--Black .field--name-field-full-width-card-headline p,
.text-color--Black .field--name-field-full-width-headline-link p,
.text-color--Black .field--name-field-hero-carousel-headline p,
.text-color--Fish.Black .wide-tile-text p,
.text-color--Fish.Black .field--name-field-square-tile-text p,
.text-color--Fish.Black .field--name-field-modular-page-subhead p,
.text-color--Fish.Black .field--name-field-modular-page-description p,
.text-color--Fish.Black .field--name-field-flip-card-headline p,
.text-color--Fish.Black .field--name-field-sidebar-description p,
.text-color--Fish.Black .field--name-field-full-width-card-headline p,
.text-color--Fish.Black .field--name-field-full-width-headline-link p,
.text-color--Fish.Black .field--name-field-hero-carousel-headline p {
color: #011d27;
}
.text-color--fishblack .wide-tile-text a,
.text-color--fishblack .field--name-field-square-tile-text a,
.text-color--fishblack .field--name-field-modular-page-subhead a,
.text-color--fishblack .field--name-field-modular-page-description a,
.text-color--fishblack .field--name-field-flip-card-headline a,
.text-color--fishblack .field--name-field-sidebar-description a,
.text-color--fishblack .field--name-field-full-width-card-headline a,
.text-color--fishblack .field--name-field-full-width-headline-link a,
.text-color--fishblack .field--name-field-hero-carousel-headline a,
.text-color--Black .wide-tile-text a,
.text-color--Black .field--name-field-square-tile-text a,
.text-color--Black .field--name-field-modular-page-subhead a,
.text-color--Black .field--name-field-modular-page-description a,
.text-color--Black .field--name-field-flip-card-headline a,
.text-color--Black .field--name-field-sidebar-description a,
.text-color--Black .field--name-field-full-width-card-headline a,
.text-color--Black .field--name-field-full-width-headline-link a,
.text-color--Black .field--name-field-hero-carousel-headline a,
.text-color--Fish.Black .wide-tile-text a,
.text-color--Fish.Black .field--name-field-square-tile-text a,
.text-color--Fish.Black .field--name-field-modular-page-subhead a,
.text-color--Fish.Black .field--name-field-modular-page-description a,
.text-color--Fish.Black .field--name-field-flip-card-headline a,
.text-color--Fish.Black .field--name-field-sidebar-description a,
.text-color--Fish.Black .field--name-field-full-width-card-headline a,
.text-color--Fish.Black .field--name-field-full-width-headline-link a,
.text-color--Fish.Black .field--name-field-hero-carousel-headline a {
color: #011d27;
}
.text-color--fishblack .wide-tile-text h2,
.text-color--fishblack .field--name-field-square-tile-text h2,
.text-color--fishblack .field--name-field-modular-page-subhead h2,
.text-color--fishblack .field--name-field-modular-page-description h2,
.text-color--fishblack .field--name-field-flip-card-headline h2,
.text-color--fishblack .field--name-field-sidebar-description h2,
.text-color--fishblack .field--name-field-full-width-card-headline h2,
.text-color--fishblack .field--name-field-full-width-headline-link h2,
.text-color--fishblack .field--name-field-hero-carousel-headline h2,
.text-color--Black .wide-tile-text h2,
.text-color--Black .field--name-field-square-tile-text h2,
.text-color--Black .field--name-field-modular-page-subhead h2,
.text-color--Black .field--name-field-modular-page-description h2,
.text-color--Black .field--name-field-flip-card-headline h2,
.text-color--Black .field--name-field-sidebar-description h2,
.text-color--Black .field--name-field-full-width-card-headline h2,
.text-color--Black .field--name-field-full-width-headline-link h2,
.text-color--Black .field--name-field-hero-carousel-headline h2,
.text-color--Fish.Black .wide-tile-text h2,
.text-color--Fish.Black .field--name-field-square-tile-text h2,
.text-color--Fish.Black .field--name-field-modular-page-subhead h2,
.text-color--Fish.Black .field--name-field-modular-page-description h2,
.text-color--Fish.Black .field--name-field-flip-card-headline h2,
.text-color--Fish.Black .field--name-field-sidebar-description h2,
.text-color--Fish.Black .field--name-field-full-width-card-headline h2,
.text-color--Fish.Black .field--name-field-full-width-headline-link h2,
.text-color--Fish.Black .field--name-field-hero-carousel-headline h2 {
color: #011d27;
}
.text-color--fishblack .field--name-field-full-width-2-up-cta a,
.text-color--Black .field--name-field-full-width-2-up-cta a,
.text-color--Fish.Black .field--name-field-full-width-2-up-cta a {
border-color: #011d27;
}
.text-color--fishblack .field--name-field-full-width-2-up-cta a:hover,
.text-color--Black .field--name-field-full-width-2-up-cta a:hover,
.text-color--Fish.Black .field--name-field-full-width-2-up-cta a:hover {
border-color: #011d27 !important;
color: #fff;
background-color: #011d27;
box-shadow: 0px 5px 20px #011d2766;
}
.text-color--fishblack .field--name-field-full-width-2-up-cta a:active,
.text-color--Black .field--name-field-full-width-2-up-cta a:active,
.text-color--Fish.Black .field--name-field-full-width-2-up-cta a:active {
box-shadow: 0px 2px 4px #011d2799;
}
.text-color--fishblack .flip-card-return img,
.text-color--Black .flip-card-return img,
.text-color--Fish.Black .flip-card-return img {
filter: brightness(0%);
}
.background-color--yublue {
background-color: #0d518e !important;
}
.background-color--wurzweilergold {
background-color: #ffe77e !important;
}
.background-color--wurzweilergrape {
background-color: #9d2e75 !important;
}
.background-color--symslightblue {
background-color: #0075c9 !important;
}
.background-color--symslimegreen {
background-color: #97de7d !important;
}
.background-color--hrplum {
background-color: #363b63 !important;
}
.background-color--hrpink {
background-color: #c9415f !important;
}
.background-color--hrgrey {
background-color: #e5e5e5 !important;
}
.background-color--fishblack {
background-color: #011d27 !important;
}
.background-color--fishgrapefruit {
background-color: #f27463 !important;
}
.background-color--fishnavy {
background-color: #04405c !important;
}
.background-color--fishstone {
background-color: #e1ddd4 !important;
}
.background-color--katzred {
background-color: #c00015 !important;
}
.background-color--katzgrey {
background-color: #777171 !important;
}
.background-color--katzyellow {
background-color: #ffd727 !important;
}
.accent-color--wurzweilergold .field--name-field-modular-page-subhead {
color: #ffe77e;
}
.accent-color--wurzweilergold .field--name-field-modular-page-subhead h2 {
color: #ffe77e;
font-size: 28px;
text-transform: uppercase;
}
@media all and (max-width: 767px) {
.accent-color--wurzweilergold .field--name-field-modular-page-subhead h2 {
font-size: 22px;
}
}
.outline-color--yublue .outline-card-item {
border-color: #0d518e;
}
.outline-color--yublue .outline-card-item .field--name-field-oultine-card-image {
border-bottom-color: #0d518e;
}
@media all and (min-width: 768px) {
.accent-color-desktop--wurzweilergrape .field--name-field-intro-section-one blockquote {
border-left-color: #9d2e75;
}
.accent-color-desktop--wurzweilergrape .field--name-field-intro-section-one blockquote p {
color: #9d2e75;
}
}
@media all and (min-width: 768px) {
.accent-color-desktop--symsteal .field--name-field-intro-section-one blockquote {
border-left-color: #01797f;
}
.accent-color-desktop--symsteal .field--name-field-intro-section-one blockquote p {
color: #01797f;
}
}
@media all and (max-width: 767px) {
.accent-color-mobile--wurzweilergold .field--name-field-intro-section-one blockquote {
border-left-color: #ffe77e;
}
.accent-color-mobile--wurzweilergold .field--name-field-intro-section-one blockquote p {
color: #ffe77e !important;
}
.accent-color-mobile--wurzweilergold .swiper-pagination {
background-color: #ffe77e !important;
}
}
@media all and (max-width: 767px) {
.accent-color-mobile--symslimegreen .field--name-field-intro-section-one blockquote {
border-left-color: #97de7d;
}
.accent-color-mobile--symslimegreen .field--name-field-intro-section-one blockquote p {
color: #97de7d !important;
}
.accent-color-mobile--symslimegreen .swiper-pagination {
background-color: #97de7d !important;
}
}
.paragraph--type--full-width-2-up {
width: 100%;
margin-right: auto;
margin-left: auto;
display: flex;
flex-direction: row;
}
.paragraph--type--full-width-2-up.desktop-orientation--left {
flex-direction: row-reverse;
}
@media all and (max-width: 767px) {
.paragraph--type--full-width-2-up {
flex-direction: column;
}
.paragraph--type--full-width-2-up.desktop-orientation--left {
flex-direction: column;
}
}
.paragraph--type--full-width-2-up .full-width-2-up-image {
width: 34%;
height: 378px;
position: relative;
overflow: hidden;
}
.paragraph--type--full-width-2-up .full-width-2-up-image img {
height: 378px;
width: auto;
position: absolute;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
}
@media all and (max-width: 767px) {
.paragraph--type--full-width-2-up .full-width-2-up-image {
width: 100%;
height: 305px;
}
.paragraph--type--full-width-2-up .full-width-2-up-image img {
height: 305px;
width: 100%;
object-fit: cover;
}
}
.paragraph--type--full-width-2-up .full-width-2-up-text {
position: relative;
width: 66%;
height: 378px;
overflow: hidden;
display: flex;
justify-content: center;
}
@media all and (max-width: 767px) {
.paragraph--type--full-width-2-up .full-width-2-up-text {
height: 450px;
width: 100%;
margin-top: -3px;
}
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-background {
position: absolute;
top: 0px;
right: 0px;
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-background img,
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-background picture {
position: absolute;
top: 0px;
right: 0px;
width: auto;
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content {
width: 100%;
max-width: 671px;
padding: 20px 0 20px 20px;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
position: absolute;
top: 0;
}
@media all and (max-width: 767px) {
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content {
top: 0px;
padding: 30px;
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-headline {
font-size: 26px;
}
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-descriptio {
overflow-y: auto;
margin-bottom: 10px;
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-descriptio p {
font-size: 17px;
margin-right: 30px;
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-descriptio ol li a {
text-decoration: underline;
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-descriptio ul {
margin: 16px 0;
padding-left: 40px;
list-style-type: disc;
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-descriptio ul li a {
text-decoration: underline;
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-links {
margin-bottom: 22px;
}
@media all and (max-width: 767px) {
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-links {
margin-bottom: 12px;
}
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-links a {
text-decoration: underline;
font-size: 17px;
font-weight: 600;
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-links a:hover {
opacity: 0.8;
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-cta {
margin-top: 26px;
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-cta a {
padding: 18px 40px;
border: 2px solid;
border-radius: 4px;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
}
@media all and (max-width: 767px) {
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-cta {
margin-top: 18px;
}
.paragraph--type--full-width-2-up .full-width-2-up-text .full-width-2-up-text-content .field--name-field-full-width-2-up-cta a {
display: block;
text-align: center;
}
}
.paragraph--type--impact-grid {
margin: 30px 0;
}
@media all and (max-width: 1199px) {
.paragraph--type--impact-grid {
margin: 30px;
}
}
@supports (-ms-ime-align: auto) {
.paragraph--type--impact-grid {
display: block;
clear: both;
padding-top: 30px;
}
}
.paragraph--type--intro-card {
display: flex;
width: 100%;
flex-direction: row;
}
@media all and (max-width: 767px) {
.paragraph--type--intro-card {
flex-direction: column-reverse;
}
}
.paragraph--type--intro-card .intro-card-text {
width: 100%;
max-width: 398px;
height: 398px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
@media all and (max-width: 767px) {
.paragraph--type--intro-card .intro-card-text {
max-width: 100%;
height: 458px;
}
}
.paragraph--type--intro-card .intro-card-text .intro-card-text-background {
position: absolute;
top: 0;
width: 100%;
}
.paragraph--type--intro-card .intro-card-text .intro-card-text-background img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
@media all and (max-width: 767px) {
.paragraph--type--intro-card .intro-card-text .intro-card-text-background {
height: 100%;
width: 100%;
}
.paragraph--type--intro-card .intro-card-text .intro-card-text-background .field--name-field-intro-background-image {
height: 100%;
}
.paragraph--type--intro-card .intro-card-text .intro-card-text-background .field--name-field-intro-background-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
}
.paragraph--type--intro-card .intro-card-text .intro-card-text-content {
position: absolute;
width: 100%;
padding: 0 30px;
}
.paragraph--type--intro-card .intro-card-text .intro-card-text-content .field--name-field-card-description p {
font-size: 17px;
}
.paragraph--type--intro-card .intro-card-image {
width: 66.8%;
height: 398px;
overflow: hidden;
}
@media all and (max-width: 767px) {
.paragraph--type--intro-card .intro-card-image {
width: 100%;
height: 157px;
}
}
.paragraph--type--intro-card .intro-card-image .field--name-field-intro-display-image {
width: 100%;
height: 100%;
}
.paragraph--type--intro-card .intro-card-image .field--name-field-intro-display-image img {
object-fit: cover;
width: 100%;
height: 100%;
}
@media all and (min-width: 768px) and (max-width: 992px) {
.paragraph--type--intro-card .intro-card-image .field--name-field-intro-display-image img {
object-position: left;
}
}
@media only screen and (max-width: 406px) {
.field--name-field-flip-cards .flip-card-item:nth-child(2) .paragraph--type--flip-card-item- .flip-card-text {
height: 230px !important;
}
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards {
display: flex;
}
@media all and (max-width: 992px) {
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards {
flex-direction: column;
}
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item {
width: 100%;
}
@media all and (max-width: 992px) {
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text.flipped {
height: 300px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
}
@media all and (max-width: 767px) {
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text.flipped {
height: 450px;
overflow: hidden;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
}
@media all and (max-width: 344px) {
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text.flipped {
height: 475px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text {
position: relative;
height: 398px;
display: flex;
align-items: flex-end;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
@media all and (max-width: 992px) {
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text {
height: 250px;
overflow: hidden;
}
}
@media all and (max-width: 767px) {
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text {
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card {
display: flex;
align-items: flex-end;
position: relative;
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 600ms;
transition: all 600ms;
z-index: 20;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-background,
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content {
position: absolute;
height: 100%;
width: 100%;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-background .field--name-field-flip-card-background {
height: 100%;
width: 100%;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-background .field--name-field-flip-card-background img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: top;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .field {
padding: 0 30px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .back-headline {
margin-top: 65px;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .field--name-field-back-description {
overflow-y: scroll;
margin-bottom: 30px;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .field--name-field-back-description p,
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .field--name-field-front-description p {
font-size: 17px;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .flip-card-read-more {
padding-bottom: 30px;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .flip-card-read-more .field--name-field-flip-card-read-more- {
padding: 0;
font-size: 16px;
font-weight: 600;
text-decoration: underline;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .flip-card-read-more .field--name-field-flip-card-read-more-:hover {
opacity: 0.8;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .flip-card-front-content {
position: absolute;
bottom: 20px;
}
@media all and (min-width: 768px) {
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .flip-card-front-content {
bottom: 40px;
}
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .flip-card-back-content {
position: absolute;
-webkit-transform: rotateY(180deg) translateZ(1px);
transform: rotateY(180deg) translateZ(1px);
will-change: transform;
display: none;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .flip-card-back-content p {
will-change: transform;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .flip-card-back-content .flip-card-back-btn {
display: flex;
width: 100%;
position: absolute;
top: 30px;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .flip-card-back-content .flip-card-back-btn .flip-card-return {
width: 15px;
height: 15px;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card .flip-card-text-content .flip-card-back-content .flip-card-back-btn .flip-card-return img {
width: 100%;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card.flipped {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
will-change: transform;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card.flipped .flip-card-back-content {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
justify-content: flex-end;
}
@-moz-document url-prefix() {
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card.flipped .flip-card-front-content {
opacity: 0;
}
}
@supports (display: -ms-grid) {
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card.flipped .flip-card-front-content {
display: none;
}
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card.flipped .flip-card-read-more {
display: none;
}
.paragraph--type--flip-cards .field--name-field-flip-cards .flip-cards .flip-card-item .flip-card-text .card.flipped .flip-card-read-more a.field--name-field-flip-card-read-more-:hover {
opacity: inherit;
}
.paragraph--type--impact-grid-with-sidebar {
margin: 30px 0;
display: flow-root;
}
@supports (display: -ms-grid) {
.paragraph--type--impact-grid-with-sidebar {
display: block;
clear: both;
}
}
@supports (-ms-ime-align: auto) {
.paragraph--type--impact-grid-with-sidebar {
display: block;
clear: both;
padding-top: 30px;
}
}
@media all and (max-width: 1199px) {
.paragraph--type--impact-grid-with-sidebar {
display: flex;
flex-direction: column;
}
}
.paragraph--type--impact-grid-with-sidebar .paragraph--type--sidebar-container {
max-width: 378px;
width: 31.5%;
}
@media all and (max-width: 1199px) {
.paragraph--type--impact-grid-with-sidebar .paragraph--type--sidebar-container {
max-width: 100%;
width: 100%;
}
}
.paragraph--type--impact-grid-with-sidebar .paragraph--type--grid-container {
max-width: 786px;
width: 65.5%;
}
@media all and (max-width: 1199px) {
.paragraph--type--impact-grid-with-sidebar .paragraph--type--grid-container {
max-width: 100%;
width: 100%;
}
}
.paragraph--type--impact-grid-with-sidebar.cards-number--12 .paragraph--type--sidebar-quote .sidebar-content {
min-height: 1044px;
}
@media all and (max-width: 1199px) {
.paragraph--type--impact-grid-with-sidebar.cards-number--12 .paragraph--type--sidebar-quote .sidebar-content {
min-height: inherit;
}
}
.paragraph--type--impact-grid-with-sidebar.cards-number-- .paragraph--type--sidebar-quote .sidebar-content,
.paragraph--type--impact-grid-with-sidebar.cards-number--9 .paragraph--type--sidebar-quote .sidebar-content {
min-height: 786px;
}
@media all and (max-width: 1199px) {
.paragraph--type--impact-grid-with-sidebar.cards-number-- .paragraph--type--sidebar-quote .sidebar-content,
.paragraph--type--impact-grid-with-sidebar.cards-number--9 .paragraph--type--sidebar-quote .sidebar-content {
min-height: inherit;
}
}
.paragraph--type--impact-grid-with-sidebar.sidebar-display--Left .paragraph--type--sidebar-container,
.paragraph--type--impact-grid-with-sidebar.sidebar-display--Left .field--name-field-paragraph-body,
.paragraph--type--modular-page-body.body-display-paragraph--Left .paragraph--type--sidebar-container,
.paragraph--type--modular-page-body.body-display-paragraph--Left .field--name-field-paragraph-body {
float: left;
margin-right: 30px;
}
.paragraph--type--impact-grid-with-sidebar.sidebar-display--Left .paragraph--type--grid-container,
.paragraph--type--impact-grid-with-sidebar.sidebar-display--Left .field--name-field-image-body,
.paragraph--type--modular-page-body.body-display-paragraph--Left .paragraph--type--grid-container,
.paragraph--type--modular-page-body.body-display-paragraph--Left .field--name-field-image-body {
float: right;
position: sticky;
position: -webkit-sticky;
}
.paragraph--type--impact-grid-with-sidebar.sidebar-display--Right .paragraph--type--sidebar-container,
.paragraph--type--impact-grid-with-sidebar.sidebar-display--Right .field--name-field-paragraph-body,
.paragraph--type--modular-page-body.body-display-paragraph--Right .paragraph--type--sidebar-container,
.paragraph--type--modular-page-body.body-display-paragraph--Right .field--name-field-paragraph-body {
float: right;
margin-left: 30px;
}
.paragraph--type--impact-grid-with-sidebar.sidebar-display--Right .paragraph--type--grid-container,
.paragraph--type--impact-grid-with-sidebar.sidebar-display--Right .field--name-field-image-body,
.paragraph--type--modular-page-body.body-display-paragraph--Right .paragraph--type--grid-container,
.paragraph--type--modular-page-body.body-display-paragraph--Right .field--name-field-image-body {
float: left;
position: sticky;
position: -webkit-sticky;
}
.paragraph--type--sidebar-quote .field--name-field-sidebar-pull-quote {
border-left: 5px solid #fff;
}
.paragraph--type--sidebar-quote .field--name-field-sidebar-pull-quote p {
color: #fff;
}
.paragraph--type--sidebar-quote.quote-color--wurzweilergold .field--name-field-sidebar-pull-quote {
border-left: 5px solid #ffe77e;
}
.paragraph--type--sidebar-quote.quote-color--wurzweilergold .field--name-field-sidebar-pull-quote p {
color: #ffe77e;
}
.paragraph--type--sidebar-quote.quote-color--yublue .field--name-field-sidebar-pull-quote {
border-left: 5px solid #0d518e;
}
.paragraph--type--sidebar-quote.quote-color--yublue .field--name-field-sidebar-pull-quote p {
color: #0d518e;
}
.paragraph--type--sidebar-quote.quote-color--hrpink .field--name-field-sidebar-pull-quote {
border-left: 5px solid #af4879;
}
.paragraph--type--sidebar-quote.quote-color--hrpink .field--name-field-sidebar-pull-quote p {
color: #af4879;
}
.paragraph--type--sidebar-quote.quote-color--fishgrapefruit .field--name-field-sidebar-pull-quote {
border-left: 5px solid #f27463;
}
.paragraph--type--sidebar-quote.quote-color--fishgrapefruit .field--name-field-sidebar-pull-quote p {
color: #f27463;
}
.paragraph--type--sidebar-quote.quote-color--katzyellow .field--name-field-sidebar-pull-quote {
border-left: 5px solid #ffe77e;
}
.paragraph--type--sidebar-quote.quote-color--katzyellow .field--name-field-sidebar-pull-quote p {
color: #ffe77e;
}
.paragraph--type--sidebar-quote {
min-height: 786px;
height: auto;
}
@media all and (max-width: 1199px) {
.paragraph--type--sidebar-quote {
min-height: inherit;
}
}
.paragraph--type--sidebar-quote .sidebar-content {
padding: 30px;
height: auto;
background-repeat: no-repeat;
background-size: cover;
}
@media all and (max-width: 1199px) {
.paragraph--type--sidebar-quote .sidebar-content {
min-height: inherit;
margin: 0 30px 30px;
background-position: bottom;
}
}
.paragraph--type--sidebar-quote .sidebar-content .field--name-field-sidebar-description p {
font-size: 17px;
}
.paragraph--type--sidebar-quote .sidebar-content .field--name-field-sidebar-pull-quote {
padding: 20px 0;
}
.paragraph--type--sidebar-quote .sidebar-content .field--name-field-sidebar-pull-quote p {
margin-left: 20px;
margin-bottom: 0;
font-size: 22px;
}
.paragraph--type--sidebar-cards {
min-height: 786px;
height: auto;
}
@media all and (max-width: 1199px) {
.paragraph--type--sidebar-cards {
min-height: inherit;
}
}
.paragraph--type--sidebar-cards .sidebar-content {
padding: 30px;
min-height: 786px;
height: auto;
background-color: #0d518e;
}
@media all and (max-width: 1199px) {
.paragraph--type--sidebar-cards .sidebar-content {
min-height: inherit;
margin: 0 30px 30px;
background-position: bottom;
}
}
@media all and (max-width: 767px) {
.paragraph--type--sidebar-cards .sidebar-content {
padding: 20px;
}
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-headline {
margin-bottom: 20px;
}
@media all and (max-width: 1199px) {
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards {
display: flex;
}
}
@media all and (max-width: 767px) {
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards {
flex-direction: column;
}
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .card {
position: relative;
height: 100%;
width: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 600ms;
transition: all 600ms;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .card .flip-content {
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .card .front-card-image {
display: block;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .card .back-card-image {
position: absolute;
padding: 15px;
top: 0;
overflow-y: hidden;
background-color: #2b6ba5;
height: 100%;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .card .back-card-image .flip-card-back-btn {
display: flex;
width: 100%;
top: 30px;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .card .back-card-image .flip-card-back-btn .flip-card-return {
width: 15px;
height: 15px;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .card .back-card-image .flip-card-back-btn .flip-card-return img {
width: 100%;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .card .back-card-image .field--name-field-card-back-text {
padding-top: 15px;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .card.flipped {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
will-change: transform;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .card.flipped .back-card-image {
overflow-y: scroll;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .field--name-field-card-image {
height: 150px;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .field--name-field-card-image img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: top;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .image-card-content {
padding: 15px;
background-color: #2b6ba5;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .image-card-content .field--name-field-card-text- p {
margin-bottom: 15px;
font-size: 16px;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .image-card-content a.field--name-field-flip-card-read-more- {
text-decoration: underline;
font-size: 16px;
font-weight: 600;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards .paragraph--type--sidebar-card-item .image-card-content a.field--name-field-flip-card-read-more-:hover {
opacity: 0.8;
}
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards > div:first-child {
margin: 0 0 30px;
}
@media all and (max-width: 1199px) {
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards > div:first-child {
margin: 0 30px 0 0;
}
}
@media all and (max-width: 767px) {
.paragraph--type--sidebar-cards .sidebar-content .field--name-field-sidebar-image-cards > div:first-child {
margin: 0 0 20px;
}
}
@media all and (max-width: 1199px) {
.field--name-field-grid-container-wrapper {
padding: 0 30px;
}
}
@media all and (max-width: 767px) {
.field--name-field-grid-container-wrapper {
padding: 0;
}
}
.field--name-field-grid-container-wrapper .grid-with-sidebar-swiper {
display: none;
}
@media all and (max-width: 767px) {
.field--name-field-grid-container-wrapper .grid-with-sidebar-swiper {
display: block;
}
}
.field--name-field-grid-container-wrapper .swiper-pagination {
display: none;
}
@media all and (max-width: 767px) {
.field--name-field-grid-container-wrapper .swiper-pagination {
display: block;
}
}
.field--name-field-grid-container-wrapper .swiper-wrapper {
display: none !important;
}
@media all and (max-width: 767px) {
.field--name-field-grid-container-wrapper .swiper-wrapper {
display: flex !important;
}
}
@media all and (max-width: 767px) {
.field--name-field-grid-container-wrapper .field--name-field-flip-card-and-image.grid-wrapper {
display: none;
}
}
.paragraph--type--grid-container {
display: flex;
flex-wrap: wrap;
}
@media all and (max-width: 767px) {
.paragraph--type--grid-container {
flex-wrap: nowrap;
overflow-x: scroll;
}
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image {
display: flex;
flex-wrap: wrap;
width: 33.33%;
}
@media all and (max-width: 767px) {
.paragraph--type--grid-container .field--name-field-flip-card-and-image {
padding: 0;
width: 100%;
min-width: 240px;
margin-bottom: 10px;
}
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- {
width: 100%;
height: 261px;
}
@media all and (max-width: 1199px) {
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- {
width: 100%;
}
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card {
position: relative;
height: 100%;
width: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 600ms;
transition: all 600ms;
z-index: 20;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-background {
position: absolute;
width: 100%;
height: 100%;
}
@media all and (max-width: 1199px) {
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-background {
width: 100%;
height: 262px;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-background img {
object-fit: cover;
height: 262px;
width: 100%;
object-position: top;
}
}
@media all and (max-width: 767px) {
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-background {
width: 100%;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-background img {
object-fit: cover;
height: 262px;
width: 100%;
object-position: top;
}
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-background .field--name-field-flip-card-background {
width: 100%;
height: 100%;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-background .field--name-field-flip-card-background img {
width: 100%;
height: 100%;
object-fit: cover;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .field--name-field-flip-card-headline-link {
text-decoration: underline;
margin-right: 44px;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .field--name-field-flip-card-headline {
margin-right: 44px;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-front-content {
position: absolute;
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
padding: 20px;
width: 100%;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-front-content .field--name-field-front-description p {
font-size: 17px;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-front-content .field--name-field-flip-card-read-more-,
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-front-content .field--name-field-flip-card-read-more-link {
padding: 0;
font-size: 16px;
font-weight: 600;
text-decoration: underline;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-front-content .field--name-field-flip-card-read-more-:hover,
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-front-content .field--name-field-flip-card-read-more-link:hover {
opacity: 0.8;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .content-only-header {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .content-only-header h3 {
margin-right: unset;
margin-bottom: 0;
text-align: center;
}
@media all and (max-width: 767px) {
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .content-back-only-header {
justify-content: center !important;
align-items: center;
}
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content {
position: absolute;
padding: 20px 0px 20px 20px;
-webkit-transform: rotateY(180deg) translateZ(1px);
transform: rotateY(180deg) translateZ(1px);
will-change: transform;
display: none;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content .back-headline {
margin-top: 0;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content .back-headline h3.field--name-field-flip-card-headline {
font-size: 1.2em;
line-height: 1.2;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content .field--name-field-back-description {
overflow-y: scroll;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content .field--name-field-back-description p {
margin-right: 20px;
margin-bottom: 10px;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content .field--name-field-back-description p a {
word-break: break-word;
font-weight: bold;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content .field--name-field-back-description ol {
font-size: 14px;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content .field--name-field-back-description ol li a {
text-decoration: underline;
font-weight: bold;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content .field--name-field-back-description ul {
font-size: 14px;
margin: 16px 0;
padding-left: 40px;
list-style-type: disc;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content .field--name-field-back-description ul li a {
text-decoration: underline;
font-weight: bold;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content p {
will-change: transform;
margin-bottom: 0;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content .flip-card-back-btn {
display: flex;
width: 100%;
top: 30px;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content .flip-card-back-btn .flip-card-return {
width: 15px;
height: 15px;
margin-left: auto;
margin-right: 20px;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card .flip-card-back-content .flip-card-back-btn .flip-card-return img {
width: 100%;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card.flipped {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
will-change: transform;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card.flipped .flip-card-front-content {
display: none;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-flip-card- .card.flipped .flip-card-back-content {
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
width: 100%;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-image {
width: 100%;
height: 261px;
}
@media all and (max-width: 1199px) {
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-image {
width: 100%;
}
}
@media all and (max-width: 767px) {
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-image {
width: 100%;
}
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-image .field--name-field-grid-image {
height: 100%;
}
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-image .field--name-field-grid-image img {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media all and (max-width: 767px) {
.paragraph--type--grid-container .field--name-field-flip-card-and-image .paragraph--type--grid-image .field--name-field-grid-image img {
height: 262px;
}
}
.paragraph--type--outline-cards {
width: 93%;
max-width: 930px;
margin: 0 auto;
padding: 40px 30px;
display: -webkit-flex;
flex-direction: column;
}
@supports (display: -ms-grid) {
.paragraph--type--outline-cards {
clear: both;
}
}
@media all and (max-width: 767px) {
.paragraph--type--outline-cards {
width: auto;
padding: 40px 0;
}
}
.paragraph--type--outline-cards .field--name-field-section-title {
text-align: center;
margin-bottom: 30px;
}
.paragraph--type--outline-cards .outline-cards-container {
position: relative;
}
@media all and (max-width: 767px) {
.paragraph--type--outline-cards .outline-cards-container {
padding: 0 0 0 30px;
}
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card {
max-width: 276px;
}
@media all and (max-width: 767px) {
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card {
max-width: 100%;
overflow: hidden;
}
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item {
position: relative;
height: 513px;
width: 100%;
border-width: 2px;
border-style: solid;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 600ms;
transition: all 600ms;
}
@media all and (max-width: 344px) {
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item {
height: 510px;
}
}
@media all and (max-width: 767px) {
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item {
width: auto;
}
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .card-content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-front .field--name-field-oultine-card-image {
width: 100%;
height: 276px;
border-bottom-style: solid;
border-bottom-width: 2px;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-front .field--name-field-oultine-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-front .field--name-field-outline-card-video {
width: 100%;
height: 276px;
border-bottom-style: solid;
border-bottom-width: 2px;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-front .field--name-field-outline-card-video figure {
width: 100%;
height: 100%;
margin: 0;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-front .field--name-field-outline-card-video figure iframe {
width: 100%;
height: 100%;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-front .outline-card-text {
padding: 20px;
text-align: left;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-front .outline-card-text .field--name-field-outline-card-description p {
font-size: 16px;
color: #333;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-front .outline-card-text .field--name-field-flip-card-read-more- {
font-size: 16px;
text-decoration: underline;
font-weight: 600;
color: #0d518e;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-front .outline-card-text .field--name-field-flip-card-read-more-:hover {
opacity: 0.8;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
will-change: transform;
position: absolute;
height: auto;
padding: 20px;
text-align: left;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-back .flip-card-back-btn {
display: flex;
width: 100%;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-back .flip-card-back-btn a {
width: 15px;
height: 15px;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-back .flip-card-back-btn a img {
width: 100%;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-back .field--name-field-outline-card-title {
padding-top: 20px;
}
@-moz-document url-prefix() {
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-back .field--name-field-outline-card-back-descript {
padding-bottom: 40px !important;
}
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-back .field--name-field-outline-card-back-descript {
padding-bottom: 20px;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-back .field--name-field-outline-card-back-descript p {
color: #333;
font-size: 16px;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-back .field--name-field-outline-card-back-descript ol {
font-size: 16px;
color: #333;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-back .field--name-field-outline-card-back-descript ol li a {
text-decoration: underline;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-back .field--name-field-outline-card-back-descript ul {
font-size: 16px;
margin: 16px 0;
padding-left: 40px;
list-style-type: disc;
color: #333;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .outline-card-item .outline-card-back .field--name-field-outline-card-back-descript ul li a {
text-decoration: underline;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .card.flipped {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
will-change: transform;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .card.flipped .outline-card-front {
display: none;
}
.paragraph--type--outline-cards .outline-cards-container .paragraph--type--outline-card .card.flipped .outline-card-back {
position: relative;
height: 100%;
overflow-y: scroll;
}
.paragraph--type--magnitude-grid {
margin: 30px 0 30px 0;
}
@media all and (max-width: 992px) {
.paragraph--type--magnitude-grid {
padding: 0 30px;
}
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media all and (max-width: 992px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card {
flex-direction: column;
}
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card {
width: 50%;
}
@media all and (max-width: 992px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card {
width: 100%;
}
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media all and (max-width: 992px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card {
flex-direction: column;
width: 100%;
}
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .text-color--white {
color: #ffffff;
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .text-color--yublue {
color: #0d518e;
}
@media all and (max-width: 992px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-image-container.contains-card-video {
height: 267px;
display: block;
width: 100%;
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-image-container.contains-card-video .field--name-field-magnitude-grid-card-image {
height: 100%;
width: 100%;
}
}
@media all and (max-width: 767px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-image-container.contains-card-video {
height: 199px;
}
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-image-container {
position: relative;
width: 50%;
}
@media all and (max-width: 992px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-image-container {
display: none;
width: 100%;
}
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-image-container img {
display: block;
border: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-image-container img.play-video-image {
width: 80px;
height: 70px;
margin: auto;
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-image-container picture {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container {
width: 50%;
overflow: hidden;
position: relative;
padding: 30px;
text-align: center;
}
@media all and (max-width: 992px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container {
width: 100%;
padding: 30px 20px;
}
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .field--name-field-magnitude-grid-card-backgr {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
@media all and (max-width: 992px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .field--name-field-magnitude-grid-card-backgr {
width: 100%;
}
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .field--name-field-magnitude-grid-card-backgr img {
display: block;
border: 0;
width: 101%;
height: 101%;
object-fit: cover;
object-position: center;
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .field--name-field-magnitude-grid-card-backgr picture {
display: block;
width: 101%;
height: 101%;
object-fit: cover;
object-position: center;
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .field--name-field-magnitude-grid-card-title {
text-align: left;
font-size: 28px;
line-height: 35px;
margin: 0 0 35px 0;
}
@media all and (min-width: 993px) and (max-width: 1199px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .field--name-field-magnitude-grid-card-title {
margin: 0 0 10px 0;
}
}
@media all and (max-width: 767px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .field--name-field-magnitude-grid-card-title {
margin: 0 0 10px 0;
}
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .card-stats {
display: inline-block;
margin: 0 auto;
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .card-stats .field--name-field-magnitude-grid-card-stat {
font-size: 48px;
font-weight: bold;
line-height: 78px;
display: inline-block;
}
@media all and (min-width: 993px) and (max-width: 1199px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .card-stats .field--name-field-magnitude-grid-card-stat {
line-height: 48px;
}
}
@media all and (max-width: 767px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .card-stats .field--name-field-magnitude-grid-card-stat {
line-height: 60px;
}
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .card-stats .field--name-field-magnitude-grid-card-units {
font-size: 18px;
line-height: 22px;
display: inline-block;
font-weight: bold;
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .field--name-field-magnitude-grid-card-text {
text-align: left;
font-size: 17px;
line-height: 24px;
margin: 35px 0 0 0;
}
@media all and (min-width: 993px) and (max-width: 1199px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .field--name-field-magnitude-grid-card-text {
margin: 10px 0 0 0;
}
}
@media all and (max-width: 767px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card .card .paragraph--type--magnitude-grid-card .card-text-container .field--name-field-magnitude-grid-card-text {
margin: 10px 0 0 0;
}
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-1 .paragraph--type--magnitude-grid-card,
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-2 .paragraph--type--magnitude-grid-card,
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-5 .paragraph--type--magnitude-grid-card,
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-6 .paragraph--type--magnitude-grid-card {
flex-direction: row-reverse;
}
@media all and (max-width: 992px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-1 .paragraph--type--magnitude-grid-card,
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-2 .paragraph--type--magnitude-grid-card,
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-5 .paragraph--type--magnitude-grid-card,
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-6 .paragraph--type--magnitude-grid-card {
flex-direction: column-reverse;
}
}
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-3 .paragraph--type--magnitude-grid-card,
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-4 .paragraph--type--magnitude-grid-card,
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-7 .paragraph--type--magnitude-grid-card,
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-8 .paragraph--type--magnitude-grid-card {
flex-direction: row;
}
@media all and (max-width: 992px) {
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-3 .paragraph--type--magnitude-grid-card,
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-4 .paragraph--type--magnitude-grid-card,
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-7 .paragraph--type--magnitude-grid-card,
.paragraph--type--magnitude-grid .field--name-field-magnitude-grid-card #card-8 .paragraph--type--magnitude-grid-card {
flex-direction: column;
}
}
.paragraph--type--magnitude-grid .card-video-container {
display: none;
}
.paragraph--type--magnitude-grid a.play-video {
display: block;
position: absolute;
top: 45%;
left: 50%;
width: 100px;
height: 100px;
margin: -25px 0 0 -50px;
text-align: center;
}
.paragraph--type--magnitude-grid a.play-video span {
font-weight: 600;
}
.impact-body-title {
text-align: center;
margin-top: 60px;
}
.impact-body-title .field--name-field-impact-body-title {
font-weight: 500;
font-size: 36px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #0d518e;
}
.paragraph--type--impact-body {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin-top: 30px;
}
@media all and (max-width: 992px) {
.paragraph--type--impact-body {
flex-direction: column;
flex-wrap: nowrap;
}
}
.paragraph--type--impact-body .main-cards-container {
width: 65.5%;
margin-right: 2.5%;
}
@media all and (max-width: 992px) {
.paragraph--type--impact-body .main-cards-container {
width: 85%;
display: block;
margin: auto;
}
}
.paragraph--type--impact-body .main-cards {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media all and (max-width: 767px) {
.paragraph--type--impact-body .main-cards {
width: 100%;
}
}
.paragraph--type--impact-body .main-cards .slide {
width: 100%;
}
.paragraph--type--impact-body .main-cards .paragraph--type--impact-body-main-card {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 30px;
}
.paragraph--type--impact-body .main-cards .paragraph--type--impact-body-main-card-image,
.paragraph--type--impact-body .main-cards .image-container {
width: 276px;
min-height: 282px;
}
@media all and (max-width: 767px) {
.paragraph--type--impact-body .main-cards .paragraph--type--impact-body-main-card-image,
.paragraph--type--impact-body .main-cards .image-container {
width: 100%;
height: auto;
margin: auto;
}
}
.paragraph--type--impact-body .main-cards .paragraph--type--impact-body-main-card-image .field--name-field-impact-body-main-card-imag,
.paragraph--type--impact-body .main-cards .image-container .field--name-field-impact-body-main-card-imag {
width: 100%;
}
@media all and (max-width: 767px) {
.paragraph--type--impact-body .main-cards .paragraph--type--impact-body-main-card-image .field--name-field-impact-body-main-card-imag,
.paragraph--type--impact-body .main-cards .image-container .field--name-field-impact-body-main-card-imag {
width: auto;
}
}
.paragraph--type--impact-body .main-cards .paragraph--type--impact-body-main-card-image .field--name-field-impact-body-main-card-imag img,
.paragraph--type--impact-body .main-cards .image-container .field--name-field-impact-body-main-card-imag img {
display: block;
width: 100%;
}
@media all and (max-width: 767px) {
.paragraph--type--impact-body .main-cards .paragraph--type--impact-body-main-card-image .field--name-field-impact-body-main-card-imag img,
.paragraph--type--impact-body .main-cards .image-container .field--name-field-impact-body-main-card-imag img {
object-fit: cover;
object-position: center;
height: 282px;
width: 100%;
}
}
.paragraph--type--impact-body .main-cards .text-container {
width: calc(100% - 276px);
z-index: 8;
height: 282px;
}
@media all and (max-width: 767px) {
.paragraph--type--impact-body .main-cards .text-container {
width: 100%;
margin: auto;
height: 340px;
}
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner {
background-color: #f4f4f4;
min-height: 282px;
position: relative;
height: 100%;
width: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 600ms;
transition: all 600ms;
z-index: 20;
}
@media all and (max-width: 767px) {
.paragraph--type--impact-body .main-cards .text-container .text-container-inner {
padding: 0;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner p {
font-size: 14px;
line-height: 20px;
color: #333;
}
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .field--name-field-impact-main-card-text {
max-height: 158px;
overflow: scroll;
margin-bottom: 13px;
}
@media all and (min-width: 993px) and (max-width: 1120px) {
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .field--name-field-impact-main-card-text {
max-height: 110px;
}
}
@media all and (max-width: 767px) {
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .field--name-field-impact-main-card-text {
max-height: 202px;
}
}
@media all and (max-width: 600px) {
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .field--name-field-impact-main-card-text {
max-height: 158px;
}
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .field--name-field-impact-main-card-text p {
color: #333;
padding-right: 10px;
margin-bottom: 10px;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .field--name-field-impact-main-card-text-back p {
color: #fff;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .field--name-field-impact-main-card-read-more {
color: #0d518e;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .field--name-field-impact-main-card-read-more:hover {
opacity: 0.8;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-front-content {
padding: 30px 30px 0px 30px;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-front-content .field--name-field-flip-card-read-more-,
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-front-content .field--name-field-impact-main-card-read-more {
font-size: 16px;
font-weight: 600;
text-decoration: underline;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-front-content .field--name-field-flip-card-read-more-:hover,
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-front-content .field--name-field-impact-main-card-read-more:hover {
opacity: 0.8;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-back-content {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
will-change: transform;
display: none;
padding: 30px 0px 30px 30px;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-back-content p {
will-change: transform;
margin-bottom: 10px;
margin-right: 30px;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-back-content a {
color: #ffe77e;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-back-content ol {
color: #fff;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-back-content ol li a {
text-decoration: underline;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-back-content ul {
margin: 16px 0;
padding-left: 40px;
list-style-type: disc;
color: #fff;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-back-content ul li a {
text-decoration: underline;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-back-content .flip-card-back-btn {
display: flex;
width: 100%;
position: relative;
margin-bottom: 20px;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-back-content .flip-card-back-btn .flip-card-return {
width: 15px;
height: 15px;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner .flip-card-back-content .flip-card-back-btn .flip-card-return img {
width: 100%;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner.flipped {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
will-change: transform;
background-color: #0d518e;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner.flipped .flip-card-front-content {
display: none;
}
.paragraph--type--impact-body .main-cards .text-container .text-container-inner.flipped .flip-card-back-content {
display: block;
}
.paragraph--type--impact-body .main-cards .field--name-field-impact-main-card-title {
font-size: 28px;
line-height: 35px;
}
.paragraph--type--impact-body .main-cards .field--name-field-impact-main-card-text {
font-size: 17px;
line-height: 24px;
}
.paragraph--type--impact-body .main-cards .field--name-field-impact-main-card-text p {
font-size: 17px;
line-height: 24px;
}
.paragraph--type--impact-body .main-cards .field--name-field-impact-main-card-text-back {
font-size: 17px;
line-height: 24px;
max-height: 192px;
overflow-y: scroll;
}
@media all and (max-width: 767px) {
.paragraph--type--impact-body .main-cards .field--name-field-impact-main-card-text-back {
max-height: 245px;
}
}
.paragraph--type--impact-body .main-cards .field--name-field-impact-main-card-text-back p {
font-size: 17px;
line-height: 24px;
color: #fff;
}
.paragraph--type--impact-body .main-cards .field--name-field-impact-main-card-read-more {
color: #0d518e;
}
.paragraph--type--impact-body .main-cards .field--name-field-impact-main-card-read-more:hover {
opacity: 0.8;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar {
width: 32%;
background-color: #0d518e;
color: #fff;
padding: 25px 30px 0px 30px;
margin-bottom: 30px;
z-index: 8;
}
@media all and (max-width: 992px) {
.paragraph--type--impact-body .field--name-field-impact-body-sidebar {
width: 85%;
margin: auto;
}
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .field--name-field-impact-body-sidebar-title {
color: #fff;
font-size: 36px;
line-height: 45px;
margin: 0 0 30px 0;
padding: 0 50px 0 0;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card {
margin: 0 0 28px 0;
position: relative;
height: 100%;
width: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 600ms;
transition: all 600ms;
z-index: 20;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .sidebar-card-image img {
width: 100%;
display: block;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .sidebar-card-text {
background-color: #2b6ba5;
padding: 20px 20px 25px 20px;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .sidebar-card-text .field--name-field-impact-sidebar-card-title {
color: #fff;
font-size: 18px;
line-height: 22px;
font-weight: bold;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .sidebar-card-text .field--name-field-impact-sidebar-card-text {
font-size: 16px;
line-height: 22px;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .sidebar-card-text .field--name-field-impact-sidebar-card-text p {
font-size: 16px;
line-height: 22px;
color: #fff;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .sidebar-card-text a.field--name-field-impact-sidebar-card-read-m {
margin-top: 10px;
color: #fff;
text-decoration: underline;
font-size: 16px;
line-height: 22px;
font-weight: bold;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .sidebar-card-text a.field--name-field-impact-sidebar-card-read-m:hover {
opacity: 0.8;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-front-content {
display: block;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-back-content {
display: none;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-back-btn {
display: none;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-back-content {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
will-change: transform;
display: none;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-back-content p {
will-change: transform;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-back-content .field--name-field-impact-sidebar-card-text-b {
font-size: 16px;
line-height: 22px;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-back-content .field--name-field-impact-sidebar-card-text-b p {
font-size: 16px;
line-height: 22px;
color: #4c4c4c;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-back-content .field--name-field-impact-sidebar-card-text-b ol {
color: #4c4c4c;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-back-content .field--name-field-impact-sidebar-card-text-b ol li a {
text-decoration: underline;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-back-content .field--name-field-impact-sidebar-card-text-b ul {
margin: 16px 0;
padding-left: 40px;
list-style-type: disc;
color: #4c4c4c;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-back-content .field--name-field-impact-sidebar-card-text-b ul li a {
text-decoration: underline;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-back-content .flip-card-back-btn {
display: flex;
width: 100%;
position: relative;
margin-bottom: 20px;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-back-content .flip-card-back-btn .flip-card-return {
width: 15px;
height: 15px;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card .flip-card-back-content .flip-card-back-btn .flip-card-return img {
width: 100%;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card.flipped {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
will-change: transform;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card.flipped .flip-card-front-content {
display: none;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card.flipped .flip-card-back-content {
display: block;
max-height: 330px;
overflow-y: scroll;
background-color: #f4f4f4;
padding: 20px;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card.flipped .flip-card-back-content p {
color: #333;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card.flipped .flip-card-back-btn {
display: flex;
width: 100%;
position: relative;
margin-bottom: 20px;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card.flipped .flip-card-back-btn .flip-card-return {
width: 15px;
height: 15px;
}
.paragraph--type--impact-body .field--name-field-impact-body-sidebar .paragraph--type--impact-body-sidebar .paragraph--type--impact-body-sidebar-card.flipped .flip-card-back-btn .flip-card-return img {
width: 100%;
}
.paragraph--type--program-description {
padding: 30px 0;
}
.paragraph--type--program-description p {
font-size: 17px;
color: #333;
}
.paragraph--type--program-description a {
color: #0d518e;
font-weight: bold;
text-decoration: underline;
}
.paragraph--type--program-description a:hover {
opacity: 0.8;
}
.paragraph--type--program-description .field-group-background-image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.paragraph--type--program-description .program-description-paragraphs {
display: flex;
padding: 0 30px;
}
@media all and (max-width: 767px) {
.paragraph--type--program-description .program-description-paragraphs {
flex-direction: column-reverse;
padding: 0;
}
}
.paragraph--type--program-description .program-description-paragraphs .left-container {
padding-right: 20px;
max-width: 720px;
width: 100%;
}
@media all and (max-width: 767px) {
.paragraph--type--program-description .program-description-paragraphs .left-container {
padding-right: 0;
}
}
@media all and (max-width: 767px) {
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown {
padding: 40px 0;
}
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-one blockquote {
border-left-style: solid;
border-left-width: 5px;
margin: 0;
padding: 20px;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-one blockquote p {
font-size: 22px;
margin: 0;
font-weight: 500;
}
@media all and (max-width: 767px) {
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-one blockquote p {
font-size: 20px;
}
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-one ol li {
padding: 0 0 20px 0;
color: #333;
font-size: 17px;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-one ol li a {
text-decoration: underline;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-one ul {
margin: 16px 0;
padding-left: 40px;
list-style-type: disc;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-one ul li {
padding: 0 0 20px 0;
color: #333;
font-size: 17px;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-one ul li a {
text-decoration: underline;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-two {
color: #333;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-two blockquote {
border-left-style: solid;
border-left-width: 5px;
margin: 0;
padding: 20px;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-two blockquote p {
font-size: 22px;
margin: 0;
font-weight: 500;
}
@media all and (max-width: 767px) {
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-two blockquote p {
font-size: 20px;
}
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-two ol li {
padding: 0 0 20px 0;
font-size: 17px;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-two ol li a {
text-decoration: underline;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-two ul {
margin: 16px 0;
padding-left: 40px;
list-style-type: disc;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-two ul li {
padding: 0 0 20px 0;
font-size: 17px;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-intro-section-two ul li a {
text-decoration: underline;
}
@media all and (max-width: 767px) {
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-bullets-header {
color: #fff;
margin-bottom: 20px;
}
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .field--name-field-bullet-row div p {
display: list-item;
margin-left: 20px;
}
@media all and (min-width: 768px) {
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .desktop-layout {
display: block;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .mobile-layout {
display: none;
}
}
@media all and (max-width: 767px) {
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .desktop-layout {
display: none;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .mobile-layout {
display: flex;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .mobile-layout.program-breakdown-swiper {
height: 630px;
}
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .mobile-layout.program-breakdown-swiper {
background-color: #0d518e;
padding: 20px 30px;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .mobile-layout.program-breakdown-swiper .swiper-container {
overflow-y: scroll;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .mobile-layout.program-breakdown-swiper p {
color: #fff;
padding-right: 10px;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .mobile-layout.program-breakdown-swiper a {
color: #ffe77e;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .mobile-layout.program-breakdown-swiper ul li,
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-breakdown .mobile-layout.program-breakdown-swiper ol li {
color: #fff;
}
@media all and (max-width: 767px) {
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker {
padding: 0 30px;
}
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-body strong {
font-size: 17px;
color: #0d518e;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta {
display: flex;
flex-wrap: wrap;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta a {
padding: 18px 50px;
border-radius: 4px;
border: 2px solid #0d518e;
font-weight: 600;
text-align: center;
text-decoration: none;
}
@media all and (max-width: 1199px) {
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta a {
padding: 18px 30px;
}
}
@media all and (max-width: 992px) {
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta a {
width: 100%;
}
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta a:hover {
opacity: inherit;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta div {
display: flex;
}
@media all and (max-width: 992px) {
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta div {
width: 100%;
}
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta div:first-child a {
color: #fff;
background-color: #0d518e;
margin-right: 15px;
}
@media all and (max-width: 992px) {
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta div:first-child a {
margin-bottom: 15px;
margin-right: 0;
}
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta div:first-child a:hover {
background-color: #0b4477;
box-shadow: 0px 5px 20px #0b447766;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta div:first-child a:active {
box-shadow: 0px 2px 4px #00000080;
background-color: #0b4477;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta div:last-child a {
color: #0d518e;
background-color: transparent;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta div:last-child a:hover {
color: #fff;
background-color: #0d518e;
box-shadow: 0px 5px 20px #0b447766;
}
.paragraph--type--program-description .program-description-paragraphs .left-container .paragraph--type--program-kicker .field--name-field-kicker-cta div:last-child a:active {
color: #fff;
box-shadow: 0px 2px 4px #00000080;
background-color: #0d518e;
}
.paragraph--type--program-description .program-description-paragraphs .right-container {
padding-left: 20px;
padding-bottom: 30px;
max-width: 480px;
width: 100%;
}
@media all and (max-width: 767px) {
.paragraph--type--program-description .program-description-paragraphs .right-container {
max-width: 100%;
padding: 0 30px;
}
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--program-summary {
padding: 30px;
background-color: #f5f5f5;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--program-summary .field--name-field-summary-bullets div p {
display: list-item;
margin-left: 14px;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs {
margin-top: 30px;
border: 1px solid #d0d0d0;
background: #fff;
height: 785px;
border-radius: 4px;
overflow-y: scroll;
}
@media all and (max-width: 992px) {
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs {
height: auto;
}
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-tabs-wrapper {
display: block;
}
@media all and (max-width: 767px) {
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-tabs-wrapper {
display: none;
}
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper {
display: none;
}
@media all and (max-width: 767px) {
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper {
display: block;
}
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs ul {
list-style: disc;
padding: 0 0 0 20px;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs ul li {
padding: 0 0 20px 0;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs ul.detail-tabs {
position: -webkit-sticky;
position: sticky;
top: 0px;
display: flex;
justify-content: space-evenly;
margin: 0px;
padding: 0px;
list-style: none;
background-color: #f5f5f5;
border-bottom: 1px solid #d0d0d0;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs ul.detail-tabs li.tab-link {
display: inline-block;
padding: 15px 0;
cursor: pointer;
width: 50%;
text-align: center;
color: gray;
font-weight: 600;
font-size: 17px;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs ul.detail-tabs li.current {
color: #0d518e;
border-bottom: 3px solid #0d518e;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content {
display: none;
padding: 15px;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-one,
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-two {
color: #333;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-one blockquote,
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-two blockquote {
border-left-style: solid;
border-left-width: 5px;
margin: 0;
padding: 20px;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-one blockquote p,
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-two blockquote p {
font-size: 22px;
margin: 0;
font-weight: 500;
}
@media all and (max-width: 767px) {
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-one blockquote p,
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-two blockquote p {
font-size: 20px;
}
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-one ol li,
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-two ol li {
padding: 0 0 20px 0;
color: #333;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-one ol li a,
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-two ol li a {
text-decoration: underline;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-one ul,
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-two ul {
margin: 16px 0;
padding-left: 40px;
list-style-type: disc;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-one ul li,
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-two ul li {
padding: 0 0 20px 0;
color: #333;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-one ul li a,
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content .field--name-field-details-body-two ul li a {
text-decoration: underline;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .tab-content.current {
display: inherit;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper .accordion-section-title {
width: 100%;
padding: 16px;
display: flex;
justify-content: space-between;
border-radius: 4px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom: 1px solid #d0d0d0;
background: #f5f5f5;
transition: all linear 0.15s;
font-size: 17px;
font-weight: 600;
color: #0d518e;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper .accordion-section-title img {
transition: all ease-out 0.15s;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper .accordion-section-title.active {
border-bottom: 1px solid #d0d0d0;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper .accordion-section-title.active img {
transform: rotate(90deg);
transition: all ease-out 0.15s;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper .accordion-section:last-child .accordion-section-title.active {
border-bottom: 1px solid #d0d0d0;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper .accordion-section:last-child .accordion-section-title {
border-bottom: none;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper .accordion-section-content {
padding: 20px;
display: none;
color: #333;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper .accordion-section-content .field--name-field-details-body-one,
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper .accordion-section-content .field--name-field-details-body-two {
color: #333;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper .accordion-section-content .field--name-field-details-body-one ol li,
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper .accordion-section-content .field--name-field-details-body-two ol li {
padding: 0 0 20px 0;
color: #333;
}
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper .accordion-section-content .field--name-field-details-body-one ol li a,
.paragraph--type--program-description .program-description-paragraphs .right-container .paragraph--type--details-tabs .detail-accordion-wrapper .accordion-section-content .field--name-field-details-body-two ol li a {
text-decoration: underline;
}
.paragraph--type--modular-page-body {
clear: both;
display: flow-root;
margin-top: 60px;
margin-bottom: 60px;
}
@media all and (max-width: 1199px) {
.paragraph--type--modular-page-body {
padding: 0 30px;
}
}
@media all and (max-width: 992px) {
.paragraph--type--modular-page-body {
display: flex;
flex-direction: column;
}
}
.paragraph--type--modular-page-body .text-only .field--name-field-paragraph-body {
width: 100%;
}
.paragraph--type--modular-page-body .field--name-field-paragraph-body {
width: 57%;
}
@media all and (max-width: 992px) {
.paragraph--type--modular-page-body .field--name-field-paragraph-body {
width: 100%;
margin: 0 !important;
}
}
.paragraph--type--modular-page-body .field--name-field-paragraph-body h1 {
line-height: 50.5px;
}
@media all and (max-width: 767px) {
.paragraph--type--modular-page-body .field--name-field-paragraph-body h1 {
line-height: 34.5px;
}
}
.paragraph--type--modular-page-body .field--name-field-paragraph-body h2 {
font-size: 36px;
line-height: 45px;
}
@media all and (max-width: 767px) {
.paragraph--type--modular-page-body .field--name-field-paragraph-body h2 {
font-size: 26px;
line-height: 33px;
}
}
.paragraph--type--modular-page-body .field--name-field-paragraph-body h3 {
font-size: 28px;
line-height: 35px;
}
@media all and (max-width: 767px) {
.paragraph--type--modular-page-body .field--name-field-paragraph-body h3 {
font-size: 22px;
line-height: 28px;
}
}
.paragraph--type--modular-page-body .field--name-field-paragraph-body h5,
.paragraph--type--modular-page-body .field--name-field-paragraph-body h6 {
color: #0d518e;
}
.paragraph--type--modular-page-body .field--name-field-paragraph-body p {
font-size: 17px;
color: #333;
}
.paragraph--type--modular-page-body .field--name-field-paragraph-body ul {
list-style-type: disc;
padding: 16px 0 16px 40px;
}
.paragraph--type--modular-page-body .field--name-field-paragraph-body li {
font-size: 17px;
color: #333;
padding: 0 0 20px 0;
}
.paragraph--type--modular-page-body .field--name-field-paragraph-body a {
font-weight: 600;
color: #0d518e;
text-decoration: underline;
}
.paragraph--type--modular-page-body .field--name-field-paragraph-body a:hover {
opacity: 0.8;
}
.paragraph--type--modular-page-body .field--name-field-image-body {
width: 40%;
height: 292px;
}
@media all and (max-width: 1199px) {
.paragraph--type--modular-page-body .field--name-field-image-body {
width: 39%;
}
}
@media all and (max-width: 992px) {
.paragraph--type--modular-page-body .field--name-field-image-body {
width: 100%;
}
}
.paragraph--type--modular-page-body .field--name-field-image-body img {
width: 100%;
height: 100%;
object-fit: cover;
}
.paragraph--type--accordion-container {
width: 93%;
max-width: 930px;
margin: 30px auto;
}
.paragraph--type--accordion-container .field--name-field-accordion-heading {
text-align: center;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .field--name-field-accordion-section-title {
margin-top: 40px;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text {
margin: 0;
border: none;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text .collapse-section-title {
text-align: left;
font-size: 18px;
font-weight: bold;
line-height: 21px;
padding: 10px 10px 10px 42px;
background: url("/themes/custom/yu/images/chevron-accordion-right.svg") no-repeat left 13px center;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text .collapse-section-title:hover {
color: #005696;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text dt {
margin-bottom: 0;
list-style-type: none;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text .collapse-section-body {
margin: 0;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text .collapse-section-body .field--name-field-section-body {
padding-left: 49px;
padding-top: 10px;
margin-bottom: 10px;
color: #4c4c4c;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text .collapse-section-body .field--name-field-section-body p {
font-size: 17px;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text .collapse-section-body .field--name-field-section-body ul {
padding-left: 40px;
margin: 16px 0;
list-style: disc;
line-height: 24px;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text .collapse-section-body .field--name-field-section-body ul li {
padding-bottom: 13px;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text .collapse-section-body .field--name-field-section-body ul a {
text-decoration: underline;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text .collapse-section-body .field--name-field-section-body ol {
line-height: 24px;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text .collapse-section-body .field--name-field-section-body ol li {
padding-bottom: 13px;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text .collapse-section-body .field--name-field-section-body ol a {
text-decoration: underline;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text .collapse-section-body .field--name-field-section-body table td {
padding: 5px;
}
.paragraph--type--accordion-container .paragraph--type--accordion-section .paragraph--type--collapsible-text.open .collapse-section-title {
background: url("/themes/custom/yu/images/chevron-accordion.svg") no-repeat left 13px center;
}
.paragraph--type--text-and-video- {
display: flex;
justify-content: center;
align-items: center;
margin: 50px 0;
}
@media all and (max-width: 1199px) {
.paragraph--type--text-and-video- {
margin: 50px 30px;
}
}
@media all and (max-width: 992px) {
.paragraph--type--text-and-video- {
flex-direction: column;
}
}
.paragraph--type--text-and-video- .text-box {
width: 25%;
}
@media all and (max-width: 992px) {
.paragraph--type--text-and-video- .text-box {
width: 100%;
}
}
.paragraph--type--text-and-video- .text-box p {
color: #333;
font-size: 0.93rem;
}
.paragraph--type--text-and-video- .video-box {
width: 50%;
}
@media all and (max-width: 992px) {
.paragraph--type--text-and-video- .video-box {
width: 100%;
}
}
.paragraph--type--text-and-video- .video-box figure {
margin: 15px;
padding: 15px;
border: 2px solid #0d518e;
display: flex;
}
.paragraph--type--text-and-video- .video-box figure iframe {
width: 100%;
}
.paragraph--type--text-and-video- .video-box .field--name-field-video-upload-box video {
width: 100%;
max-width: 532px;
max-height: 318px;
height: 100%;
margin: 0 auto;
padding: 15px;
border: 2px solid #0d518e;
display: flex;
}
@media all and (max-width: 992px) {
.paragraph--type--text-and-video- .video-box .field--name-field-video-upload-box video {
max-width: 100%;
}
}
.paragraph--type--modular-page-cta {
margin: 51px 0;
display: flex;
justify-content: center;
align-items: center;
}
@media not all and (min-resolution: 0.001dpcm) {
.paragraph--type--modular-page-cta {
clear: both;
margin: 0;
padding: 50px 0;
}
}
@media all and (max-width: 767px) {
.paragraph--type--modular-page-cta .field--name-field-modular-cta {
width: 100%;
padding: 0 30px;
}
}
.paragraph--type--modular-page-cta .field--name-field-modular-cta a {
display: block;
color: #fff;
border-radius: 4px;
width: 200px;
padding: 18px 0;
background-color: #0d518e;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
.paragraph--type--modular-page-cta .field--name-field-modular-cta a:hover {
background-color: #0b4477;
box-shadow: 0px 5px 20px #00000033;
}
.paragraph--type--modular-page-cta .field--name-field-modular-cta a:active {
background-color: #0b4477;
box-shadow: 0px 2px 4px #00000080;
}
@media all and (max-width: 767px) {
.paragraph--type--modular-page-cta .field--name-field-modular-cta a {
width: 100%;
}
}
.paragraph--type--full-width-grid {
margin: 50px 0;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image {
display: flex;
flex-wrap: wrap;
}
@media all and (max-width: 767px) {
.paragraph--type--full-width-grid .field--name-field-full-width-card-image {
flex-wrap: nowrap;
overflow-x: scroll;
}
}
@media all and (max-width: 1199px) {
.paragraph--type--full-width-grid .field--name-field-full-width-card-image > div {
width: 20%;
}
}
@media all and (max-width: 992px) {
.paragraph--type--full-width-grid .field--name-field-full-width-card-image > div {
width: 20%;
}
}
@media all and (max-width: 767px) {
.paragraph--type--full-width-grid .field--name-field-full-width-card-image > div {
width: 100%;
min-width: 240px;
padding-bottom: 10px;
}
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card,
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-image {
max-width: 240px;
min-height: 200px;
width: 240px;
height: 100%;
}
@media all and (max-width: 1199px) {
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card,
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-image {
width: 100%;
max-width: 100%;
}
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card img,
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .field--name-field-full-width-image-card,
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-image .field--name-field-full-width-image-card {
height: 100%;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card {
position: relative;
height: 100%;
width: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 600ms;
transition: all 600ms;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-background {
position: absolute;
height: 100%;
width: 100%;
z-index: -1;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-background .field--name-field-full-width-card-background {
height: 100%;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-content .field--name-field-full-width-card-headline {
font-size: 22px;
line-height: 23px;
margin-right: 44px;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-content .field--name-field-full-width-headline-link {
text-decoration: underline;
font-size: 22px;
line-height: 23px;
}
@media all and (max-width: 1150px) {
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-content .field--name-field-full-width-card-front- {
overflow-y: scroll;
margin-bottom: 10px;
}
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-content .field--name-field-full-width-card-front- p {
margin-bottom: 0.825em;
line-height: 1.35;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-content .field--name-field-full-width-card-back {
overflow-y: scroll;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-content .field--name-field-full-width-card-back p {
margin-bottom: 0;
margin-right: 20px;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-content .field--name-field-full-width-card-back p a {
font-weight: bold;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-content .field--name-field-full-width-card-back ul {
padding-left: 40px;
margin: 16px 0;
list-style: disc;
line-height: 24px;
font-size: 14px;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-content .field--name-field-full-width-card-back ul a {
text-decoration: underline;
font-weight: bold;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-content .field--name-field-full-width-card-back ol {
line-height: 24px;
font-size: 14px;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-content .field--name-field-full-width-card-back ol a {
text-decoration: underline;
font-weight: bold;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .content-only-header.full-width-card-front-content {
align-items: center;
justify-content: center;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .content-only-header.full-width-card-front-content .field--name-field-full-width-card-headline,
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .content-only-header.full-width-card-front-content .field--name-field-full-width-headline-link {
margin-bottom: 0;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-front-content {
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
padding: 20px;
backface-visibility: hidden;
max-height: 200px;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-front-content .full-width-card-cta a {
font-weight: 600;
text-decoration: underline;
font-size: 0.9em;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-front-content .full-width-card-cta span {
font-weight: 600;
cursor: pointer;
text-decoration: underline;
font-size: 0.9em;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-back-content {
position: absolute;
padding: 20px 0px 20px 20px;
-webkit-transform: rotateY(180deg) translateZ(1px);
transform: rotateY(180deg) translateZ(1px);
will-change: transform;
display: none;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-back-content .flip-card-back-btn {
width: 100%;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-back-content .flip-card-back-btn a {
display: block;
width: 15px;
height: 15px;
margin-left: auto;
margin-right: 20px;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-back-content .back-container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-back-content .back-container .back-headline .field--name-field-full-width-card-headline {
font-size: 1.1em;
line-height: 1.1em;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card .full-width-card-back-content .back-container .field--name-field-full-width-card-back p {
margin-bottom: 10px;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card.flipped {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
will-change: transform;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card.flipped .full-width-card-back-content {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
width: 100%;
top: 0;
}
.paragraph--type--full-width-grid .field--name-field-full-width-card-image .paragraph--type--full-width-grid-flip-card .card.flipped .full-width-card-front-content {
display: none;
}
.paragraph--type--hero-banner-carousel .swiper-slide {
background-color: transparent;
height: 510px;
}
@media all and (max-width: 480px) {
.paragraph--type--hero-banner-carousel .swiper-slide {
height: 640px;
}
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide {
width: 100%;
height: 510px;
}
@media all and (max-width: 480px) {
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide {
height: 640px;
}
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .field--name-field-hero-carousel-img-slide {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .field--name-field-hero-carousel-img-slide img {
width: 100%;
height: 100% !important;
object-fit: cover;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body {
padding: 100px 30px;
width: 60%;
height: -webkit-fill-available;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body {
padding: 0 30px;
}
}
}
@media all and (max-width: 992px) {
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body {
width: 80%;
}
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-headline {
margin: 0 0 40px 0;
}
@media all and (max-width: 767px) {
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-headline {
margin: 0 0 20px 0;
}
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-text {
margin: 0 0 40px 0;
}
@media all and (max-width: 767px) {
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-text {
margin: 0 0 20px 0;
}
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-text p {
font-size: 18px;
margin: 0;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link {
display: flex;
justify-content: center;
margin: 0 0 40px 0;
}
@media all and (max-width: 767px) {
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link {
flex-direction: column;
margin: 0 0 20px 0;
}
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-1 {
margin: 0 7.5px;
}
@media all and (max-width: 767px) {
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-1 {
margin: 7.5px 0;
}
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-1 a,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-1 span {
color: #0d518e;
border: 2px solid #fff;
background-color: #fff;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
padding: 18px 40px;
border-radius: 4px;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-1 span:hover,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-1 a:hover {
background-color: #cedce8;
border: 2px solid #cedce8;
box-shadow: 0px 5px 20px #00000033;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-1 span:active,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-1 a:active {
box-shadow: 0px 2px 4px #00000080;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-2 {
margin: 0 7.5px;
}
@media all and (max-width: 767px) {
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-2 {
margin: 7.5px 0;
}
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-2 a,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-2 span {
color: #fff;
border: 2px solid #fff;
background-color: transparent;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
padding: 18px 40px;
border-radius: 4px;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-2 span:hover,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-2 a:hover {
color: #0d518e;
background-color: #fff;
border: 2px solid #fff;
box-shadow: 0px 5px 20px #00000033;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-2 span:active,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-2 a:active {
box-shadow: 0px 2px 4px #00000080;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-3 {
margin: 0 7.5px;
}
@media all and (max-width: 767px) {
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-3 {
margin: 7.5px 0;
}
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-3 a,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-3 span {
color: #0d518e;
border: 2px solid #fff;
background-color: #fff;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
padding: 18px 40px;
border-radius: 4px;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-3 span:hover,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-3 a:hover {
background-color: #cedce8;
border: 2px solid #cedce8;
box-shadow: 0px 5px 20px #00000033;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-3 span:active,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide .hero-banner-body .field--name-field-hero-carousel-link #cta-3 a:active {
box-shadow: 0px 2px 4px #00000080;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link {
display: flex;
justify-content: center;
margin: 0 0 40px 0;
}
@media all and (max-width: 767px) {
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link {
flex-direction: column;
}
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-1 a,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-1 span {
color: #011d27;
border: 2px solid #011d27;
background-color: transparent;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-1 a:hover,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-1 span:hover {
color: #fff;
background-color: #011d27;
border: 2px solid #011d27;
box-shadow: 0px 5px 20px #011d2766;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-1 span:active,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-1 a:active {
box-shadow: 0px 2px 4px #011d2799;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-2 a,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-2 span {
color: #fff;
border: 2px solid #011d27;
background-color: #011d27;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-2 a:hover,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-2 span:hover {
color: #fff;
background-color: #000;
border: 2px solid #000;
box-shadow: 0px 5px 20px #00000066;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-2 span:active,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-2 a:active {
box-shadow: 0px 2px 4px #00000099;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-3 a,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-3 span {
color: #011d27;
border: 2px solid #011d27;
background-color: transparent;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-3 a:hover,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-3 span:hover {
color: #fff;
background-color: #011d27;
border: 2px solid #011d27;
box-shadow: 0px 5px 20px #011d2766;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-3 span:active,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--Black .field--name-field-hero-carousel-link #cta-3 a:active {
box-shadow: 0px 2px 4px #011d2799;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link {
display: flex;
justify-content: center;
margin: 0 0 40px 0;
}
@media all and (max-width: 767px) {
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link {
flex-direction: column;
}
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-1 a,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-1 span {
text-transform: uppercase;
color: #0d518e;
border: 2px solid #0d518e;
background-color: #fff;
display: inline-block;
font-weight: bold;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-1 span:hover,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-1 a:hover {
color: #fff;
border: 2px solid #0d518e;
background-color: #0d518e;
box-shadow: 0px 5px 20px #00000033;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-1 span:active,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-1 a:active {
box-shadow: 0px 2px 4px #00000080;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-2 a,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-2 span {
text-transform: uppercase;
color: #fff;
border: 2px solid #0d518e;
background-color: #0d518e;
display: inline-block;
font-weight: bold;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-2 span:hover,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-2 a:hover {
border: 2px solid #0b4477;
background-color: #0b4477;
box-shadow: 0px 5px 20px #00000033;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-2 span:active,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-2 a:active {
box-shadow: 0px 2px 4px #00000080;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-3 a,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-3 span {
text-transform: uppercase;
color: #0d518e;
border: 2px solid #0d518e;
background-color: #fff;
display: inline-block;
font-weight: bold;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-3 span:hover,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-3 a:hover {
color: #fff;
border: 2px solid #0d518e;
background-color: #0d518e;
box-shadow: 0px 5px 20px #00000033;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-3 span:active,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--YU.Blue .field--name-field-hero-carousel-link #cta-3 a:active {
box-shadow: 0px 2px 4px #00000080;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link {
display: flex;
justify-content: center;
margin: 0 0 40px 0;
}
@media all and (max-width: 767px) {
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link {
flex-direction: column;
}
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-1 a,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-1 span {
color: #fff;
border: 2px solid #fff;
background-color: transparent;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-1 span:hover,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-1 a:hover {
color: #0d518e;
background-color: #fff;
border: 2px solid #fff;
box-shadow: 0px 5px 20px #00000033;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-1 span:active,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-1 a:active {
box-shadow: 0px 2px 4px #00000080;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-2 a,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-2 span {
color: #0d518e;
border: 2px solid #fff;
background-color: #fff;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-2 span:hover,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-2 a:hover {
background-color: #cedce8;
border: 2px solid #cedce8;
box-shadow: 0px 5px 20px #00000033;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-2 span:active,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-2 a:active {
box-shadow: 0px 2px 4px #00000080;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-3 a,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-3 span {
color: #fff;
border: 2px solid #fff;
background-color: transparent;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-3 span:hover,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-3 a:hover {
color: #0d518e;
background-color: #fff;
border: 2px solid #fff;
box-shadow: 0px 5px 20px #00000033;
}
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-3 span:active,
.paragraph--type--hero-banner-carousel .paragraph--type--hero-banner-carousel-slide.text-color--White .field--name-field-hero-carousel-link #cta-3 a:active {
box-shadow: 0px 2px 4px #00000080;
}
.paragraph--type--faculty-pictures {
margin: 60px 0;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-large-pictures-wrapper a.no-link {
cursor: default;
pointer-events: none;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-large-pictures-wrapper a.no-link:hover .field--name-field-faculty-name {
text-decoration: none !important;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-large-pictures-wrapper a.no-link .field--name-field-faculty-name {
text-decoration: none !important;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-large-pictures-wrapper .field--name-field-faculty-large-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
margin-bottom: 60px;
}
@media all and (max-width: 767px) {
.paragraph--type--faculty-pictures .paragraph--type--faculty-large-pictures-wrapper .field--name-field-faculty-large-wrapper {
flex-direction: column;
}
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-large-pictures-wrapper .field--name-field-faculty-large-wrapper > div {
width: 50%;
display: flex;
justify-content: center;
margin-bottom: 70px;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-large-pictures-wrapper .field--name-field-faculty-large-wrapper .paragraph--type--faculty-large-pictures a {
display: inline-block;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-large-pictures-wrapper .field--name-field-faculty-large-wrapper .paragraph--type--faculty-large-pictures a:hover .field--name-field-faculty-name {
text-decoration: underline;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-large-pictures-wrapper .field--name-field-faculty-large-wrapper .paragraph--type--faculty-large-pictures a .field--name-field-faculty-large-image {
width: 335px;
height: 335px;
object-fit: cover;
margin: 0 auto 10px auto;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-large-pictures-wrapper .field--name-field-faculty-large-wrapper .paragraph--type--faculty-large-pictures a .field--name-field-faculty-large-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-large-pictures-wrapper .field--name-field-faculty-large-wrapper .paragraph--type--faculty-large-pictures a .field--name-field-faculty-name {
text-align: center;
color: #04405c;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
}
@media all and (max-width: 767px) {
.paragraph--type--faculty-pictures .paragraph--type--faculty-large-pictures-wrapper .field--name-field-faculty-large-wrapper .paragraph--type--faculty-large-pictures a .field--name-field-faculty-name {
text-decoration: underline;
}
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-large-pictures-wrapper .field--name-field-faculty-large-wrapper .paragraph--type--faculty-large-pictures a .field--name-field-faculty-title {
text-align: center;
color: #a0a0a0;
font-size: 18px;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper a.no-link {
cursor: default;
pointer-events: none;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper a.no-link:hover .field--name-field-faculty-name {
text-decoration: none !important;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper a.no-link .field--name-field-faculty-name {
text-decoration: none !important;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper .field--name-field-faculty-small-wrapper {
display: flex;
flex-wrap: wrap;
}
@media all and (max-width: 480px) {
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper .field--name-field-faculty-small-wrapper {
flex-direction: column;
}
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper .field--name-field-faculty-small-wrapper > div {
width: 33.3%;
display: flex;
justify-content: center;
margin-bottom: 70px;
padding: 0 8px;
}
@media all and (max-width: 767px) {
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper .field--name-field-faculty-small-wrapper > div {
width: 49%;
}
}
@media all and (max-width: 480px) {
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper .field--name-field-faculty-small-wrapper > div {
width: 100%;
}
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper .field--name-field-faculty-small-wrapper > div .paragraph--type--faculty-small-pictures a {
display: inline-block;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper .field--name-field-faculty-small-wrapper > div .paragraph--type--faculty-small-pictures a:hover .field--name-field-faculty-name {
text-decoration: underline;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper .field--name-field-faculty-small-wrapper > div .paragraph--type--faculty-small-pictures a .field--name-field-faculty-small-image {
width: 216px;
height: 216px;
margin: 0 auto 10px auto;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper .field--name-field-faculty-small-wrapper > div .paragraph--type--faculty-small-pictures a .field--name-field-faculty-small-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper .field--name-field-faculty-small-wrapper > div .paragraph--type--faculty-small-pictures a .field--name-field-faculty-name {
text-align: center;
color: #04405c;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
}
@media all and (max-width: 767px) {
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper .field--name-field-faculty-small-wrapper > div .paragraph--type--faculty-small-pictures a .field--name-field-faculty-name {
text-decoration: underline;
}
}
.paragraph--type--faculty-pictures .paragraph--type--faculty-small-pictures-wrapper .field--name-field-faculty-small-wrapper > div .paragraph--type--faculty-small-pictures a .field--name-field-faculty-title {
text-align: center;
color: #a0a0a0;
font-size: 16px;
}
.paragraph--type--modular-page-iframe- {
margin: 50px 0;
display: flex;
justify-content: center;
width: 100%;
height: 680px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.paragraph--type--modular-page-iframe- iframe {
width: 100%;
height: 100%;
overflow: auto;
}
.paragraph--type--anchor {
height: 0px;
font-size: 0px;
}
.paragraph--type--anchor a {
height: 0px;
font-size: 0px;
}
.page-node-type-modular-page .ui-dialog {
box-shadow: -1px 2px 4px 4px rgba(0, 0, 0, 0.18);
margin-top: 80px;
padding: 0;
position: fixed;
z-index: 999;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page .ui-dialog {
margin-top: 60px;
}
}
@media (max-width: 600px) {
.page-node-type-modular-page .ui-dialog {
width: 95% !important;
}
}
.page-node-type-modular-page .ui-dialog .ui-dialog-titlebar {
background-color: #e6edf3;
border: none;
}
.page-node-type-modular-page .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
font-size: 18px;
padding: 4px 0;
color: #0d518e;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
@media (max-width: 450px) {
.page-node-type-modular-page .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
font-size: 16px;
}
}
.page-node-type-modular-page .ui-dialog .ui-dialog-titlebar .ui-button {
border-radius: 0;
border: none;
background-color: #0d518e;
top: 9px;
right: -1px;
border-top-right-radius: 2px;
height: 100%;
width: 78px;
}
@media (max-width: 450px) {
.page-node-type-modular-page .ui-dialog .ui-dialog-titlebar .ui-button {
width: 55px;
}
}
.page-node-type-modular-page .ui-dialog .ui-dialog-titlebar .ui-button .ui-button-icon:before {
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
background-image: url(/themes/custom/yu/images/close-modal.svg);
background-repeat: no-repeat;
background-size: contain;
}
.page-node-type-modular-page .ui-dialog .ui-dialog-content {
padding-bottom: 0px;
}
.page-node-type-modular-page .ui-widget-overlay {
background: #000;
opacity: 0.55;
}
@media all and (max-width: 1023px) {
.modal-dialog {
margin-top: 85px;
}
}
.modal-dialog .modal-page-content {
border-radius: 8px;
}
.modal-dialog .modal-page-content .modal-header {
background-color: #005696;
border-radius: 6px 6px 0 0px;
}
.modal-dialog .modal-page-content .modal-header button,
.modal-dialog .modal-page-content .modal-header h4 {
color: #fff;
opacity: 1;
}
.page-node-type-landing-page .max-width-container .col-gallery {
background-color: #f5f5f5;
}
.page-node-type-landing-page .max-width-container .col-gallery h5 {
font-size: 15px;
font-size: 0.9375rem;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
background-color: #e3e3e3;
color: #008070;
text-transform: uppercase;
margin: 0;
font-weight: 500;
}
.page-node-type-landing-page .max-width-container .col-gallery .photo-iframe {
padding-bottom: 55%;
position: relative;
}
.page-node-type-landing-page .max-width-container .col-gallery .photo-iframe iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.page-node-type-profile .layout-content .basic-page-content {
padding: 0 15px;
padding: 0 0.9375rem;
margin-top: 50px;
margin-top: 3.125rem;
}
@media (min-width: 1200px) {
.page-node-type-profile .layout-content .basic-page-content {
padding: 0 0 0 15px;
padding: 0 0 0 0.9375rem;
}
}
.page-node-type-profile .layout-content .node-body-image img {
width: 80%;
height: auto;
display: block;
margin: 0 0 20px;
margin: 0 0 1.25rem;
}
.page-node-type-profile .layout-content .node-body {
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
@media (min-width: 1200px) {
.page-node-type-profile .layout-content .node-body {
width: 74.5098039216%;
float: left;
margin-right: 1.9607843137%;
padding-right: 3.9215686275%;
}
}
.page-node-type-profile .layout-content .node-body p img {
margin: 0 15px 20px 0;
margin: 0 0.9375rem 1.25rem 0;
}
.page-node-type-profile .layout-content .node-body a img {
margin: 0 0 20px;
margin: 0 0 1.25rem;
max-width: 100%;
height: auto;
width: auto;
display: block;
}
.page-node-type-profile .layout-content .node-body .links a {
text-decoration: none;
}
.page-node-type-profile .layout-content .node-body .Accordion {
display: block;
width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
}
.page-node-type-profile .layout-content .node-body .AccordionPanelTab {
width: 100%;
display: block;
clear: both;
}
.page-node-type-profile .layout-content .node-body .video-wrapper {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
height: 0;
margin-bottom: 25px;
margin-bottom: 1.5625rem;
}
.page-node-type-profile .layout-content .node-body .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-node-type-profile .layout-content .node-body table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
.page-node-type-profile .layout-content .node-body table td {
font-weight: normal;
padding: 10px;
padding: 0.625rem;
border: 1px solid #d4d4d4;
font-size: 16px;
font-size: 1rem;
}
.page-node-type-profile .layout-content .node-body span.imgfloatleft {
float: left;
padding: 0 10px 10px 0 !important;
}
.page-node-type-profile .layout-content .node-body span.imgfloatleft img {
margin: 0;
}
.page-node-type-profile .layout-content .node-body span.name {
font-weight: bold;
}
.page-node-type-profile .layout-content .node-body .body > li.PBItem {
list-style: none;
}
.page-node-type-profile .layout-content .node-body .body ul,
.page-node-type-profile .layout-content .node-body .body ol {
margin: 0 0 20px 15px;
margin: 0 0 1.25rem 0.9375rem;
padding: 0 0 0 15px;
padding: 0 0 0 0.9375rem;
}
.page-node-type-profile .layout-content .node-body-image {
float: left;
width: 30%;
}
.page-node-type-profile .layout-content .node-body-contact {
float: left;
width: 30%;
}
.page-node-type-profile .layout-content .node-body-main {
width: 70%;
float: right;
}
.page-node-type-profile .layout-content .node-body ul,
.page-node-type-profile .layout-content .node-sidebar ul {
list-style: disc;
}
.page-node-type-profile .layout-content .node-body ol,
.page-node-type-profile .layout-content .node-sidebar ol {
list-style: decimal;
}
.page-node-type-profile .layout-content .node-body ul li,
.page-node-type-profile .layout-content .node-body ol li,
.page-node-type-profile .layout-content .node-sidebar ul li,
.page-node-type-profile .layout-content .node-sidebar ol li {
margin-bottom: 8px;
margin-bottom: 0.5rem;
line-height: 1.3;
position: relative;
font-size: 14px;
font-size: 0.875rem;
color: #4c4c4c;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.page-node-type-profile .layout-content .node-body ul li a,
.page-node-type-profile .layout-content .node-body ol li a,
.page-node-type-profile .layout-content .node-sidebar ul li a,
.page-node-type-profile .layout-content .node-sidebar ol li a {
border-bottom: none;
text-decoration: underline;
color: #005696;
}
.page-node-type-profile .layout-content .node-body ul li a:hover,
.page-node-type-profile .layout-content .node-body ol li a:hover,
.page-node-type-profile .layout-content .node-sidebar ul li a:hover,
.page-node-type-profile .layout-content .node-sidebar ol li a:hover {
color: #008070;
}
.page-node-type-profile .layout-content .node-sidebar {
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
@media (min-width: 1200px) {
.page-node-type-profile .layout-content .node-sidebar {
width: 23.5294117647%;
float: left;
margin-right: 0;
}
}
.page-node-type-profile .layout-content .node-sidebar .content-container {
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
.page-node-type-profile .layout-content .node-sidebar .content-container ul,
.page-node-type-profile .layout-content .node-sidebar .content-container ol {
margin: 0 0 20px 15px;
margin: 0 0 1.25rem 0.9375rem;
padding: 0 15px;
padding: 0 0.9375rem;
}
.page-node-type-profile .layout-content .node-sidebar .content-container ul.social-media {
margin: 0 0 20px;
margin: 0 0 1.25rem;
padding: 0;
}
.page-node-type-profile .layout-content .node-sidebar .dropdown-menu h5 {
font-size: 15px;
font-size: 0.9375rem;
margin: 0;
}
.page-node-type-profile .layout-content .node-sidebar .dropdown-menu ul.dropdown-answers li a {
text-decoration: none;
}
.page-node-type-profile .layout-content .node-sidebar .promos p {
margin: 0;
}
.page-node-type-profile .layout-content .node-sidebar .promos ul {
list-style: disc;
}
.page-node-type-profile .layout-content .node-sidebar .promos ul,
.page-node-type-profile .layout-content .node-sidebar .promos ol {
margin: 0 0 20px 15px;
margin: 0 0 1.25rem 0.9375rem;
padding: 0 0 0 15px;
padding: 0 0 0 0.9375rem;
}
.page-node-type-profile .layout-content .node-sidebar .promos h1,
.page-node-type-profile .layout-content .node-sidebar .promos h2,
.page-node-type-profile .layout-content .node-sidebar .promos h3,
.page-node-type-profile .layout-content .node-sidebar .promos h4,
.page-node-type-profile .layout-content .node-sidebar .promos h5,
.page-node-type-profile .layout-content .node-sidebar .promos h6 {
padding: 0 15px;
padding: 0 0.9375rem;
}
.page-node-type-profile .layout-content .node-sidebar .promos h5 {
background-color: transparent;
}
.page-node-type-profile .layout-content .node-sidebar .promos h5.section-title {
color: #fff;
background-color: #707070;
margin: 0;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
font-size: 15px;
font-size: 0.9375rem;
}
.page-node-type-profile .layout-content .prompt-arrow-bar p a {
text-decoration: none;
}
.page-node-type-profile .layout-content .prompt-arrow-bar.gray a {
background-color: #707070;
color: #fff;
text-decoration: none;
}
.page-node-type-profile .layout-content .prompt-arrow-bar.gray:hover a {
background-color: #005696;
}
.page-node-type-profile .layout-content label {
font-weight: 400;
color: #0d518e;
text-transform: uppercase;
font-size: 14px;
font-size: 0.875rem;
}
.page-node-type-profile #block-yu-page-title {
padding: 0 15px;
padding: 0 0.9375rem;
}
@media (min-width: 1200px) {
.page-node-type-profile #block-yu-page-title {
padding: 0 0 0 15px;
padding: 0 0 0 0.9375rem;
}
}
.page-node-type-profile #block-yu-page-title h1 {
color: #4c4c4c;
margin: 65px 0 25px;
margin: 4.0625rem 0 1.5625rem;
}
.field-combined-title,
.field-education,
.field-cv,
.field-cv-file,
.field-honors,
.field-biography,
.field-publications,
.field-office-phone,
.field-office-address,
.field-office-address-secondary,
.field-mailing-address,
.field-interests {
margin-top: 20px;
font-size: 14px;
font-size: 0.875rem;
}
.field-combined-title p,
.field-education p,
.field-cv p,
.field-cv-file p,
.field-honors p,
.field-biography p,
.field-publications p,
.field-office-phone p,
.field-office-address p,
.field-office-address-secondary p,
.field-mailing-address p,
.field-interests p {
margin: 0;
}
.field-combined-title {
text-transform: uppercase;
font-size: 16px;
font-size: 1rem;
}
.field-combined-title p {
margin: 0;
}
.field-profile-courses {
margin-bottom: 5px;
}
.field-profile-courses p {
margin: 0;
}
.view-all-people {
display: block;
font-size: 24px;
font-size: 1.5rem;
color: #0d518e;
margin-bottom: 15px;
}
.field-first-name,
.field-last-name,
.field-middle-name {
display: inline-block;
}
.node-body-teaser {
display: flex;
}
.node-body-teaser .node-body-image {
width: 20%;
}
.node-body-teaser .node-body-contact {
display: flex;
}
.node-body-teaser .node-body-contact-1 {
width: 50%;
}
.node-body-teaser .node-body-contact-2 {
width: 50%;
}
.path-people #block-yu-page-title,
.path-faculty #block-yu-page-title {
margin-top: 30px;
}
.profiles .rows-wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.profiles .rows-wrapper .alpha {
width: 33%;
margin-top: 20px;
}
.profiles header {
padding: 15px 0;
padding: 0.9375rem 0;
font-size: 24px;
font-size: 1.5rem;
}
.promos {
background: #ededed;
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
.promos {
width: 49.0196078431%;
float: left;
margin-right: 0;
}
}
@media (min-width: 1200px) {
.promos {
width: 100%;
float: none;
}
}
.promos h5 {
color: #fff;
background-color: #707070;
margin: 0;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 500;
}
.promos p {
color: #707070;
padding: 15px;
padding: 0.9375rem;
margin: 0;
}
.promos p a {
text-decoration: underline;
}
.page-node-type-landing-page .max-width-container.about-container .layout-content .layout-col.sidebar .quicklinks,
.page-node-type-basic-page .layout-content .node-sidebar .quicklinks,
.page-node-type-profile .layout-content .node-sidebar .quicklinks,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .quicklinks,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .quicklinks {
background: #fefefe;
margin-bottom: 20px;
margin-bottom: 1.25rem;
}
.page-node-type-landing-page .max-width-container.about-container .layout-content .layout-col.sidebar .quicklinks h5,
.page-node-type-basic-page .layout-content .node-sidebar .quicklinks h5,
.page-node-type-profile .layout-content .node-sidebar .quicklinks h5,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .quicklinks h5,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .quicklinks h5 {
text-transform: uppercase;
color: #4c4c4c;
background: #f5f5f5;
margin: 0;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1;
font-weight: 500;
}
.page-node-type-landing-page .max-width-container.about-container .layout-content .layout-col.sidebar .quicklinks ul,
.page-node-type-basic-page .layout-content .node-sidebar .quicklinks ul,
.page-node-type-profile .layout-content .node-sidebar .quicklinks ul,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .quicklinks ul,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .quicklinks ul {
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
list-style: none;
}
.page-node-type-landing-page .max-width-container.about-container .layout-content .layout-col.sidebar .quicklinks ul li,
.page-node-type-basic-page .layout-content .node-sidebar .quicklinks ul li,
.page-node-type-profile .layout-content .node-sidebar .quicklinks ul li,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .quicklinks ul li,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .quicklinks ul li {
display: block;
margin-bottom: 10px;
margin-bottom: 0.625rem;
}
.page-node-type-landing-page .max-width-container.about-container .layout-content .layout-col.sidebar .quicklinks ul li a,
.page-node-type-basic-page .layout-content .node-sidebar .quicklinks ul li a,
.page-node-type-profile .layout-content .node-sidebar .quicklinks ul li a,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .quicklinks ul li a,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .quicklinks ul li a {
color: #005696;
font-size: 15px;
font-size: 0.9375rem;
text-decoration: none;
}
.page-node-type-landing-page .max-width-container.about-container .layout-content .layout-col.sidebar .quicklinks ul li a:hover,
.page-node-type-basic-page .layout-content .node-sidebar .quicklinks ul li a:hover,
.page-node-type-profile .layout-content .node-sidebar .quicklinks ul li a:hover,
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .quicklinks ul li a:hover,
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .quicklinks ul li a:hover {
color: #008070;
}
.footer--schools {
background-color: #e3e3e3;
border-top: 12px solid #005696;
overflow: hidden;
}
.footer--schools * {
color: #4c4c4c;
}
.footer--schools .footer-content-wrapper {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 30px 15px 30px;
padding: 1.875rem 0.9375rem 1.875rem;
}
.footer--schools .footer-content-wrapper:after {
content: " ";
display: block;
clear: both;
}
@media (min-width: 980px) {
.footer--schools .footer-content-wrapper {
padding: 50px 25px 30px;
padding: 3.125rem 1.5625rem 1.875rem;
}
}
@media (min-width: 1200px) {
.footer--schools .footer-content-wrapper {
padding: 50px 0 30px;
padding: 3.125rem 0 1.875rem;
}
}
.footer--schools .footer-content-wrapper p {
font-size: 15px;
font-size: 0.9375rem;
}
.footer--schools .footer-content-wrapper h3 {
font-weight: bold;
color: #008070;
font-size: 18px;
font-size: 1.125rem;
margin: 0 0 10px;
margin: 0 0 0.625rem;
}
@media (min-width: 768px) {
.footer--schools .footer-content-wrapper h3 {
font-size: 20px;
font-size: 1.25rem;
margin: 0 0 15px;
margin: 0 0 0.9375rem;
}
}
.footer--schools .schools--footer-links {
position: relative;
}
.footer--schools .schools--footer-links .top-section--wrapper {
overflow: hidden;
}
.footer--schools .schools--footer-links .col {
display: inline-block;
float: left;
vertical-align: top;
position: relative;
padding: 0 0 0 60px;
padding: 0 0 0 3.75rem;
}
@media (min-width: 768px) {
.footer--schools .schools--footer-links .col {
padding: 0;
}
}
.footer--schools .schools--footer-links .col:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
}
@media (min-width: 768px) {
.footer--schools .schools--footer-links .col:before {
top: inherit;
left: inherit;
position: relative;
}
}
@media (min-width: 980px) {
.footer--schools .schools--footer-links .col:before {
margin: 0 0 0 25px;
margin: 0 0 0 1.5625rem;
}
}
.footer--schools .schools--footer-links .col.nav {
margin-right: 20px;
margin-right: 1.25rem;
margin-bottom: 25px;
margin-bottom: 1.5625rem;
width: 100%;
}
@media (min-width: 600px) {
.footer--schools .schools--footer-links .col.nav {
width: 31%;
margin-right: 1%;
}
}
@media (min-width: 768px) {
.footer--schools .schools--footer-links .col.nav {
width: 18.954248366%;
float: left;
margin-right: 1.8867924528%;
width: 19.5%;
}
}
@media (min-width: 980px) {
.footer--schools .schools--footer-links .col.nav {
width: 19%;
}
}
@media (min-width: 1200px) {
.footer--schools .schools--footer-links .col.nav {
width: 16%;
}
}
.footer--schools .schools--footer-links .col.nav h3 {
font-size: 16px;
font-size: 1rem;
text-transform: uppercase;
}
@media (min-width: 768px) {
.footer--schools .schools--footer-links .col.nav h3 {
margin: 20px 0 10px;
margin: 1.25rem 0 0.625rem;
}
}
.footer--schools .schools--footer-links .col.intro {
padding: 0 0 30px;
padding: 0 0 1.875rem;
width: 100%;
}
@media (min-width: 768px) {
.footer--schools .schools--footer-links .col.intro {
border-bottom: none;
margin: 15px 0;
margin: 0.9375rem 0;
width: 35.9477124183%;
float: left;
margin-right: 1.8867924528%;
padding: 0;
}
}
@media (min-width: 980px) {
.footer--schools .schools--footer-links .col.intro {
width: 40.522875817%;
float: left;
margin-right: 1.9607843137%;
}
}
@media (min-width: 1200px) {
.footer--schools .schools--footer-links .col.intro {
width: 49.0196078431%;
float: left;
margin-right: 1.9607843137%;
}
}
@media (min-width: 768px) {
.footer--schools .schools--footer-links .col.intro p {
padding-right: 10%;
}
}
.footer--schools .schools--footer-links .col.apply:before {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -1155px 0px;
width: 34px;
height: 34px;
}
@media (min-width: 600px) {
.footer--schools .schools--footer-links .col.apply:before {
left: 6px;
}
}
@media (min-width: 768px) {
.footer--schools .schools--footer-links .col.apply:before {
left: 0;
margin: 0 0 0 32px;
margin: 0 0 0 2rem;
}
}
.footer--schools .schools--footer-links .col.visit:before {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -894.5px 0px;
width: 24px;
height: 34px;
}
@media (min-width: 600px) {
.footer--schools .schools--footer-links .col.visit:before {
left: 12px;
}
}
@media (min-width: 768px) {
.footer--schools .schools--footer-links .col.visit:before {
left: 0;
margin: 0 0 0 25px;
margin: 0 0 0 1.5625rem;
}
}
.footer--schools .schools--footer-links .col.contact {
margin-right: 0;
}
@media (min-width: 600px) {
.footer--schools .schools--footer-links .col.contact {
width: 34%;
}
}
@media (min-width: 768px) {
.footer--schools .schools--footer-links .col.contact {
width: 15.0326797386%;
width: 19%;
position: absolute;
right: 0;
}
}
@media (min-width: 980px) {
.footer--schools .schools--footer-links .col.contact {
width: 15%;
}
}
@media (min-width: 1200px) {
.footer--schools .schools--footer-links .col.contact {
width: 11.5%;
}
}
.footer--schools .schools--footer-links .col.contact:before {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -1199px 0px;
width: 36px;
height: 27px;
}
@media (min-width: 768px) {
.footer--schools .schools--footer-links .col.contact:before {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -1299px 0px;
width: 45px;
height: 34px;
margin: 0 0 0 8px;
margin: 0 0 0 0.5rem;
}
}
.footer--schools .schools--footer-links .col ul li {
margin: 0 0 10px;
margin: 0 0 0.625rem;
font-size: 15px;
font-size: 0.9375rem;
}
@media (min-width: 768px) {
.footer--schools .schools--footer-links .col ul li {
font-size: 16px;
font-size: 1rem;
}
}
.footer--schools .schools--footer-links .col ul li a {
color: #005696;
}
.footer--schools .schools--footer-links .col ul li a:hover {
color: #008070;
}
.footer--schools .schools--footer-events {
width: 100%;
position: relative;
float: left;
display: block;
border-top: 1px solid white;
padding-top: 40px;
padding-top: 2.5rem;
padding-bottom: 30px;
padding-bottom: 1.875rem;
}
@media (min-width: 768px) {
.footer--schools .schools--footer-events {
margin-top: 40px;
margin-top: 2.5rem;
}
}
@media (min-width: 768px) {
.footer--schools .schools--footer-events p {
width: 50%;
}
}
@media (min-width: 980px) {
.footer--schools .schools--footer-events p {
width: 60%;
}
}
.schools-events-cta {
margin: 20px auto 0;
margin: 1.25rem auto 0;
max-width: 285px;
max-width: 17.8125rem;
width: 100%;
text-align: center;
background-color: #008070;
display: block;
clear: both;
}
@media (min-width: 1200px) {
.schools-events-cta:hover {
background-color: #005696;
}
}
@media (min-width: 768px) {
.schools-events-cta {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
margin: 0;
}
}
.schools-events-cta a {
text-transform: uppercase;
color: #fff;
display: block;
padding: 20px 60px;
padding: 1.25rem 3.75rem;
}
.school-mobile-trigger {
color: #008070;
display: block;
text-transform: uppercase;
font-size: 12px;
font-size: 0.75rem;
padding: 15px 13px;
padding: 0.9375rem 0.8125rem;
position: relative;
}
.school-mobile-trigger span.icon-arrow-toggle {
position: absolute;
cursor: pointer;
right: 0;
top: 50%;
display: block;
width: 32px;
height: 32px;
transition: transform 0.3s ease-in-out;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0.6;
}
.school-mobile-trigger span.icon-arrow-toggle:after {
content: "";
margin-top: 10px;
display: inline-block;
height: 10px;
width: 10px;
border-width: 3px 0 0 3px;
border-color: #fff;
border-style: solid;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.school-mobile-menu-is-open .school-mobile-trigger span.icon-arrow-toggle {
transform: rotate(90deg);
transition: transform 0.3s ease-in-out;
top: 2px;
opacity: 1;
right: 0;
}
#school-mobile-menu {
width: 100%;
height: auto;
background-color: rgba(0, 33, 66, 0.9);
position: absolute;
z-index: 3;
overflow: auto;
-webkit-overflow-scrolling: touch;
margin-top: 35px;
}
.page-node-type-basic-page #school-mobile-menu {
top: 50px;
margin-top: 0;
}
@media (min-width: 768px) {
#school-mobile-menu {
margin-top: 0;
}
}
@media (min-width: 980px) {
#school-mobile-menu {
display: none;
}
}
#school-mobile-menu nav#block-schoolsmenu {
display: none;
border-top: 1px solid #008070;
}
.school-mobile-menu-is-open #school-mobile-menu nav#block-schoolsmenu {
display: block;
transition: transform 0.3s ease-in-out;
}
@media (min-width: 980px) {
.school-mobile-menu-is-open #school-mobile-menu nav#block-schoolsmenu {
display: none;
}
}
#school-mobile-menu ul {
font-size: 12px;
font-size: 0.75rem;
}
#school-mobile-menu ul li {
line-height: 1.5;
transition: background-color 0.3s ease-in-out;
}
#school-mobile-menu ul li a {
display: block;
padding: 13px 12px;
padding: 0.8125rem 0.75rem;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.6);
position: relative;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
#school-mobile-menu ul li a:after {
content: "";
background-color: #063765;
height: 1px;
width: calc(100% - 20px);
display: block;
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
#school-mobile-menu ul li span.icon-arrow {
position: absolute;
right: 0;
top: 50%;
display: block;
width: 32px;
height: 32px;
transition: transform 0.3s ease-in-out;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0.6;
}
#school-mobile-menu ul li span.icon-arrow:after {
content: "";
margin-top: 10px;
display: inline-block;
height: 10px;
width: 10px;
border-width: 3px 0 0 3px;
border-color: #fff;
border-style: solid;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#school-mobile-menu ul li:last-child a:after {
display: none;
}
#school-mobile-menu ul li ul {
height: 0px;
overflow: hidden;
}
#school-mobile-menu ul li ul a {
padding-left: 20px;
padding-left: 1.25rem;
border-bottom: none;
}
#school-mobile-menu ul li ul a:after {
display: none;
}
#school-mobile-menu ul li ul ul a {
padding-left: 26px;
padding-left: 1.625rem;
text-transform: none;
color: #fff;
}
#school-mobile-menu ul li ul ul a:after {
content: "";
background-color: #063765;
height: 1px;
width: calc(100% - 54px);
display: block;
position: absolute;
left: inherit;
bottom: 0;
right: 10px;
transform: none;
}
#school-mobile-menu ul li ul ul li:last-child a:after {
display: block;
}
#school-mobile-menu ul li ul ul ul a {
padding-left: 44px;
padding-left: 2.75rem;
text-transform: none;
}
#school-mobile-menu ul li ul ul ul ul a {
padding-left: 54px;
padding-left: 3.375rem;
}
#school-mobile-menu ul li.is-open {
margin-bottom: 24px;
margin-bottom: 1.5rem;
transition: background-color 0.3s ease-in-out;
position: relative;
height: auto;
}
#school-mobile-menu ul li.is-open ul.submenu {
height: auto;
transition: height 0.3s ease-in-out;
}
#school-mobile-menu ul li.is-open:after {
content: "";
background-color: #008070;
height: 3px;
width: calc(100% - 20px);
display: block;
position: absolute;
left: 50%;
bottom: -10px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
#school-mobile-menu ul li.is-open > ul {
transition: transform 0.3s ease-in-out;
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
#school-mobile-menu ul li.is-open > a {
color: #008070;
}
#school-mobile-menu ul li.is-open > a span.icon-arrow {
transform: rotate(90deg);
transition: transform 0.3s ease-in-out;
top: 2px;
opacity: 1;
right: 0;
}
#school-mobile-menu ul li.is-open .is-open {
margin-bottom: 0;
}
#school-mobile-menu ul li.is-open .is-open > a {
color: #fff;
background-color: rgba(0, 128, 112, 0.5);
}
#school-mobile-menu ul li.is-open .is-open:after {
display: none;
}
#school-mobile-menu ul li.is-open .is-open .is-open > a {
color: #008070;
background-color: transparent;
}
#school-mobile-menu ul li > ul > li.is-open {
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
margin-bottom: 0;
}
#school-mobile-menu ul li > ul > li.is-open ul {
padding-bottom: 0;
}
#school-mobile-menu ul li > ul > li.is-open > a {
color: #a0a0a0;
}
#school-mobile-menu ul li > ul > li > ul > li.is-open {
margin-bottom: 0;
}
#school-mobile-menu ul li > ul > li > ul > li.is-open > a {
background-color: #005696;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
color: #fff;
}
.school-sub--nav {
display: none;
}
@media (min-width: 1024px) {
.school-sub--nav {
margin-bottom: -44px;
display: block;
background-color: rgba(0, 33, 66, 0.5);
position: relative;
z-index: 2;
}
.page-node-type-basic-page .school-sub--nav {
background-color: transparent;
margin: 0;
border: 0;
}
}
.school-sub--nav nav {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.school-sub--nav nav:after {
content: " ";
display: block;
clear: both;
}
.page-node-type-basic-page .school-sub--nav nav {
margin-bottom: 20px;
}
.school-sub--nav ul {
text-align: center;
display: block;
height: 100%;
width: 100%;
position: relative;
}
.page-node-type-basic-page .school-sub--nav ul:before {
content: "";
height: 100%;
width: 1px;
background-color: rgba(0, 33, 66, 0.9);
display: block;
position: absolute;
margin: 0 -9999px;
margin: 0 -624.9375rem;
padding: 0 9999px;
padding: 0 624.9375rem;
}
@media (min-width: 1024px) {
.school-sub--nav ul > li {
line-height: 1;
display: inline-block;
height: 100%;
position: relative;
vertical-align: middle;
}
.school-sub--nav ul > li > a {
color: #fff;
text-transform: uppercase;
display: block;
position: relative;
font-size: 13px;
font-size: 0.8125rem;
padding: 15px 10px 11px;
padding: 0.9375rem 0.625rem 0.6875rem;
border-bottom: 4px solid transparent;
}
}
@media (min-width: 1024px) and (min-width: 1200px) {
.school-sub--nav ul > li > a {
font-size: 14px;
font-size: 0.875rem;
}
}
@media (min-width: 1024px) {
.school-sub--nav ul > li:hover > a {
color: #008070;
}
.school-sub--nav ul > li.menu-item--active-trail a {
color: #008070;
}
.school-sub--nav ul > li.menu-item--expanded > div {
display: none;
}
.school-sub--nav ul > li.menu-item--expanded:hover > a {
color: #008070;
border-bottom: 4px solid #008070;
}
.school-sub--nav ul > li.menu-item--expanded:hover > div {
display: block;
text-align: center;
position: absolute;
left: 0;
top: auto;
width: 100%;
}
.school-sub--nav ul > li.menu-item--expanded:hover > div > ul.submenu {
width: 375px;
width: 23.4375rem;
display: block;
border-bottom: 4px solid #008070;
background-color: rgba(0, 33, 66, 0.5);
}
.school-sub--nav ul > li.menu-item--expanded:hover > div > ul.submenu:after {
content: "";
display: table;
clear: both;
}
.school-sub--nav ul > li.menu-item--expanded:hover > div > ul.submenu > li {
display: block;
text-align: left;
line-height: 1.4;
width: 100%;
}
.school-sub--nav ul > li.menu-item--expanded:hover > div > ul.submenu > li > a {
color: #fff;
background-color: transparent;
border-bottom: 4px solid transparent;
font-size: 12px;
font-size: 0.75rem;
padding: 12px;
padding: 0.75rem;
text-transform: none;
}
}
@media (min-width: 1024px) and (min-width: 1200px) {
.school-sub--nav ul > li.menu-item--expanded:hover > div > ul.submenu > li > a {
font-size: 13px;
font-size: 0.8125rem;
padding: 12px 15px;
padding: 0.75rem 0.9375rem;
}
}
@media (min-width: 1024px) {
.school-sub--nav ul > li.menu-item--expanded:hover > div > ul.submenu > li > a:hover {
color: #008070;
}
.school-sub--nav ul > li.menu-item--expanded:hover > div > ul.submenu > li > a.is-active {
color: #008070;
}
.school-sub--nav ul > li.menu-item--expanded:hover > div > ul.submenu > li > div {
display: none;
}
.page-node-type-basic-page .school-sub--nav ul > li.menu-item--expanded:hover > div > ul.submenu {
background-color: rgba(0, 33, 66, 0.9);
}
.page-node-type-basic-page .school-sub--nav ul > li.menu-item--expanded ul:before {
display: none;
}
.page-node-type-school-page.path-node-9 .school-sub--nav ul > li.menu-item--expanded:nth-of-type(2):hover > div > ul.submenu,
.page-node-type-school-page.path-node-18 .school-sub--nav ul > li.menu-item--expanded:nth-of-type(2):hover > div > ul.submenu {
width: 930px;
width: 58.125rem;
}
.page-node-type-school-page.path-node-9 .school-sub--nav ul > li.menu-item--expanded:nth-of-type(2):hover > div > ul.submenu > li,
.page-node-type-school-page.path-node-18 .school-sub--nav ul > li.menu-item--expanded:nth-of-type(2):hover > div > ul.submenu > li {
display: inline-block;
float: left;
width: 33%;
}
}
.page-node-type-school-subpage table,
.page-node-type-program-page table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 14px;
}
.page-node-type-school-subpage table td,
.page-node-type-program-page table td {
font-weight: normal;
padding: 10px;
border: 1px solid #d4d4d4;
font-size: 16px;
}
.page-node-type-school-subpage .node-content-wrapper .tags,
.page-node-type-program-page .node-content-wrapper .tags {
display: flex;
flex-wrap: wrap;
box-sizing: content-box;
margin: 21px auto 14px auto;
padding: 0 14px;
}
.page-node-type-school-subpage .node-content-wrapper .tags .program-tag,
.page-node-type-program-page .node-content-wrapper .tags .program-tag {
margin-right: 10px;
margin-bottom: 7px;
padding-right: 18px;
background: url(/themes/custom/yu/images/slash_seperator.png) right center no-repeat;
color: #4c4c4c;
}
.page-node-type-school-subpage .node-content-wrapper .tags .program-tag:last-child,
.page-node-type-program-page .node-content-wrapper .tags .program-tag:last-child {
margin-right: 0;
padding-right: 0;
background-image: none;
}
@media all and (min-width: 768px) {
.page-node-type-school-subpage .node-content-wrapper .content-container,
.page-node-type-program-page .node-content-wrapper .content-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
.page-node-type-school-subpage .node-content-wrapper .content-container .main-content,
.page-node-type-program-page .node-content-wrapper .content-container .main-content {
order: 2;
}
@media (min-width: 993px) {
.page-node-type-school-subpage .node-content-wrapper .content-container .main-content,
.page-node-type-program-page .node-content-wrapper .content-container .main-content {
width: calc(100% - 420px);
max-width: 780px;
}
}
@media all and (min-width: 768px) and (max-width: 992px) {
.page-node-type-school-subpage .node-content-wrapper .content-container .main-content,
.page-node-type-program-page .node-content-wrapper .content-container .main-content {
width: calc(100% - 245px);
}
}
.page-node-type-school-subpage .node-content-wrapper .content-container .main-content ul,
.page-node-type-program-page .node-content-wrapper .content-container .main-content ul {
list-style: disc;
padding-left: 28px;
color: #4c4c4c;
line-height: 1.5;
font-size: 14px;
margin: 0 0 22px;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .main-content ol,
.page-node-type-program-page .node-content-wrapper .content-container .main-content ol {
padding-left: 28px;
color: #4c4c4c;
line-height: 1.5;
font-size: 14px;
margin: 0 0 22px;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .main-content .school-subpage-image,
.page-node-type-school-subpage .node-content-wrapper .content-container .main-content .field--name-field-program-image,
.page-node-type-program-page .node-content-wrapper .content-container .main-content .school-subpage-image,
.page-node-type-program-page .node-content-wrapper .content-container .main-content .field--name-field-program-image {
margin-bottom: 12px;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .main-content .school-subpage-image img,
.page-node-type-school-subpage .node-content-wrapper .content-container .main-content .field--name-field-program-image img,
.page-node-type-program-page .node-content-wrapper .content-container .main-content .school-subpage-image img,
.page-node-type-program-page .node-content-wrapper .content-container .main-content .field--name-field-program-image img {
display: block;
width: 100%;
height: auto;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .main-content .title,
.page-node-type-program-page .node-content-wrapper .content-container .main-content .title {
font-size: 38px;
margin: 12px 10px 14px 13px;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .main-content .body,
.page-node-type-program-page .node-content-wrapper .content-container .main-content .body {
margin: 14px 43px 29px 13px;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .lower-content,
.page-node-type-program-page .node-content-wrapper .content-container .lower-content {
order: 3;
width: 100%;
flex-shrink: 0;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar {
overflow-wrap: break-word;
}
@media (min-width: 993px) {
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar {
flex-shrink: 0;
order: 1;
width: 350px;
margin-right: 70px;
}
}
@media all and (min-width: 768px) and (max-width: 992px) {
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar {
flex-shrink: 0;
order: 1;
width: 210px;
margin-right: 35px;
}
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu {
margin-bottom: 28px;
border: 1px solid #e6e6e6;
box-sizing: border-box;
border-radius: 2px;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu ul,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu ul {
list-style: none;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu .submenu-wrapper > .submenu > li.menu-item--active-trail .submenu,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu .submenu-wrapper > .submenu > li.menu-item--active-trail .submenu {
display: block;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu .submenu-wrapper > .submenu > li .submenu,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu .submenu-wrapper > .submenu > li .submenu {
display: none;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu .submenu-wrapper > .submenu > li .submenu a,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu .submenu-wrapper > .submenu > li .submenu a {
padding-left: 42px;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu li.menu-item > a,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu li.menu-item > a {
display: block;
padding: 20px 28px;
font-size: 16px;
}
@media all and (min-width: 768px) and (max-width: 992px) {
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu li.menu-item > a,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu li.menu-item > a {
padding: 20px 14px;
}
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu li.menu-item > a.is-active,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu li.menu-item > a.is-active {
background-color: #f5f5f5;
font-weight: bold;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu .menu > li.menu-item--expanded > a,
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu .menu > li.menu-item--expanded > h3,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu .menu > li.menu-item--expanded > a,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu .menu > li.menu-item--expanded > h3 {
padding: 30px 28px;
font-size: 24px;
background-color: #f5f5f5;
border-bottom: 1px solid #00a597;
}
@media all and (min-width: 768px) and (max-width: 992px) {
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu .menu > li.menu-item--expanded > a,
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu .menu > li.menu-item--expanded > h3,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu .menu > li.menu-item--expanded > a,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu .menu > li.menu-item--expanded > h3 {
padding: 30px 14px;
}
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu .menu > li.menu-item--expanded > a#nav_heading,
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu .menu > li.menu-item--expanded > h3#nav_heading,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu .menu > li.menu-item--expanded > a#nav_heading,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu .menu > li.menu-item--expanded > h3#nav_heading {
font-weight: bold;
margin-bottom: 0;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu ul.submenu li.menu-item:last-child,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu ul.submenu li.menu-item:last-child {
border-bottom: none;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu h3#nav_heading,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu h3#nav_heading {
padding: 30px 28px;
font-size: 24px;
background-color: #f5f5f5;
border-bottom: 1px solid #00a597;
}
@media all and (min-width: 768px) and (max-width: 992px) {
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu h3#nav_heading,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu h3#nav_heading {
padding: 30px 14px;
}
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu h3#nav_heading#nav_heading,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu h3#nav_heading#nav_heading {
font-weight: bold;
margin-bottom: 0;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu .submenu > li,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu .submenu > li {
border-bottom: 1px solid #e6e6e6;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-menu .submenu > li .submenu > li,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-menu .submenu > li .submenu > li {
border-bottom: none;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .field--name-field-school-sidebar-content,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .field--name-field-school-sidebar-content {
margin-bottom: 28px;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-program-details,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-program-details {
margin-bottom: 28px;
padding-bottom: 15px;
border: 1px solid #e6e6e6;
box-sizing: border-box;
border-radius: 2px;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-program-details .header,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-program-details .header {
padding: 30px 28px;
font-size: 24px;
color: #707070;
background-color: #f5f5f5;
border-bottom: 1px solid #e6e6e6;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-program-details .program-tag,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-program-details .program-tag {
font-size: 0.875rem;
padding: 7px 30px;
color: #4c4c4c;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .school-sidebar-program-details .program-tag label,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .school-sidebar-program-details .program-tag label {
color: #707070;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .apply-link,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .apply-link {
margin: 28px 0;
display: block;
padding: 14px 28px;
background: url(/themes/custom/yu/images/apply_triangle.png) right 21px center no-repeat #008070;
color: #fff;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .apply-link:hover,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .apply-link:hover {
background: url(/themes/custom/yu/images/apply_triangle.png) right 21px center no-repeat #063765;
}
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .apply-link:focus,
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .apply-link:active,
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .apply-link:active:focus,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .apply-link:focus,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .apply-link:active,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .apply-link:active:focus {
outline: 3px dotted #d71ef7;
z-index: 99999;
}
@media all and (min-width: 768px) and (max-width: 992px) {
.page-node-type-school-subpage .node-content-wrapper .content-container .sidebar .apply-link,
.page-node-type-program-page .node-content-wrapper .content-container .sidebar .apply-link {
padding: 14px;
background-position: right 7px center;
}
}
.page-node-type-school-subpage .school-header {
margin-bottom: 42px;
}
.page-node-type-program-page .school-header {
margin-bottom: 14px;
}
.field--name-field-school-subpage-video figure {
margin: 0;
}
.field--name-field-program-page-video figure {
margin: 0;
}
.page-node-type-school-page h1#school-title {
width: 100%;
font-size: 14px;
font-size: 0.875rem;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
color: #d4d4d4;
background: rgba(0, 0, 0, 0.8);
margin: 0 0 -35px;
margin: 0 0 -2.1875rem;
position: relative;
z-index: 30;
text-align: right;
}
@media (min-width: 768px) {
.page-node-type-school-page h1#school-title {
float: right;
width: 60%;
text-align: left;
font-size: 18px;
font-size: 1.125rem;
margin: 52px 15px 52px 0;
margin: 3.25rem 0.9375rem 3.25rem 0;
padding: 0;
color: #959595;
background: transparent;
text-transform: uppercase;
display: none;
}
}
@media (min-width: 980px) {
.page-node-type-school-page h1#school-title {
font-size: 20px;
font-size: 1.25rem;
}
}
@media (min-width: 1200px) {
.page-node-type-school-page h1#school-title {
font-size: 22px;
font-size: 1.375rem;
}
}
.page-node-type-school-page .footer--main {
min-height: auto;
}
.page-node-type-school-page .page-wrapper .hero .main-nav {
border-top: none;
border-bottom: none;
}
#-menu {
display: none;
}
@media all and (min-width: 1024px) {
.page-node-type-school-landing-page #nav-main li div,
.page-node-type-school-subpage #nav-main li div,
.page-node-type-program-page #nav-main li div {
display: none;
}
}
#block-footerprivacy-menu {
visibility: hidden;
}
.paragraph.background-white {
padding-left: 70px;
padding-right: 80px;
margin-top: 28px;
margin-bottom: 28px;
}
@media all and (max-width: 992px) {
.paragraph.background-white {
padding-left: 10px;
padding-right: 10px;
}
}
.paragraph.background-gray {
padding-left: 70px;
padding-right: 80px;
padding-top: 28px;
padding-bottom: 28px;
box-shadow: inset 0px 0px 7px rgba(77, 77, 77, 0.22);
background-color: #fafafa;
}
@media all and (max-width: 992px) {
.paragraph.background-gray {
padding-left: 10px;
padding-right: 10px;
}
}
.school-header {
padding-top: 34px;
padding-bottom: 24px;
box-shadow: 0px 0px 14px rgba(77, 77, 77, 0.14);
}
.school-header .school-header-inner {
display: flex;
justify-content: space-between;
margin: 0 auto;
padding-left: 14px;
padding-right: 14px;
box-sizing: content-box;
max-width: 1200px;
overflow: hidden;
}
.school-header .school-header-inner .school-header-text {
align-self: flex-end;
}
@media all and (max-width: 767px) {
.school-header .school-header-inner .school-header-text {
font-size: 18px;
font-weight: bold;
}
}
.school-header .school-header-inner .school-header-text .school-main-title {
margin: 0;
font-size: 35px;
line-height: 42px;
}
.school-header .school-header-inner .school-header-text .school-sub-title {
margin: 0;
line-height: 16px;
font-size: 16px;
}
.school-header .school-header-inner .school-header-text .school-header-link {
font-weight: 500;
color: #005696;
text-decoration: none;
}
@media all and (min-width: 768px) {
.school-header .school-header-inner .school-menu .menu-open,
.school-header .school-header-inner .school-menu .menu-close {
display: none;
}
}
@media all and (max-width: 767px) {
.school-header .school-header-inner .school-menu.mobile-hidden nav {
display: none;
}
.school-header .school-header-inner .school-menu .menu-open {
display: block;
}
.school-header .school-header-inner .school-menu .menu-close {
display: none;
}
.school-header .school-header-inner .school-menu.open .menu-close {
display: block;
position: fixed;
top: 69px;
right: 14px;
z-index: 6;
color: #fff;
}
.school-header .school-header-inner .school-menu.open nav {
display: block;
right: 0;
}
}
@media all and (max-width: 767px) {
.school-header .school-header-inner .school-menu nav {
transition: all 0.5s ease;
position: fixed;
z-index: 5;
top: 55px;
right: -50%;
}
}
.school-header .school-header-inner .school-menu nav ul.menu {
list-style: none;
}
@media all and (min-width: 768px) {
.school-header .school-header-inner .school-menu nav ul.menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 28px;
grid-row-gap: 14px;
max-width: 593px;
}
}
@media all and (max-width: 767px) {
.school-header .school-header-inner .school-menu nav ul.menu {
box-sizing: border-box;
padding: 46px 14px 14px 14px;
height: 100vh;
width: 50vw;
overflow: scroll;
background: linear-gradient(0deg, rgba(13, 74, 128, 0.9), rgba(13, 74, 128, 0.9)), rgba(255, 255, 255, 0.2);
}
}
.school-header .school-header-inner .school-menu nav ul.menu a {
color: #4c4c4c;
}
.school-header .school-header-inner .school-menu nav ul.menu a:hover {
color: #008070;
}
@media all and (max-width: 767px) {
.school-header .school-header-inner .school-menu nav ul.menu a {
display: inline-block;
margin-bottom: 14px;
color: #fff !important;
}
.school-header .school-header-inner .school-menu nav ul.menu a:hover {
color: #008070;
}
}
.school-header .school-header-inner .school-menu nav ul.menu li.menu-item--active-trail a {
font-weight: bold;
}
@media all and (min-width: 768px) {
.school-header .school-header-inner .school-menu nav ul.menu li.menu-item--active-trail a {
color: #008070;
}
}
.school-footer {
box-sizing: border-box;
padding: 28px 14px;
background-color: #0d2959;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.school-footer .school-footer-inner {
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.school-footer .school-footer-inner .footer-main-link {
display: block;
margin-right: 14px;
margin-bottom: 14px;
font-size: 35px;
color: #fff;
text-decoration: none;
text-shadow: 0px 0px 3px rgba(0, 86, 150, 0.5);
}
@media all and (min-width: 768px) {
.school-footer .school-footer-inner .footer-main-link {
float: left;
}
}
.school-footer .school-footer-inner .footer-main-link a,
.school-footer .school-footer-inner .footer-main-link img {
display: block;
}
@media all and (min-width: 768px) {
.school-footer .school-footer-inner .school-footer-icon-links {
float: right;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 28px;
grid-row-gap: 14px;
}
}
@media all and (min-width: 768px) {
.school-footer .school-footer-inner .school-footer-icon-links ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 28px;
grid-row-gap: 14px;
}
}
.school-footer .school-footer-inner .school-footer-icon-links a {
display: block;
padding-left: 38px;
line-height: 36px;
font-size: 14px;
font-weight: 500;
text-shadow: 0px 0px 3px rgba(0, 86, 150, 0.5);
color: #fff;
background: no-repeat center left;
background-size: 36px;
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-book {
background-image: url(/themes/custom/yu/images/icon-white/Book-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-building {
background-image: url(/themes/custom/yu/images/icon-white/Building-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-calendar {
background-image: url(/themes/custom/yu/images/icon-white/Calendar-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-camcorder {
background-image: url(/themes/custom/yu/images/icon-white/Camcorder-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-check {
background-image: url(/themes/custom/yu/images/icon-white/Check-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-documents {
background-image: url(/themes/custom/yu/images/icon-white/Documents-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-eyeglass {
background-image: url(/themes/custom/yu/images/icon-white/Eyeglass-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-facebook {
background-image: url(/themes/custom/yu/images/icon-white/Facebook-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-instagram {
background-image: url(/themes/custom/yu/images/icon-white/Instagram-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-linkedin {
background-image: url(/themes/custom/yu/images/icon-white/LinkedIn-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-mail {
background-image: url(/themes/custom/yu/images/icon-white/Mail-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-map {
background-image: url(/themes/custom/yu/images/icon-white/Map-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-text {
background-image: url(/themes/custom/yu/images/icon-white/Message-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-microphone {
background-image: url(/themes/custom/yu/images/icon-white/Microphone-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-people {
background-image: url(/themes/custom/yu/images/icon-white/People-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-phone {
background-image: url(/themes/custom/yu/images/icon-white/Phone-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-photos {
background-image: url(/themes/custom/yu/images/icon-white/Photos-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-print {
background-image: url(/themes/custom/yu/images/icon-white/Print-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-question {
background-image: url(/themes/custom/yu/images/icon-white/Question-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-share {
background-image: url(/themes/custom/yu/images/icon-white/Share-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-signup {
background-image: url(/themes/custom/yu/images/icon-white/Signup-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-twitter {
background-image: url(/themes/custom/yu/images/icon-white/Twitter-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-video {
background-image: url(/themes/custom/yu/images/icon-white/Video-white.svg);
}
.school-footer .school-footer-inner .school-footer-icon-links a.icon-whatsapp {
background-image: url(/themes/custom/yu/images/icon-white/WhatsApp-white.svg);
}
.paragraph--type--school-icon-links .paragraph-inner {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
@media all and (max-width: 992px) {
.paragraph--type--school-icon-links .paragraph-inner {
margin-left: 14px;
margin-right: 14px;
}
}
.paragraph--type--school-icon-links .paragraph-inner .date-column ul {
display: block;
}
.paragraph--type--school-icon-links .paragraph-inner ul {
display: flex;
width: 100%;
flex-wrap: nowrap;
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
@media all and (min-width: 768px) and (max-width: 992px) {
.paragraph--type--school-icon-links .paragraph-inner ul {
flex-wrap: wrap;
}
}
@media all and (max-width: 767px) {
.paragraph--type--school-icon-links .paragraph-inner ul {
flex-wrap: wrap;
}
}
.paragraph--type--school-icon-links .paragraph-inner ul li {
width: 100%;
flex-grow: 1;
}
@media all and (max-width: 767px) {
.paragraph--type--school-icon-links .paragraph-inner ul li {
flex-basis: calc(100% / 2);
min-width: calc(100% / 2);
}
}
@media all and (max-width: 767px) {
.paragraph--type--school-icon-links .paragraph-inner ul li:nth-child(n + 3) {
border-top: 1px solid #e3e3e3;
}
}
.paragraph-inner {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
@media all and (max-width: 1199px) {
.paragraph-inner {
margin-left: 14px;
margin-right: 14px;
}
}
.paragraph--type--school-landing-header {
position: relative;
height: 770px;
overflow: hidden;
}
@media all and (max-width: 1199px) {
.paragraph--type--school-landing-header {
height: 630px;
}
}
@media all and (max-width: 992px) {
.paragraph--type--school-landing-header {
height: auto;
}
}
.paragraph--type--school-landing-header .field--name-field-school-landing-header-imag img,
.paragraph--type--school-landing-header .field--name-field-school-landing-header-imag video,
.paragraph--type--school-landing-header .field--name-field-school-landing-header-vide img,
.paragraph--type--school-landing-header .field--name-field-school-landing-header-vide video,
.paragraph--type--school-landing-header .video-field-with-poster img,
.paragraph--type--school-landing-header .video-field-with-poster video {
display: block;
width: 100%;
height: auto;
}
@media (min-width: 993px) {
.paragraph--type--school-landing-header .field--name-field-school-landing-header-imag img,
.paragraph--type--school-landing-header .field--name-field-school-landing-header-imag video,
.paragraph--type--school-landing-header .field--name-field-school-landing-header-vide img,
.paragraph--type--school-landing-header .field--name-field-school-landing-header-vide video,
.paragraph--type--school-landing-header .video-field-with-poster img,
.paragraph--type--school-landing-header .video-field-with-poster video {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
}
.paragraph--type--school-landing-header .school-landing-header-text {
padding: 28px 55px 28px 140px;
box-sizing: border-box;
color: #fff;
background: linear-gradient(0deg, rgba(13, 74, 128, 0.9), rgba(13, 74, 128, 0.9)), rgba(255, 255, 255, 0.2);
}
@media (min-width: 993px) {
.paragraph--type--school-landing-header .school-landing-header-text {
position: absolute;
left: 0;
bottom: 28px;
width: 50%;
}
}
@media all and (max-width: 767px) {
.paragraph--type--school-landing-header .school-landing-header-text {
padding: 14px;
}
}
.paragraph--type--school-landing-header .school-landing-header-text .field--name-field-school-landing-header-head {
color: #fff;
font-size: 49px;
}
@media all and (max-width: 767px) {
.paragraph--type--school-landing-header .school-landing-header-text .field--name-field-school-landing-header-head {
font-size: 24px;
}
}
.paragraph--type--school-landing-header .school-landing-header-text .field--name-field-school-landing-header-body p {
color: #fff;
font-size: 21px;
line-height: 28px;
}
@media all and (max-width: 767px) {
.paragraph--type--school-landing-header .school-landing-header-text .field--name-field-school-landing-header-body p {
font-size: 18px;
line-height: 24px;
}
}
@media all and (max-width: 767px) {
.paragraph--type--school-landing-header .school-landing-header-text .field--name-field-school-landing-header-link {
text-align: center;
}
}
.paragraph--type--school-landing-header .school-landing-header-text .field--name-field-school-landing-header-link a {
display: inline-block;
border: 1px solid #fff;
padding: 21px 49px;
background: rgba(255, 255, 255, 0.1);
font-size: 18px;
color: #fff;
}
@media all and (max-width: 767px) {
.paragraph--type--school-landing-header .school-landing-header-text .field--name-field-school-landing-header-link a {
padding: 14px 35px;
}
}
.paragraph--type--school-icon-links.background-white,
.paragraph--type--school-icon-links.background-gray {
margin: 0;
padding: 0;
}
.paragraph--type--school-icon-links.background-white .paragraph-inner,
.paragraph--type--school-icon-links.background-gray .paragraph-inner {
display: flex;
flex-wrap: wrap;
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
.paragraph--type--school-icon-links.background-white .paragraph-inner .icon-check,
.paragraph--type--school-icon-links.background-gray .paragraph-inner .icon-check {
border-right: 0 !important;
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li {
flex-grow: 1;
border-right: 1px solid #e3e3e3;
padding: 28px 8px;
text-align: center;
}
@media (min-width: 993px) {
.paragraph--type--school-icon-links.background-white .paragraph-inner li,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li {
flex-basis: calc(100% / 6);
min-width: calc(100% / 6);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li:nth-child(6n),
.paragraph--type--school-icon-links.background-gray .paragraph-inner li:nth-child(6n) {
border-right: 0;
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li:nth-child(n + 7),
.paragraph--type--school-icon-links.background-gray .paragraph-inner li:nth-child(n + 7) {
border-top: 1px solid #e3e3e3;
}
}
@media all and (min-width: 768px) and (max-width: 992px) {
.paragraph--type--school-icon-links.background-white .paragraph-inner li,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li {
flex-basis: calc(100% / 4);
min-width: calc(100% / 4);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li:nth-child(4n),
.paragraph--type--school-icon-links.background-gray .paragraph-inner li:nth-child(4n) {
border-right: 0;
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li:nth-child(n + 5),
.paragraph--type--school-icon-links.background-gray .paragraph-inner li:nth-child(n + 5) {
border-top: 1px solid #e3e3e3;
}
}
@media all and (max-width: 767px) {
.paragraph--type--school-icon-links.background-white .paragraph-inner li,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li {
flex-basis: calc(100% / 2);
min-width: calc(100% / 2);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li:nth-child(2n),
.paragraph--type--school-icon-links.background-gray .paragraph-inner li:nth-child(2n) {
border-right: 0;
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li:nth-child(n + 3),
.paragraph--type--school-icon-links.background-gray .paragraph-inner li:nth-child(n + 3) {
border-top: 1px solid #e3e3e3;
}
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-book a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-book a {
background-image: url(/themes/custom/yu/images/icon-gray/Book-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-book a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-book a:before {
content: url(/themes/custom/yu/images/icon-teal/Book-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-building a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-building a {
background-image: url(/themes/custom/yu/images/icon-gray/Building-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-building a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-building a:before {
content: url(/themes/custom/yu/images/icon-teal/Building-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-calendar a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-calendar a {
background-image: url(/themes/custom/yu/images/icon-gray/Calendar-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-calendar a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-calendar a:before {
content: url(/themes/custom/yu/images/icon-teal/Calendar-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-camcorder a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-camcorder a {
background-image: url(/themes/custom/yu/images/icon-gray/Camcorder-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-camcorder a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-camcorder a:before {
content: url(/themes/custom/yu/images/icon-teal/Camcorder-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-check a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-check a {
background-image: url(/themes/custom/yu/images/icon-gray/Check-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-check a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-check a:before {
content: url(/themes/custom/yu/images/icon-teal/Check-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-documents a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-documents a {
background-image: url(/themes/custom/yu/images/icon-gray/Documents-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-documents a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-documents a:before {
content: url(/themes/custom/yu/images/icon-teal/Documents-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-eyeglass a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-eyeglass a {
background-image: url(/themes/custom/yu/images/icon-gray/Eyeglass-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-eyeglass a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-eyeglass a:before {
content: url(/themes/custom/yu/images/icon-teal/Eyeglass-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-facebook a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-facebook a {
background-image: url(/themes/custom/yu/images/icon-gray/Facebook-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-facebook a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-facebook a:before {
content: url(/themes/custom/yu/images/icon-teal/Facebook-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-instagram a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-instagram a {
background-image: url(/themes/custom/yu/images/icon-gray/Instagram-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-instagram a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-instagram a:before {
content: url(/themes/custom/yu/images/icon-teal/Instagram-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-linkedin a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-linkedin a {
background-image: url(/themes/custom/yu/images/icon-gray/LinkedIn-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-linkedin a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-linkedin a:before {
content: url(/themes/custom/yu/images/icon-teal/LinkedIn-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-mail a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-mail a {
background-image: url(/themes/custom/yu/images/icon-gray/Mail-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-mail a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-mail a:before {
content: url(/themes/custom/yu/images/icon-teal/Mail-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-map a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-map a {
background-image: url(/themes/custom/yu/images/icon-gray/Map-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-map a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-map a:before {
content: url(/themes/custom/yu/images/icon-teal/Map-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-message a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-message a {
background-image: url(/themes/custom/yu/images/icon-gray/Message-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-message a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-message a:before {
content: url(/themes/custom/yu/images/icon-teal/Message-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-microphone a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-microphone a {
background-image: url(/themes/custom/yu/images/icon-gray/Microphone-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-microphone a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-microphone a:before {
content: url(/themes/custom/yu/images/icon-teal/Microphone-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-people a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-people a {
background-image: url(/themes/custom/yu/images/icon-gray/People-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-people a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-people a:before {
content: url(/themes/custom/yu/images/icon-teal/People-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-phone a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-phone a {
background-image: url(/themes/custom/yu/images/icon-gray/Phone-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-phone a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-phone a:before {
content: url(/themes/custom/yu/images/icon-teal/Phone-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-photos a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-photos a {
background-image: url(/themes/custom/yu/images/icon-gray/Photos-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-photos a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-photos a:before {
content: url(/themes/custom/yu/images/icon-teal/Photos-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-print a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-print a {
background-image: url(/themes/custom/yu/images/icon-gray/Print-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-print a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-print a:before {
content: url(/themes/custom/yu/images/icon-teal/Print-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-question a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-question a {
background-image: url(/themes/custom/yu/images/icon-gray/Question-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-question a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-question a:before {
content: url(/themes/custom/yu/images/icon-teal/Question-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-share a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-share a {
background-image: url(/themes/custom/yu/images/icon-gray/Share-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-share a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-share a:before {
content: url(/themes/custom/yu/images/icon-teal/Share-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-signup a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-signup a {
background-image: url(/themes/custom/yu/images/icon-gray/Signup-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-signup a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-signup a:before {
content: url(/themes/custom/yu/images/icon-teal/Signup-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-twitter a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-twitter a {
background-image: url(/themes/custom/yu/images/icon-gray/Twitter-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-twitter a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-twitter a:before {
content: url(/themes/custom/yu/images/icon-teal/Twitter-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-video a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-video a {
background-image: url(/themes/custom/yu/images/icon-gray/Video-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-video a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-video a:before {
content: url(/themes/custom/yu/images/icon-teal/Video-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-whatsapp a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-whatsapp a {
background-image: url(/themes/custom/yu/images/icon-gray/WhatsApp-gray.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li .icon-whatsapp a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li .icon-whatsapp a:before {
content: url(/themes/custom/yu/images/icon-teal/WhatsApp-on-teal.svg);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li a,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li a {
display: block;
position: relative;
padding-top: 63px;
background: no-repeat top center;
font-weight: 500;
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li a:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li a:before {
display: block;
transition: all 0.25s ease;
opacity: 0;
position: absolute;
top: 0;
left: calc(50% - 28px);
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li a:hover:before,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li a:hover:before {
opacity: 1;
}
.paragraph--type--school-icon-links.background-white .paragraph-inner li:last-child,
.paragraph--type--school-icon-links.background-gray .paragraph-inner li:last-child {
border-right: 0;
}
.paragraph--type--program-filter .paragraph-inner .program-filter-title {
margin-bottom: 21px;
font-size: 14px;
color: #707070;
font-weight: 500;
letter-spacing: 0.05em;
}
.paragraph--type--program-filter .paragraph-inner .views-exposed-form {
margin-bottom: 14px;
}
@media all and (min-width: 768px) {
.paragraph--type--program-filter .paragraph-inner .views-exposed-form {
display: flex;
align-items: flex-end;
}
}
@media all and (min-width: 768px) {
.paragraph--type--program-filter .paragraph-inner .views-exposed-form .form-item {
margin-right: 35px;
flex-grow: 1;
flex-basis: 20%;
}
}
@media all and (max-width: 767px) {
.paragraph--type--program-filter .paragraph-inner .views-exposed-form .form-item {
margin-bottom: 14px;
}
}
.paragraph--type--program-filter .paragraph-inner .views-exposed-form .form-item label {
display: block;
margin-bottom: 5px;
color: #707070;
}
.paragraph--type--program-filter .paragraph-inner .views-exposed-form .form-item > .select2-container {
width: 100% !important;
}
.paragraph--type--program-filter .paragraph-inner .views-exposed-form .form-item > .select2-container .select2-selection {
border-radius: 0;
border: 1px solid #2470b3;
height: 42px;
background: none;
}
.paragraph--type--program-filter .paragraph-inner .views-exposed-form .form-item > .select2-container .select2-selection .select2-selection__rendered {
line-height: 42px;
}
.paragraph--type--program-filter .paragraph-inner .views-exposed-form .form-item > .select2-container .select2-selection .select2-selection__arrow {
height: 42px;
}
.paragraph--type--program-filter .paragraph-inner .views-exposed-form .button {
height: 42px;
color: #fff;
padding-left: 15px;
padding-right: 51px;
background: #2470b3 url(/themes/custom/yu/images/button_triangle.png) no-repeat right 15px center;
}
.paragraph--type--program-filter .paragraph-inner .program-list-label {
display: inline-block;
margin-bottom: 14px;
font-size: 16px;
color: #707070;
border-right: solid 1px #e0e0e0;
padding-right: 10px;
}
.paragraph--type--program-filter .paragraph-inner #see-all,
.paragraph--type--program-filter .paragraph-inner #show-none {
display: inline-block;
margin-bottom: 14px;
font-size: 16px;
color: #707070;
text-decoration: underline;
cursor: pointer;
padding: 0 10px;
}
.paragraph--type--program-filter .paragraph-inner .program-cards-wrapper {
margin-top: 10px;
}
.paragraph--type--program-filter .paragraph-inner .program-cards {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: flex-start;
overflow: hidden;
padding: 0 16px;
margin-left: -16px;
margin-right: -16px;
}
.paragraph--type--program-filter .paragraph-inner .program-cards ul {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: flex-start;
overflow: hidden;
padding: 0 16px;
margin-left: -16px;
margin-right: -16px;
}
.paragraph--type--program-filter .paragraph-inner .program-cards ul li {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
border-radius: 5px;
box-shadow: 0px 1px 12px rgba(1, 1, 5, 0.2);
transition: all 0.4s ease;
margin-bottom: 30px;
}
@media all and (min-width: 768px) {
.paragraph--type--program-filter .paragraph-inner .program-cards ul li {
width: 49%;
margin-left: 2%;
}
}
@media all and (max-width: 992px) {
.paragraph--type--program-filter .paragraph-inner .program-cards ul li:nth-child(2n + 1) {
margin-left: 0;
}
}
@media (min-width: 993px) {
.paragraph--type--program-filter .paragraph-inner .program-cards ul li {
width: 23%;
margin-left: 2%;
}
}
@media (min-width: 993px) {
.paragraph--type--program-filter .paragraph-inner .program-cards ul li:nth-child(4n + 1) {
margin-left: 0;
}
}
.paragraph--type--program-filter .paragraph-inner .program-cards ul li li:first-child {
margin-left: 0;
}
.paragraph--type--program-filter .paragraph-inner .program-cards ul li:hover {
box-shadow: 0px 4px 16px rgba(1, 1, 5, 0.3);
transition: all 0.4s ease;
position: relative;
}
.paragraph--type--program-filter .paragraph-inner .program-cards ul li:hover .program-format {
position: absolute;
top: 0;
left: 0;
z-index: 99;
}
.paragraph--type--program-filter .paragraph-inner .program-cards ul li:hover .program-title a {
color: #0062ad !important;
transition: all 0.4s ease;
}
.paragraph--type--program-filter .paragraph-inner .program-cards ul li:hover img {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
}
.paragraph--type--program-filter .paragraph-inner .program-cards ul li img {
width: 100%;
height: auto;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
transition: all 0.4s ease;
}
.paragraph--type--program-filter .paragraph-inner .program-cards ul li .program-format {
position: absolute;
top: 0;
left: 0;
font-size: 0.7em;
font-weight: normal;
text-transform: uppercase;
color: #ffffff;
padding: 5px;
background-color: #005696;
border-top-left-radius: 5px;
z-index: 99;
}
.paragraph--type--program-filter .paragraph-inner .program-cards ul li .program-title {
min-height: 4vw;
background-color: #ffffff;
padding: 15px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
font-weight: bold;
}
.paragraph--type--program-filter .paragraph-inner .program-cards ul li article {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.paragraph--type--program-filter .paragraph-inner h3 {
font-size: 14px;
color: #707070;
text-transform: uppercase;
}
@media all and (max-width: 767px) {
.paragraph--type--school-feature-with-triplet .paragraph-inner {
margin: 28px 14px;
}
}
.paragraph--type--school-feature-with-triplet .paragraph-inner .upper-fields {
margin-bottom: 32px;
}
@media all and (min-width: 768px) {
.paragraph--type--school-feature-with-triplet .paragraph-inner .upper-fields {
display: flex;
justify-content: space-between;
}
}
@media all and (min-width: 768px) {
.paragraph--type--school-feature-with-triplet .paragraph-inner .upper-fields .upper-left {
margin-right: 70px;
}
}
.paragraph--type--school-feature-with-triplet .paragraph-inner .upper-fields .upper-left .field--name-field-school-feature-title {
margin-bottom: 14px;
font-size: 34px;
color: #005696;
}
.paragraph--type--school-feature-with-triplet .paragraph-inner .upper-fields .upper-right {
flex-shrink: 0;
}
@media all and (min-width: 768px) {
.paragraph--type--school-feature-with-triplet .paragraph-inner .upper-fields .upper-right {
width: 560px;
}
}
@media all and (max-width: 767px) {
.paragraph--type--school-feature-with-triplet .paragraph-inner .upper-fields .upper-right {
max-width: 100%;
}
}
.paragraph--type--school-feature-with-triplet .paragraph-inner .upper-fields .upper-right figure {
margin: 0;
}
@media all and (min-width: 768px) {
.paragraph--type--school-feature-with-triplet .paragraph-inner .field--name-field-school-feature-triplet {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
}
@media all and (min-width: 768px) {
.paragraph--type--school-feature-with-triplet .paragraph-inner .field--name-field-school-feature-triplet .paragraph--type--school-feature-triplet-item {
margin-right: 35px;
max-width: calc(50% - (40px));
flex-grow: 1;
flex-basis: calc(33% - (70px / 3));
}
.paragraph--type--school-feature-with-triplet .paragraph-inner .field--name-field-school-feature-triplet .paragraph--type--school-feature-triplet-item:last-child {
margin-right: 0;
}
}
@media all and (max-width: 767px) {
.paragraph--type--school-feature-with-triplet .paragraph-inner .field--name-field-school-feature-triplet .paragraph--type--school-feature-triplet-item {
margin-bottom: 27px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 10px;
}
.paragraph--type--school-feature-with-triplet .paragraph-inner .field--name-field-school-feature-triplet .paragraph--type--school-feature-triplet-item:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
}
.paragraph--type--school-feature-with-triplet .paragraph-inner .field--name-field-school-feature-triplet .paragraph--type--school-feature-triplet-item .field--name-field-triplet-item-image {
margin-bottom: 14px;
}
.paragraph--type--school-feature-with-triplet .paragraph-inner .field--name-field-school-feature-triplet .paragraph--type--school-feature-triplet-item .field--name-field-triplet-item-image img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.paragraph--type--school-feature-with-triplet .paragraph-inner .field--name-field-school-feature-triplet .paragraph--type--school-feature-triplet-item .field--name-field-triplet-item-heading {
margin-bottom: 7px;
font-size: 18px;
font-weight: 600;
color: #008070;
}
.paragraph--type--school-feature-with-triplet .paragraph-inner .field--name-field-school-feature-triplet .paragraph--type--school-feature-triplet-item .field--name-field-triplet-item-body p {
margin-bottom: 7px;
}
.paragraph--type--school-feature-with-triplet .paragraph-inner .field--name-field-school-feature-triplet .paragraph--type--school-feature-triplet-item .field--name-field-triplet-item-link a {
font-size: 14px;
font-weight: 600;
}
.paragraph--type--featured-student-work .paragraph-inner .field--name-field-featured-work-label {
margin-bottom: 21px;
font-size: 14px;
color: #707070;
font-weight: 500;
letter-spacing: 0.05em;
}
@media all and (min-width: 768px) {
.paragraph--type--featured-student-work .paragraph-inner .content-container {
display: flex;
align-items: center;
justify-content: space-between;
}
}
@media all and (min-width: 768px) {
.paragraph--type--featured-student-work .paragraph-inner .content-container .field--name-field-student-work-image {
width: 48%;
flex-shrink: 0;
flex-grow: 0;
}
}
@media all and (max-width: 767px) {
.paragraph--type--featured-student-work .paragraph-inner .content-container .field--name-field-student-work-image {
margin-bottom: 14px;
}
}
.paragraph--type--featured-student-work .paragraph-inner .content-container .field--name-field-student-work-image img {
max-width: 100%;
height: auto;
}
@media all and (min-width: 768px) {
.paragraph--type--featured-student-work .paragraph-inner .content-container .student-work-main-content {
width: 48%;
flex-shrink: 0;
flex-grow: 0;
padding-right: 56px;
box-sizing: border-box;
}
}
.paragraph--type--featured-student-work .paragraph-inner .content-container .student-work-main-content .field--name-field-program {
margin-bottom: 14px;
font-size: 14px;
font-weight: bold;
color: #4c4c4c;
}
.paragraph--type--featured-student-work .paragraph-inner .content-container .student-work-main-content .student-work-title {
line-height: 30px;
font-size: 24px;
color: #005696;
}
@media all and (min-width: 768px) {
.paragraph--type--school-dates-and-news .paragraph-inner,
.paragraph--type--school-news-and-events .paragraph-inner {
display: flex;
}
}
@media all and (min-width: 768px) {
.paragraph--type--school-dates-and-news .paragraph-inner .date-column,
.paragraph--type--school-news-and-events .paragraph-inner .date-column {
margin-right: 36px;
width: 390px;
flex-shrink: 0;
}
.paragraph--type--school-dates-and-news .paragraph-inner .date-column ul,
.paragraph--type--school-news-and-events .paragraph-inner .date-column ul {
padding-right: 33px;
border-right: 1px solid #e3e3e3;
}
.paragraph--type--school-dates-and-news .paragraph-inner .date-column ul li,
.paragraph--type--school-news-and-events .paragraph-inner .date-column ul li {
margin-bottom: 14px;
border-bottom: 1px solid #e3e3e3;
padding-bottom: 10px;
}
}
@media all and (max-width: 767px) {
.paragraph--type--school-dates-and-news .paragraph-inner .date-column,
.paragraph--type--school-news-and-events .paragraph-inner .date-column {
margin-bottom: 28px;
border-bottom: 1px solid #e3e3e3;
}
}
.paragraph--type--school-dates-and-news .paragraph-inner .date-column .field--name-field-date-column-header,
.paragraph--type--school-news-and-events .paragraph-inner .date-column .field--name-field-date-column-header {
margin-bottom: 30px;
font-size: 18px;
font-weight: 600;
color: #008070;
}
@media all and (min-width: 768px) {
.paragraph--type--school-dates-and-news .paragraph-inner .date-column .field--name-field-date-rows,
.paragraph--type--school-news-and-events .paragraph-inner .date-column .field--name-field-date-rows {
padding-right: 33px;
border-right: 1px solid #e3e3e3;
}
}
.paragraph--type--school-dates-and-news .paragraph-inner .date-column .field--name-field-date-rows li,
.paragraph--type--school-news-and-events .paragraph-inner .date-column .field--name-field-date-rows li {
margin-bottom: 14px;
border-bottom: 1px solid #e3e3e3;
padding-bottom: 10px;
}
.paragraph--type--school-dates-and-news .paragraph-inner .date-column .field--name-field-date-rows li:last-child,
.paragraph--type--school-news-and-events .paragraph-inner .date-column .field--name-field-date-rows li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.paragraph--type--school-dates-and-news .paragraph-inner .date-column .paragraph--type--date-inner,
.paragraph--type--school-news-and-events .paragraph-inner .date-column .paragraph--type--date-inner {
margin-bottom: 14px;
border-bottom: 1px solid #e3e3e3;
padding-bottom: 10px;
}
.paragraph--type--school-dates-and-news .paragraph-inner .date-column .paragraph--type--date-inner:last-child,
.paragraph--type--school-news-and-events .paragraph-inner .date-column .paragraph--type--date-inner:last-child {
border-bottom: none;
padding-bottom: 0;
}
.paragraph--type--school-dates-and-news .paragraph-inner .date-column .paragraph--type--date-inner .field--name-field-date-for-date-and-news,
.paragraph--type--school-news-and-events .paragraph-inner .date-column .paragraph--type--date-inner .field--name-field-date-for-date-and-news {
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
color: #005696;
}
.paragraph--type--school-dates-and-news .paragraph-inner .date-column .paragraph--type--date-inner .field--name-field-description-for-date-news,
.paragraph--type--school-news-and-events .paragraph-inner .date-column .paragraph--type--date-inner .field--name-field-description-for-date-news {
display: inline-block;
font-size: 14px;
color: #4c4c4c;
}
.paragraph--type--school-dates-and-news .paragraph-inner .date-column .paragraph--type--date-inner .field--name-field-link-for-date-news,
.paragraph--type--school-news-and-events .paragraph-inner .date-column .paragraph--type--date-inner .field--name-field-link-for-date-news {
display: inline-block;
margin-left: 5px;
border-left: 1px solid #e3e3e3;
padding-left: 5px;
font-size: 14px;
font-weight: 600;
}
.paragraph--type--school-dates-and-news .paragraph-inner .news-column .field--name-field-news-column-,
.paragraph--type--school-news-and-events .paragraph-inner .news-column .field--name-field-news-column- {
margin-bottom: 30px;
font-size: 18px;
color: #008070;
font-weight: 600;
}
@media all and (min-width: 768px) {
.paragraph--type--school-dates-and-news .paragraph-inner .news-column .news-column-inner,
.paragraph--type--school-news-and-events .paragraph-inner .news-column .news-column-inner {
display: flex;
}
}
.paragraph--type--school-dates-and-news .paragraph-inner .news-column .news-column-inner .news-image,
.paragraph--type--school-news-and-events .paragraph-inner .news-column .news-column-inner .news-image {
margin-right: 28px;
}
@media all and (max-width: 767px) {
.paragraph--type--school-dates-and-news .paragraph-inner .news-column .news-column-inner .news-image,
.paragraph--type--school-news-and-events .paragraph-inner .news-column .news-column-inner .news-image {
display: none;
}
}
.paragraph--type--school-dates-and-news .paragraph-inner .news-column .news-column-inner .field--name-field-news-headline,
.paragraph--type--school-news-and-events .paragraph-inner .news-column .news-column-inner .field--name-field-news-headline {
margin-bottom: 7px;
font-size: 34px;
color: #005696;
}
.paragraph--type--school-dates-and-news .paragraph-inner .news-column .news-column-inner .field--name-field-news-body p,
.paragraph--type--school-news-and-events .paragraph-inner .news-column .news-column-inner .field--name-field-news-body p {
margin-bottom: 7px;
}
.paragraph--type--school-dates-and-news .paragraph-inner .news-column .news-column-inner .field--name-field-news-column-link,
.paragraph--type--school-news-and-events .paragraph-inner .news-column .news-column-inner .field--name-field-news-column-link {
font-size: 14px;
font-weight: bold;
}
.paragraph--type--school-landing-quote .paragraph-inner {
padding: 28px 0;
}
.paragraph--type--school-landing-quote .paragraph-inner .field--name-field-quote-text {
margin: 0 auto;
padding: 0 10px;
max-width: 778px;
}
.paragraph--type--school-landing-quote .paragraph-inner .field--name-field-quote-text p {
line-height: 35px;
font-size: 21px;
color: #707070;
}
.paragraph--type--school-landing-quote .paragraph-inner .below-quote {
font-size: 14px;
text-align: center;
letter-spacing: 0.04em;
text-align: center;
}
.paragraph--type--school-landing-quote .paragraph-inner .below-quote .field--name-field-quote-attribution {
display: inline-block;
color: #707070;
}
.paragraph--type--school-landing-quote .paragraph-inner .below-quote .field--name-field-quote-link {
display: inline-block;
margin-left: 5px;
border-left: 1px solid #e3e3e3;
padding-left: 5px;
font-weight: bold;
}
.paragraph--type--collapsible-text {
border-top: 1px solid #c4c4c4;
margin-bottom: 28px;
}
.paragraph--type--collapsible-text button {
background: transparent;
border: none;
}
.paragraph--type--collapsible-text.open .collapse-section-title {
background-image: url(/themes/custom/yu/images/collapse-minus.png);
}
.paragraph--type--collapsible-text.open .collapse-section-body {
display: block;
}
.paragraph--type--collapsible-text .collapse-section-title {
display: block;
padding: 15px 14px 10px 42px;
background: url(/themes/custom/yu/images/collapse-plus.png) no-repeat left 13px center;
font-size: 24px;
transition: all 0.15s ease;
}
.paragraph--type--collapsible-text .collapse-section-body {
display: none;
margin: 14px 43px 29px 13px;
}
.paragraph--type--collapsible-text .collapse-section-body p:last-child {
margin-bottom: 0;
}
.paragraph--type--collapsible-text .collapse-section-body .field--name-field-section-body {
margin-bottom: 28px;
}
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference {
margin-bottom: 28px;
}
@media all and (min-width: 768px) {
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content {
display: flex;
}
}
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-image .field--name-field-profile-image-file {
margin-bottom: 10px;
}
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-image .field--name-field-profile-image-file img {
display: block;
}
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-image .profile-link {
font-weight: bold;
font-size: 14px;
}
@media all and (min-width: 768px) {
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-image {
flex-shrink: 0;
margin-right: 28px;
}
}
@media all and (max-width: 767px) {
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-image {
margin: 0 auto 10px auto;
}
}
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-main .profile-name {
margin-bottom: 7px;
font-size: 18px;
color: #2470b2;
}
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-main .field-combined-title {
margin: 0 0 17px 0;
font-size: 14px;
text-transform: none;
}
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-main .field-biography,
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-main .field-interests,
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-main .field-honors,
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-main .field-email {
margin: 0 0 10px 0;
font-size: 14px;
}
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-main .field-biography label,
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-main .field-interests label,
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-main .field-honors label,
.paragraph--type--collapsible-text .paragraph--type--collapsible-faculty-reference .profile-content .node-body-main .field-email label {
color: #005696;
}
.paragraph--type--collapsible-text .paragraph--type--collapsible-document-attachment {
margin-bottom: 28px;
font-size: 14px;
}
.paragraph--type--collapsible-text .paragraph--type--collapsible-document-attachment .downloads-label {
font-weight: bold;
color: #707070;
}
.paragraph--type--collapsible-text .paragraph--type--collapsible-document-attachment a {
display: inline-block;
padding-left: 21px;
line-height: 22px;
background: url(/themes/custom/yu/images/file_download_icon.png) no-repeat left center;
}
.search-block-form {
display: none;
}
@media (min-width: 768px) {
.path-frontpage .search-block-form {
display: block;
float: right;
margin-right: 2px;
margin-right: 0.125rem;
}
}
@media (min-width: 1024px) {
.page-node-type-landing-page .search-block-form,
.page-node-type-school-page .search-block-form,
.page-node-type-basic-page .search-block-form,
.page-node-type-school-landing-page .search-block-form,
.page-node-type-school-subpage .search-block-form,
.page-node-type-program-page .search-block-form,
.path-search .search-block-form,
.page-node-type-modular-page .sub--header .search-block-form {
display: block;
float: right;
margin: 30px 15px 0 0;
margin: 1.875rem 0.9375rem 0 0;
}
}
.search-block-form label {
display: none;
font-family: Times, "Times New Roman", Georgia, serif;
font-size: 18px;
font-size: 1.125rem;
font-style: italic;
color: #a0a0a0;
float: left;
margin: 4px 10px 0 0;
margin: 0.25rem 0.625rem 0 0;
}
.search-block-form #search-block-form--2,
.search-block-form #search-block-form {
display: none;
padding: 0;
margin: 0;
}
@media (min-width: 768px) {
.search-block-form #search-block-form--2,
.search-block-form #search-block-form {
float: left;
display: inline-block;
}
}
.search-block-form #search-block-form--2 .form-item,
.search-block-form #search-block-form--2 .form-search,
.search-block-form #search-block-form--2 .form-actions,
.search-block-form #search-block-form .form-item,
.search-block-form #search-block-form .form-search,
.search-block-form #search-block-form .form-actions {
display: inline;
}
.search-block-form #search-block-form--2 input[type="search"],
.search-block-form #search-block-form input[type="search"] {
width: 204px;
color: #005696;
background-color: #f5f5f5;
border: none;
font-family: Times, "Times New Roman", Georgia, serif;
padding: 4px 8px;
padding: 0.25rem 0.5rem;
font-size: 18px;
font-size: 1.125rem;
}
@media (min-width: 768px) {
.search-block-form #search-block-form--2 input[type="search"],
.search-block-form #search-block-form input[type="search"] {
margin-right: 5px;
margin-right: 0.3125rem;
}
}
.search-block-form #search-block-form--2 input[type="search"]::-webkit-input-placeholder,
.search-block-form #search-block-form input[type="search"]::-webkit-input-placeholder {
font-style: italic;
color: #005696;
}
.search-block-form #search-block-form--2 input[type="search"]:-moz-placeholder,
.search-block-form #search-block-form input[type="search"]:-moz-placeholder {
font-style: italic;
color: #005696;
}
.search-block-form #search-block-form--2 input[type="search"]::-moz-placeholder,
.search-block-form #search-block-form input[type="search"]::-moz-placeholder {
font-style: italic;
color: #005696;
}
.search-block-form #search-block-form--2 input[type="search"]:-ms-input-placeholder,
.search-block-form #search-block-form input[type="search"]:-ms-input-placeholder {
font-style: italic;
color: #005696;
}
@media (min-width: 1024px) {
.search-block-form #search-block-form--2 input[type="search"],
.search-block-form #search-block-form input[type="search"] {
width: 284px;
}
}
.search-block-form #search-block-form--2 input[type="submit"],
.search-block-form #search-block-form input[type="submit"] {
display: block;
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-color: transparent;
border: 0;
vertical-align: middle;
padding: 10px 10px;
padding: 0.625rem 0.625rem;
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -830.5px 0px;
width: 22px;
height: 22px;
display: inline-block;
}
.page-node-type-school-page .search-block-form #search-block-form--2 input[type="submit"],
.page-node-type-school-page .search-block-form #search-block-form input[type="submit"] {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -862.5px 0px;
width: 22px;
height: 22px;
}
.path-search .layout-highlighted > div {
color: #ca0002;
padding: 0 15px;
}
@media (min-width: 1024px) {
.path-search .layout-highlighted > div {
padding: 20px 15px;
}
}
.path-search .layout-content {
padding: 0 15px;
}
@media (min-width: 1024px) {
.path-search .layout-content {
padding: 0 15px 40px;
}
}
@media (min-width: 1200px) {
.path-search .layout-content {
padding: 0 0 40px;
}
}
.path-search .layout-content h2 {
text-transform: uppercase;
color: #008070;
font-size: 20px;
font-size: 1.25rem;
margin: 30px 0 0;
margin: 1.875rem 0 0;
font-weight: 800;
}
.path-search .layout-content h3 {
color: #4c4c4c;
font-size: 18px;
font-size: 1.125rem;
margin: 30px 0 0;
margin: 1.875rem 0 0;
font-weight: 800;
}
.path-search .layout-content #block-yu-page-title h1 {
color: #005696;
font-size: 30px;
font-size: 1.875rem;
}
@media (min-width: 768px) {
.path-search .layout-content #block-yu-page-title h1 {
font-size: 40px;
font-size: 2.5rem;
}
}
.path-search .layout-content .search-results-list {
list-style: none;
padding: 0;
margin: 0;
margin: 20px 0;
margin: 1.25rem 0;
}
.path-search .layout-content .search-results-list li {
padding: 30px 0;
padding: 1.875rem 0;
margin: 10px 0;
margin: 0.625rem 0;
border-bottom: 1px solid #063765;
}
@media (min-width: 1200px) {
.path-search .layout-content .search-results-list li {
padding: 30px 0;
padding: 1.875rem 0;
}
}
.path-search .layout-content .search-results-list li h3 {
margin: 0 0 8px;
margin: 0 0 0.5rem;
font-size: 20px;
font-size: 1.25rem;
}
.path-search .layout-content .search-results-list li p {
margin-bottom: 0;
}
.pager .pager__items .pager__item {
display: inline-block;
background-color: #008070;
padding: 0;
color: #fff;
display: none;
}
@media (min-width: 980px) {
.pager .pager__items .pager__item {
display: inline-block;
}
}
.pager .pager__items .pager__item.pager__item--next,
.pager .pager__items .pager__item.pager__item--previous {
display: inline-block;
width: 48%;
text-align: center;
}
@media (min-width: 980px) {
.pager .pager__items .pager__item.pager__item--next,
.pager .pager__items .pager__item.pager__item--previous {
width: auto;
text-align: left;
}
}
.pager .pager__items .pager__item.pager__item--next {
float: right;
}
@media (min-width: 980px) {
.pager .pager__items .pager__item.pager__item--next {
float: none;
}
}
.pager .pager__items .pager__item.pager__item--ellipsis {
padding: 15px;
padding: 0.9375rem;
}
.pager .pager__items .pager__item a {
display: block;
color: #fff;
padding: 15px;
padding: 0.9375rem;
}
select {
padding: 5px 35px 5px 5px;
font-size: 16px;
border: 1px solid #ccc;
height: 34px;
}
select::-ms-expand {
display: none;
}
@media screen and (min-width: 0\0) {
select {
background: none\9;
padding: 5px\9;
}
}
.node-sidebar nav[role="navigation"] {
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item {
display: block;
position: relative;
border-bottom: 1px solid #d4d4d4;
margin-bottom: 0;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item a {
font-size: 16px;
font-size: 1rem;
padding: 13px 46px 13px 15px;
padding: 0.8125rem 2.875rem 0.8125rem 0.9375rem;
color: #005696;
display: block;
position: relative;
line-height: 1.3;
font-weight: 500;
text-decoration: none;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item a .menu-trigger {
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
padding: 13px 16px 13px 20px;
padding: 0.8125rem 1rem 0.8125rem 1.25rem;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item a .menu-trigger:after {
display: block;
content: "";
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #005696;
cursor: pointer;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item a .menu-trigger:hover:after {
border-left: 10px solid #008070;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item a.is-active {
color: #008070;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item a.is-active .menu-trigger:after {
border-left: 10px solid #008070;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item a:hover {
color: #008070;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item a:hover .menu-trigger:after {
border-left: 10px solid #008070;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item.active a .menu-trigger {
right: 0;
padding: 18px 12px 8px 14px;
padding: 1.125rem 0.75rem 0.5rem 0.875rem;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item.active a .menu-trigger:after {
border-top: 10px solid #005696;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item.active a.is-active .menu-trigger:after {
border-top: 10px solid #008070;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item.active a:hover .menu-trigger:after {
border-top: 10px solid #008070;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item.menu-item--active-trail {
color: #008070;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item.menu-item--active-trail a.is-active {
color: #008070;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item > ul.submenu {
display: none;
padding: 10px 20px 2px;
padding: 0.625rem 1.25rem 0.125rem;
border-top: 1px solid #d4d4d4;
margin: 0;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item > ul.submenu > li {
border-bottom: none;
list-style: none;
margin-left: 0;
margin-bottom: 8px;
margin-bottom: 0.5rem;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item > ul.submenu > li a {
font-weight: normal;
padding: 0;
font-size: 16px;
font-size: 1rem;
line-height: 1.3;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item > ul.submenu > li a:after {
display: none;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item > ul.submenu > li > ul > li {
list-style: none;
margin-left: 15px;
margin-left: 0.9375rem;
}
.node-sidebar nav[role="navigation"] ul.menu > li.menu-item > ul.submenu > li > ul > li a {
font-size: 15px;
font-size: 0.9375rem;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #ccc;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
@media all and (min-width: 768px) {
.swiper-container .swiper-pagination {
display: none;
}
}
.path-frontpage .swiper-container .swiper-pagination {
bottom: 80px;
}
@media (min-width: 768px) {
.path-frontpage .swiper-container .swiper-pagination {
bottom: 10px;
}
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
background-color: #fff;
opacity: 1;
width: 10px;
height: 10px;
border: 1px solid #0d518e;
border-radius: 5px;
margin: 0px 1px !important;
}
@media (min-width: 768px) {
.swiper-container .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #0d518e;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet .paragraph {
display: none;
}
.swiper-container .swiper-pagination.disabled {
display: none;
}
.swiper-container .swiper-slide {
position: relative;
}
.hero .swiper-container .swiper-slide {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.swiper-container .swiper-slide .home-slider-image-item,
.swiper-container .swiper-slide .school-slider-image-item,
.swiper-container .swiper-slide .landing-slider-image-item {
display: none;
}
.page-node-type-landing-page .swiper-container .swiper-slide {
padding-bottom: 0;
height: 350px;
}
@media (min-width: 768px) {
.page-node-type-landing-page .swiper-container .swiper-slide {
height: 480px;
}
}
.swiper-container .swiper-slide .field-group-background-image {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .field-group-background-image {
background-position: center;
}
}
.swiper-container .swiper-slide .home-slide-text-wrapper {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.swiper-container .swiper-slide .home-slide-text-wrapper:after {
content: " ";
display: block;
clear: both;
}
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
max-width: 550px;
max-width: 34.375rem;
text-align: left;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #fff;
position: absolute;
top: 20px;
left: 0%;
padding: 0 15px;
padding: 0 0.9375rem;
}
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner:after {
content: " ";
display: block;
clear: both;
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner {
top: auto;
bottom: 200px;
}
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner {
left: 30%;
}
}
@media (min-width: 980px) {
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner {
left: 40%;
}
}
@media (min-width: 1200px) {
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner {
left: 50%;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner {
margin: 0 0 0 15px;
margin: 0 0 0 0.9375rem;
padding: 0;
}
}
@media (min-width: 1200px) {
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner {
padding: 0;
}
}
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner p.upper {
text-transform: uppercase;
font-size: 1.2rem;
line-height: 1.5rem;
font-weight: bold;
width: 40%;
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner p.upper {
font-size: 2.5rem;
line-height: 2.5rem;
}
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner p.upper {
width: 100%;
}
}
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner p.middle {
text-transform: uppercase;
font-size: 2.2rem;
line-height: 2.2rem;
font-weight: bold;
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner p.middle {
font-size: 4rem;
line-height: 3rem;
}
}
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner p.lower {
font-size: 1.2rem;
line-height: 1.5rem;
width: 40%;
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .home-slide-text-wrapper .home-slide-text-inner p.lower {
font-size: 2.5rem;
line-height: 2.5rem;
width: 100%;
}
}
.page-node-type-school-page .swiper-container .swiper-slide {
background-color: transparent;
padding-bottom: 0;
height: 400px;
}
@media (min-width: 768px) {
.page-node-type-school-page .swiper-container .swiper-slide {
height: 421px;
}
}
.path-frontpage.page-node-type-home-page .swiper-container .swiper-slide {
display: flex;
flex-flow: column;
height: 100vh;
}
@media (min-width: 1024px) {
.path-frontpage.page-node-type-home-page .swiper-container .swiper-slide {
margin-bottom: -26px;
}
}
.swiper-container .swiper-slide .slide-info-container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
width: 100%;
margin: 0 auto;
}
.swiper-container .swiper-slide .slide-info-container:after {
content: " ";
display: block;
clear: both;
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner {
max-width: 550px;
max-width: 34.375rem;
text-align: left;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #fff;
position: absolute;
bottom: 32%;
padding: 0 15px;
padding: 0 0.9375rem;
}
@media (min-width: 768px) and (max-width: 1199px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner {
margin: 0 0 0 15px;
margin: 0 0 0 0.9375rem;
padding: 0;
}
}
@media (min-width: 1200px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner {
padding: 0;
}
}
.page-node-type-home-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner {
position: inherit;
}
.page-node-type-landing-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner,
.page-node-type-school-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner {
bottom: 50px;
max-width: 100%;
width: 100%;
padding: 0;
}
@media (min-width: 768px) {
.page-node-type-landing-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner,
.page-node-type-school-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner {
max-width: 550px;
max-width: 34.375rem;
}
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner {
bottom: 60px;
}
}
@media (min-width: 1200px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner {
margin: 0;
}
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner h3 {
color: #fff;
font-size: 30px;
font-size: 1.875rem;
margin: 0 0 20px;
margin: 0 0 1.25rem;
line-height: 1.1;
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner h3 {
font-size: 48px;
font-size: 3rem;
margin: 0 0 30px;
margin: 0 0 1.875rem;
}
}
@media (min-width: 1200px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner h3 {
font-size: 60px;
font-size: 3.75rem;
}
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner p {
color: #fff;
font-size: 14px;
font-size: 0.875rem;
margin: 0 0 20px;
margin: 0 0 1.25rem;
line-height: 1.4;
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner p {
font-size: 16px;
font-size: 1rem;
margin: 0 0 30px;
margin: 0 0 1.875rem;
}
}
.page-node-type-landing-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner p,
.page-node-type-school-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner p {
display: none;
}
@media (min-width: 768px) {
.page-node-type-landing-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner p,
.page-node-type-school-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner p {
display: block;
margin: 20px 0 30px;
margin: 1.25rem 0 1.875rem;
}
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner ul,
.swiper-container .swiper-slide .slide-info-container .slide-info-inner ol {
margin: 0 0 20px;
margin: 0 0 1.25rem;
padding: 0;
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner ul,
.swiper-container .swiper-slide .slide-info-container .slide-info-inner ol {
margin: 0 0 30px;
margin: 0 0 1.875rem;
}
}
.page-node-type-landing-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner ul,
.page-node-type-school-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner ul,
.page-node-type-landing-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner ol,
.page-node-type-school-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner ol {
display: none;
}
@media (min-width: 768px) {
.page-node-type-landing-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner ul,
.page-node-type-school-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner ul,
.page-node-type-landing-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner ol,
.page-node-type-school-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner ol {
display: block;
}
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner ul li,
.swiper-container .swiper-slide .slide-info-container .slide-info-inner ol li {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 10px;
margin-bottom: 0.625rem;
line-height: 1.4;
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner ul li,
.swiper-container .swiper-slide .slide-info-container .slide-info-inner ol li {
font-size: 16px;
font-size: 1rem;
}
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner ul {
list-style: disc;
margin-left: 20px;
margin-left: 1.25rem;
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner ol {
list-style: decimal;
margin-left: 20px;
margin-left: 1.25rem;
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner ol li {
padding-left: 3px;
padding-left: 0.1875rem;
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper {
margin-top: 100px;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper {
margin-top: 20px;
flex-direction: row;
}
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn {
position: relative;
display: flex;
flex-direction: column;
margin: 10px 0 0 0;
margin: 0.625rem 0 0 0;
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn {
margin: 40px 0 0 0;
margin: 2.5rem 0 0 0;
}
}
.page-node-type-landing-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn,
.page-node-type-school-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn {
margin: 0 auto;
}
@media (min-width: 768px) {
.page-node-type-landing-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn,
.page-node-type-school-page .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn {
margin: 0;
}
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn a {
flex: 1 0 auto;
cursor: pointer;
display: block;
border: solid 3px #fff;
text-align: center;
line-height: 1.3;
color: #fff;
font-size: 24px;
font-size: 1.5rem;
padding: 16px;
padding: 1rem;
}
@media (min-width: 1200px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn a:hover {
background-color: #005696;
}
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn:nth-child(4) {
display: none;
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn:nth-child(3) {
margin-left: 0px;
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn:nth-child(3) {
margin-left: 20px;
}
}
.swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn:nth-child(2) {
margin-left: 0px;
}
@media (min-width: 768px) {
.swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn:nth-child(2) {
margin-left: 20px;
}
}
.context-support .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn,
.context-alumni .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn {
max-width: 160px;
max-width: 10rem;
}
.context-support .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn a,
.context-alumni .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn a {
padding: 20px 20px 20px 50px;
padding: 1.25rem 1.25rem 1.25rem 3.125rem;
}
.context-support .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn a:before,
.context-alumni .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn a:before {
display: block;
content: "";
left: 22px;
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -798.5px 0px;
width: 22px;
height: 22px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.context-admissions .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn {
display: inline-block;
padding-right: 20px;
padding-right: 1.25rem;
}
@media (max-width: 767px) {
.context-admissions .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn {
margin: 10px auto 0;
margin: 0.625rem auto 0;
display: block;
padding-right: 0;
}
}
@media (min-width: 768px) {
.context-admissions .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn {
width: 100%;
padding-right: 40px;
padding-right: 2.5rem;
}
}
.context-admissions .swiper-container .swiper-slide .slide-info-container .slide-info-inner .slide-info-btn--wrapper .slide-info-btn:last-child {
padding-right: 0;
}
.full-width-container.hero {
position: relative;
}
.full-width-container.hero .swiper-button-prev {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -149px 0px;
width: 14px;
height: 27px;
cursor: pointer;
text-indent: -10000px;
}
@media (min-width: 980px) {
.full-width-container.hero .swiper-button-prev {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -1000.5px 0px;
width: 26px;
height: 51px;
opacity: 0;
}
}
.full-width-container.hero .swiper-button-next {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -101px 0px;
width: 14px;
height: 27px;
cursor: pointer;
text-indent: -10000px;
}
@media (min-width: 980px) {
.full-width-container.hero .swiper-button-next {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -928.5px 0px;
width: 26px;
height: 51px;
opacity: 0;
}
}
@media (min-width: 980px) {
.full-width-container.hero .multiple-slides:hover .swiper-button-prev,
.full-width-container.hero .multiple-slides:hover .swiper-button-next {
opacity: 1;
}
}
.page-node-type-basic-page .full-width-container.hero,
.path-user .full-width-container.hero,
.path-search .full-width-container.hero {
overflow: visible;
}
.school-content-slider {
position: relative;
margin: 30px 0;
margin: 1.875rem 0;
padding: 0 30px;
padding: 0 1.875rem;
box-sizing: border-box;
}
@media (min-width: 980px) {
.school-content-slider {
margin: 60px 0;
margin: 3.75rem 0;
padding: 0 50px;
padding: 0 3.125rem;
}
}
.school-content-slider .swiper-container .swiper-slide {
background: none;
height: auto;
display: inline-block;
text-align: left;
box-sizing: border-box;
width: 100%;
padding: 15px 10px;
padding: 0.9375rem 0.625rem;
}
@media (min-width: 768px) {
.school-content-slider .swiper-container .swiper-slide {
width: 48%;
}
}
@media (min-width: 980px) {
.school-content-slider .swiper-container .swiper-slide {
width: 23%;
}
}
.school-content-slider .swiper-container .swiper-slide .news-teaser img {
width: 100%;
max-width: 100%;
height: auto;
}
.school-content-slider .swiper-container .swiper-slide .news-teaser h3 {
font-size: 18px;
font-size: 1.125rem;
color: #008070;
font-weight: bold;
margin: 15px 0 20px;
margin: 0.9375rem 0 1.25rem;
}
.school-content-slider .swiper-container .swiper-slide .news-teaser h3 a {
color: #008070;
font-weight: bold;
}
@media (min-width: 768px) {
.school-content-slider .swiper-container .swiper-slide .news-teaser h3 {
font-size: 16px;
font-size: 1rem;
}
}
@media (min-width: 980px) {
.school-content-slider .swiper-container .swiper-slide .news-teaser h3 {
font-size: 18px;
font-size: 1.125rem;
}
}
.school-content-slider .swiper-container .swiper-slide .news-teaser p {
font-size: 16px;
font-size: 1rem;
line-height: 1.3;
}
@media (min-width: 768px) {
.school-content-slider .swiper-container .swiper-slide .news-teaser p {
font-size: 14px;
font-size: 0.875rem;
}
}
@media (min-width: 980px) {
.school-content-slider .swiper-container .swiper-slide .news-teaser p {
font-size: 16px;
font-size: 1rem;
}
}
.school-content-slider .swiper-container .swiper-slide .news-teaser .continue-reading {
margin: 0;
}
.school-content-slider .swiper-container .swiper-slide .news-teaser .continue-reading a:nth-child(1) {
display: none;
}
.no-touch .school-content-slider .swiper-container .swiper-slide {
cursor: default;
}
.no-touch .school-content-slider .swiper-container .swiper-slide:hover {
background-color: #ededed;
}
.no-touch .school-content-slider .swiper-container .swiper-slide:hover .news-teaser h3:hover {
color: #005696;
}
.no-touch .school-content-slider .swiper-container .swiper-slide:hover .news-teaser p {
cursor: default;
}
.no-touch .school-content-slider .swiper-container .swiper-slide:hover .news-teaser .continue-reading a:hover {
color: #005696;
}
.school-content-slider .swiper-button-prev {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -125px 0px;
width: 14px;
height: 27px;
text-indent: -10000px;
}
@media (min-width: 980px) {
.school-content-slider .swiper-button-prev {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -1036.5px 0px;
width: 26px;
height: 51px;
}
}
.school-content-slider .swiper-button-next {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -77px 0px;
width: 14px;
height: 27px;
text-indent: -10000px;
}
@media (min-width: 980px) {
.school-content-slider .swiper-button-next {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -964.5px 0px;
width: 26px;
height: 51px;
}
}
.school-content-slider .swiper-button-prev,
.school-content-slider .swiper-button-next {
top: 25%;
}
.school-content-slider .swiper-button-prev.disabled,
.school-content-slider .swiper-button-next.disabled {
opacity: 0.3;
}
@media (min-width: 980px) {
.path-frontpage .swiper-container {
background-color: #063765;
padding-top: 150px;
}
}
.page-node-type-modular-page .swiper-button-next {
background-image: url("/themes/custom/yu/images/chevron-thin-right-film-strip.svg");
}
.page-node-type-modular-page .swiper-button-prev {
background-image: url("/themes/custom/yu/images/chevron-thin-right-film-strip.svg");
transform: rotate(180deg);
}
.page-node-type-modular-page .paragraph--type--hero-banner-carousel.slider-color--White .swiper-button-next {
background-image: url("/themes/custom/yu/images/chevron-thin-right-film-strip.svg");
filter: brightness(0) invert(1);
}
.page-node-type-modular-page .paragraph--type--hero-banner-carousel.slider-color--White .swiper-button-prev {
background-image: url("/themes/custom/yu/images/chevron-thin-right-film-strip.svg");
transform: rotate(180deg);
filter: brightness(0) invert(1);
}
.page-node-type-modular-page .paragraph--type--hero-banner-carousel.slider-color--Black .swiper-button-next {
background-image: url("/themes/custom/yu/images/chevron-thin-right-film-strip-fish-black.svg");
}
.page-node-type-modular-page .paragraph--type--hero-banner-carousel.slider-color--Black .swiper-button-prev {
background-image: url("/themes/custom/yu/images/chevron-thin-right-film-strip-fish-black.svg");
transform: rotate(180deg);
}
.page-node-type-modular-page .film-strip {
position: relative;
margin-top: 50px;
margin-bottom: 50px;
height: 276px;
z-index: 8;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page .film-strip {
margin-bottom: 70px;
}
}
.page-node-type-modular-page .film-strip .swiper-container.no-arrows .swiper-button-next,
.page-node-type-modular-page .film-strip .swiper-container.no-arrows .swiper-button-prev {
display: none;
}
.page-node-type-modular-page .film-strip .swiper-container {
width: 90% !important;
margin: auto;
position: static !important;
max-height: 276px;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page .film-strip .swiper-container {
margin-right: 0;
width: 95% !important;
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-button-next,
.page-node-type-modular-page .film-strip .swiper-container .swiper-button-prev {
display: none;
}
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper {
position: static !important;
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide#tile-1 {
margin-right: 1.9%;
margin-left: 0.1%;
position: relative;
overflow: hidden;
}
@media all and (min-width: 768px) {
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide#tile-1 {
width: 48% !important;
}
}
@media all and (max-width: 767px) {
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide#tile-1 .wide-tile-image img {
width: 100%;
object-fit: cover;
height: fit-content;
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide#tile-1 .wide-tile-text {
padding: 20px 0 20px 20px;
}
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide#tile-1 .wide-tile-image {
max-height: 276px;
overflow: hidden;
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide#tile-1 .wide-tile-text {
position: absolute;
bottom: 0px;
text-align: left;
}
@media all and (min-width: 768px) {
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide#tile-1 .wide-tile-text {
padding: 20px 0 20px 20px;
height: 235px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide#tile-1 .wide-tile-text .field--name-field-wide-tile-description {
overflow-y: auto;
height: 170px;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide#tile-1 .wide-tile-text .field--name-field-wide-tile-description {
height: 150px;
}
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide#tile-1 .wide-tile-text .field--name-field-wide-tile-description p {
font-size: 17px;
line-height: 24px;
margin-bottom: 0;
margin-right: 30px;
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide#tile-1 .wide-tile-text .field--name-field-wide-tile-description ul {
margin: 16px 0;
padding-left: 40px;
list-style: disc;
font-size: 17px;
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide:not(:first-child) {
margin-right: 1%;
overflow: hidden;
}
@media all and (min-width: 768px) {
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide:not(:first-child) {
width: 24% !important;
}
}
@media all and (max-width: 767px) {
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide:not(:first-child) picture img {
width: 100% !important;
object-fit: cover;
height: fit-content;
}
}
@media all and (max-width: 767px) {
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide:nth-child(3) {
margin-right: 10px !important;
}
}
@media all and (max-width: 767px) {
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide:nth-child(3n):not(:nth-child(3)) {
margin-right: 10px !important;
}
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide {
background-color: transparent;
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide .paragraph {
width: 100%;
height: 276px;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide .paragraph--type--square-tile {
display: flex;
flex-direction: column;
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide .paragraph--type--square-tile .square-tile-image {
width: 100%;
margin-top: -7px;
}
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide .field--name-field-square-tile-link {
height: 50px;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
padding: 0 5px;
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide .field--name-field-square-tile-link a {
display: block;
text-transform: uppercase;
font-weight: 600;
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide .field--name-field-square-tile-link a:hover {
opacity: 0.8;
}
@media all and (max-width: 767px) {
.page-node-type-modular-page .film-strip .swiper-container .swiper-wrapper .swiper-slide .field--name-field-square-tile-link a {
font-size: 16px;
}
}
.page-node-type-modular-page .film-strip .swiper-container .swiper-pagination-bullets {
bottom: -36px;
}
.field--name-field-grid-container-wrapper .grid-with-sidebar-swiper .swiper-container .swiper-wrapper {
flex-wrap: nowrap;
padding-bottom: 50px;
}
.field--name-field-grid-container-wrapper .grid-with-sidebar-swiper .swiper-container .swiper-wrapper .swiper-slide {
background: transparent;
margin-right: 0;
}
.field--name-field-grid-container-wrapper .grid-with-sidebar-swiper .swiper-container .swiper-wrapper .swiper-slide:last-child {
width: 100% !important;
transition: 1s;
}
.field--name-field-grid-container-wrapper .grid-with-sidebar-swiper .swiper-container .swiper-wrapper .swiper-slide-active {
width: 95% !important;
will-change: transform;
}
.field--name-field-grid-container-wrapper .grid-with-sidebar-swiper .swiper-container .swiper-wrapper .swiper-slide-next > .paragraph {
padding: 0 60px 0 0;
will-change: transform;
}
@media all and (max-width: 767px) {
.paragraph--type--outline-cards .outline-cards-container .swiper-button-next,
.paragraph--type--outline-cards .outline-cards-container .swiper-button-prev {
display: none;
}
}
.paragraph--type--outline-cards .outline-cards-container .swiper-button-next {
right: -44px;
}
.paragraph--type--outline-cards .outline-cards-container .swiper-button-prev {
left: -39px;
}
@media all and (max-width: 767px) {
.paragraph--type--outline-cards .outline-cards-container .swiper-container .swiper-wrapper {
padding-bottom: 50px;
}
.paragraph--type--outline-cards .outline-cards-container .swiper-container .swiper-wrapper .swiper-slide {
width: 88% !important;
}
.paragraph--type--outline-cards .outline-cards-container .swiper-container .swiper-wrapper .swiper-slide:not(#tile-1):not(.swiper-slide-next) {
padding-left: 12%;
}
}
.paragraph--type--outline-cards .outline-cards-container .swiper-container .swiper-wrapper .swiper-slide {
background: transparent;
}
.paragraph--type--outline-cards .outline-cards-container.no-arrows .swiper-button-disabled {
display: none;
}
.paragraph--type--program-breakdown .program-swiper-header {
height: 37px;
background-color: #2b6ba5;
justify-content: flex-start;
padding: 0 30px;
align-items: center;
}
.paragraph--type--program-breakdown .program-swiper-header p {
margin: 0;
color: #fff;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.56px;
}
.paragraph--type--program-breakdown .program-breakdown-swiper .swiper-container .swiper-wrapper {
position: inherit;
}
.paragraph--type--program-breakdown .program-breakdown-swiper .swiper-container .swiper-wrapper .swiper-slide {
height: 100%;
background: transparent;
text-align: left;
align-items: flex-start;
}
.paragraph--type--program-breakdown .program-breakdown-swiper .swiper-container .swiper-wrapper .swiper-slide.bullets-slide {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.paragraph--type--program-breakdown .program-breakdown-swiper .swiper-container .swiper-wrapper .swiper-slide.bullets-slide .field--name-field-bullet-row {
overflow-y: scroll !important;
}
.paragraph--type--program-breakdown .swiper-pagination {
position: relative;
width: 100%;
height: 51px;
justify-content: space-between;
padding: 0 30px;
align-items: center;
background-color: #ffe77e;
}
.paragraph--type--program-breakdown .swiper-pagination .swiper-bullet-container span > .field {
display: none;
}
.paragraph--type--program-breakdown .swiper-pagination .swiper-bullet-container .swiper-pagination-bullet {
background-color: transparent;
opacity: 1;
width: 10px;
height: 10px;
border: 1px solid #0d518e;
border-radius: 5px;
margin: 0px 1px !important;
}
@media (min-width: 768px) {
.paragraph--type--program-breakdown .swiper-pagination .swiper-bullet-container .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
}
.paragraph--type--program-breakdown .swiper-pagination .swiper-bullet-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #0d518e;
}
.paragraph--type--program-breakdown .swiper-pagination .swiper-bullet-message p {
margin: 0;
font-size: 17px;
font-weight: 600;
color: #0d518e;
}
.paragraph--type--impact-body .swiper-container {
margin-bottom: 30px;
}
.paragraph--type--impact-body .swiper-container .swiper-wrapper {
flex-wrap: nowrap;
padding-bottom: 20px;
}
.paragraph--type--impact-body .swiper-container .swiper-wrapper .swiper-slide {
background: transparent;
margin-right: 0;
text-align: left;
}
@media all and (max-width: 767px) {
.paragraph--type--impact-body .swiper-container .swiper-wrapper .swiper-slide {
display: block;
}
}
.paragraph--type--impact-body .swiper-container .swiper-wrapper .swiper-slide:last-child {
width: 100% !important;
transition: 1s;
}
.paragraph--type--impact-body .swiper-container .swiper-wrapper .swiper-slide-active {
width: 95% !important;
will-change: transform;
}
.paragraph--type--impact-body .swiper-container .swiper-wrapper .swiper-slide-next > .paragraph {
will-change: transform;
}
.swiper-pagination.swiper-pagination-bullets {
display: none;
}
@media all and (max-width: 767px) {
.swiper-pagination.swiper-pagination-bullets {
display: block;
}
}
.footer-social--nav,
.school-social--nav,
.connect-with-yu--nav {
width: 100%;
clear: both;
text-align: center;
margin: 50px auto;
margin: 3.125rem auto;
}
@media (min-width: 768px) {
.footer-social--nav,
.school-social--nav,
.connect-with-yu--nav {
float: none;
}
}
@media (min-width: 980px) {
.footer-social--nav,
.school-social--nav,
.connect-with-yu--nav {
float: right;
width: auto;
clear: none;
margin: 0;
}
}
.footer-social--nav ul li,
.school-social--nav ul li,
.connect-with-yu--nav ul li {
display: inline-block;
border-radius: 30px;
background-color: #a0a0a0;
text-indent: -119988px;
overflow: hidden;
text-align: left;
margin-right: 3px;
margin-right: 0.1875rem;
}
.footer-social--nav ul li a,
.school-social--nav ul li a,
.connect-with-yu--nav ul li a {
display: block;
position: relative;
height: 24px;
width: 24px;
}
.footer-social--nav ul li a:after,
.school-social--nav ul li a:after,
.connect-with-yu--nav ul li a:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.footer-social--nav ul li:last-child,
.school-social--nav ul li:last-child,
.connect-with-yu--nav ul li:last-child {
margin-right: 0;
}
.footer-social--nav ul li.facebook a:after,
.school-social--nav ul li.facebook a:after,
.connect-with-yu--nav ul li.facebook a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -18px 0px;
width: 8px;
height: 16px;
}
.footer-social--nav ul li.youtube a:after,
.school-social--nav ul li.youtube a:after,
.connect-with-yu--nav ul li.youtube a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -430px 0px;
width: 16px;
height: 12px;
}
.footer-social--nav ul li.twitter a:after,
.school-social--nav ul li.twitter a:after,
.connect-with-yu--nav ul li.twitter a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -509.5px 0px;
width: 17px;
height: 14px;
margin-left: -1px;
}
.footer-social--nav ul li.blog a:after,
.school-social--nav ul li.blog a:after,
.connect-with-yu--nav ul li.blog a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -248px 0px;
width: 16px;
height: 17px;
}
.footer-social--nav ul li.scribd a:after,
.school-social--nav ul li.scribd a:after,
.connect-with-yu--nav ul li.scribd a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -197px 0px;
width: 15px;
height: 16px;
}
.footer-social--nav ul li.instagram a:after,
.school-social--nav ul li.instagram a:after,
.connect-with-yu--nav ul li.instagram a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -300px 0px;
width: 16px;
height: 16px;
}
.footer-social--nav ul li.itunes a:after,
.school-social--nav ul li.itunes a:after,
.connect-with-yu--nav ul li.itunes a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -173px 0px;
width: 14px;
height: 15px;
}
.footer-social--nav ul li.flickr a,
.school-social--nav ul li.flickr a,
.connect-with-yu--nav ul li.flickr a {
width: 25px;
}
.footer-social--nav ul li.flickr a:after,
.school-social--nav ul li.flickr a:after,
.connect-with-yu--nav ul li.flickr a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -564.5px 0px;
width: 18px;
height: 8px;
margin-left: -1px;
}
.footer-social--nav ul li.linkedin a:after,
.school-social--nav ul li.linkedin a:after,
.connect-with-yu--nav ul li.linkedin a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -352px 0px;
width: 16px;
height: 15px;
margin-top: -1px;
}
.footer-social--nav ul li.vimeo a:after,
.school-social--nav ul li.vimeo a:after,
.connect-with-yu--nav ul li.vimeo a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -378px 0px;
width: 16px;
height: 13px;
margin-left: -1px;
}
@media (min-width: 1200px) {
.footer-social--nav ul li:hover,
.school-social--nav ul li:hover,
.connect-with-yu--nav ul li:hover {
background-color: #008070;
}
}
.footer-social--nav {
margin: 0;
}
@media (min-width: 768px) {
.footer-social--nav {
margin: 25px auto;
margin: 1.5625rem auto;
clear: none;
float: right;
width: auto;
}
}
.school-social--nav {
display: none;
width: auto;
clear: both;
width: 100%;
margin: 10px auto;
margin: 0.625rem auto;
text-align: center;
}
@media (min-width: 768px) {
.school-social--nav {
display: inline-block;
float: left;
width: auto;
text-align: left;
margin: 50px auto;
margin: 3.125rem auto;
}
}
@media (min-width: 980px) {
.school-social--nav {
float: left;
}
}
.school-social--nav label {
display: inline-block;
text-transform: uppercase;
color: #008070;
font-size: 14px;
font-size: 0.875rem;
line-height: 35px;
line-height: 2.1875rem;
margin: 0 10px 0 15px;
margin: 0 0.625rem 0 0.9375rem;
vertical-align: middle;
}
@media (min-width: 768px) {
.school-social--nav label {
float: left;
}
}
.school-social--nav ul {
display: inline-block;
vertical-align: middle;
margin-top: 4px;
margin-top: 0.25rem;
}
.school-social--nav ul li {
background-color: #008070;
}
.mobile-social .school-social--nav {
display: block;
}
@media (min-width: 768px) {
.mobile-social .school-social--nav {
display: none;
}
}
.node-sidebar ul.social-media {
margin: 0;
padding: 0;
}
.node-sidebar ul.social-media li {
display: inline-block;
border-radius: 30px;
background-color: #a0a0a0;
text-indent: -119988px;
overflow: hidden;
text-align: left;
margin-right: 3px;
margin-right: 0.1875rem;
}
.node-sidebar ul.social-media li a {
display: block;
position: relative;
height: 24px;
width: 24px;
}
.node-sidebar ul.social-media li a:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.node-sidebar ul.social-media li:last-child {
margin-right: 0;
}
.node-sidebar ul.social-media li.facebook a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -18px 0px;
width: 8px;
height: 16px;
}
.node-sidebar ul.social-media li.youtube a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -430px 0px;
width: 16px;
height: 12px;
}
.node-sidebar ul.social-media li.twitter a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -509.5px 0px;
width: 17px;
height: 14px;
}
.node-sidebar ul.social-media li.blogs a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -248px 0px;
width: 16px;
height: 17px;
}
.node-sidebar ul.social-media li.scribd a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -197px 0px;
width: 15px;
height: 16px;
}
.node-sidebar ul.social-media li.instagram a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -300px 0px;
width: 16px;
height: 16px;
}
.node-sidebar ul.social-media li.itunes a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -173px 0px;
width: 14px;
height: 15px;
}
.node-sidebar ul.social-media li.flickr a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -564.5px 0px;
width: 18px;
height: 8px;
}
.node-sidebar ul.social-media li.linkedin a:after {
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -352px 0px;
width: 16px;
height: 15px;
}
.page-node-type-landing-page .full-width-container.student-life-full {
background-color: #f5f5f5;
}
@media (min-width: 768px) {
.page-node-type-landing-page .full-width-container.student-life-full > .max-width-container.student-life-container {
padding: 30px 0 0;
padding: 1.875rem 0 0;
}
}
.page-node-type-landing-page .max-width-container.student-life-container {
padding: 30px 15px;
padding: 1.875rem 0.9375rem;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.student-life-container {
padding: 30px 0 0;
padding: 1.875rem 0 0;
}
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col {
clear: both;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col {
clear: none;
}
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-inner-wrapper {
width: 100%;
margin-top: 20px;
margin-top: 1.25rem;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-inner-wrapper {
float: left;
}
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner:nth-child(1) {
margin-bottom: 0;
}
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner img {
padding: 0 0 15px;
padding: 0 0 0.9375rem;
margin: 0 auto;
display: block;
width: 100%;
height: 100%;
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box {
margin-bottom: 20px;
margin-bottom: 1.25rem;
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner .info-box h5 {
margin: 0;
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .layout-col-inner:nth-child(2) p {
padding: 0 15px;
padding: 0 0.9375rem;
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content .layout-col .quicklinks {
margin-bottom: 0;
}
@media (max-width: 767px) {
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper {
margin-top: 10px;
margin-top: 0.625rem;
}
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper > h4 {
color: #008070;
margin: 0 0 20px;
margin: 0 0 1.25rem;
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide {
clear: none;
margin-bottom: 40px;
margin-bottom: 2.5rem;
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide:last-child {
margin-bottom: 10px;
margin-bottom: 0.625rem;
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide h4 {
font-size: 20px;
font-size: 1.25rem;
margin: 0 0 10px;
margin: 0 0 0.625rem;
color: #005696;
font-weight: 600;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide h4 {
font-size: 24px;
font-size: 1.5rem;
}
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide p {
font-size: 16px;
font-size: 1rem;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide p {
font-size: 18px;
font-size: 1.125rem;
}
}
.page-node-type-landing-page .max-width-container.student-life-container .layout-content.event-slide-wrapper .layout-col.event-slide .event-details {
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.4;
margin: 0;
color: #000;
font-weight: 600;
}
.page-node-type-landing-page .full-width-container.support-yu-full {
background-color: #f5f5f5;
border-top: 14px solid #008070;
}
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features {
padding: 40px 15px 0;
padding: 2.5rem 0.9375rem 0;
}
@media (min-width: 768px) {
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features {
padding: 40px 0 20px;
padding: 2.5rem 0 1.25rem;
}
}
@media (min-width: 768px) {
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col {
margin-bottom: 0;
}
}
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col h4 {
text-transform: uppercase;
font-size: 16px;
font-size: 1rem;
margin: 0 0 5px;
margin: 0 0 0.3125rem;
font-weight: 600;
}
@media (min-width: 768px) {
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col h4 {
font-size: 18px;
font-size: 1.125rem;
}
}
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col h5 {
font-size: 14px;
font-size: 0.875rem;
margin: 0 0 20px;
margin: 0 0 1.25rem;
color: #4c4c4c;
font-weight: 600;
}
@media (min-width: 768px) {
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col h5 {
font-size: 16px;
font-size: 1rem;
height: 50px;
margin: 0 0 15px;
margin: 0 0 0.9375rem;
}
}
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col h5 a {
text-decoration: underline;
}
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col span {
font-weight: 600;
display: block;
margin: 0 0 10px;
margin: 0 0 0.625rem;
}
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col span a {
text-decoration: underline;
font-size: 16px;
font-size: 1rem;
}
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col span span.ext {
display: none;
}
.page-node-type-landing-page .full-width-container .max-width-container.support-yu-features .layout-content .layout-col p {
font-size: 14px;
font-size: 0.875rem;
}
.page-node-type-landing-page .max-width-container.support-yu-container {
padding: 30px 15px;
padding: 1.875rem 0.9375rem;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.support-yu-container {
padding: 30px 0;
padding: 1.875rem 0;
}
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col:nth-child(1) {
float: left;
margin-bottom: 20px;
margin-bottom: 1.25rem;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .quicklinks {
clear: both;
margin-bottom: 20px;
margin-bottom: 1.25rem;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .quicklinks {
clear: none;
}
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .support-content {
float: left;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .support-content h2 {
margin: 40px 0 20px;
margin: 2.5rem 0 1.25rem;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos {
width: 100%;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel {
background-color: #4c4c4c;
width: 100%;
padding-top: 15px;
padding-top: 0.9375rem;
padding-bottom: 5px;
padding-bottom: 0.3125rem;
min-height: 315px;
min-height: 19.6875rem;
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel {
width: 40.522875817%;
float: left;
margin-right: 1.9607843137%;
margin-right: 0;
padding-bottom: 0;
}
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel .now-playing-title {
position: relative;
background-color: gray;
color: #fff;
padding: 10px 15px 10px 30px;
padding: 0.625rem 0.9375rem 0.625rem 1.875rem;
font-size: 18px;
font-size: 1.125rem;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel .now-playing-title:before {
display: inline-block;
content: "";
position: absolute;
left: 68px;
bottom: -10px;
width: 0;
height: 0;
border-top: 10px solid gray;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel .video-title {
font-size: 16px;
font-size: 1rem;
margin: 0 0 10px 30px;
margin: 0 0 0.625rem 1.875rem;
padding: 0 0 10px;
padding: 0 0 0.625rem;
color: #fff;
border-bottom: 4px double #707070;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel .video-title a {
color: #fff;
text-decoration: none;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel .video-title a:hover {
color: #008070;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel .next-videos {
margin-top: 5px;
margin-top: 0.3125rem;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel .next-videos .title {
position: relative;
color: #959595;
font-weight: bold;
font-size: 16px;
font-size: 1rem;
padding: 10px 0 0 60px;
padding: 0.625rem 0 0 3.75rem;
margin: 0 0 15px;
margin: 0 0 0.9375rem;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel .next-videos .title:before {
display: inline-block;
content: "";
left: 28px;
overflow: hidden;
background-image: url("/themes/custom/yu/images/generated/sprite-5c362213ef99d681673f8f0f6455cf77.png");
background-size: 1344px 51px;
background-repeat: no-repeat;
background-position: -738.5px 0px;
width: 20px;
height: 23px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel .next-videos ul {
margin-left: 60px;
margin-left: 3.75rem;
margin-right: 15px;
margin-right: 0.9375rem;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel .next-videos ul li {
margin-bottom: 10px;
margin-bottom: 0.625rem;
}
@media (min-width: 1200px) {
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel .next-videos ul li {
margin-bottom: 15px;
margin-bottom: 0.9375rem;
}
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel .next-videos ul li a {
color: #959595;
font-size: 14px;
font-size: 0.875rem;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .now-playing-panel .next-videos ul li a:hover {
color: #008070;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .video-embed {
width: 100%;
}
@media (max-width: 767px) {
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .video-embed .video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
overflow: hidden;
height: 0;
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .video-embed .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 768px) {
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .now-playing-videos .video-embed iframe {
width: 59.477124183%;
display: block;
}
}
.page-node-type-landing-page .max-width-container.support-yu-container .layout-content .layout-col .info-box h5 {
margin-bottom: 0;
}
.yu_popup {
display: none;
}
.ui-dialog {
top: 10px !important;
}
.user-logged-in .ui-dialog {
top: 90px !important;
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height;
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate(0, -50%);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px;
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role="group"] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role="group"] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled="true"] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: #fff;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -0.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: 0.5em 0.5em 0.5em 0.7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px 0.4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0.2em;
margin: auto 0;
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: 0.4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: 0.1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: 0.4em 1em;
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: 0.4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc(100% - 2.4em);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: 0.12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker th {
padding: 0.7em 0.3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: 0.5em;
top: 0.3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: 0.2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: 0.4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: 0.1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0.3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0.5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: 0.5em;
padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: 0.5em 0.4em 0.5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25);
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0.222em 0;
margin: 0.2em 0;
vertical-align: middle;
margin-left: 0.4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: 0.5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative;
padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px 0.2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: 0.5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
.ui-widget {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: 0.7;
filter: Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35);
}
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(/themes/custom/yu/libraries/jqueryui/images/ui-icons_444444_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(/themes/custom/yu/libraries/jqueryui/images/ui-icons_444444_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url(/themes/custom/yu/libraries/jqueryui/images/ui-icons_555555_256x240.png);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url(/themes/custom/yu/libraries/jqueryui/images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url(/themes/custom/yu/libraries/jqueryui/images/ui-icons_777620_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(/themes/custom/yu/libraries/jqueryui/images/ui-icons_cc0000_256x240.png);
}
.ui-button .ui-icon {
background-image: url(/themes/custom/yu/libraries/jqueryui/images/ui-icons_777777_256x240.png);
}
.ui-icon-blank {
background-position: 16px 16px;
}
.ui-icon-caret-1-n {
background-position: 0 0;
}
.ui-icon-caret-1-ne {
background-position: -16px 0;
}
.ui-icon-caret-1-e {
background-position: -32px 0;
}
.ui-icon-caret-1-se {
background-position: -48px 0;
}
.ui-icon-caret-1-s {
background-position: -65px 0;
}
.ui-icon-caret-1-sw {
background-position: -80px 0;
}
.ui-icon-caret-1-w {
background-position: -96px 0;
}
.ui-icon-caret-1-nw {
background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-on {
background-position: -96px -144px;
}
.ui-icon-radio-off {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
}
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
.ui-widget-overlay {
background: #aaaaaa;
opacity: 0.003;
filter: Alpha(Opacity=.3);
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
max-width: none;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
padding: 0;
margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
#cboxOverlay {
background: url(/themes/custom/yu/libraries/colorbox/yu/images/overlay.png) repeat 0 0;
opacity: 0.9;
filter: alpha(opacity = 90);
}
#colorbox {
outline: 0;
}
#cboxTopLeft {
width: 21px;
height: 21px;
background: url(/themes/custom/yu/libraries/colorbox/yu/images/controls.png) no-repeat -101px 0;
}
#cboxTopRight {
width: 21px;
height: 21px;
background: url(/themes/custom/yu/libraries/colorbox/yu/images/controls.png) no-repeat -130px 0;
}
#cboxBottomLeft {
width: 21px;
height: 21px;
background: url(/themes/custom/yu/libraries/colorbox/yu/images/controls.png) no-repeat -101px -29px;
}
#cboxBottomRight {
width: 21px;
height: 21px;
background: url(/themes/custom/yu/libraries/colorbox/yu/images/controls.png) no-repeat -130px -29px;
}
#cboxMiddleLeft {
width: 21px;
background: url(/themes/custom/yu/libraries/colorbox/yu/images/controls.png) left top repeat-y;
}
#cboxMiddleRight {
width: 21px;
background: url(/themes/custom/yu/libraries/colorbox/yu/images/controls.png) right top repeat-y;
}
#cboxTopCenter {
height: 21px;
background: url(/themes/custom/yu/libraries/colorbox/yu/images/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
height: 21px;
background: url(/themes/custom/yu/libraries/colorbox/yu/images/border.png) 0 -29px repeat-x;
}
#cboxContent {
background: #fff;
overflow: hidden;
}
.cboxIframe {
background: #000;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxLoadedContent {
margin-bottom: 28px;
}
#cboxTitle {
position: absolute;
bottom: 4px;
left: 0;
text-align: center;
width: 100%;
color: #949494;
}
#cboxCurrent {
position: absolute;
bottom: 4px;
left: 58px;
color: #949494;
}
#cboxLoadingOverlay {
background: url(/themes/custom/yu/libraries/colorbox/yu/images/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
background: url(/themes/custom/yu/libraries/colorbox/yu/images/loading.gif) no-repeat center center;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: none;
}
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
outline: 0;
}
#cboxSlideshow {
position: absolute;
bottom: 4px;
right: 30px;
color: #0092ef;
}
#cboxPrevious {
position: absolute;
bottom: 0;
left: 0;
background: url(/themes/custom/yu/libraries/colorbox/yu/images/controls.png) no-repeat -75px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
}
#cboxPrevious:hover {
background-position: -75px -25px;
}
#cboxNext {
position: absolute;
bottom: 0;
left: 27px;
background: url(/themes/custom/yu/libraries/colorbox/yu/images/controls.png) no-repeat -50px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
}
#cboxNext:hover {
background-position: -50px -25px;
}
#cboxClose {
position: absolute;
bottom: 0;
right: 0;
background: url(/themes/custom/yu/libraries/colorbox/yu/images/controls.png) no-repeat -25px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
}
#cboxClose:hover {
background-position: -25px -25px;
}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}