@charset "UTF-8";

* {
margin: 0;
padding: 0;
outline: none;
box-sizing: border-box;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0 auto;
padding: 0;
line-height: 1;
position: relative;
min-width: 320px;
}
html {
overflow-x: hidden;
}
article,
aside,
figure,
figcaption,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
a {
text-decoration: none;
background: transparent;
}
a:active, a:hover {
outline: 0;
}
a img {
border: 0;
}
b,
strong {
font-weight: bold;
}
small {
font-size: 100%;
}
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 auto;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
button {
background-color: transparent;
}
button,
input,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button] {
-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=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
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;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
textarea {
overflow: auto;
resize: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
ol {
list-style: none;
}
ul li {
padding-bottom: 15px;
}
input,
button,
textarea,
select {
border: 0;
outline: none !important;
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
box-sizing: border-box;
background-clip: padding-box;
}
img {
max-width: 100%;
height: auto;
touch-action: none;
pointer-events: none;
-ms-touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
abbr {
text-decoration: none;
border: none;
} .heading, h1, h2, h3, h4, h5, h6 {
font-weight: bold;
line-height: 1;
color: inherit;
font-family: "sofia-pro", sans-serif;
}
.heading.rainbow-text, h1.rainbow-text, h2.rainbow-text, h3.rainbow-text, h4.rainbow-text, h5.rainbow-text, h6.rainbow-text {
font-weight: 400;
}
.heading {
display: block;
letter-spacing: -0.015em;
}
.heading > * {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
}
.heading--1 {
font-size: 70px;
}
.heading--2 {
font-size: 60px;
}
.heading--3 {
font-size: 40px;
}
.heading--4 {
font-size: 34px;
}
.heading--5 {
font-size: 22px;
}
.heading--6 {
font-size: 18px;
}
p, .text {
font-weight: 300;
line-height: 1.4;
letter-spacing: 0.02em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit;
}
.wysiwyg > *:first-child {
margin-top: unset;
}
.wysiwyg > *:last-child {
margin-bottom: unset;
}
.wysiwyg ul {
list-style: none;
}
.wysiwyg ul li {
margin-bottom: 24px;
position: relative;
padding-left: 32px;
}
.wysiwyg ul li:before {
content: "";
position: absolute;
left: 0;
top: 4px;
border-radius: 100%;
height: 20px;
width: 20px;
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
background-color: #1E77C9;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z' fill='%23fff' /%3E%3C/svg%3E");
}
.wysiwyg ul li ul {
list-style: outside disc;
padding-left: 20px;
margin-top: 24px;
}
.wysiwyg ul li ul li {
padding-left: unset;
}
.wysiwyg ul li ul li:before {
display: none;
}
.wysiwyg ul li ul li::marker {
margin-right: unset;
}
.wysiwyg ol {
list-style: outside decimal;
padding-left: 28px;
}
.wysiwyg p {
margin-bottom: 24px;
}
.wysiwyg a {
color: #1E77C9;
}
.wysiwyg a:hover {
text-decoration: underline;
} body {
font-family: "sofia-pro", sans-serif;
background-color: white;
position: relative;
color: black;
font-size: 18px;
line-height: 1.6;
}
@media screen and (max-width: 600px) {
body {
font-size: 17px;
}
}
main {
position: relative;
}
.menu-active {
overflow: hidden;
}
section {
margin-top: 48px;
margin-bottom: 48px;
}
@media screen and (max-width: 600px) {
section {
margin-top: 32px;
margin-bottom: 32px;
}
}
.container {
max-width: 1280px;
width: 100%;
margin: 0 auto;
padding: 0 16px;
}
.container--wide {
max-width: 1430px;
}
.container--narrow {
max-width: 960px;
}
.container--none {
max-width: unset;
}
@media screen and (max-width: 850px) {
.container {
max-width: 100%;
}
}
.flex-center {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.img-wrapper {
overflow: hidden;
}
.img-wrapper img, .img-wrapper svg {
width: 100% !important;
height: 100% !important;
}
.img-wrapper--contain img, .img-wrapper--contain svg {
object-fit: contain;
}
.img-wrapper--cover img, .img-wrapper--cover svg {
object-fit: cover;
}
.green-bg {
background-color: #01230A;
}
.body-overlay,
.menu-overlay {
overflow-y: hidden;
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 105vw;
background-color: black;
opacity: 0;
transition: opacity 0.6s ease;
pointer-events: none;
}
.body-overlay.active,
.menu-overlay.active {
pointer-events: auto;
opacity: 0.85;
}
.margin-auto,
.auto-margin {
margin-left: auto;
margin-right: auto;
}
.pt-0 {
padding-top: 0;
}
.pb-0 {
padding-bottom: 0;
}
.section-header {
display: flex;
flex-direction: row;
margin-bottom: 48px;
align-items: center;
justify-content: space-between;
}
.section-header--small-btn {
justify-content: flex-start;
align-items: baseline;
}
@media screen and (max-width: 600px) {
.section-header .heading--3 {
font-size: 34px;
}
}
.section-header .btn {
margin-left: 20px;
}
.section-header .btn:not(.btn--no-bg) {
font-weight: 300;
font-size: 16px;
text-transform: uppercase;
text-align: left;
}
@media screen and (min-width: 601px) {
.section-header .btn:not(.btn--no-bg) {
min-width: 190px;
}
}
.moh-breadcrumbs {
font-weight: 300;
}
.moh-breadcrumbs a {
color: inherit;
line-height: 2;
}
@media screen and (max-width: 850px) {
.moh-breadcrumbs {
margin-bottom: 16px;
font-size: 16px;
}
}
.pagination {
display: flex;
justify-content: center;
margin-top: 32px;
}
.pagination .page-numbers {
color: inherit;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
.pagination .page-numbers.current {
text-decoration: underline;
text-decoration-color: #FFB800;
text-underline-offset: 0.15em;
text-decoration-thickness: 2px;
}
.bg--blue {
background-color: #1E77C9 !important;
}
.bg--green {
background-color: #008425 !important;
}
.bg--gold {
background-color: #FFB800 !important;
color: black !important;
}
.fancy-list {
margin-left: unset !important;
margin-bottom: unset !important;
}
.fancy-list li {
padding: 15px 0 15px 26px;
border-top: 1px solid #ddd;
position: relative;
list-style: none;
}
.fancy-list li:before {
position: absolute;
left: 0;
top: 16px;
content: "✓";
color: #1c66ab;
}
@media (min-width: 782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column .fancy-list li:first-child {
border-top: none;
}
}
.grid {
box-sizing: border-box;
display: flex;
margin-left: auto;
margin-right: auto;
flex-wrap: wrap;
width: 100%;
}
@media screen and (max-width: 1024px) {
.grid {
width: 100%;
}
}
@media screen and (max-width: 850px) {
.grid {
width: 100%;
}
}
@media screen and (max-width: 600px) {
.grid {
width: 100%;
}
}
.grid-0 {
box-sizing: border-box;
display: flex;
margin-left: auto;
margin-right: auto;
flex-wrap: wrap;
width: 100%;
}
.col-desk-0 {
box-sizing: border-box;
width: 0%;
padding-left: 1.875%;
padding-right: 1.875%;
}
.col-desk-shift-0 {
margin-left: 0%;
}
.col-desk-1 {
box-sizing: border-box;
width: 8.3333333333%;
padding-left: 1.875%;
padding-right: 1.875%;
}
.col-desk-shift-1 {
margin-left: 8.3333333333%;
}
.col-desk-2 {
box-sizing: border-box;
width: 16.6666666667%;
padding-left: 1.875%;
padding-right: 1.875%;
}
.col-desk-shift-2 {
margin-left: 16.6666666667%;
}
.col-desk-3 {
box-sizing: border-box;
width: 25%;
padding-left: 1.875%;
padding-right: 1.875%;
}
.col-desk-shift-3 {
margin-left: 25%;
}
.col-desk-4 {
box-sizing: border-box;
width: 33.3333333333%;
padding-left: 1.875%;
padding-right: 1.875%;
}
.col-desk-shift-4 {
margin-left: 33.3333333333%;
}
.col-desk-5 {
box-sizing: border-box;
width: 41.6666666667%;
padding-left: 1.875%;
padding-right: 1.875%;
}
.col-desk-shift-5 {
margin-left: 41.6666666667%;
}
.col-desk-6 {
box-sizing: border-box;
width: 50%;
padding-left: 1.875%;
padding-right: 1.875%;
}
.col-desk-shift-6 {
margin-left: 50%;
}
.col-desk-7 {
box-sizing: border-box;
width: 58.3333333333%;
padding-left: 1.875%;
padding-right: 1.875%;
}
.col-desk-shift-7 {
margin-left: 58.3333333333%;
}
.col-desk-8 {
box-sizing: border-box;
width: 66.6666666667%;
padding-left: 1.875%;
padding-right: 1.875%;
}
.col-desk-shift-8 {
margin-left: 66.6666666667%;
}
.col-desk-9 {
box-sizing: border-box;
width: 75%;
padding-left: 1.875%;
padding-right: 1.875%;
}
.col-desk-shift-9 {
margin-left: 75%;
}
.col-desk-10 {
box-sizing: border-box;
width: 83.3333333333%;
padding-left: 1.875%;
padding-right: 1.875%;
}
.col-desk-shift-10 {
margin-left: 83.3333333333%;
}
.col-desk-11 {
box-sizing: border-box;
width: 91.6666666667%;
padding-left: 1.875%;
padding-right: 1.875%;
}
.col-desk-shift-11 {
margin-left: 91.6666666667%;
}
.col-desk-12 {
box-sizing: border-box;
width: 100%;
padding-left: 1.875%;
padding-right: 1.875%;
}
.col-desk-shift-12 {
margin-left: 100%;
}
@media screen and (max-width: 1024px) {
.col-tab-pro-0 {
box-sizing: border-box;
width: 0%;
padding-left: 1.5625%;
padding-right: 1.5625%;
}
.col-tab-pro-shift-0 {
margin-left: 0%;
}
.col-tab-pro-1 {
box-sizing: border-box;
width: 8.3333333333%;
padding-left: 1.5625%;
padding-right: 1.5625%;
}
.col-tab-pro-shift-1 {
margin-left: 8.3333333333%;
}
.col-tab-pro-2 {
box-sizing: border-box;
width: 16.6666666667%;
padding-left: 1.5625%;
padding-right: 1.5625%;
}
.col-tab-pro-shift-2 {
margin-left: 16.6666666667%;
}
.col-tab-pro-3 {
box-sizing: border-box;
width: 25%;
padding-left: 1.5625%;
padding-right: 1.5625%;
}
.col-tab-pro-shift-3 {
margin-left: 25%;
}
.col-tab-pro-4 {
box-sizing: border-box;
width: 33.3333333333%;
padding-left: 1.5625%;
padding-right: 1.5625%;
}
.col-tab-pro-shift-4 {
margin-left: 33.3333333333%;
}
.col-tab-pro-5 {
box-sizing: border-box;
width: 41.6666666667%;
padding-left: 1.5625%;
padding-right: 1.5625%;
}
.col-tab-pro-shift-5 {
margin-left: 41.6666666667%;
}
.col-tab-pro-6 {
box-sizing: border-box;
width: 50%;
padding-left: 1.5625%;
padding-right: 1.5625%;
}
.col-tab-pro-shift-6 {
margin-left: 50%;
}
.col-tab-pro-7 {
box-sizing: border-box;
width: 58.3333333333%;
padding-left: 1.5625%;
padding-right: 1.5625%;
}
.col-tab-pro-shift-7 {
margin-left: 58.3333333333%;
}
.col-tab-pro-8 {
box-sizing: border-box;
width: 66.6666666667%;
padding-left: 1.5625%;
padding-right: 1.5625%;
}
.col-tab-pro-shift-8 {
margin-left: 66.6666666667%;
}
.col-tab-pro-9 {
box-sizing: border-box;
width: 75%;
padding-left: 1.5625%;
padding-right: 1.5625%;
}
.col-tab-pro-shift-9 {
margin-left: 75%;
}
.col-tab-pro-10 {
box-sizing: border-box;
width: 83.3333333333%;
padding-left: 1.5625%;
padding-right: 1.5625%;
}
.col-tab-pro-shift-10 {
margin-left: 83.3333333333%;
}
.col-tab-pro-11 {
box-sizing: border-box;
width: 91.6666666667%;
padding-left: 1.5625%;
padding-right: 1.5625%;
}
.col-tab-pro-shift-11 {
margin-left: 91.6666666667%;
}
.col-tab-pro-12 {
box-sizing: border-box;
width: 100%;
padding-left: 1.5625%;
padding-right: 1.5625%;
}
.col-tab-pro-shift-12 {
margin-left: 100%;
}
}
@media screen and (max-width: 850px) {
.col-tab-0 {
box-sizing: border-box;
width: 0%;
padding-left: 1.4117647059%;
padding-right: 1.4117647059%;
}
.col-tab-shift-0 {
margin-left: 0%;
}
.col-tab-1 {
box-sizing: border-box;
width: 8.3333333333%;
padding-left: 1.4117647059%;
padding-right: 1.4117647059%;
}
.col-tab-shift-1 {
margin-left: 8.3333333333%;
}
.col-tab-2 {
box-sizing: border-box;
width: 16.6666666667%;
padding-left: 1.4117647059%;
padding-right: 1.4117647059%;
}
.col-tab-shift-2 {
margin-left: 16.6666666667%;
}
.col-tab-3 {
box-sizing: border-box;
width: 25%;
padding-left: 1.4117647059%;
padding-right: 1.4117647059%;
}
.col-tab-shift-3 {
margin-left: 25%;
}
.col-tab-4 {
box-sizing: border-box;
width: 33.3333333333%;
padding-left: 1.4117647059%;
padding-right: 1.4117647059%;
}
.col-tab-shift-4 {
margin-left: 33.3333333333%;
}
.col-tab-5 {
box-sizing: border-box;
width: 41.6666666667%;
padding-left: 1.4117647059%;
padding-right: 1.4117647059%;
}
.col-tab-shift-5 {
margin-left: 41.6666666667%;
}
.col-tab-6 {
box-sizing: border-box;
width: 50%;
padding-left: 1.4117647059%;
padding-right: 1.4117647059%;
}
.col-tab-shift-6 {
margin-left: 50%;
}
.col-tab-7 {
box-sizing: border-box;
width: 58.3333333333%;
padding-left: 1.4117647059%;
padding-right: 1.4117647059%;
}
.col-tab-shift-7 {
margin-left: 58.3333333333%;
}
.col-tab-8 {
box-sizing: border-box;
width: 66.6666666667%;
padding-left: 1.4117647059%;
padding-right: 1.4117647059%;
}
.col-tab-shift-8 {
margin-left: 66.6666666667%;
}
.col-tab-9 {
box-sizing: border-box;
width: 75%;
padding-left: 1.4117647059%;
padding-right: 1.4117647059%;
}
.col-tab-shift-9 {
margin-left: 75%;
}
.col-tab-10 {
box-sizing: border-box;
width: 83.3333333333%;
padding-left: 1.4117647059%;
padding-right: 1.4117647059%;
}
.col-tab-shift-10 {
margin-left: 83.3333333333%;
}
.col-tab-11 {
box-sizing: border-box;
width: 91.6666666667%;
padding-left: 1.4117647059%;
padding-right: 1.4117647059%;
}
.col-tab-shift-11 {
margin-left: 91.6666666667%;
}
.col-tab-12 {
box-sizing: border-box;
width: 100%;
padding-left: 1.4117647059%;
padding-right: 1.4117647059%;
}
.col-tab-shift-12 {
margin-left: 100%;
}
}
@media screen and (max-width: 600px) {
.col-mob-0 {
box-sizing: border-box;
width: 0%;
padding-left: 1.6666666667%;
padding-right: 1.6666666667%;
}
.col-mob-shift-0 {
margin-left: 0%;
}
.col-mob-1 {
box-sizing: border-box;
width: 25%;
padding-left: 1.6666666667%;
padding-right: 1.6666666667%;
}
.col-mob-shift-1 {
margin-left: 25%;
}
.col-mob-2 {
box-sizing: border-box;
width: 50%;
padding-left: 1.6666666667%;
padding-right: 1.6666666667%;
}
.col-mob-shift-2 {
margin-left: 50%;
}
.col-mob-3 {
box-sizing: border-box;
width: 75%;
padding-left: 1.6666666667%;
padding-right: 1.6666666667%;
}
.col-mob-shift-3 {
margin-left: 75%;
}
.col-mob-4 {
box-sizing: border-box;
width: 100%;
padding-left: 1.6666666667%;
padding-right: 1.6666666667%;
}
.col-mob-shift-4 {
margin-left: 100%;
}
} .gform_wrapper {
margin-top: 48px;
}
.gform_wrapper form .gform-body .gform_fields {
grid-row-gap: 36px;
}
@media screen and (max-width: 600px) {
.gform_wrapper form .gform-body .gform_fields {
grid-row-gap: 24px;
}
}
.gform_wrapper form .gform-body .gfield label {
font-size: 20px;
display: inline-block;
font-weight: 600;
line-height: 1;
margin-bottom: 16px;
}
.gform_wrapper form .gform-body .gfield input {
line-height: 36px;
}
.gform_wrapper form .gform-body .gfield input,
.gform_wrapper form .gform-body .gfield select,
.gform_wrapper form .gform-body .gfield textarea {
border: 2px solid #C7C7C7;
border-radius: 6px;
font-size: 20px;
padding-left: 12px;
padding-right: 12px;
}
.gform_wrapper form .gform_footer {
display: flex;
justify-content: center;
}
@media screen and (min-width: 601px) {
.gform_wrapper form .gform_footer {
margin-top: 42px !important;
}
}
.gform_wrapper form [type=submit] {
display: inline-block;
background-color: #008425;
color: white;
padding: 16px 30px;
padding-right: 56px;
font-size: 16px;
text-transform: uppercase;
border-radius: 50px;
position: relative;
}
.gform_wrapper form [type=submit]:before {
position: absolute;
content: "";
right: 16px;
top: 50%;
transform: translateY(-40%);
width: 20px;
height: 20px;
display: inline-block;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M280.3 134.4c-9.719-9-24.91-8.438-33.94 1.25c-9 9.719-8.469 24.88 1.25 33.94L314.9 232H144C130.8 232 120 242.8 120 256S130.8 280 144 280h170.9l-67.21 62.41c-9.719 9.062-10.25 24.22-1.25 33.94c9.031 9.688 24.22 10.25 33.94 1.25l112-104C397.2 269 400 262.7 400 256s-2.781-13.03-7.656-17.59L280.3 134.4zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' fill='%23fff'/%3E%3C/svg%3E");
} .btn {
color: inherit;
position: relative;
padding: 12px 32px;
padding-right: 64px;
display: inline-block;
transition: 0.2s ease;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.02em;
cursor: pointer;
text-align: center;
background-color: #1E77C9;
border-radius: 25px;
color: inherit;
position: relative;
}
.btn:before {
content: "\f061";
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid);
position: absolute;
right: 28px;
top: 50%;
transform: translateY(-40%);
font-size: 18px;
color: inherit;
}
@media screen and (max-width: 600px) {
.btn:before {
font-size: 16px;
transform: translateY(-36%);
}
}
.btn--gold {
background-color: #FFB800;
color: black;
}
.btn--gold:hover {
background-color: #1E77C9;
color: white;
}
.btn--blue {
background-color: #1E77C9;
color: white;
}
.btn--blue:hover {
background-color: #008425;
color: white;
}
.btn--green {
background-color: #008425;
color: white;
}
.btn--green:hover {
background-color: #FFB800;
color: black;
}
.btn--no-bg {
background-color: unset;
padding: unset;
padding-right: 24px;
}
.btn--no-bg:before {
right: 0;
}
.btn-circled-arrow {
position: relative;
display: inline-block;
padding-left: 36px;
color: black;
letter-spacing: -0.015em;
}
.btn-circled-arrow:before {
position: absolute;
content: "";
left: 0;
top: 50%;
transform: translateY(-33%);
width: 20px;
height: 20px;
display: inline-block;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M280.3 134.4c-9.719-9-24.91-8.438-33.94 1.25c-9 9.719-8.469 24.88 1.25 33.94L314.9 232H144C130.8 232 120 242.8 120 256S130.8 280 144 280h170.9l-67.21 62.41c-9.719 9.062-10.25 24.22-1.25 33.94c9.031 9.688 24.22 10.25 33.94 1.25l112-104C397.2 269 400 262.7 400 256s-2.781-13.03-7.656-17.59L280.3 134.4zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' fill='%23000'/%3E%3C/svg%3E");
}
@media screen and (max-width: 600px) {
.btn-circled-arrow:before {
transform: translateY(-44%);
}
}
.btn-arrows {
width: 42px;
height: 42px;
display: inline-block;
}
.download-btn {
position: relative;
display: inline-block;
font-size: 18px;
padding-left: 36px;
color: black;
letter-spacing: -0.015em;
}
.download-btn:before {
content: "\f019";
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-40%);
font-size: 18px;
color: inherit;
}
@media screen and (max-width: 600px) {
.download-btn {
font-size: 14px;
padding-left: 24px;
}
.download-btn:before {
font-size: 14px;
}
}
.hero {
height: auto;
min-height: calc(100vh - 105px - 39px);
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-top: unset;
padding-top: 48px;
padding-bottom: 120px;
display: flex;
align-items: center;
}
@media screen and (max-width: 600px) {
.hero {
min-height: calc(100vh - 74px - 27px);
}
}
.hero__content {
max-width: 600px;
margin-left: 0;
}
.hero__content .heading {
margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
.hero__content .heading {
font-size: 40px;
}
}
.hero__content .text {
max-width: 380px;
margin-left: 0;
font-size: 22px;
}
.hero__content .btn-container {
margin-top: 30px;
}
.hero__additional-links {
background-color: rgba(238, 238, 238, 0.8);
padding-top: 40px;
padding-bottom: 40px;
position: absolute;
bottom: 0;
width: 100%;
}
.hero__additional-links .container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media screen and (max-width: 600px) {
.hero__additional-links .container {
justify-content: center;
}
}
.hero video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
object-fit: cover;
}
.hero--video {
position: relative;
color: white;
}
.hero--video:before {
content: "";
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
left: 0;
top: 0;
}
.additional-links-text {
width: 33.33%;
color: black;
}
@media screen and (max-width: 850px) {
.additional-links-text {
width: 20%;
}
}
@media screen and (max-width: 600px) {
.additional-links-text {
display: none;
}
}
.additional-links {
width: 66.67%;
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-left: -24px;
margin-right: -24px;
}
@media screen and (max-width: 850px) {
.additional-links {
width: 80%;
}
}
@media screen and (max-width: 600px) {
.additional-links {
width: 100%;
justify-content: center;
flex-direction: column;
}
}
.additional-links a {
font-size: 16px;
display: inline-block;
border-bottom: 1px solid black;
padding-bottom: 16px;
width: calc(33.33% - 48px);
margin-left: 24px;
margin-right: 24px;
color: black;
position: relative;
padding-right: 18px;
}
@media screen and (max-width: 850px) {
.additional-links a {
width: calc(33.33% - 24px);
margin-left: 12px;
margin-right: 12px;
}
}
@media screen and (max-width: 600px) {
.additional-links a {
width: calc(33.33% - 18px);
margin-left: 9px;
margin-right: 9px;
}
}
@media screen and (max-width: 600px) {
.additional-links a {
font-size: 15px;
width: 100%;
margin: 0 auto 16px;
padding-bottom: 12px;
}
}
.additional-links a:before {
content: "\f061";
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid);
position: absolute;
right: 0;
top: 0;
font-size: 18px;
color: inherit;
}
@media screen and (max-width: 600px) {
.additional-links a:before {
font-size: 16px;
}
}
@media screen and (max-width: 600px) {
.latest-news-and-resources {
margin-top: 60px;
}
}
.latest-news-and-resources .container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media screen and (max-width: 850px) {
.latest-news-and-resources .container {
flex-direction: column;
}
}
.latest-news {
width: calc(66.67% - 28px);
}
@media screen and (max-width: 850px) {
.latest-news {
width: 100%;
}
}
.latest-news__loop {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
margin-left: -24px;
margin-right: -24px;
}
@media screen and (max-width: 600px) {
.latest-news__loop {
margin-left: auto;
margin-right: auto;
flex-direction: column;
}
}
.latest-news__loop .card {
width: calc(50% - 48px);
margin-left: 24px;
margin-right: 24px;
margin-bottom: 48px;
}
@media screen and (max-width: 600px) {
.latest-news__loop .card {
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
.home-resources-col {
width: calc(33.33% - 28px);
}
@media screen and (max-width: 850px) {
.home-resources-col {
width: 100%;
}
}
.home-resources {
background-color: #1E77C9;
color: white;
padding: 10%;
border-radius: 8px;
}
@media screen and (max-width: 850px) {
.home-resources {
padding: 7.5%;
}
}
@media screen and (max-width: 600px) {
.home-resources {
padding-top: 12%;
padding-bottom: 12%;
}
}
.home-resource {
padding-bottom: 32px;
margin-bottom: 32px;
border-bottom: 1px solid white;
}
.home-resource:last-of-type {
border-bottom: unset;
padding-bottom: unset;
margin-bottom: unset;
}
.home-resource__name {
max-width: 210px;
margin-bottom: 18px;
line-height: 1.3;
}
@media screen and (max-width: 850px) {
.home-resource__name {
max-width: unset;
}
}
.lbb-section {
margin-top: 90px;
margin-bottom: 90px;
}
.wide-cards-block hr {
border: 1px solid transparent;
border-top-color: black;
margin-top: 52px;
margin-bottom: 52px;
height: auto;
}
.wide-card {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.wide-card-img {
width: 100px;
height: 100px;
}
@media screen and (max-width: 600px) {
.wide-card-img {
width: 85px;
height: 85px;
}
}
.wide-card-content {
width: calc(100% - 100px);
padding-left: 32px;
}
@media screen and (max-width: 600px) {
.wide-card-content {
padding-left: 20px;
}
}
.wide-card-heading {
margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
.wide-card-heading {
font-size: 24px;
}
}
.wide-card-desc {
margin-bottom: 18px;
}
.wide-card .btn {
color: #1E77C9;
}
.wide-card .btn:before {
color: black;
}
.notice-board {
width: 100%;
padding: 12%;
background-color: #eeeeee;
color: black;
border-radius: 8px;
}
.notice-board:nth-of-type(n+2) {
margin-top: 60px;
}
.downloads-main .notice-board:last-of-type {
position: sticky;
top: 100px;
}
.notice-board--blue {
background-color: #1E77C9;
color: white;
}
@media screen and (max-width: 850px) {
.notice-board {
padding: 7.5%;
}
}
@media screen and (max-width: 600px) {
.notice-board {
padding-top: 12%;
padding-bottom: 12%;
}
}
.notice-board__heading {
margin-bottom: 28px;
font-size: 30px;
}
.notice-board__feed {
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
.notice-board__feed a {
color: inherit;
padding: 16px 0;
border-bottom: 1px solid currentColor;
font-size: 16px;
font-weight: 500;
}
.notice-board__feed a:first-of-type {
border-top: 1px solid currentColor;
}
@media screen and (max-width: 600px) {
.notice-board__feed a {
padding: 20px 0;
}
}
.notice-board .btn {
font-size: 20px;
font-weight: 800;
color: #1E77C9;
color: inherit;
}
@media screen and (max-width: 600px) {
.notice-board .btn {
font-size: 18px;
}
}
.page-title-section {
margin-top: 10px;
}
.page-title-section .page-title-container {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #1E77C9;
border-radius: 20px;
color: white;
padding: 4.5% 7%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 600px) {
.page-title-section .page-title-container {
padding-top: 10%;
padding-bottom: 10%;
border-radius: 10px;
}
}
@media screen and (max-width: 850px) {
.single-post .page-title-section .page-title-container {
background-color: unset;
color: initial;
padding: unset;
padding-top: 12px;
padding-bottom: 32px;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
border-radius: unset;
}
.single-post .page-title-section .page-title-container .single-post-date {
opacity: 0.8;
}
}
@media screen and (min-width: 601px) {
.page-title-section--img .page-title-container {
min-height: 200px;
}
}
.page-title-section--blue .page-title-container {
background-color: #1E77C9;
}
.page-title-section--green .page-title-container {
background-color: #008425;
}
.page-title-section--gold .page-title-container {
background-color: #FFB800;
}
.page-title-section .page-title {
max-width: 900px;
}
@media screen and (max-width: 600px) {
.page-title-section .page-title {
font-size: 44px;
}
}
.page-title-section .page-desc {
max-width: 510px;
font-size: 22px;
margin-top: 20px;
}
.page-title-section .moh-breadcrumbs {
margin-bottom: 12px;
}
@media screen and (max-width: 600px) {
.basic-page-title-section .page-title {
font-size: 44px;
}
}
.basic-page-title-section .moh-breadcrumbs {
margin-bottom: 16px;
}
.basic-page-title-section,
.page-title-section {
margin-top: unset;
}
.breadcrumb-separator {
font-size: 30px;
display: inline-block;
line-height: 0;
vertical-align: baseline;
margin-left: 5px;
margin-right: 5px;
}
.partners-block {
margin-top: 100px;
margin-bottom: 100px;
}
@media screen and (max-width: 600px) {
.partners-block {
margin-top: 60px;
margin-bottom: 60px;
}
}
.partners-block .container {
max-width: 1080px;
}
.partners-block .heading {
font-size: 50px;
margin-bottom: 60px;
text-align: center;
}
@media screen and (max-width: 600px) {
.partners-block .heading {
margin-bottom: 36px;
font-size: 42px;
}
}
.partners-main {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.partners-main .btn-arrows {
width: 36px;
}
@media screen and (max-width: 600px) {
.partners-main .btn-arrows {
width: 22px;
height: 28px;
}
}
.partners-main .tns-outer {
width: calc(100% - 48px - 48px - 16px - 16px);
margin-left: 16px;
margin-right: 16px;
max-width: 764px;
}
@media screen and (max-width: 600px) {
.partners-main .tns-outer {
width: calc(100% - 22px - 22px - 16px - 16px);
}
}
.partner-logos {
display: flex;
flex-direction: row;
justify-content: center;
}
.partner-logos .img-wrapper {
height: auto;
margin-left: 12px;
margin-right: 12px;
}
.program-cards {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
margin-left: -24px;
margin-right: -24px;
}
@media screen and (max-width: 600px) {
.program-cards {
margin-left: auto;
margin-right: auto;
flex-direction: column;
}
}
.program-card-wrapper {
width: calc(33.33% - 48px);
margin-left: 24px;
margin-right: 24px;
margin-bottom: 48px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
overflow: hidden;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
color: white;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1024px) {
.program-card-wrapper {
width: calc(33.33% - 32px);
margin-left: 16px;
margin-right: 16px;
margin-bottom: 32px;
}
}
@media screen and (max-width: 850px) {
.program-card-wrapper {
width: calc(50% - 32px);
}
}
@media screen and (max-width: 600px) {
.program-card-wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
.program-card-wrapper:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
z-index: -1;
}
.program-card {
height: 100%;
width: 100%;
padding: 8%;
padding-top: 70%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.program-card__heading {
margin-bottom: 18px;
font-size: 30px;
}
.program-card__desc {
margin-bottom: 20px;
font-size: 18px;
letter-spacing: -0.015em;
line-height: 1.2;
font-weight: normal;
}
.sbs-video-block {
margin-top: 72px;
margin-bottom: 72px;
}
.sbs-video {
display: flex;
flex-direction: row;
justify-content: center;
min-height: 415px;
}
@media screen and (max-width: 600px) {
.sbs-video {
flex-direction: column;
min-height: unset;
}
}
.sbs-video > * {
width: 50%;
overflow: hidden;
}
@media screen and (max-width: 600px) {
.sbs-video > * {
width: 100%;
}
}
.sbs-video__video {
border-radius: 20px 0 0 20px;
position: relative;
cursor: pointer;
}
@media screen and (max-width: 600px) {
.sbs-video__video {
border-radius: 20px 20px 0 0;
bottom: -2px;
}
}
.sbs-video__video .video-container {
display: none;
}
.sbs-video__video .play-btn {
width: 95px;
height: 95px;
background-color: rgba(255, 255, 255, 0.6);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-position: center;
background-repeat: no-repeat;
background-size: 55%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M24.52 38.13C39.66 29.64 58.21 29.99 73.03 39.04L361 215C375.3 223.8 384 239.3 384 256C384 272.7 375.3 288.2 361 296.1L73.03 472.1C58.21 482 39.66 482.4 24.52 473.9C9.377 465.4 0 449.4 0 432V80C0 62.64 9.377 46.63 24.52 38.13V38.13zM56.34 66.35C51.4 63.33 45.22 63.21 40.17 66.04C35.13 68.88 32 74.21 32 80V432C32 437.8 35.13 443.1 40.17 445.1C45.22 448.8 51.41 448.7 56.34 445.7L344.3 269.7C349.1 266.7 352 261.6 352 256C352 250.4 349.1 245.3 344.3 242.3L56.34 66.35z'/%3E%3C/svg%3E");
}
.sbs-video__content {
border-radius: 0 20px 20px 0;
background-color: #FFB800;
}
@media screen and (max-width: 600px) {
.sbs-video__content {
border-radius: 0 0 20px 20px;
}
}
.sbs-video__content-container {
width: 100%;
height: 100%;
padding: 5%;
text-align: center;
}
.sbs-video__heading {
margin-bottom: 20px;
}
.sbs-video--grey .sbs-video__content {
background-color: #FAF9F9;
}
.sbs-video--grey .sbs-video__video .play-btn {
background-color: white;
}
.video-modal {
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
z-index: 2147483647;
background-color: rgba(0, 0, 0, 0.9);
display: none;
justify-content: center;
align-items: center;
opacity: 0;
transition: all 0.6s ease;
}
.video-modal.active {
opacity: 1;
}
.video-modal .container {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 625px;
}
@media screen and (max-width: 1024px) {
.video-modal .container {
height: 56.25vw;
}
}
.video-modal .container .iframe-container {
width: 100%;
height: 100%;
max-height: 100%;
}
.video-modal .container .iframe-container iframe {
width: 100%;
height: 100%;
max-height: 100%;
}
.video-modal .modal-close-btn {
position: absolute;
top: -40px;
right: 14px;
cursor: pointer;
width: 30px;
height: 30px;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492 492' style='enable-background:new 0 0 492 492;' xml:space='preserve' fill='white'%3E%3Cg%3E%3Cg%3E%3Cpath d='M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872 c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872 c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052 L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116 c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952 c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116 c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: scale(1);
transition: transform 0.4s ease;
}
.video-modal .modal-close-btn:hover {
transform: scale(1.35);
}
@media screen and (max-width: 600px) {
.video-modal .modal-close-btn {
height: 20px;
width: 20px;
top: -28px;
right: 20px;
}
}
.useful-links-block {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1E77C9;
color: white;
margin-bottom: unset;
}
@media screen and (max-width: 600px) {
.useful-links-block {
padding-top: 40px;
padding-bottom: 40px;
}
}
.useful-links-heading {
font-size: 50px;
margin-bottom: 16px;
letter-spacing: -0.015em;
}
@media screen and (max-width: 600px) {
.useful-links-heading {
font-size: 44px;
}
}
.useful-links-desc {
font-size: 18px;
letter-spacing: -0.015em;
}
@media screen and (max-width: 600px) {
.useful-links-desc {
font-size: 16px;
}
}
.useful-links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin: 48px -16px 0;
}
@media screen and (max-width: 600px) {
.useful-links {
margin-left: unset;
margin-right: unset;
flex-direction: column;
}
}
.useful-links a {
color: inherit;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 0.25em;
position: relative;
letter-spacing: -0.015em;
display: inline-block;
padding-left: 36px;
margin-bottom: 28px;
}
.useful-links a:before {
position: absolute;
content: "";
left: 0;
top: 6px;
width: 20px;
height: 20px;
display: inline-block;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M280.3 134.4c-9.719-9-24.91-8.438-33.94 1.25c-9 9.719-8.469 24.88 1.25 33.94L314.9 232H144C130.8 232 120 242.8 120 256S130.8 280 144 280h170.9l-67.21 62.41c-9.719 9.062-10.25 24.22-1.25 33.94c9.031 9.688 24.22 10.25 33.94 1.25l112-104C397.2 269 400 262.7 400 256s-2.781-13.03-7.656-17.59L280.3 134.4zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' fill='%23fff'/%3E%3C/svg%3E");
}
.bg--gold .useful-links a:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M280.3 134.4c-9.719-9-24.91-8.438-33.94 1.25c-9 9.719-8.469 24.88 1.25 33.94L314.9 232H144C130.8 232 120 242.8 120 256S130.8 280 144 280h170.9l-67.21 62.41c-9.719 9.062-10.25 24.22-1.25 33.94c9.031 9.688 24.22 10.25 33.94 1.25l112-104C397.2 269 400 262.7 400 256s-2.781-13.03-7.656-17.59L280.3 134.4zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' fill='%23000'/%3E%3C/svg%3E");
}
.useful-links .useful-link {
width: calc(33.33% - 32px);
margin-left: 16px;
margin-right: 16px;
}
@media screen and (max-width: 600px) {
.useful-links .useful-link {
margin-left: unset;
margin-right: unset;
width: 100%;
margin-bottom: 20px;
}
}
.related-programs-block {
border: 1px solid white;
border-left: unset;
border-right: unset;
margin-top: unset;
margin-bottom: unset;
}
.related-programs {
display: flex;
flex-direction: row;
justify-content: center;
}
.related-program {
width: 50vw;
letter-spacing: -0.015em;
padding: 16% 2% 4%;
position: relative;
color: white;
}
.related-program img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
z-index: -2;
}
.related-program:before {
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
z-index: -1;
}
@media screen and (min-width: 851px) {
.related-program:first-of-type {
border-right: 1px solid white;
}
}
.related-program__content {
max-width: 500px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.related-program__heading {
max-width: 410px;
letter-spacing: inherit;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.related-program__desc {
letter-spacing: inherit;
font-size: 22px;
}
.leadership-main {
margin-top: 90px;
margin-bottom: 90px;
}
@media screen and (max-width: 600px) {
.leadership-main {
margin-top: 60px;
margin-bottom: 60px;
}
}
.contact-info-block {
padding-top: 32px;
padding-bottom: 32px;
}
@media screen and (max-width: 600px) {
.contact-info-block {
padding-top: 24px;
padding-bottom: 24px;
}
}
.contact-info-w-icons {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 28px;
}
@media screen and (max-width: 600px) {
.contact-info-w-icons {
flex-direction: column;
row-gap: 16px;
}
}
.contact-info-w-icons__single {
width: 32%;
}
@media screen and (max-width: 1024px) {
.contact-info-w-icons__single {
width: 47%;
}
}
@media screen and (max-width: 600px) {
.contact-info-w-icons__single {
width: 100%;
}
}
@media screen and (min-width: 1025px) {
.contact-info-w-icons__single.mental-health-helpline-phone {
width: 100%;
}
}
.contact-info-w-icons__single a {
font-weight: bold;
font-size: 24px;
color: black;
position: relative;
padding-left: 40px;
display: inline-block;
}
@media screen and (max-width: 600px) {
.contact-info-w-icons__single a {
font-size: 20px;
}
}
.contact-info-w-icons__single a:before {
content: "\f061";
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid);
position: absolute;
left: 0;
top: 8px;
font-size: inherit;
color: #1E77C9;
}
.contact-info-w-icons__single a#phone:before {
content: "\f879";
}
.contact-info-w-icons__single a#email:before {
content: "\f0e0";
}
.contact-info-w-icons__single a#address:before {
content: "\f3c5";
}
.locations-block {
background-color: #EEEEEE;
padding-top: 100px;
padding-bottom: 100px;
}
@media screen and (max-width: 600px) {
.locations-block {
padding-top: 48px;
padding-bottom: 48px;
}
}
.locations-block .section-heading {
text-align: center;
max-width: 800px;
margin-bottom: 48px;
}
.locations {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
.locations {
flex-direction: column;
}
}
.locations .location {
width: 33.33%;
padding-right: 16px;
position: relative;
padding-left: 38px;
}
@media screen and (max-width: 600px) {
.locations .location {
width: 100%;
}
}
.locations .location a:not(.btn) {
color: inherit;
}
.locations .location__info {
font-size: 20px;
}
@media screen and (max-width: 600px) {
.locations .location:nth-of-type(n+2) {
margin-top: 48px;
}
}
@media screen and (min-width: 601px) {
.locations .location:nth-of-type(n+4) {
margin-top: 60px;
}
}
.locations .location:before {
content: "";
width: 20px;
height: 30px;
position: absolute;
left: 0;
top: 2px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='25' viewBox='0 0 18 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0C3.98438 0 0 4.07812 0 9C0 12.375 1.07812 13.4062 7.07812 22.9688C7.96875 24.375 9.98438 24.375 10.875 22.9688C16.875 13.4062 18 12.375 18 9C18 4.03125 13.9219 0 9 0ZM9 21.75C3 12.1875 2.25 11.5781 2.25 9C2.25 5.29688 5.25 2.25 9 2.25C12.7031 2.25 15.75 5.29688 15.75 9C15.75 11.5781 15 12.0938 9 21.75ZM5.25 9C5.25 11.1094 6.89062 12.75 9 12.75C11.0625 12.75 12.75 11.1094 12.75 9C12.75 6.9375 11.0625 5.25 9 5.25C6.89062 5.25 5.25 6.9375 5.25 9Z' fill='%23C4C4C4'/%3E%3C/svg%3E");
}
.locations .location .btn {
margin-top: 20px;
}
.post-feed {
margin-left: -24px;
margin-right: -24px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
row-gap: 42px;
}
@media screen and (max-width: 1024px) {
.post-feed {
margin-left: -12px;
margin-right: -12px;
}
}
@media screen and (max-width: 600px) {
.post-feed {
flex-direction: column;
}
}
.post-feed .card {
width: calc(33.33% - 48px);
margin-left: 24px;
margin-right: 24px;
}
@media screen and (min-width: 851px) {
body:not(.search) .post-feed .card:nth-child(n+4), body:not(.search-results) .post-feed .card:nth-child(n+4) {
display: none;
}
}
@media screen and (max-width: 1024px) {
.post-feed .card {
width: calc(50% - 48px);
margin-bottom: 48px;
}
}
@media screen and (max-width: 600px) {
.post-feed .card {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 32px;
}
}
@media screen and (min-width: 851px) {
.post-feed .grid .col-desk-4:nth-child(n+4) {
display: none;
}
}
@media screen and (max-width: 850px) {
.post-feed .grid .col-desk-4 {
margin-bottom: 28px;
}
}
.resource-cards {
margin-left: -22px;
margin-right: -22px;
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 100%;
flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
.resource-cards {
margin-left: auto;
margin-right: auto;
flex-direction: column;
}
}
.downloads-main {
margin-bottom: 100px;
}
.downloads-list {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
margin-left: -24px;
margin-right: -24px;
}
@media screen and (max-width: 600px) {
.downloads-list {
margin-left: -12px;
margin-right: -12px;
}
}
.download {
width: calc(50% - 48px);
margin-left: 24px;
margin-right: 24px;
margin-bottom: 60px;
}
@media screen and (max-width: 600px) {
.download {
margin-left: 12px;
margin-right: 12px;
margin-bottom: 28px;
}
}
.download-cols-1 {
width: calc(100% - 48px);
}
.download-cols-2 {
width: calc(50% - 48px);
}
.download-cols-3 {
width: calc(33.33% - 48px);
}
@media screen and (max-width: 600px) {
.download-cols-1 {
width: calc(100% - 24px);
}
.download-cols-2 {
width: calc(50% - 24px);
}
.download-cols-3 {
width: calc(33.33% - 24px);
}
}
.download-img {
width: 100%;
height: 0;
overflow: hidden;
position: relative;
padding-bottom: 117%;
display: block;
}
.download-img img {
position: absolute;
left: 0;
top: 0;
}
.download-heading {
margin-bottom: 16px;
margin-top: 16px;
font-size: 32px;
}
@media screen and (max-width: 600px) {
.download-heading {
font-size: 16px;
}
}
.card {
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
border-radius: 8px;
overflow: hidden;
transition: 0.3s ease;
transform: translateY(0);
position: relative;
}
@media screen and (min-width: 1025px) {
.card:hover {
transform: translateY(-8px);
box-shadow: rgba(17, 12, 46, 0.1) 0px 42px 72px 0px;
}
}
.card .card-img {
width: 100%;
height: 0;
padding-bottom: 74%;
position: relative;
display: block;
}
.card .card-img img {
position: absolute;
left: 0;
top: 0;
}
.card .card-content {
padding: 5% 7% 6%;
}
@media screen and (max-width: 600px) {
.card .card-content {
padding: 5% 3.5% 6%;
}
}
.card .btn-circled-arrow {
margin-top: 16px;
}
.card .btn-circled-arrow:before {
transform: translateY(-50%);
}
.card-date {
font-size: 14px;
color: #8B8B8B;
text-transform: uppercase;
letter-spacing: 0;
margin-bottom: 16px;
}
.card.page .card-date, .card.type-page .card-date {
display: none;
}
.card-tag {
padding: 5px 20px;
border-radius: 45px;
background-color: #1E77C9;
color: white;
display: inline-block;
font-size: 12px;
margin-bottom: 14px;
text-transform: uppercase;
min-width: 100px;
text-align: center;
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
}
.card-tag a {
color: inherit;
}
.hide-img .card-img {
display: none;
}
.hide-img .card-tag {
position: static;
}
.leadership-loop {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -16px;
margin-right: -16px;
}
@media screen and (max-width: 1024px) {
.leadership-loop {
margin-lefT: -12px;
margin-right: -12px;
}
}
@media screen and (max-width: 600px) {
.leadership-loop {
margin-left: -8px;
margin-right: -8px;
}
}
.card-profile {
display: block;
margin: 0 16px 48px;
width: calc(25% - 32px);
color: black;
}
@media screen and (max-width: 1024px) {
.card-profile {
width: calc(33.3% - 24px);
margin: 0 12px 36px;
}
}
@media screen and (max-width: 600px) {
.card-profile {
width: calc(50% - 16px);
margin: 0 8px 24px;
}
}
.card-profile .card-img {
width: 100%;
border-radius: 20px;
position: relative;
height: 0;
padding-bottom: 100%;
overflow: hidden;
margin-bottom: 24px;
}
@media screen and (max-width: 600px) {
.card-profile .card-img {
margin-bottom: 18px;
}
}
.card-profile .card-img img {
position: absolute;
top: 0;
left: 0;
}
.card-profile .card-content {
width: 100%;
padding-right: 28px;
}
@media screen and (max-width: 600px) {
.card-profile .card-content {
padding-right: 20px;
}
}
.card-profile .card-heading {
margin-bottom: 12px;
font-weight: bold;
font-size: 22px;
line-height: 1.25;
}
@media screen and (max-width: 1024px) {
.card-profile .card-heading {
font-size: 20px;
}
}
@media screen and (max-width: 850px) {
.card-profile .card-heading {
font-size: 18px;
}
}
@media screen and (max-width: 600px) {
.card-profile .card-heading {
font-size: 16px;
}
}
.card-profile .card-role {
font-size: 18px;
opacity: 0.7;
font-style: italic;
line-height: 1.1;
font-weight: 500;
}
@media screen and (max-width: 1024px) {
.card-profile .card-role {
font-size: 16px;
}
}
@media screen and (max-width: 850px) {
.card-profile .card-role {
font-size: 15px;
}
}
@media screen and (max-width: 600px) {
.card-profile .card-role {
font-size: 13px;
}
}
.card-profile .card-desc {
margin-top: 24px;
margin-bottom: 16px;
font-size: 21px;
font-weight: 500;
letter-spacing: -0.015em;
}
@media screen and (max-width: 600px) {
.card-profile .card-desc {
font-size: 16px;
}
}
.card-profile .card-cta {
font-weight: bold;
}
.card-profile-feed:not(:first-of-type) {
margin-top: 36px;
padding-top: 36px;
border-top: 1px solid #CECECE;
}
@media screen and (max-width: 600px) {
.card-profile-feed:last-of-type {
padding-bottom: 36px;
border-bottom: 1px solid #CECECE;
}
}
.card-profile-feed .heading {
font-size: 26px;
font-weight: bold;
margin-bottom: 12px;
}
@media screen and (max-width: 600px) {
.card-profile-feed .heading {
font-size: 20px;
}
}
.card-profile-feed .text {
font-size: 18px;
font-weight: 300;
margin-bottom: 18px;
}
@media screen and (max-width: 600px) {
.card-profile-feed .text {
font-size: 16px;
}
}
.card-profile-feed .btn-circled-arrow {
font-size: 18px;
font-weight: bold;
}
.card-resource {
margin-left: 22px;
margin-right: 22px;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 36px;
padding-bottom: 36px;
width: calc(50% - 44px);
border-bottom: 1px solid black;
}
.card-resource .card-img {
width: 36.66%;
height: 0;
padding-bottom: 23.33%;
overflow: hidden;
position: relative;
display: block;
}
.card-resource .card-img img {
position: absolute;
left: 0;
top: 0;
}
.card-resource .card-content {
width: 59.34%;
}
@media screen and (max-width: 1024px) {
.card-resource {
flex-direction: column;
justify-content: flex-start;
}
.card-resource .card-img,
.card-resource .card-content {
width: 100%;
}
.card-resource .card-img {
padding-bottom: 64%;
margin-bottom: 12px;
}
}
.card-resource .card-heading {
font-size: 26px;
margin-bottom: 16px;
letter-spacing: -0.015em;
}
@media screen and (max-width: 600px) {
.card-resource .card-heading {
font-size: 22px;
}
}
.card-resource .card-cta {
font-size: 20px;
}
@media screen and (max-width: 600px) {
.card-resource .card-cta {
font-size: 18px;
}
}
.card-resource--no-thumbnail {
width: calc(33.33% - 44px);
border-bottom: unset;
padding-bottom: unset;
padding-top: 36px;
}
@media screen and (max-width: 600px) {
.card-resource--no-thumbnail {
border-top: 1px solid black;
}
.card-resource--no-thumbnail:first-of-type {
border-top: unset;
}
}
@media screen and (min-width: 601px) {
.card-resource--no-thumbnail:nth-child(n+4) {
border-top: 1px solid black;
}
}
.card-resource--no-thumbnail .card-img {
display: none;
}
.card-resource--no-thumbnail .card-content {
width: 100%;
}
@media screen and (max-width: 600px) {
.card-resource {
margin-left: unset;
margin-right: unset;
width: 100%;
}
} .site-header {
z-index: 1000;
position: sticky;
top: 0;
transition: 0.35s ease;
width: 100%;
line-height: 1;
margin-bottom: 36px;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 600px) {
.site-header {
margin-bottom: 16px;
}
}
.has-hero-video .site-header {
margin-bottom: unset;
}
.has-hero-video .site-header:not(.sticky-header) {
box-shadow: unset;
}
.site-header.sticky-header .header-top {
max-height: 0;
overflow: hidden;
}
.site-header.sticky-header .header-main {
padding-top: 6px;
padding-bottom: 6px;
}
.site-header.sticky-header .header-main .site-logo {
max-width: 170px;
}
.site-logo {
transition: 0.35s ease;
display: inline-block;
}
@media screen and (max-width: 600px) {
.site-logo {
width: 45%;
}
}
.site-logo img, .site-logo svg {
width: 100%;
}
.site-logo .header-logo-white {
display: none;
}
.site-logo,
.goj-logo {
max-width: 210px;
}
.site-logo,
.header-search-container {
width: 18%;
}
.main-menu {
width: 64%;
padding-left: 16px;
padding-right: 16px;
}
@media screen and (max-width: 850px) {
.main-menu,
.header-search-container {
display: none;
}
.site-logo {
width: 25%;
}
}
@media screen and (max-width: 600px) {
.site-logo {
width: 35%;
}
}
.header-top {
background-color: #1E77C9;
color: white;
transition: 0.35s ease;
max-height: 45px;
overflow: visible;
}
@media screen and (max-width: 600px) {
.header-top {
overflow: hidden;
}
}
.header-top .container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media screen and (max-width: 850px) {
.header-top .goj-logo {
max-width: 150px;
}
}
@media screen and (max-width: 600px) {
.header-top .goj-logo {
max-width: 200px;
margin-top: 4px;
margin-bottom: 4px;
}
}
.header-main {
padding-top: 16px;
padding-bottom: 16px;
background-color: white;
transition: 0.35s ease;
}
@media screen and (max-width: 850px) {
.header-main {
padding-top: 16px;
padding-bottom: 16px;
}
}
.header-main .container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.has-hero-video .site-header:not(.sticky-header) .header-main {
background-color: transparent;
color: white;
}
.has-hero-video .site-header:not(.sticky-header) .header-search-container .search-field {
background-color: transparent;
border-color: white;
}
.has-hero-video .site-header:not(.sticky-header) .header-search-container .search-field::placeholder {
color: rgba(255, 255, 255, 0.7);
}
.has-hero-video .site-header:not(.sticky-header) .site-logo .header-logo-white {
display: block;
}
.has-hero-video .site-header:not(.sticky-header) .site-logo .header-logo-black {
display: none;
}
.has-hero-video .hero--video {
margin-top: -106px;
min-height: calc(100vh - 39px);
}
.has-hero-video .hero__content .text {
font-size: 20px;
}
.has-hero-video .hero__additional-links {
padding-top: 24px;
padding-bottom: 24px;
}
.menu-links {
display: flex;
flex-direction: row;
}
.menu-links a {
display: inline-block;
padding: 8px 0;
font-size: 16px;
color: inherit;
position: relative;
text-decoration: none;
overflow: hidden;
}
.menu-links a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #FFB800;
transform: translate3d(-102%, 0, 0);
transition: transform 500ms;
}
.menu-links a:hover::after, .menu-links a:focus::after {
transform: translate3d(0, 0, 0);
}
.menu-links li {
padding: 4px 12px;
}
.menu-links li.menu-item-has-children {
padding-right: 16px;
margin-right: 4px;
position: relative;
}
.menu-links li.menu-item-has-children:before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid);
content: "\f078";
position: absolute;
right: 0;
font-size: 12px;
top: 50%;
transform: translateY(-45%);
transition: 0.35s ease;
}
@media screen and (min-width: 851px) {
.menu-links li.menu-item-has-children:hover::before {
transform: translateY(-50%) rotate(180deg);
}
}
.menu-links li .sub-menu {
width: max-content;
position: absolute;
background-color: white;
top: 100%;
left: 0;
transform: translateY(4px);
z-index: 10001;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
display: flex;
flex-direction: column;
align-items: center;
padding: 16px;
visibility: hidden;
opacity: 0;
min-width: 230px;
pointer-events: none;
box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.05);
}
.menu-links li .sub-menu > li {
width: 100%;
justify-content: flex-start;
}
.menu-links li .sub-menu a {
color: black;
text-transform: initial;
}
.menu-links li:hover > .sub-menu {
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: translateY(0);
transition-delay: 0s, 0s, 0.3s;
}
.header-top-menu .menu-links a {
text-transform: uppercase;
}
@media screen and (max-width: 850px) {
.header-top-menu .menu-links a {
font-size: 12px;
padding: 8px;
}
}
.header-top-menu .menu-links > li > a {
font-size: 14px;
}
.header-top-menu .menu-links > li > a::after {
background-color: currentColor;
}
@media screen and (max-width: 600px) {
.header-top-menu {
display: none;
}
}
.header-search-container form, .header-search-container label, .header-search-container input {
width: 100%;
display: inline-block;
box-sizing: border-box;
}
.header-search-container input[type=submit] {
display: none;
}
.header-search-container input[type=search] {
border: 1px solid #FFB800;
border-radius: 25px;
font-size: 15px;
padding: 8px 24px;
} .burger-btn {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 100;
}
@media screen and (max-width: 700px) {
.burger-btn {
display: flex;
z-index: 101;
}
}
.burger-btn div {
width: 24px;
height: 4px;
border-radius: 10px;
background-color: black;
margin: 2px;
transition: all 0.2s ease-in;
}
.burger-btn.active div:nth-child(1) {
transform: rotate(-45deg) translate(-5px, 6px);
}
.burger-btn.active div:nth-child(2) {
opacity: 0;
}
.burger-btn.active div:nth-child(3) {
transform: rotate(45deg) translate(-5px, -6px);
}
.has-hero-video .site-header:not(.sticky-header) .burger-btn:not(.active) div {
background-color: white;
}
.mobile-menu-wrapper {
position: fixed;
top: 0;
right: 0;
width: 100vw;
min-height: 100vh;
height: 100%;
z-index: 100;
color: black;
visibility: hidden;
pointer-events: none;
flex-direction: column;
align-items: flex-end;
}
.mobile-menu-wrapper.active {
visibility: visible;
pointer-events: auto;
}
.mobile-menu-wrapper.active .mobile-menu-container {
transform: translateX(0);
}
.mobile-menu-wrapper.active .mobile-menu-overlay {
opacity: 0.85;
}
.mobile-menu-wrapper .mobile-menu-container {
width: 80%;
float: right;
min-height: 100vh;
height: 100%;
transform: translateX(110%);
transition: 0.5s ease-in;
padding: 24px;
padding-bottom: 104px;
z-index: 101;
max-width: 375px;
background-color: white;
overflow: scroll;
position: relative;
}
.mobile-menu-wrapper .mobile-menu-overlay {
overflow-y: hidden;
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 200vw;
background-color: black;
opacity: 0;
transition: opacity 0.6s ease;
}
.mobile-menu-wrapper .nav-menu.main-menu .menu-items > li:last-of-type a {
background-color: #1E77C9;
color: white;
border-radius: 25px;
margin-top: 6px;
}
.mobile-menu-wrapper .mobile-menu {
opacity: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.mobile-menu-wrapper .mobile-menu > * {
margin-bottom: 14px;
}
.mobile-menu-wrapper .mobile-menu .mobile-menu-heading {
margin-bottom: 10px;
color: #FFB800;
font-size: 20px;
}
.mobile-menu-wrapper .mobile-menu .menu-items {
display: flex;
flex-direction: column;
align-items: flex-start;
overflow: scroll;
margin-left: 20px;
width: 100%;
}
.mobile-menu-wrapper .mobile-menu .menu-items > li {
display: flex;
flex-direction: column;
}
.mobile-menu-wrapper .mobile-menu .menu-items > li.menu-item-has-children > a:before {
position: absolute;
top: 50%;
right: -10px;
transform: translateY(-33%);
content: "";
height: 12px;
width: 12px;
transition: 0.35s ease;
background-repeat: no-repeat;
background-size: cover;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cg transform='matrix(1 0 0 -1 0 1638)'%3E%3Cpath d='M10,1370.2c0,3.4,0.6,6.6,1.8,9.8s3.1,6,5.8,8.3c5,5,11.1,7.6,18.1,7.6s13.1-2.5,18.1-7.6L500,942.6l445.7,445.7c5,5,11.2,7.6,18.4,7.6s13.3-2.5,18.4-7.6c5-5,7.6-11.1,7.6-18.1s-2.5-13.1-7.6-18.1L518.1,887.7c-5-5-11.1-7.6-18.1-7.6c-7.1,0-13.1,2.5-18.1,7.6L17.6,1352c-2.7,2.4-4.6,5.1-5.8,8.3C10.6,1363.5,10,1366.8,10,1370.2L10,1370.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.mobile-menu-wrapper .mobile-menu .menu-items > li.menu-item-has-children.sub-menu-open > a:before {
transform: translateY(-50%) rotate(180deg);
}
.mobile-menu-wrapper .mobile-menu .menu-items > li.menu-item-has-children.sub-menu-open .sub-menu {
display: block;
}
.mobile-menu-wrapper .mobile-menu .menu-items > li.menu-item-has-children.sub-menu-open .sub-menu > li .sub-menu {
display: none;
}
.mobile-menu-wrapper .mobile-menu .menu-items > li a {
padding: 8px 12px;
display: inline-block;
color: black;
font-size: 16px;
line-height: 1.3;
position: relative;
width: fit-content;
}
.mobile-menu-wrapper .mobile-menu .menu-items > li .sub-menu {
display: none;
margin-left: 16px;
animation: subMenuReveal 0.35s ease;
}
.mobile-menu-wrapper .mobile-menu .menu-items > li .sub-menu > li a {
position: relative;
}
.mobile-menu-wrapper .mobile-menu .menu-items > li .sub-menu > li a:before {
position: absolute;
content: "-";
top: 50%;
left: -4px;
transform: translateY(-50%);
}
.mobile-menu-wrapper .search-form {
display: flex;
}
.mobile-menu-wrapper .search-form .search-field {
text-align: left;
border: 1px solid #E0E0E0;
width: 75%;
padding: 10px 16px 10px 32px;
border-radius: 8px;
position: relative;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8906 13.9297L10.3633 10.4023C10.3086 10.3477 10.2266 10.3203 10.1445 10.3203H9.84375C10.8008 9.28125 11.375 7.94141 11.375 6.4375C11.375 3.32031 8.80469 0.75 5.6875 0.75C2.54297 0.75 0 3.32031 0 6.4375C0 9.58203 2.54297 12.125 5.6875 12.125C7.16406 12.125 8.53125 11.5508 9.54297 10.6211V10.8945C9.54297 11.0039 9.57031 11.0859 9.625 11.1406L13.1523 14.668C13.2891 14.8047 13.4805 14.8047 13.6172 14.668L13.8906 14.3945C14.0273 14.2578 14.0273 14.0664 13.8906 13.9297ZM5.6875 11.25C3.00781 11.25 0.875 9.11719 0.875 6.4375C0.875 3.78516 3.00781 1.625 5.6875 1.625C8.33984 1.625 10.5 3.78516 10.5 6.4375C10.5 9.11719 8.33984 11.25 5.6875 11.25Z' fill='%23E0E0E0'/%3E%3C/svg%3E%0A");
background-size: 20px;
background-position: 6px center;
background-repeat: no-repeat;
}
.mobile-menu-wrapper .search-form .search-field::placeholder {
opacity: 0.7;
}
.mobile-menu-wrapper .search-form .search-submit {
display: none;
} footer {
padding-top: 100px;
padding-bottom: 48px;
background-color: #1c66ab;
color: white;
font-size: 14px;
}
body:not(.single-programme) footer {
margin-top: 56px;
}
@media screen and (max-width: 850px) {
footer {
padding-top: 66px;
}
}
@media screen and (max-width: 600px) {
footer {
padding-top: 48px;
}
}
footer a {
color: inherit;
transition: 0.3s ease;
}
footer a:hover {
color: #FFB800;
}
.footer-logo {
max-width: 92px;
}
@media screen and (max-width: 600px) {
.footer-logo {
max-width: 80px;
}
}
.footer-main {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 100px;
}
@media screen and (max-width: 850px) {
.footer-main {
margin-bottom: 48px;
}
}
@media screen and (max-width: 600px) {
.footer-main {
flex-direction: column;
margin-bottom: 32px;
}
}
.footer-links,
.footer-meta {
width: 73%;
}
.footer-contact-info,
.footer-socials-and-logo {
width: 25%;
}
@media screen and (max-width: 600px) {
.footer-links,
.footer-meta,
.footer-contact-info,
.footer-socials-and-logo {
width: 100%;
}
}
.footer-contact-info {
font-size: inherit;
display: flex;
flex-direction: column;
align-items: flex-end;
}
@media screen and (max-width: 600px) {
.footer-contact-info {
align-items: flex-start;
}
}
.footer-contact-info a {
color: inherit;
}
.footer-contact-info__heading {
font-size: 24px;
margin-bottom: 24px;
}
.footer-links {
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-left: -14px;
margin-right: -14px;
flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
.footer-links {
justify-content: space-between;
margin-left: auto;
margin-right: auto;
}
}
.footer-links__col {
width: calc(25% - 28px);
margin-left: 14px;
margin-right: 14px;
}
@media screen and (max-width: 850px) {
.footer-links__col {
width: calc(50% - 28px);
margin-bottom: 48px;
}
}
@media screen and (max-width: 600px) {
.footer-links__col {
width: 48%;
margin-left: unset;
margin-right: unset;
}
}
.footer-menu a {
display: inline-block;
font-size: inherit;
}
.footer-menu a:not(.btn) {
padding: 8px 0;
}
.footer-menu a.btn {
margin-top: 28px;
}
.footer-menu a.btn:before {
font-size: inherit;
}
.footer-menu > li > a {
font-weight: 700;
cursor: default;
pointer-events: none;
}
.footer-menu > li > a:hover {
color: inherit;
}
.footer-menu .sub-menu {
margin-top: 14px;
}
.footer-menu .sub-menu li a {
font-weight: normal;
}
.footer-social-links__heading {
margin-bottom: 16px;
font-size: 16px;
}
.social-icons {
display: inline-flex;
flex-direction: row;
}
.social-icons li {
margin-right: 14px;
}
.social-icons li a {
color: white;
transition: 0.3s ease;
font-size: 18px;
}
.social-icons .img-wrapper {
width: 26px;
height: 26px;
display: flex;
justify-content: center;
align-items: center;
}
.social-icons .img-wrapper svg path {
fill: white;
transition: 0.3s ease;
}
.social-icons .img-wrapper:hover svg path {
fill: #FFB800;
}
.footer-bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
}
@media screen and (max-width: 600px) {
.footer-bottom {
flex-direction: column-reverse;
}
}
.footer-socials-and-logo {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
}
@media screen and (max-width: 600px) {
.footer-socials-and-logo {
margin-bottom: 24px;
}
}
.filter-wrap .fs-wrap {
width: auto;
min-width: 300px;
}
.filter-wrap .fs-wrap.fs-open .fs-label-wrap {
border-radius: 0;
}
.filter-wrap .fs-label-wrap {
border-color: #9797B6;
border-radius: 40px 0px;
font-weight: 500;
padding: 10px 60px 10px 32px;
transition: 0.3s ease;
cursor: pointer;
}
.filter-wrap .fs-dropdown,
.filter-wrap .fs-label-wrap {
padding-left: 32px;
}
.filter-wrap .fs-arrow {
border: unset;
height: 18px;
width: 18px;
right: 32px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z'/%3E%3C/svg%3E");
}
.filter-wrap .facetwp-facet {
margin-bottom: unset;
}
.filter-wrap .facetwp-facet .fs-dropdown .fs-option.selected {
background-color: unset;
font-weight: 600;
}
.contact-main .container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media screen and (max-width: 600px) {
.contact-main .container {
flex-direction: column;
justify-content: initial;
}
}
.research-theme {
color: white;
font-size: 18px;
}
.contact-main__left {
width: 40%;
min-width: 505px;
}
@media only screen and (max-width: 1150px) {
.contact-main__left {
min-width: unset;
width: 45%;
}
.contact-main__left .page-title {
font-size: 72px;
}
.contact-main__left .page-desc {
font-size: 26px;
}
}
@media screen and (max-width: 850px) {
.contact-main__left .page-title {
font-size: 54px;
}
.contact-main__left .page-desc {
font-size: 20px;
}
}
@media screen and (max-width: 600px) {
.contact-main__left {
width: 100%;
margin-bottom: 48px;
}
}
.contact-main__left .page-title,
.contact-main__left .page-desc {
margin-top: unset;
margin-bottom: 32px;
}
.contact-main__right {
width: 50%;
}
@media screen and (max-width: 600px) {
.contact-main__right {
width: 100%;
}
}
.contact-map-embed-container {
width: 100%;
height: 0;
overflow: hidden;
padding-bottom: 64%;
position: relative;
border-radius: 0px 180px;
margin-bottom: 42px;
border: 1px solid #D9D9D9;
}
@media screen and (max-width: 850px) {
.contact-map-embed-container {
border-radius: 0 120px;
}
}
@media screen and (max-width: 600px) {
.contact-map-embed-container {
border-radius: 0 80px;
}
}
.contact-map-embed-container iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.contact-main-info a {
color: inherit;
transition: 0.3s ease;
}
.contact-main-info a:hover {
color: #1E77C9;
}
.contact-main-info .contact-info-group {
margin-bottom: 20px;
}
.basic-page-main > .container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media screen and (max-width: 600px) {
.basic-page-main > .container {
flex-direction: column;
}
}
.basic-page-main .page-main-col {
width: calc(66.67% - 28px);
}
.basic-page-main .page-main-col section > .container {
padding-left: unset;
padding-right: unset;
}
.basic-page-main .sidebar-col {
width: calc(33.33% - 28px);
}
.basic-page-main .sidebar-col > aside:last-of-type {
position: sticky;
top: 80px;
}
@media screen and (max-width: 600px) {
.basic-page-main .page-main-col,
.basic-page-main .sidebar-col {
width: 100%;
}
}
.single-profile .page-title-section {
letter-spacing: -0.015em;
font-weight: bold;
}
.single-profile .page-title,
.single-profile .profile-role {
letter-spacing: inherit;
font-weight: inherit;
}
.single-profile .page-title {
font-size: 32px;
}
.single-profile .profile-role {
margin-top: 16px;
font-size: 24px;
}
@media screen and (max-width: 600px) {
.single-profile .section-header .heading {
font-size: 24px;
}
}
.profile-main .container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media screen and (max-width: 600px) {
.profile-main .container {
flex-direction: column;
}
}
.profile-main .container > * {
width: 48%;
}
@media screen and (max-width: 600px) {
.profile-main .container > * {
width: 100%;
}
}
.profile-main__left .section-header {
margin-bottom: 32px;
}
@media screen and (max-width: 600px) {
.profile-main__right {
margin-top: 44px;
}
}
.profile-main__right .post-body-content {
letter-spacing: 0.02em;
}
.profile-img {
border-radius: 20px;
margin-bottom: 44px;
}
.no-presentations .profile-img {
position: sticky;
top: 90px;
margin-bottom: unset;
} .blog-container {
max-width: 960px;
}
.single-post .page-title-section .page-title {
font-size: 36px;
}
@media screen and (max-width: 600px) {
.single-post .page-title-section .page-title {
font-size: 32px;
}
}
.single-post-date {
margin-top: 24px;
font-size: 16px;
}
@media screen and (max-width: 600px) {
.single-post-date {
font-size: 16px;
}
}
.search .container hr,
.search-results .container hr {
margin-top: 100px;
margin-bottom: 100px;
}
.search-toc ul li {
list-style: none !important;
}
.search-toc-heading {
margin-bottom: 20px;
}
.post-body-content {
font-weight: 300;
line-height: 1.6;
letter-spacing: -0.01em;
overflow: hidden;
font-size: 18px;
}
@media screen and (max-width: 600px) {
.post-body-content {
font-size: 16px;
}
}
.post-body-content > * {
max-width: 100%;
}
.post-body-content figure {
margin-top: 32px;
margin-bottom: 32px;
}
.post-body-content figcaption {
font-size: 14px;
opacity: 0.7;
font-style: italic;
}
@media screen and (max-width: 600px) {
.post-body-content figcaption {
font-size: 13px;
}
}
.post-body-content p {
line-height: inherit;
font-size: inherit;
margin-bottom: 28px;
letter-spacing: inherit;
}
.post-body-content a {
text-decoration: underline;
text-decoration-color: #FFB800;
text-decoration-thickness: 1.5px;
text-underline-offset: 0.2em;
color: inherit;
transition: 0.2s ease;
font-size: inherit;
line-height: inherit;
}
.post-body-content blockquote {
font-size: 26px;
line-height: 1.55;
font-weight: bold;
letter-spacing: -0.03em;
margin-top: 36px;
margin-bottom: 56px;
}
.post-body-content blockquote p {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
margin-top: unset;
}
.post-body-content blockquote p:first-of-type:before {
content: "“ ";
}
.post-body-content blockquote p:last-of-type {
margin-bottom: unset;
}
.post-body-content blockquote cite {
font-weight: normal;
font-size: 20px;
}
.post-body-content blockquote cite:before {
content: "- ";
}
.post-body-content h1, .post-body-content h2, .post-body-content h3, .post-body-content h4, .post-body-content h5, .post-body-content h6 {
margin-top: 48px;
margin-bottom: 24px;
}
.post-body-content h1 {
font-size: 50px;
}
@media screen and (max-width: 850px) {
.post-body-content h1 {
font-size: 45px;
}
}
@media screen and (max-width: 600px) {
.post-body-content h1 {
font-size: 40px;
}
}
.post-body-content h2 {
font-size: 40px;
}
@media screen and (max-width: 850px) {
.post-body-content h2 {
font-size: 36px;
}
}
@media screen and (max-width: 600px) {
.post-body-content h2 {
font-size: 32px;
}
}
.post-body-content h3 {
font-size: 32px;
}
@media screen and (max-width: 850px) {
.post-body-content h3 {
font-size: 28.8px;
}
}
@media screen and (max-width: 600px) {
.post-body-content h3 {
font-size: 25.6px;
}
}
.post-body-content h4, .post-body-content h5, .post-body-content h6 {
font-size: 28px;
}
@media screen and (max-width: 850px) {
.post-body-content h4, .post-body-content h5, .post-body-content h6 {
font-size: 25.2px;
}
}
@media screen and (max-width: 600px) {
.post-body-content h4, .post-body-content h5, .post-body-content h6 {
font-size: 22.4px;
}
}
.post-body-content ul {
list-style: outside disc;
}
.post-body-content ol {
list-style: inside decimal;
}
.post-body-content ul, .post-body-content ol {
margin-left: 22px;
margin-bottom: 20px;
}
.post-body-content ul li, .post-body-content ol li {
margin-bottom: 10px;
}
.post-body-content iframe:not([aria-label=Advertisement]) {
width: 100%;
} @keyframes bodyOverlay {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes mobileMenuReveal {
0% {
transform: translateX(100%);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes mobileNavLinks {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.page-id-25 .site-header {
margin-bottom: unset;
}
@media screen and (max-width: 600px) {
.page-id-25 .about-us-hero {
background-position-x: 95%;
}
}
.page-id-25 .wide-cards-block {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (max-width: 600px) {
.page-id-25 .about-us-mid-page-cta {
position: relative;
background-position-x: 84%;
z-index: 2;
}
.page-id-25 .about-us-mid-page-cta:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgba(255, 255, 255, 0.5);
z-index: -1;
}
}
@media screen and (max-width: 600px) {
#physical-activity-adults {
flex-direction: column-reverse;
}
}
#benefits-of-physical-activity-list {
gap: unset !important;
column-gap: 2rem !important;
}