/* Brand colors */
/* Radius */
/* Colors for background. */
/* Default Spacing Units -----------------------------------------------------*/
/* Animation transitions -----------------------------------------------------*/
/* Media Query Breakpoints ---------------------------------------------------*\
// Examples: Media Query min-max vars.
// @media ($above-xs) {}
// @media ($above-xs) and ($below-l) {}
// @media ($below-l) {}
\*----------------------------------------------------------------------------*/
/* Extra Small */
/* Small */
/* Medium */
/* Large - This is where we move from Mobile nav to Desktop. */
/* Extra Large */
/* Extra Extra Large */
/* 456px Extra Extra Small breakpoint */
/* md 875px Medium from it theme breakpoint */
/* lg 1085px Large from it theme breakpoint */
/* xl 1300px Larger breakpoint */
/* xxl 1800px Largest breakpoint */
/* Container width (used on landing pages) ------------------*/
:root {
--container-gutter: 20px;
--image-float-offset: 2rem;
}
@media (min-width: 456px) and (max-width: 1084px) {
:root {
--container-gutter: 20px;
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
:root {
--container-gutter: 35px;
}
}
@media (min-width: 1300px) and (max-width: 1799px) {
:root {
--container-gutter: 50px;
}
}
@media (min-width: 1800px) {
:root {
--container-gutter: MAX(20px, calc(50% - 1650px/2));
}
}
/* Maps and Arrays -----------------------------------------------------------*/
/* File icons. */
/*------------------------------------*\
# Headings by default
\*------------------------------------*/
/*------------------------------------*\
# Reusable Component Headings
\*------------------------------------*/
@font-face {
font-family: "GranjonLTW01-Roman";
src: url("../fonts/GranjonLTW01-Roman.eot?#iefix") format("eot"), url("../fonts/GranjonLTW01-Roman.woff2") format("woff2"), url("../fonts/GranjonLTW01-Roman.woff") format("woff"), url("../fonts/GranjonLTW01-Roman.ttf") format("truetype");
font-display: fallback;
}
@font-face {
font-family: "HelveticaNeueLTW";
src: url("../fonts/HelveticaNeueLTW04-55Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueLTW04-55Roman.woff2") format("woff2"), url("../fonts/HelveticaNeueLTW04-55Roman.woff") format("woff"), url("../fonts/HelveticaNeueLTW04-55Roman.ttf") format("truetype");
font-display: fallback;
font-weight: 400;
}
@font-face {
font-family: "HelveticaNeueLTW04-45Light";
src: url("../fonts/HelveticaNeueLTW04-45Light.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueLTW04-45Light.woff2") format("woff2"), url("../fonts/HelveticaNeueLTW04-45Light.woff") format("woff"), url("../fonts/HelveticaNeueLTW04-45Light.ttf") format("truetype");
font-display: fallback;
font-weight: 300;
}
@font-face {
font-family: "HelveticaNeueLTW";
src: url("../fonts/HelveticaNeueLTW04-65Medium.eot?#iefix") format("eot"), url("../fonts/HelveticaNeueLTW04-65Medium.woff2") format("woff2"), url("../fonts/HelveticaNeueLTW04-65Medium.woff") format("woff"), url("../fonts/HelveticaNeueLTW04-65Medium.ttf") format("truetype");
font-display: fallback;
font-weight: 500;
}
@font-face {
font-family: "HelveticaNeueLTW06-75Bold";
src: url("../fonts/HelveticaNeueLTW06-75Bold.eot?#iefix") format("eot"), url("../fonts/HelveticaNeueLTW06-75Bold.woff2") format("woff2"), url("../fonts/HelveticaNeueLTW06-75Bold.woff") format("woff"), url("../fonts/HelveticaNeueLTW06-75Bold.ttf") format("truetype");
font-display: fallback;
font-weight: 700;
}
@font-face {
font-family: "HelveticaNeue-Thin";
src: url("../fonts/HelveticaNeueLTStd-Th.eot?#iefix") format("eot"), url("../fonts/HelveticaNeueLTStd-Th.woff2") format("woff2"), url("../fonts/HelveticaNeueLTStd-Th.woff") format("woff"), url("../fonts/HelveticaNeueLTStd-Th.ttf") format("truetype");
font-display: fallback;
font-weight: 300;
}
.font-serif {
font-family: "GranjonLTW01-Roman", "Garamond", "Times New Roman", serif;
}
.font-sans-serif {
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.font-light {
font-weight: 300;
}
.font-medium {
font-weight: 500;
}
.font-bold {
font-weight: 700;
}
html {
box-sizing: border-box;
font-size: 20px;
scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
font-size: 1rem;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
line-height: 1.25;
color: #052049;
overflow-x: hidden;
width: 100%;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
@media (max-width: 1070px) {
body.u-fixed main,
body.u-fixed footer {
display: none;
}
}
.uncollapse-child-margin {
padding-top: 1px;
padding-bottom: 1px;
margin-top: -1px;
margin-bottom: -1px;
}
.spacer-double {
margin-top: 40px;
}
.spacer-double--bottom {
margin-bottom: 40px;
}
.ajax-progress,
.js-flag-message {
position: absolute;
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
overflow-y: scroll;
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: border-box;
}
button,
input,
select,
textarea {
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
code,
kbd,
samp,
pre {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
vertical-align: baseline;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
template {
display: none;
}
[hidden] {
display: none;
}
/*==============+
| GLOBAL STYLES |
+==============*/
.ucsf-icon {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.ucsf-arrow {
height: 10px;
width: 14px;
color: #052049;
background-image: url("../img/arrow.svg");
background-repeat: no-repeat;
background-color: transparent;
}
.ucsf-arrow-blue {
height: 10px;
width: 14px;
color: #052049;
background-image: url("../img/arrow-blue.svg");
background-repeat: no-repeat;
background-color: transparent;
}
.ucsf-ticket {
color: #B1D16F;
background-image: url("../img/ticket.svg");
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
}
.ucsf-arrow-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
html {
font-size: 20px;
width: 100%;
height: 100%;
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
background-color: transparent;
scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
#skip {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
width: 1px;
word-wrap: normal;
}
#skip a:focus {
position: absolute;
z-index: 10000;
width: auto;
height: auto;
color: #FFF;
}
img {
width: auto;
max-width: 100%;
display: block;
height: auto;
}
a {
color: #052049;
letter-spacing: 0.2px;
text-decoration: none;
}
a:hover, a:focus {
color: #052049;
text-decoration: underline;
}
a.active {
color: #052049;
}
button:hover {
cursor: pointer;
}
blockquote {
font-size: 20px;
margin: 0 15px 16px;
padding-left: 15px;
border-left-width: 4px;
border-left-style: solid;
}
blockquote p {
margin-bottom: 0;
}
ul {
list-style-type: disc;
}
.wysiwyg-content {
overflow: auto;
}
.wysiwyg-content .align-left {
float: none;
margin-bottom: 30px;
}
@media (min-width: 600px) {
.wysiwyg-content .align-left {
float: left;
margin-right: 40px;
margin-bottom: 40px;
}
}
.wysiwyg-content .align-right {
float: none;
margin-bottom: 30px;
}
@media (min-width: 600px) {
.wysiwyg-content .align-right {
float: right;
margin-left: 40px;
margin-bottom: 40px;
}
}
.wysiwyg-content iframe {
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
.wysiwyg-content .media--type-remote-video.media--view-mode-four-third iframe {
width: 100%;
height: auto;
aspect-ratio: 4/3;
}
table {
overflow-x: auto;
}
table thead {
color: #1A1B1C;
}
table tr {
border-bottom: 1px solid #000;
}
table tr:first-child {
color: #1A1B1C;
}
table td,
table th {
padding: 20px 20px;
}
table td p,
table th p {
margin: 0;
}
@media (max-width: 874px) {
table {
display: block;
max-width: -moz-fit-content;
max-width: fit-content;
margin: 0 auto;
overflow-x: auto;
white-space: nowrap;
width: 100% !important;
}
}
input::placeholder {
color: #052049;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
}
input::placeholder-shown {
text-overflow: ellipsis;
}
input:focus, textarea:focus {
border: 2px solid #178CCB !important;
box-shadow: 0 0 6px #5DAFDB !important;
-moz-box-shadow: 0 0 6px #5DAFDB !important;
-webkit-box-shadow: 0 0 6px #5DAFDB !important;
text-overflow: ellipsis;
}
input:focus, textarea:focus, select:focus {
outline-offset: 0px !important;
outline: none !important;
}
/*==============+
| Links |
+==============*/
#wysiwyg-content a,
.wysiwyg-content a {
color: #0071ad;
background-color: transparent;
text-decoration: none;
border-bottom: 1px solid #0071ad;
overflow-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
padding-top: 2px;
padding-bottom: 2px;
}
#wysiwyg-content a:hover,
.wysiwyg-content a:hover {
background-color: #e8f4fa;
border-bottom: 1px solid #e8f4fa;
text-decoration: none !important;
color: #0071ad !important;
}
/*==============+
| Layout |
+==============*/
.container {
max-width: 320px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 455px) {
.container {
max-width: calc(100% - 40px);
}
}
@media (min-width: 456px) and (max-width: 874px) {
.container {
max-width: calc(100% - 70px);
}
}
@media (min-width: 875px) {
.container {
max-width: 805px;
}
}
@media (min-width: 1085px) {
.container {
max-width: 1050px;
}
}
@media (min-width: 1300px) {
.container {
max-width: 1230px;
}
}
@media (min-width: 1800px) {
.container {
max-width: 1650px;
}
}
.container-lg {
max-width: 320px;
width: 100%;
margin: 0 auto;
padding-bottom: 97px;
}
@media (max-width: 455px) {
.container-lg {
max-width: calc(100% - 20px);
}
}
@media (min-width: 456px) and (max-width: 1084px) {
.container-lg {
max-width: calc(100% - 40px);
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
.container-lg {
max-width: calc(100% - 70px);
}
}
@media (min-width: 1300px) and (max-width: 1799px) {
.container-lg {
max-width: calc(100% - 100px);
}
}
@media (min-width: 1800px) {
.container-lg {
max-width: 1650px;
}
}
.row {
margin-bottom: 40px;
}
.row-divider {
border: 0;
border-bottom: 2px solid #E1E3E6;
margin-bottom: 40px;
}
.flex-row {
display: flex;
}
.clearfix:after, .clearfix::before,
.container:after,
.container::before {
clear: both;
content: "";
display: table;
}
hr {
border: 0;
border-bottom: 2px solid #E1E3E6;
margin-bottom: 40px;
}
.content,
.service-az {
width: 100%;
background-color: #F2F3F4;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 22px;
}
.content.container-lg,
.content :where(.container-lg),
.content .layout--onecol,
.content .webform-submission-form,
.content .webform-confirmation,
.service-az.container-lg,
.service-az :where(.container-lg),
.service-az .layout--onecol,
.service-az .webform-submission-form,
.service-az .webform-confirmation {
max-width: 320px;
width: 100%;
margin: 0 auto;
padding-bottom: 97px;
}
@media (max-width: 455px) {
.content.container-lg,
.content :where(.container-lg),
.content .layout--onecol,
.content .webform-submission-form,
.content .webform-confirmation,
.service-az.container-lg,
.service-az :where(.container-lg),
.service-az .layout--onecol,
.service-az .webform-submission-form,
.service-az .webform-confirmation {
max-width: calc(100% - 20px);
}
}
@media (min-width: 456px) and (max-width: 1084px) {
.content.container-lg,
.content :where(.container-lg),
.content .layout--onecol,
.content .webform-submission-form,
.content .webform-confirmation,
.service-az.container-lg,
.service-az :where(.container-lg),
.service-az .layout--onecol,
.service-az .webform-submission-form,
.service-az .webform-confirmation {
max-width: calc(100% - 40px);
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
.content.container-lg,
.content :where(.container-lg),
.content .layout--onecol,
.content .webform-submission-form,
.content .webform-confirmation,
.service-az.container-lg,
.service-az :where(.container-lg),
.service-az .layout--onecol,
.service-az .webform-submission-form,
.service-az .webform-confirmation {
max-width: calc(100% - 70px);
}
}
@media (min-width: 1300px) and (max-width: 1799px) {
.content.container-lg,
.content :where(.container-lg),
.content .layout--onecol,
.content .webform-submission-form,
.content .webform-confirmation,
.service-az.container-lg,
.service-az :where(.container-lg),
.service-az .layout--onecol,
.service-az .webform-submission-form,
.service-az .webform-confirmation {
max-width: calc(100% - 100px);
}
}
@media (min-width: 1800px) {
.content.container-lg,
.content :where(.container-lg),
.content .layout--onecol,
.content .webform-submission-form,
.content .webform-confirmation,
.service-az.container-lg,
.service-az :where(.container-lg),
.service-az .layout--onecol,
.service-az .webform-submission-form,
.service-az .webform-confirmation {
max-width: 1650px;
}
}
.content.container-lg nav,
.content :where(.container-lg) nav,
.content .layout--onecol nav,
.content .webform-submission-form nav,
.content .webform-confirmation nav,
.service-az.container-lg nav,
.service-az :where(.container-lg) nav,
.service-az .layout--onecol nav,
.service-az .webform-submission-form nav,
.service-az .webform-confirmation nav {
margin-left: 0;
margin-right: 0;
}
.content.container-lg :where(h1),
.content :where(.container-lg) :where(h1),
.content .layout--onecol :where(h1),
.content .webform-submission-form :where(h1),
.content .webform-confirmation :where(h1),
.service-az.container-lg :where(h1),
.service-az :where(.container-lg) :where(h1),
.service-az .layout--onecol :where(h1),
.service-az .webform-submission-form :where(h1),
.service-az .webform-confirmation :where(h1) {
color: #052049;
font-family: "HelveticaNeue-Thin", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 50px;
font-weight: 200;
line-height: 60px;
text-align: left;
padding-top: 15px;
margin-bottom: 30px;
}
.content.container-lg :where(h2),
.content :where(.container-lg) :where(h2),
.content .layout--onecol :where(h2),
.content .webform-submission-form :where(h2),
.content .webform-confirmation :where(h2),
.service-az.container-lg :where(h2),
.service-az :where(.container-lg) :where(h2),
.service-az .layout--onecol :where(h2),
.service-az .webform-submission-form :where(h2),
.service-az .webform-confirmation :where(h2) {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 70px;
font-weight: 500;
line-height: 60px;
text-align: left;
}
.content.container-lg .search-options,
.content :where(.container-lg) .search-options,
.content .layout--onecol .search-options,
.content .webform-submission-form .search-options,
.content .webform-confirmation .search-options,
.service-az.container-lg .search-options,
.service-az :where(.container-lg) .search-options,
.service-az .layout--onecol .search-options,
.service-az .webform-submission-form .search-options,
.service-az .webform-confirmation .search-options {
display: flex;
margin-top: 25px;
}
@media (max-width: 767px) {
.content.container-lg .search-options,
.content :where(.container-lg) .search-options,
.content .layout--onecol .search-options,
.content .webform-submission-form .search-options,
.content .webform-confirmation .search-options,
.service-az.container-lg .search-options,
.service-az :where(.container-lg) .search-options,
.service-az .layout--onecol .search-options,
.service-az .webform-submission-form .search-options,
.service-az .webform-confirmation .search-options {
flex-direction: column-reverse;
}
}
.content.container-lg .search-options .col,
.content :where(.container-lg) .search-options .col,
.content .layout--onecol .search-options .col,
.content .webform-submission-form .search-options .col,
.content .webform-confirmation .search-options .col,
.service-az.container-lg .search-options .col,
.service-az :where(.container-lg) .search-options .col,
.service-az .layout--onecol .search-options .col,
.service-az .webform-submission-form .search-options .col,
.service-az .webform-confirmation .search-options .col {
flex: 1;
}
.content.container-lg .search-options .col:last-child a,
.content :where(.container-lg) .search-options .col:last-child a,
.content .layout--onecol .search-options .col:last-child a,
.content .webform-submission-form .search-options .col:last-child a,
.content .webform-confirmation .search-options .col:last-child a,
.service-az.container-lg .search-options .col:last-child a,
.service-az :where(.container-lg) .search-options .col:last-child a,
.service-az .layout--onecol .search-options .col:last-child a,
.service-az .webform-submission-form .search-options .col:last-child a,
.service-az .webform-confirmation .search-options .col:last-child a {
color: #0071AD;
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 0.2px;
text-decoration: none;
}
.content.container-lg .search-options .col:last-child a:hover, .content.container-lg .search-options .col:last-child a:focus,
.content :where(.container-lg) .search-options .col:last-child a:hover,
.content :where(.container-lg) .search-options .col:last-child a:focus,
.content .layout--onecol .search-options .col:last-child a:hover,
.content .layout--onecol .search-options .col:last-child a:focus,
.content .webform-submission-form .search-options .col:last-child a:hover,
.content .webform-submission-form .search-options .col:last-child a:focus,
.content .webform-confirmation .search-options .col:last-child a:hover,
.content .webform-confirmation .search-options .col:last-child a:focus,
.service-az.container-lg .search-options .col:last-child a:hover,
.service-az.container-lg .search-options .col:last-child a:focus,
.service-az :where(.container-lg) .search-options .col:last-child a:hover,
.service-az :where(.container-lg) .search-options .col:last-child a:focus,
.service-az .layout--onecol .search-options .col:last-child a:hover,
.service-az .layout--onecol .search-options .col:last-child a:focus,
.service-az .webform-submission-form .search-options .col:last-child a:hover,
.service-az .webform-submission-form .search-options .col:last-child a:focus,
.service-az .webform-confirmation .search-options .col:last-child a:hover,
.service-az .webform-confirmation .search-options .col:last-child a:focus {
color: #052049;
text-decoration: underline;
}
@media (max-width: 767px) {
.content.container-lg .search-options .col:first-child,
.content :where(.container-lg) .search-options .col:first-child,
.content .layout--onecol .search-options .col:first-child,
.content .webform-submission-form .search-options .col:first-child,
.content .webform-confirmation .search-options .col:first-child,
.service-az.container-lg .search-options .col:first-child,
.service-az :where(.container-lg) .search-options .col:first-child,
.service-az .layout--onecol .search-options .col:first-child,
.service-az .webform-submission-form .search-options .col:first-child,
.service-az .webform-confirmation .search-options .col:first-child {
padding-top: 12px;
}
.content.container-lg .search-options .col:last-child,
.content :where(.container-lg) .search-options .col:last-child,
.content .layout--onecol .search-options .col:last-child,
.content .webform-submission-form .search-options .col:last-child,
.content .webform-confirmation .search-options .col:last-child,
.service-az.container-lg .search-options .col:last-child,
.service-az :where(.container-lg) .search-options .col:last-child,
.service-az .layout--onecol .search-options .col:last-child,
.service-az .webform-submission-form .search-options .col:last-child,
.service-az .webform-confirmation .search-options .col:last-child {
padding-bottom: 12px;
}
}
.content.container-lg .flex-grid,
.content :where(.container-lg) .flex-grid,
.content .layout--onecol .flex-grid,
.content .webform-submission-form .flex-grid,
.content .webform-confirmation .flex-grid,
.service-az.container-lg .flex-grid,
.service-az :where(.container-lg) .flex-grid,
.service-az .layout--onecol .flex-grid,
.service-az .webform-submission-form .flex-grid,
.service-az .webform-confirmation .flex-grid {
display: flex;
}
.content.container-lg .flex-grid .col,
.content :where(.container-lg) .flex-grid .col,
.content .layout--onecol .flex-grid .col,
.content .webform-submission-form .flex-grid .col,
.content .webform-confirmation .flex-grid .col,
.service-az.container-lg .flex-grid .col,
.service-az :where(.container-lg) .flex-grid .col,
.service-az .layout--onecol .flex-grid .col,
.service-az .webform-submission-form .flex-grid .col,
.service-az .webform-confirmation .flex-grid .col {
flex: 1;
}
.content.container-lg .flex-grid .col-columns,
.content :where(.container-lg) .flex-grid .col-columns,
.content .layout--onecol .flex-grid .col-columns,
.content .webform-submission-form .flex-grid .col-columns,
.content .webform-confirmation .flex-grid .col-columns,
.service-az.container-lg .flex-grid .col-columns,
.service-az :where(.container-lg) .flex-grid .col-columns,
.service-az .layout--onecol .flex-grid .col-columns,
.service-az .webform-submission-form .flex-grid .col-columns,
.service-az .webform-confirmation .flex-grid .col-columns {
flex: 1;
padding: 84px 105px;
}
@media (max-width: 1285px) {
.content.container-lg .flex-grid .col-columns,
.content :where(.container-lg) .flex-grid .col-columns,
.content .layout--onecol .flex-grid .col-columns,
.content .webform-submission-form .flex-grid .col-columns,
.content .webform-confirmation .flex-grid .col-columns,
.service-az.container-lg .flex-grid .col-columns,
.service-az :where(.container-lg) .flex-grid .col-columns,
.service-az .layout--onecol .flex-grid .col-columns,
.service-az .webform-submission-form .flex-grid .col-columns,
.service-az .webform-confirmation .flex-grid .col-columns {
padding: 84px 50px;
}
}
.content.container-lg .flex-grid .col-columns h2,
.content :where(.container-lg) .flex-grid .col-columns h2,
.content .layout--onecol .flex-grid .col-columns h2,
.content .webform-submission-form .flex-grid .col-columns h2,
.content .webform-confirmation .flex-grid .col-columns h2,
.service-az.container-lg .flex-grid .col-columns h2,
.service-az :where(.container-lg) .flex-grid .col-columns h2,
.service-az .layout--onecol .flex-grid .col-columns h2,
.service-az .webform-submission-form .flex-grid .col-columns h2,
.service-az .webform-confirmation .flex-grid .col-columns h2 {
margin-bottom: 28px;
}
.content.container-lg .flex-grid .col-columns ul,
.content :where(.container-lg) .flex-grid .col-columns ul,
.content .layout--onecol .flex-grid .col-columns ul,
.content .webform-submission-form .flex-grid .col-columns ul,
.content .webform-confirmation .flex-grid .col-columns ul,
.service-az.container-lg .flex-grid .col-columns ul,
.service-az :where(.container-lg) .flex-grid .col-columns ul,
.service-az .layout--onecol .flex-grid .col-columns ul,
.service-az .webform-submission-form .flex-grid .col-columns ul,
.service-az .webform-confirmation .flex-grid .col-columns ul {
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
.content.container-lg .flex-grid .col-columns ul li,
.content :where(.container-lg) .flex-grid .col-columns ul li,
.content .layout--onecol .flex-grid .col-columns ul li,
.content .webform-submission-form .flex-grid .col-columns ul li,
.content .webform-confirmation .flex-grid .col-columns ul li,
.service-az.container-lg .flex-grid .col-columns ul li,
.service-az :where(.container-lg) .flex-grid .col-columns ul li,
.service-az .layout--onecol .flex-grid .col-columns ul li,
.service-az .webform-submission-form .flex-grid .col-columns ul li,
.service-az .webform-confirmation .flex-grid .col-columns ul li {
margin-bottom: 10px;
}
.content.container-lg .flex-grid .col-columns ul li a,
.content :where(.container-lg) .flex-grid .col-columns ul li a,
.content .layout--onecol .flex-grid .col-columns ul li a,
.content .webform-submission-form .flex-grid .col-columns ul li a,
.content .webform-confirmation .flex-grid .col-columns ul li a,
.service-az.container-lg .flex-grid .col-columns ul li a,
.service-az :where(.container-lg) .flex-grid .col-columns ul li a,
.service-az .layout--onecol .flex-grid .col-columns ul li a,
.service-az .webform-submission-form .flex-grid .col-columns ul li a,
.service-az .webform-confirmation .flex-grid .col-columns ul li a {
color: #0071AD;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 32px;
text-align: left;
}
.content.container-lg .flex-grid .col-columns ul li a:hover, .content.container-lg .flex-grid .col-columns ul li a:focus, .content.container-lg .flex-grid .col-columns ul li a.active,
.content :where(.container-lg) .flex-grid .col-columns ul li a:hover,
.content :where(.container-lg) .flex-grid .col-columns ul li a:focus,
.content :where(.container-lg) .flex-grid .col-columns ul li a.active,
.content .layout--onecol .flex-grid .col-columns ul li a:hover,
.content .layout--onecol .flex-grid .col-columns ul li a:focus,
.content .layout--onecol .flex-grid .col-columns ul li a.active,
.content .webform-submission-form .flex-grid .col-columns ul li a:hover,
.content .webform-submission-form .flex-grid .col-columns ul li a:focus,
.content .webform-submission-form .flex-grid .col-columns ul li a.active,
.content .webform-confirmation .flex-grid .col-columns ul li a:hover,
.content .webform-confirmation .flex-grid .col-columns ul li a:focus,
.content .webform-confirmation .flex-grid .col-columns ul li a.active,
.service-az.container-lg .flex-grid .col-columns ul li a:hover,
.service-az.container-lg .flex-grid .col-columns ul li a:focus,
.service-az.container-lg .flex-grid .col-columns ul li a.active,
.service-az :where(.container-lg) .flex-grid .col-columns ul li a:hover,
.service-az :where(.container-lg) .flex-grid .col-columns ul li a:focus,
.service-az :where(.container-lg) .flex-grid .col-columns ul li a.active,
.service-az .layout--onecol .flex-grid .col-columns ul li a:hover,
.service-az .layout--onecol .flex-grid .col-columns ul li a:focus,
.service-az .layout--onecol .flex-grid .col-columns ul li a.active,
.service-az .webform-submission-form .flex-grid .col-columns ul li a:hover,
.service-az .webform-submission-form .flex-grid .col-columns ul li a:focus,
.service-az .webform-submission-form .flex-grid .col-columns ul li a.active,
.service-az .webform-confirmation .flex-grid .col-columns ul li a:hover,
.service-az .webform-confirmation .flex-grid .col-columns ul li a:focus,
.service-az .webform-confirmation .flex-grid .col-columns ul li a.active {
text-decoration: underline;
}
.content.container-lg .flex-columns ul,
.content :where(.container-lg) .flex-columns ul,
.content .layout--onecol .flex-columns ul,
.content .webform-submission-form .flex-columns ul,
.content .webform-confirmation .flex-columns ul,
.service-az.container-lg .flex-columns ul,
.service-az :where(.container-lg) .flex-columns ul,
.service-az .layout--onecol .flex-columns ul,
.service-az .webform-submission-form .flex-columns ul,
.service-az .webform-confirmation .flex-columns ul {
width: 100%;
list-style: none;
margin: 0 !important;
background-color: #FFF;
column-count: 3;
padding: 84px 105px;
}
@media (max-width: 767px) {
.content.container-lg .flex-columns ul,
.content :where(.container-lg) .flex-columns ul,
.content .layout--onecol .flex-columns ul,
.content .webform-submission-form .flex-columns ul,
.content .webform-confirmation .flex-columns ul,
.service-az.container-lg .flex-columns ul,
.service-az :where(.container-lg) .flex-columns ul,
.service-az .layout--onecol .flex-columns ul,
.service-az .webform-submission-form .flex-columns ul,
.service-az .webform-confirmation .flex-columns ul {
column-count: 1;
}
}
@media (min-width: 768px) and (max-width: 1084px) {
.content.container-lg .flex-columns ul,
.content :where(.container-lg) .flex-columns ul,
.content .layout--onecol .flex-columns ul,
.content .webform-submission-form .flex-columns ul,
.content .webform-confirmation .flex-columns ul,
.service-az.container-lg .flex-columns ul,
.service-az :where(.container-lg) .flex-columns ul,
.service-az .layout--onecol .flex-columns ul,
.service-az .webform-submission-form .flex-columns ul,
.service-az .webform-confirmation .flex-columns ul {
column-count: 2;
}
}
@media (max-width: 1285px) {
.content.container-lg .flex-columns ul,
.content :where(.container-lg) .flex-columns ul,
.content .layout--onecol .flex-columns ul,
.content .webform-submission-form .flex-columns ul,
.content .webform-confirmation .flex-columns ul,
.service-az.container-lg .flex-columns ul,
.service-az :where(.container-lg) .flex-columns ul,
.service-az .layout--onecol .flex-columns ul,
.service-az .webform-submission-form .flex-columns ul,
.service-az .webform-confirmation .flex-columns ul {
padding: 84px 50px;
}
}
.content.container-lg .flex-columns ul li,
.content :where(.container-lg) .flex-columns ul li,
.content .layout--onecol .flex-columns ul li,
.content .webform-submission-form .flex-columns ul li,
.content .webform-confirmation .flex-columns ul li,
.service-az.container-lg .flex-columns ul li,
.service-az :where(.container-lg) .flex-columns ul li,
.service-az .layout--onecol .flex-columns ul li,
.service-az .webform-submission-form .flex-columns ul li,
.service-az .webform-confirmation .flex-columns ul li {
margin-bottom: 10px;
}
.content.container-lg .flex-columns ul li a,
.content :where(.container-lg) .flex-columns ul li a,
.content .layout--onecol .flex-columns ul li a,
.content .webform-submission-form .flex-columns ul li a,
.content .webform-confirmation .flex-columns ul li a,
.service-az.container-lg .flex-columns ul li a,
.service-az :where(.container-lg) .flex-columns ul li a,
.service-az .layout--onecol .flex-columns ul li a,
.service-az .webform-submission-form .flex-columns ul li a,
.service-az .webform-confirmation .flex-columns ul li a {
color: #0071AD;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 32px;
text-align: left;
}
.content.container-lg .flex-columns ul li a:hover, .content.container-lg .flex-columns ul li a:focus, .content.container-lg .flex-columns ul li a.active,
.content :where(.container-lg) .flex-columns ul li a:hover,
.content :where(.container-lg) .flex-columns ul li a:focus,
.content :where(.container-lg) .flex-columns ul li a.active,
.content .layout--onecol .flex-columns ul li a:hover,
.content .layout--onecol .flex-columns ul li a:focus,
.content .layout--onecol .flex-columns ul li a.active,
.content .webform-submission-form .flex-columns ul li a:hover,
.content .webform-submission-form .flex-columns ul li a:focus,
.content .webform-submission-form .flex-columns ul li a.active,
.content .webform-confirmation .flex-columns ul li a:hover,
.content .webform-confirmation .flex-columns ul li a:focus,
.content .webform-confirmation .flex-columns ul li a.active,
.service-az.container-lg .flex-columns ul li a:hover,
.service-az.container-lg .flex-columns ul li a:focus,
.service-az.container-lg .flex-columns ul li a.active,
.service-az :where(.container-lg) .flex-columns ul li a:hover,
.service-az :where(.container-lg) .flex-columns ul li a:focus,
.service-az :where(.container-lg) .flex-columns ul li a.active,
.service-az .layout--onecol .flex-columns ul li a:hover,
.service-az .layout--onecol .flex-columns ul li a:focus,
.service-az .layout--onecol .flex-columns ul li a.active,
.service-az .webform-submission-form .flex-columns ul li a:hover,
.service-az .webform-submission-form .flex-columns ul li a:focus,
.service-az .webform-submission-form .flex-columns ul li a.active,
.service-az .webform-confirmation .flex-columns ul li a:hover,
.service-az .webform-confirmation .flex-columns ul li a:focus,
.service-az .webform-confirmation .flex-columns ul li a.active {
text-decoration: underline;
}
.content.container-lg .flex-grid-4,
.content :where(.container-lg) .flex-grid-4,
.content .layout--onecol .flex-grid-4,
.content .webform-submission-form .flex-grid-4,
.content .webform-confirmation .flex-grid-4,
.service-az.container-lg .flex-grid-4,
.service-az :where(.container-lg) .flex-grid-4,
.service-az .layout--onecol .flex-grid-4,
.service-az .webform-submission-form .flex-grid-4,
.service-az .webform-confirmation .flex-grid-4 {
padding: 0 0 28px;
}
.content.container-lg .flex-grid-4 ul.card-list,
.content :where(.container-lg) .flex-grid-4 ul.card-list,
.content .layout--onecol .flex-grid-4 ul.card-list,
.content .webform-submission-form .flex-grid-4 ul.card-list,
.content .webform-confirmation .flex-grid-4 ul.card-list,
.service-az.container-lg .flex-grid-4 ul.card-list,
.service-az :where(.container-lg) .flex-grid-4 ul.card-list,
.service-az .layout--onecol .flex-grid-4 ul.card-list,
.service-az .webform-submission-form .flex-grid-4 ul.card-list,
.service-az .webform-confirmation .flex-grid-4 ul.card-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
.content.container-lg .flex-grid-4 ul.card-list li,
.content :where(.container-lg) .flex-grid-4 ul.card-list li,
.content .layout--onecol .flex-grid-4 ul.card-list li,
.content .webform-submission-form .flex-grid-4 ul.card-list li,
.content .webform-confirmation .flex-grid-4 ul.card-list li,
.service-az.container-lg .flex-grid-4 ul.card-list li,
.service-az :where(.container-lg) .flex-grid-4 ul.card-list li,
.service-az .layout--onecol .flex-grid-4 ul.card-list li,
.service-az .webform-submission-form .flex-grid-4 ul.card-list li,
.service-az .webform-confirmation .flex-grid-4 ul.card-list li {
width: 99%;
background-color: #FFF;
text-align: center;
padding: 40px 30px;
margin-bottom: 15px;
margin-top: 0;
}
@media (min-width: 560px) {
.content.container-lg .flex-grid-4 ul.card-list li,
.content :where(.container-lg) .flex-grid-4 ul.card-list li,
.content .layout--onecol .flex-grid-4 ul.card-list li,
.content .webform-submission-form .flex-grid-4 ul.card-list li,
.content .webform-confirmation .flex-grid-4 ul.card-list li,
.service-az.container-lg .flex-grid-4 ul.card-list li,
.service-az :where(.container-lg) .flex-grid-4 ul.card-list li,
.service-az .layout--onecol .flex-grid-4 ul.card-list li,
.service-az .webform-submission-form .flex-grid-4 ul.card-list li,
.service-az .webform-confirmation .flex-grid-4 ul.card-list li {
width: 49%;
}
}
@media (min-width: 875px) {
.content.container-lg .flex-grid-4 ul.card-list li,
.content :where(.container-lg) .flex-grid-4 ul.card-list li,
.content .layout--onecol .flex-grid-4 ul.card-list li,
.content .webform-submission-form .flex-grid-4 ul.card-list li,
.content .webform-confirmation .flex-grid-4 ul.card-list li,
.service-az.container-lg .flex-grid-4 ul.card-list li,
.service-az :where(.container-lg) .flex-grid-4 ul.card-list li,
.service-az .layout--onecol .flex-grid-4 ul.card-list li,
.service-az .webform-submission-form .flex-grid-4 ul.card-list li,
.service-az .webform-confirmation .flex-grid-4 ul.card-list li {
width: 32%;
}
}
@media (min-width: 1300px) {
.content.container-lg .flex-grid-4 ul.card-list li,
.content :where(.container-lg) .flex-grid-4 ul.card-list li,
.content .layout--onecol .flex-grid-4 ul.card-list li,
.content .webform-submission-form .flex-grid-4 ul.card-list li,
.content .webform-confirmation .flex-grid-4 ul.card-list li,
.service-az.container-lg .flex-grid-4 ul.card-list li,
.service-az :where(.container-lg) .flex-grid-4 ul.card-list li,
.service-az .layout--onecol .flex-grid-4 ul.card-list li,
.service-az .webform-submission-form .flex-grid-4 ul.card-list li,
.service-az .webform-confirmation .flex-grid-4 ul.card-list li {
width: 24%;
}
}
.content.container-lg .flex-grid-4 ul.card-list li:hover,
.content :where(.container-lg) .flex-grid-4 ul.card-list li:hover,
.content .layout--onecol .flex-grid-4 ul.card-list li:hover,
.content .webform-submission-form .flex-grid-4 ul.card-list li:hover,
.content .webform-confirmation .flex-grid-4 ul.card-list li:hover,
.service-az.container-lg .flex-grid-4 ul.card-list li:hover,
.service-az :where(.container-lg) .flex-grid-4 ul.card-list li:hover,
.service-az .layout--onecol .flex-grid-4 ul.card-list li:hover,
.service-az .webform-submission-form .flex-grid-4 ul.card-list li:hover,
.service-az .webform-confirmation .flex-grid-4 ul.card-list li:hover {
box-shadow: 0 0 10px 0 rgba(5, 32, 73, 0.15);
cursor: pointer;
}
.content.container-lg .flex-grid-4 ul.card-list li a,
.content :where(.container-lg) .flex-grid-4 ul.card-list li a,
.content .layout--onecol .flex-grid-4 ul.card-list li a,
.content .webform-submission-form .flex-grid-4 ul.card-list li a,
.content .webform-confirmation .flex-grid-4 ul.card-list li a,
.service-az.container-lg .flex-grid-4 ul.card-list li a,
.service-az :where(.container-lg) .flex-grid-4 ul.card-list li a,
.service-az .layout--onecol .flex-grid-4 ul.card-list li a,
.service-az .webform-submission-form .flex-grid-4 ul.card-list li a,
.service-az .webform-confirmation .flex-grid-4 ul.card-list li a {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 23px;
font-weight: 500;
line-height: 29px;
text-align: center;
}
.content.container-lg .flex-grid-4 ul.card-list li a:hover, .content.container-lg .flex-grid-4 ul.card-list li a:focus, .content.container-lg .flex-grid-4 ul.card-list li a.active,
.content :where(.container-lg) .flex-grid-4 ul.card-list li a:hover,
.content :where(.container-lg) .flex-grid-4 ul.card-list li a:focus,
.content :where(.container-lg) .flex-grid-4 ul.card-list li a.active,
.content .layout--onecol .flex-grid-4 ul.card-list li a:hover,
.content .layout--onecol .flex-grid-4 ul.card-list li a:focus,
.content .layout--onecol .flex-grid-4 ul.card-list li a.active,
.content .webform-submission-form .flex-grid-4 ul.card-list li a:hover,
.content .webform-submission-form .flex-grid-4 ul.card-list li a:focus,
.content .webform-submission-form .flex-grid-4 ul.card-list li a.active,
.content .webform-confirmation .flex-grid-4 ul.card-list li a:hover,
.content .webform-confirmation .flex-grid-4 ul.card-list li a:focus,
.content .webform-confirmation .flex-grid-4 ul.card-list li a.active,
.service-az.container-lg .flex-grid-4 ul.card-list li a:hover,
.service-az.container-lg .flex-grid-4 ul.card-list li a:focus,
.service-az.container-lg .flex-grid-4 ul.card-list li a.active,
.service-az :where(.container-lg) .flex-grid-4 ul.card-list li a:hover,
.service-az :where(.container-lg) .flex-grid-4 ul.card-list li a:focus,
.service-az :where(.container-lg) .flex-grid-4 ul.card-list li a.active,
.service-az .layout--onecol .flex-grid-4 ul.card-list li a:hover,
.service-az .layout--onecol .flex-grid-4 ul.card-list li a:focus,
.service-az .layout--onecol .flex-grid-4 ul.card-list li a.active,
.service-az .webform-submission-form .flex-grid-4 ul.card-list li a:hover,
.service-az .webform-submission-form .flex-grid-4 ul.card-list li a:focus,
.service-az .webform-submission-form .flex-grid-4 ul.card-list li a.active,
.service-az .webform-confirmation .flex-grid-4 ul.card-list li a:hover,
.service-az .webform-confirmation .flex-grid-4 ul.card-list li a:focus,
.service-az .webform-confirmation .flex-grid-4 ul.card-list li a.active {
text-decoration: none;
}
.content.container-lg .flex-grid-4 ul.card-list li .icon-wrapper,
.content :where(.container-lg) .flex-grid-4 ul.card-list li .icon-wrapper,
.content .layout--onecol .flex-grid-4 ul.card-list li .icon-wrapper,
.content .webform-submission-form .flex-grid-4 ul.card-list li .icon-wrapper,
.content .webform-confirmation .flex-grid-4 ul.card-list li .icon-wrapper,
.service-az.container-lg .flex-grid-4 ul.card-list li .icon-wrapper,
.service-az :where(.container-lg) .flex-grid-4 ul.card-list li .icon-wrapper,
.service-az .layout--onecol .flex-grid-4 ul.card-list li .icon-wrapper,
.service-az .webform-submission-form .flex-grid-4 ul.card-list li .icon-wrapper,
.service-az .webform-confirmation .flex-grid-4 ul.card-list li .icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 40px;
width: 176px;
height: 176px;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
background-size: cover;
}
.content.container-lg .flex-grid-4 ul.card-list li h2,
.content :where(.container-lg) .flex-grid-4 ul.card-list li h2,
.content .layout--onecol .flex-grid-4 ul.card-list li h2,
.content .webform-submission-form .flex-grid-4 ul.card-list li h2,
.content .webform-confirmation .flex-grid-4 ul.card-list li h2,
.service-az.container-lg .flex-grid-4 ul.card-list li h2,
.service-az :where(.container-lg) .flex-grid-4 ul.card-list li h2,
.service-az .layout--onecol .flex-grid-4 ul.card-list li h2,
.service-az .webform-submission-form .flex-grid-4 ul.card-list li h2,
.service-az .webform-confirmation .flex-grid-4 ul.card-list li h2 {
color: #052049;
font-size: 23px;
font-weight: 400;
line-height: 29px;
text-align: center;
}
.content.container-lg .flex-grid-4 ul.card-list li .term-description p,
.content :where(.container-lg) .flex-grid-4 ul.card-list li .term-description p,
.content .layout--onecol .flex-grid-4 ul.card-list li .term-description p,
.content .webform-submission-form .flex-grid-4 ul.card-list li .term-description p,
.content .webform-confirmation .flex-grid-4 ul.card-list li .term-description p,
.service-az.container-lg .flex-grid-4 ul.card-list li .term-description p,
.service-az :where(.container-lg) .flex-grid-4 ul.card-list li .term-description p,
.service-az .layout--onecol .flex-grid-4 ul.card-list li .term-description p,
.service-az .webform-submission-form .flex-grid-4 ul.card-list li .term-description p,
.service-az .webform-confirmation .flex-grid-4 ul.card-list li .term-description p {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.18px;
line-height: 26px;
text-align: left;
margin-top: 15px;
}
@media (max-width: 400px) {
.content.container-lg .flex-grid,
.content.container-lg .flex-grid-thirds,
.content :where(.container-lg) .flex-grid,
.content :where(.container-lg) .flex-grid-thirds,
.content .layout--onecol .flex-grid,
.content .layout--onecol .flex-grid-thirds,
.content .webform-submission-form .flex-grid,
.content .webform-submission-form .flex-grid-thirds,
.content .webform-confirmation .flex-grid,
.content .webform-confirmation .flex-grid-thirds,
.service-az.container-lg .flex-grid,
.service-az.container-lg .flex-grid-thirds,
.service-az :where(.container-lg) .flex-grid,
.service-az :where(.container-lg) .flex-grid-thirds,
.service-az .layout--onecol .flex-grid,
.service-az .layout--onecol .flex-grid-thirds,
.service-az .webform-submission-form .flex-grid,
.service-az .webform-submission-form .flex-grid-thirds,
.service-az .webform-confirmation .flex-grid,
.service-az .webform-confirmation .flex-grid-thirds {
display: block;
}
.content.container-lg .flex-grid .col,
.content.container-lg .flex-grid-thirds .col,
.content :where(.container-lg) .flex-grid .col,
.content :where(.container-lg) .flex-grid-thirds .col,
.content .layout--onecol .flex-grid .col,
.content .layout--onecol .flex-grid-thirds .col,
.content .webform-submission-form .flex-grid .col,
.content .webform-submission-form .flex-grid-thirds .col,
.content .webform-confirmation .flex-grid .col,
.content .webform-confirmation .flex-grid-thirds .col,
.service-az.container-lg .flex-grid .col,
.service-az.container-lg .flex-grid-thirds .col,
.service-az :where(.container-lg) .flex-grid .col,
.service-az :where(.container-lg) .flex-grid-thirds .col,
.service-az .layout--onecol .flex-grid .col,
.service-az .layout--onecol .flex-grid-thirds .col,
.service-az .webform-submission-form .flex-grid .col,
.service-az .webform-submission-form .flex-grid-thirds .col,
.service-az .webform-confirmation .flex-grid .col,
.service-az .webform-confirmation .flex-grid-thirds .col {
width: 100%;
margin: 0 0 10px 0;
}
}
.content.container-lg .flex-grid,
.content :where(.container-lg) .flex-grid,
.content .layout--onecol .flex-grid,
.content .webform-submission-form .flex-grid,
.content .webform-confirmation .flex-grid,
.service-az.container-lg .flex-grid,
.service-az :where(.container-lg) .flex-grid,
.service-az .layout--onecol .flex-grid,
.service-az .webform-submission-form .flex-grid,
.service-az .webform-confirmation .flex-grid {
margin: 0 0 20px 0;
}
.content.container-lg .col,
.content :where(.container-lg) .col,
.content .layout--onecol .col,
.content .webform-submission-form .col,
.content .webform-confirmation .col,
.service-az.container-lg .col,
.service-az :where(.container-lg) .col,
.service-az .layout--onecol .col,
.service-az .webform-submission-form .col,
.service-az .webform-confirmation .col {
padding: 0 0 20px 0;
}
.content.container-lg .header--search,
.content :where(.container-lg) .header--search,
.content .layout--onecol .header--search,
.content .webform-submission-form .header--search,
.content .webform-confirmation .header--search,
.service-az.container-lg .header--search,
.service-az :where(.container-lg) .header--search,
.service-az .layout--onecol .header--search,
.service-az .webform-submission-form .header--search,
.service-az .webform-confirmation .header--search {
display: flex;
width: 100%;
}
.content.container-lg .header--search .home-search__form,
.content :where(.container-lg) .header--search .home-search__form,
.content .layout--onecol .header--search .home-search__form,
.content .webform-submission-form .header--search .home-search__form,
.content .webform-confirmation .header--search .home-search__form,
.service-az.container-lg .header--search .home-search__form,
.service-az :where(.container-lg) .header--search .home-search__form,
.service-az .layout--onecol .header--search .home-search__form,
.service-az .webform-submission-form .header--search .home-search__form,
.service-az .webform-confirmation .header--search .home-search__form {
clip: auto;
overflow: visible;
-webkit-animation: menu-slide 500ms cubic-bezier(0.77, 0, 0.175, 1) 50ms both;
animation: menu-slide 500ms cubic-bezier(0.77, 0, 0.175, 1) 50ms both;
width: 100%;
}
.content.container-lg .header--search .home-search__form .search__form,
.content :where(.container-lg) .header--search .home-search__form .search__form,
.content .layout--onecol .header--search .home-search__form .search__form,
.content .webform-submission-form .header--search .home-search__form .search__form,
.content .webform-confirmation .header--search .home-search__form .search__form,
.service-az.container-lg .header--search .home-search__form .search__form,
.service-az :where(.container-lg) .header--search .home-search__form .search__form,
.service-az .layout--onecol .header--search .home-search__form .search__form,
.service-az .webform-submission-form .header--search .home-search__form .search__form,
.service-az .webform-confirmation .header--search .home-search__form .search__form {
background: #FFF;
border: none;
position: relative;
}
.content.container-lg .header--search .home-search__form .search__form .home-search__form-input,
.content :where(.container-lg) .header--search .home-search__form .search__form .home-search__form-input,
.content .layout--onecol .header--search .home-search__form .search__form .home-search__form-input,
.content .webform-submission-form .header--search .home-search__form .search__form .home-search__form-input,
.content .webform-confirmation .header--search .home-search__form .search__form .home-search__form-input,
.service-az.container-lg .header--search .home-search__form .search__form .home-search__form-input,
.service-az :where(.container-lg) .header--search .home-search__form .search__form .home-search__form-input,
.service-az .layout--onecol .header--search .home-search__form .search__form .home-search__form-input,
.service-az .webform-submission-form .header--search .home-search__form .search__form .home-search__form-input,
.service-az .webform-confirmation .header--search .home-search__form .search__form .home-search__form-input {
height: 90px;
width: 100%;
padding-left: 38px;
font-size: 24px;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
border: none;
}
.content.container-lg .header--search .home-search__form .search__form .home-search__form-submit,
.content :where(.container-lg) .header--search .home-search__form .search__form .home-search__form-submit,
.content .layout--onecol .header--search .home-search__form .search__form .home-search__form-submit,
.content .webform-submission-form .header--search .home-search__form .search__form .home-search__form-submit,
.content .webform-confirmation .header--search .home-search__form .search__form .home-search__form-submit,
.service-az.container-lg .header--search .home-search__form .search__form .home-search__form-submit,
.service-az :where(.container-lg) .header--search .home-search__form .search__form .home-search__form-submit,
.service-az .layout--onecol .header--search .home-search__form .search__form .home-search__form-submit,
.service-az .webform-submission-form .header--search .home-search__form .search__form .home-search__form-submit,
.service-az .webform-confirmation .header--search .home-search__form .search__form .home-search__form-submit {
margin-left: -70px;
background: url("../img/magnifier.svg") no-repeat center #FFF;
width: 40px;
height: 40px;
margin: 0;
margin-left: -75px;
margin-right: 15px;
border: none;
background-size: 28px;
text-indent: -9999px;
position: absolute;
top: 25px;
right: 20px;
}
.content .container,
.service-az .container {
padding-top: 80px;
padding-bottom: 97px;
max-width: 320px;
width: 100%;
}
@media (max-width: 455px) {
.content .container,
.service-az .container {
max-width: calc(100% - 40px);
}
}
@media (min-width: 456px) and (max-width: 874px) {
.content .container,
.service-az .container {
max-width: calc(100% - 70px);
margin-left: 35px;
margin-right: 35px;
}
}
@media (min-width: 875px) {
.content .container,
.service-az .container {
max-width: 805px;
}
}
@media (min-width: 1085px) {
.content .container,
.service-az .container {
max-width: 875px;
}
}
@media (min-width: 1300px) {
.content .container,
.service-az .container {
max-width: 1015px;
}
}
.content .container .page-content,
.service-az .container .page-content {
background-color: #FFF;
padding: 25px 20px;
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 22px;
margin-bottom: 50px;
position: relative;
}
@media (min-width: 456px) {
.content .container .page-content,
.service-az .container .page-content {
padding: 25px 34px;
}
}
@media (min-width: 875px) {
.content .container .page-content,
.service-az .container .page-content {
padding: 54px 105px;
}
}
.content .container .page-content .privacy-warning,
.service-az .container .page-content .privacy-warning {
display: grid;
grid-template-columns: 22.5px auto;
grid-gap: 12px;
grid-template-areas: "icon content";
background-color: #DFE3E8;
padding-left: 12px;
padding-right: 25px;
margin: -25px -20px 18px -20px;
}
@media (min-width: 456px) {
.content .container .page-content .privacy-warning,
.service-az .container .page-content .privacy-warning {
margin-right: -34px;
margin-left: -34px;
}
}
@media (min-width: 875px) {
.content .container .page-content .privacy-warning,
.service-az .container .page-content .privacy-warning {
position: absolute;
top: -18px;
left: 0;
margin: auto;
}
}
@media (max-width: 874px) {
.content .container .page-content .privacy-warning,
.service-az .container .page-content .privacy-warning {
padding-top: 8px;
padding-bottom: 8px;
}
}
.content .container .page-content .privacy-warning .iconography,
.service-az .container .page-content .privacy-warning .iconography {
grid-area: icon;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
max-height: 100%;
}
.content .container .page-content .privacy-warning p, .content .container .page-content .privacy-warning .viewable-by,
.service-az .container .page-content .privacy-warning p,
.service-az .container .page-content .privacy-warning .viewable-by {
grid-area: content;
color: #052049;
font-weight: 500;
letter-spacing: 0.2px;
font-size: 14px;
line-height: 16px;
margin-bottom: 0;
}
@media (min-width: 875px) {
.content .container .page-content .privacy-warning p, .content .container .page-content .privacy-warning .viewable-by,
.service-az .container .page-content .privacy-warning p,
.service-az .container .page-content .privacy-warning .viewable-by {
font-size: 0.9rem;
line-height: 36px;
}
}
.content .container .page-content .page-label,
.service-az .container .page-content .page-label {
display: flex !important;
align-items: baseline !important;
height: 12px !important;
line-height: 12px !important;
margin-bottom: 10px !important;
}
@media (max-width: 874px) {
.content .container .page-content .page-label,
.service-az .container .page-content .page-label {
margin-top: 10px !important;
}
}
.content .container .page-content .page-label .rectangle,
.service-az .container .page-content .page-label .rectangle {
background-color: #178CCB;
width: 9px;
height: 9px;
margin-right: 10px;
}
.content .container .page-content .page-label .label-text,
.service-az .container .page-content .page-label .label-text {
color: #0071AD !important;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
line-height: 12px !important;
text-transform: uppercase;
}
.content .container .page-content .page-title,
.service-az .container .page-content .page-title {
color: #052049;
margin-bottom: 40px;
padding-top: 30px;
text-align: left;
border-bottom: 2px solid #E1E3E6;
}
.content .container .page-content .page-title h1, .content .container .page-content .page-title h2,
.service-az .container .page-content .page-title h1,
.service-az .container .page-content .page-title h2 {
color: #052049;
font-family: "HelveticaNeue-Thin", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 50px;
line-height: 60px;
margin-bottom: 40px;
}
.content .container .page-content .webform,
.service-az .container .page-content .webform {
width: 75%;
margin: 0 auto;
}
.content .container .page-content .ownership-well,
.service-az .container .page-content .ownership-well {
padding: 31px 29px;
background-color: #E8F4FA;
margin-bottom: 60px;
}
.content .container .page-content .ownership-well .list-group,
.service-az .container .page-content .ownership-well .list-group {
border: 0;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0 !important;
}
.content .container .page-content .ownership-well .list-group .list-group-item,
.service-az .container .page-content .ownership-well .list-group .list-group-item {
line-height: 32px !important;
}
.content .container .page-content .ownership-well .list-group .list-group-item:last-child,
.service-az .container .page-content .ownership-well .list-group .list-group-item:last-child {
margin-bottom: 0;
}
.content .container .page-content .related-content,
.service-az .container .page-content .related-content {
margin-top: 14px;
padding: 59px 50px;
background-color: #F2F3F4;
}
.content .container .page-content .related-content .related-content-title,
.service-az .container .page-content .related-content .related-content-title {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 50px;
height: 15px;
}
.content .container .page-content .related-content .related-content-title .title,
.service-az .container .page-content .related-content .related-content-title .title {
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
line-height: 12px !important;
text-transform: uppercase;
margin-top: 0 !important;
margin-bottom: -1px !important;
margin-right: 12px;
}
.content .container .page-content .related-content .related-content-title .flare,
.service-az .container .page-content .related-content .related-content-title .flare {
width: 32px;
height: 2px;
background-color: #052049;
}
.content .container .page-content .related-content .list-group,
.service-az .container .page-content .related-content .list-group {
border: 0;
margin-top: 0;
margin-bottom: 50px;
padding-bottom: 0;
}
.content .container .page-content .related-content .list-group .list-group-item,
.service-az .container .page-content .related-content .list-group .list-group-item {
margin-bottom: 16px;
}
.content .container .page-content .related-content .list-group .list-group-item:last-child,
.service-az .container .page-content .related-content .list-group .list-group-item:last-child {
margin-bottom: 0;
}
.content .container .page-content .related-content .btn,
.service-az .container .page-content .related-content .btn {
margin-top: 50px;
}
.content .container .page-content:last-child,
.service-az .container .page-content:last-child {
margin-bottom: 0;
}
.content .sidebar-visible,
.service-az .sidebar-visible {
display: flex;
flex-direction: row-reverse;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
align-content: flex-start;
position: relative;
padding-top: 80px;
padding-bottom: 97px;
width: 100%;
max-width: 100%;
position: relative;
z-index: 1;
margin: 0 auto;
}
@media (max-width: 874px) {
.content .sidebar-visible,
.service-az .sidebar-visible {
padding-top: 20px;
}
}
@media (min-width: 456px) {
.content .sidebar-visible,
.service-az .sidebar-visible {
max-width: calc(100% - 40px);
}
}
@media (min-width: 875px) {
.content .sidebar-visible,
.service-az .sidebar-visible {
max-width: calc(100% - 70px);
}
}
@media (min-width: 875px) and (max-width: 1084px) {
.content .sidebar-visible,
.service-az .sidebar-visible {
max-width: 100%;
}
}
@media (min-width: 1085px) {
.content .sidebar-visible,
.service-az .sidebar-visible {
max-width: 1083px;
}
}
@media (min-width: 1300px) {
.content .sidebar-visible,
.service-az .sidebar-visible {
max-width: 1225px;
}
}
@media (min-width: 1800px) {
.content .sidebar-visible,
.service-az .sidebar-visible {
max-width: 1435px;
}
}
@media (max-width: 874px) {
.content .sidebar-visible,
.service-az .sidebar-visible {
flex-direction: column-reverse;
}
}
.content .sidebar-visible main,
.service-az .sidebar-visible main {
position: relative;
z-index: 2;
width: 100%;
}
@media (max-width: 874px) {
.content .sidebar-visible main .privacy-warning,
.service-az .sidebar-visible main .privacy-warning {
left: 0;
}
}
@media (min-width: 875px) {
.content .sidebar-visible main .privacy-warning,
.service-az .sidebar-visible main .privacy-warning {
left: 0;
}
}
@media (min-width: 875px) and (max-width: 1084px) {
.content .sidebar-visible main .privacy-warning,
.service-az .sidebar-visible main .privacy-warning {
left: 0;
top: 0;
}
}
@media (min-width: 1085px) {
.content .sidebar-visible main .privacy-warning,
.service-az .sidebar-visible main .privacy-warning {
left: 50px;
}
}
@media (min-width: 1300px) {
.content .sidebar-visible main .privacy-warning,
.service-az .sidebar-visible main .privacy-warning {
left: 105px;
}
}
@media (min-width: 456px) {
.content .sidebar-visible main,
.service-az .sidebar-visible main {
padding: 25px 34px;
}
}
@media (min-width: 875px) {
.content .sidebar-visible main,
.service-az .sidebar-visible main {
padding: 54px 45px;
}
}
@media (min-width: 1085px) {
.content .sidebar-visible main,
.service-az .sidebar-visible main {
padding: 54px 50px;
}
}
@media (min-width: 1300px) {
.content .sidebar-visible main,
.service-az .sidebar-visible main {
padding: 54px 105px;
}
}
.content .sidebar-visible aside,
.service-az .sidebar-visible aside {
position: relative;
z-index: 1;
width: 100%;
border-right: 2px solid #E6E9ED;
background-color: #fff;
margin-bottom: 50px;
}
@media (min-width: 875px) and (max-width: 1084px) {
.content .sidebar-visible aside,
.service-az .sidebar-visible aside {
max-width: 300px;
}
}
@media (min-width: 1085px) {
.content .sidebar-visible aside,
.service-az .sidebar-visible aside {
max-width: 315px;
}
}
@media (min-width: 1300px) {
.content .sidebar-visible aside,
.service-az .sidebar-visible aside {
max-width: 350px;
}
}
@media (min-width: 1800px) {
.content .sidebar-visible aside,
.service-az .sidebar-visible aside {
max-width: 420px;
}
}
.content .sidebar-visible aside ul,
.service-az .sidebar-visible aside ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.content .sidebar-visible aside .sidebar-menu,
.service-az .sidebar-visible aside .sidebar-menu {
position: relative;
width: 100%;
}
.content .sidebar-visible aside .sidebar-menu .menu-heading,
.service-az .sidebar-visible aside .sidebar-menu .menu-heading {
color: #052049;
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.18px;
line-height: 22px;
padding: 24px 37px;
margin-bottom: 15px;
display: flex;
align-items: center;
border-bottom: 2px solid #CBCED2;
}
.content .sidebar-visible aside .sidebar-menu li,
.service-az .sidebar-visible aside .sidebar-menu li {
color: #052049;
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.18px;
line-height: 22px;
padding: 0;
padding-right: 10px;
margin: 0;
}
.content .sidebar-visible aside .sidebar-menu li a,
.service-az .sidebar-visible aside .sidebar-menu li a {
display: inline-block;
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.2px;
text-decoration: none;
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
border: 0;
}
.content .sidebar-visible aside .sidebar-menu li a:hover, .content .sidebar-visible aside .sidebar-menu li a:focus,
.service-az .sidebar-visible aside .sidebar-menu li a:hover,
.service-az .sidebar-visible aside .sidebar-menu li a:focus {
color: #0071AD;
text-decoration: none;
background-color: transparent !important;
}
.content .sidebar-visible aside .sidebar-menu li a:hover,
.service-az .sidebar-visible aside .sidebar-menu li a:hover {
border-left: 8px solid #0071AD;
}
.content .sidebar-visible aside .sidebar-menu li a.active,
.service-az .sidebar-visible aside .sidebar-menu li a.active {
color: #0071AD;
text-decoration: none;
}
.content .sidebar-visible aside .sidebar-menu li a.depth-0,
.service-az .sidebar-visible aside .sidebar-menu li a.depth-0 {
padding-left: 57px;
}
.content .sidebar-visible aside .sidebar-menu li a.depth-0:hover,
.service-az .sidebar-visible aside .sidebar-menu li a.depth-0:hover {
padding-left: 49px;
}
.content .sidebar-visible aside .sidebar-menu li a.depth-1,
.service-az .sidebar-visible aside .sidebar-menu li a.depth-1 {
padding-left: 77px;
}
.content .sidebar-visible aside .sidebar-menu li a.depth-1:hover,
.service-az .sidebar-visible aside .sidebar-menu li a.depth-1:hover {
padding-left: 69px;
}
.content .sidebar-visible aside .sidebar-menu li a.depth-2,
.service-az .sidebar-visible aside .sidebar-menu li a.depth-2 {
padding-left: 97px;
}
.content .sidebar-visible aside .sidebar-menu li a.depth-2:hover,
.service-az .sidebar-visible aside .sidebar-menu li a.depth-2:hover {
padding-left: 89px;
}
@media (max-width: 874px) {
.content .sidebar-visible aside .sidebar-menu,
.service-az .sidebar-visible aside .sidebar-menu {
display: none;
}
}
.content .sidebar-visible .mobile-sidebar-controls,
.service-az .sidebar-visible .mobile-sidebar-controls {
display: flex;
align-items: center;
height: 50px;
background-color: #FFF;
position: relative;
z-index: 8;
}
@media (min-width: 875px) {
.content .sidebar-visible .mobile-sidebar-controls,
.service-az .sidebar-visible .mobile-sidebar-controls {
display: none;
}
}
.content .sidebar-visible .mobile-sidebar-controls .toggle-sidebar,
.service-az .sidebar-visible .mobile-sidebar-controls .toggle-sidebar {
width: 34px;
height: 34px;
position: relative;
background: url("../img/hamburger_icon.svg") no-repeat center #FFF;
background-size: 24px 24px;
min-width: 40px;
max-width: 40px;
width: 40px;
padding: 3px 0;
color: #052049;
}
.content .sidebar-visible .mobile-sidebar-visible,
.service-az .sidebar-visible .mobile-sidebar-visible {
box-shadow: 0 2px 13px 0 rgba(146, 147, 151, 0.35);
}
.content .sidebar-visible .mobile-sidebar-visible .mobile-sidebar-controls .toggle-sidebar,
.service-az .sidebar-visible .mobile-sidebar-visible .mobile-sidebar-controls .toggle-sidebar {
background: url("../img/x-large.svg") no-repeat center #FFF;
background-size: 18px 18px;
}
@media (max-width: 874px) {
.content .sidebar-visible .mobile-sidebar-visible .sidebar-menu,
.service-az .sidebar-visible .mobile-sidebar-visible .sidebar-menu {
display: block;
background-color: #F2F3F4;
box-shadow: 0 2px 13px 0 rgba(146, 147, 151, 0.35);
z-index: 7;
}
}
/*==============+
| Header |
+==============*/
header {
z-index: 100;
position: relative;
}
#toolbar-administration {
z-index: 99999;
position: relative;
}
/*=======================+
| Alphabet navigation |
+=======================*/
.alphabet-navigation {
display: inline-block;
padding-left: 0 !important;
margin: 0 0 35px !important;
border-radius: 4px;
}
.alphabet-navigation li,
.alphabet-navigation .views-summary-unformatted {
display: inline;
}
.alphabet-navigation li a,
.alphabet-navigation .views-summary-unformatted a {
display: flex;
align-items: center;
justify-content: center;
position: relative;
float: left;
width: 50px;
height: 50px;
line-height: 50px;
margin-top: -1px;
margin-left: -1px;
color: #052049;
text-decoration: none;
background-color: #FFF;
border: 1px solid #9BA6B6;
text-decoration: none;
}
.alphabet-navigation li a:hover, .alphabet-navigation li a:focus, .alphabet-navigation li a.router-link-active,
.alphabet-navigation .views-summary-unformatted a:hover,
.alphabet-navigation .views-summary-unformatted a:focus,
.alphabet-navigation .views-summary-unformatted a.router-link-active {
color: #FFF;
text-decoration: none;
background-color: #052049;
}
.alphabet-navigation li span,
.alphabet-navigation .views-summary-unformatted span {
display: flex;
align-items: center;
justify-content: center;
position: relative;
float: left;
width: 50px;
height: 50px;
line-height: 50px;
margin-top: -1px;
margin-left: -1px;
color: #9BA6B6;
background-color: #FFF;
border: 1px solid #9BA6B6;
font-weight: 500;
}
/*==============+
| Pagination |
+==============*/
.pagination {
border-radius: 0;
border-top: 1px solid #E1E3E6;
margin-top: 80px;
padding-top: 15px;
text-align: right;
width: 100%;
}
@media only screen and (max-width: 991px) {
.pagination {
margin-top: 40px;
}
}
@media only screen and (max-width: 767px) {
.pagination {
margin-top: 30px;
}
}
.pagination ul {
padding: 0;
}
.pagination ul li {
display: inline-block;
vertical-align: middle;
}
.pagination ul li a {
border: 1px solid #052049;
border-radius: 100%;
color: #000;
display: block;
font-size: 18px;
height: 30px;
line-height: 28px;
width: 30px;
text-decoration: none !important;
text-align: center;
}
.pagination ul li a.active, .pagination ul li a:hover {
background: #0071AD;
border-color: #052049;
color: #FFF;
}
.pagination ul li a:hover {
cursor: pointer;
}
/*==============+
| Breadcrumbs |
+==============*/
.content nav {
max-width: 320px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 455px) {
.content nav {
max-width: calc(100% - 20px);
}
}
@media (min-width: 456px) and (max-width: 1084px) {
.content nav {
max-width: calc(100% - 40px);
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
.content nav {
max-width: calc(100% - 70px);
}
}
@media (min-width: 1300px) and (max-width: 1799px) {
.content nav {
max-width: calc(100% - 100px);
}
}
@media (min-width: 1800px) {
.content nav {
max-width: 1650px;
}
}
.content nav .breadcrumb {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 20px 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
}
.content nav .breadcrumb-item {
margin-bottom: 0;
color: #052049;
font-size: 14px;
text-align: left;
}
.content nav .breadcrumb-item a {
color: #0071AD;
font-size: 14px;
font-weight: 700;
}
.content nav .breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
color: #052049;
font-family: "Font Awesome 6 Pro";
font-size: 12px;
font-weight: 900;
content: "\f054";
}
.content nav .breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline;
}
.content nav .breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none;
}
.content nav .breadcrumb-item.active {
color: #052049;
}
.content nav .breadcrumb-item-last {
margin-bottom: 0;
}
/*==============+
| Lists |
+==============*/
.list-bullet {
list-style: disc;
margin: 15px 0;
padding-left: 20px;
}
.list-bullet li {
margin-bottom: 15px;
}
.list-group {
width: 100%;
list-style-type: none !important;
margin-bottom: 40px;
padding-bottom: 39px;
padding-left: 0 !important;
border-bottom: 2px solid #E1E3E6;
}
.list-group.list-bottom {
border-top: 2px solid #E1E3E6;
margin-top: 40px;
padding-top: 39px;
}
.list-group .list-group-item {
position: relative;
display: block;
margin-bottom: -1px;
padding-bottom: 2px;
font-weight: 500;
line-height: 32px !important;
margin-bottom: 16px;
clear: both;
}
.list-group .list-group-item .list-label {
margin-right: 5px;
font-weight: 700;
}
.list-group .list-group-item a {
color: #0071AD;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.2px;
text-decoration: none;
}
.list-group .list-group-item a:hover, .list-group .list-group-item a:focus {
color: #0071AD;
text-decoration: underline;
}
.list-group .list-group-item p {
display: inline;
margin: 0;
padding: 0;
}
.list-group .list-group-item:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.list-group .list-group-title {
font-weight: 700;
}
.list-group .list-group-title a {
font-weight: 700;
}
/*==============+
| Forms |
+==============*/
.search-box {
display: inline-block;
vertical-align: middle;
width: 215px;
margin-top: 0;
margin-bottom: 0;
position: relative;
order: 1;
}
.search-box form {
width: 100%;
}
.search-box form input[type=search] {
border: none;
box-shadow: none;
border-bottom: 1px solid #B4B9BF;
border-radius: 0;
height: 32px;
font-size: 14px;
width: 100% !important;
letter-spacing: 0.025em;
font-weight: 400;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.search-box form button[type=submit],
.search-box form button[type=submit]:active,
.search-box form button[type=submit]:before {
position: absolute;
top: 0;
right: 0;
background: transparent;
border: none;
box-shadow: none;
width: 10px;
text-indent: 500px;
margin-left: 0;
margin-right: 0;
font-size: 11px;
padding: 1em 2em;
}
.search-box:before {
position: absolute;
right: 10px;
top: 50%;
margin-top: -11px;
color: #58595b;
font-size: 14px;
font-family: "Font Awesome 6 Pro";
content: "\f002";
font-weight: 400;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.webform .webform-title {
color: #052049;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 28px;
font-weight: 300;
line-height: 32px;
text-align: left;
}
label {
display: block;
margin-bottom: 8px;
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 22px;
}
label.option {
display: inline;
font-weight: normal;
}
input[type=text], input[type=email], input[type=password] {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.2px;
line-height: 19px;
border: 1px solid #B4B9BF;
appearance: none;
outline: none;
padding: 16px 4px 16px 24px;
margin-bottom: 40px;
width: 100%;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus {
outline: blue;
}
textarea {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.2px;
line-height: 19px;
padding: 16px 4px 16px 24px;
border: 1px solid #B4B9BF;
margin-bottom: 40px;
width: 100%;
height: 300px;
}
input[type=text], textarea, input[type=email] {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
outline: none;
}
input[type=text]:focus, textarea:focus, input[type=email]:focus {
box-shadow: 0 0 5px rgb(23, 140, 203);
border: 1px solid rgb(23, 140, 203);
}
/*==============+
| Utilities |
+==============*/
.ucsf-navy-text {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 32px;
}
.ucsf-blue-text {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 400;
letter-spacing: 0.2px;
}
.card__arrow {
height: 28px;
width: 11px;
color: #9BA6B6;
font-size: 21px;
font-weight: 400;
letter-spacing: 0.23px;
line-height: 25px;
}
.card__arrow .fa-angle-down, .card__arrow .fa-angle-right {
font-size: 28px;
}
.flex-display {
display: flex !important;
}
.load_more {
text-align: center;
padding-bottom: 82px;
}
.is-unpublished {
background-color: #fdecf0;
}
.is-published {
background-color: #F2F3F4;
}
.published-content {
color: #138100;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.2px;
line-height: 28px;
text-align: left;
margin-right: 20px;
}
.unpublished-content {
color: #E01E57;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.2px;
line-height: 28px;
text-align: left;
margin-right: 20px;
}
.hide-visually {
display: none !important;
}
.hide-visually-offscreen {
position: absolute;
top: 0;
left: -1000000px;
}
.hide-mobile {
display: none !important;
}
@media (min-width: 875px) {
.hide-mobile {
display: block !important;
}
}
.hide-tablet {
display: none !important;
}
@media (min-width: 1085px) {
.hide-tablet {
display: block !important;
}
}
.hide-desktop {
display: block !important;
}
@media (min-width: 1300px) {
.hide-desktop {
display: none !important;
}
}
.text-left {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
.text-bold {
font-weight: bold !important;
}
.font-hairline {
font-weight: 100 !important;
}
.font-thin {
font-weight: 200 !important;
}
.font-light {
font-weight: 300 !important;
}
.font-normal {
font-weight: 400 !important;
}
.font-medium {
font-weight: 500 !important;
}
.font-semibold {
font-weight: 600 !important;
}
.font-bold {
font-weight: 700 !important;
}
.font-extrabold {
font-weight: 800 !important;
}
.font-black {
font-weight: 900 !important;
}
.resolved {
color: #138100;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.2px;
}
.in-progress {
color: #E01E57;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.2px;
}
.planned {
color: #716FB2;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.2px;
}
.security {
color: #058488;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.2px;
}
.bg-resolved {
background-color: #138100 !important;
}
.bg-inprogress {
background-color: #E61048 !important;
}
.bg-planned {
background-color: #716FB2 !important;
}
.bg-security {
background-color: #058488 !important;
}
.bg-white {
background-color: #FFF;
}
.bg-coral {
background-color: coral;
}
.bg-dp {
background-color: deeppink;
}
.debug {
background-color: coral;
}
.debug-alt, .debug2 {
background-color: deeppink;
}
.no-bullets {
list-style: none;
margin: 0;
padding: 0;
}
.p-0 {
padding: 0 !important;
}
.pt-40 {
padding-top: 40px !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.m-0 {
margin: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-15 {
margin-bottom: 15px !important;
}
.mb-22 {
margin-bottom: 22px !important;
}
.mr-105 {
margin-right: 105px !important;
}
.mr-5 {
margin-right: 5px !important;
}
.ucsf-link {
color: #052049 !important;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 0.2px;
text-decoration: none;
}
.ucsf-link:hover, .ucsf-link:focus {
color: #052049 !important;
text-decoration: underline;
}
.interactive-link {
color: #0071AD !important;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.2px;
text-decoration: none;
}
.interactive-link:hover, .interactive-link:focus {
color: #0071AD !important;
text-decoration: underline;
}
.no-cursor {
cursor: default !important;
}
/*==============+
| Labels |
+==============*/
.tier-link:hover, .tier-link:focus {
text-decoration: none !important;
}
.tiers {
position: relative;
border: 1px solid transparent;
border-radius: 5px;
height: 28px;
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 0.3px;
line-height: 23px;
text-align: left;
padding: 4px 6px;
margin: 0 5px;
}
.tier-minor {
background-color: #6EA400;
border-color: #6EA400;
color: #FFF;
}
.tier-moderate {
background-color: #FEDD00;
border-color: #FEDD00;
color: #000;
}
.tier-significant {
background-color: #FE8638;
border-color: #FE8638;
color: #FFF;
}
.tier-extensive {
background-color: #E61048;
border-color: #E61048;
color: #FFF;
}
.tier-default {
background-color: #A2D1EA;
border-color: #A2D1EA;
color: #052049;
}
/*==============+
| Buttons |
+==============*/
.button {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.2px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
user-select: none;
background-image: none;
border: 2px solid transparent;
border-radius: 32px;
width: 257px;
height: 64px;
}
.button:disabled {
cursor: not-allowed !important;
}
.btn-primary {
border-color: #178CCB;
background: transparent;
color: #0071AD;
}
.btn-primary:active {
border-color: #052049;
color: #FFF;
}
.btn-primary:hover, .btn-primary:focus {
outline: 0;
background-color: #178CCB;
border-color: #178CCB;
color: #FFF;
}
.btn-secondary,
.button--primary {
background-color: #0072AF;
border-color: #0072AF;
color: #FFF;
}
.btn-secondary:active,
.button--primary:active {
background-color: #E61048;
border-color: #E61048;
color: #FFF;
}
.btn-secondary:hover, .btn-secondary:focus,
.button--primary:hover,
.button--primary:focus {
outline: 0;
background-color: #052049;
border-color: #052049;
color: #FFF;
}
.button-alt,
.wysiwyg-content .button-alt {
display: inline-block !important;
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif !important;
padding: 23px 40px !important;
border: 2px solid #178CCB !important;
border-radius: 62px;
text-decoration: none;
}
.button-alt:hover,
.wysiwyg-content .button-alt:hover {
color: #FFF !important;
background-color: #178CCB !important;
}
/*==============+
| Footer |
+==============*/
.global-footer {
padding: 85px 0 81px;
background-color: #052049;
}
.global-footer .container-lg {
padding-bottom: 0;
}
.global-footer .container-lg ul {
list-style-type: none;
padding: 0 !important;
margin: 0 !important;
}
.global-footer .container-lg ul li {
margin-bottom: 2px !important;
}
.global-footer .container-lg a {
color: #FFF;
text-decoration: none;
font-size: 17px;
font-weight: 500;
}
.global-footer .container-lg a:hover, .global-footer .container-lg a:focus {
color: #FFF;
text-decoration: underline;
}
.global-footer .container-lg a.active {
color: #FFF;
}
.global-footer .container-lg hr {
border: 0;
border-bottom: 1px solid #FFF;
margin-top: 46px;
margin-bottom: 12px;
}
.global-footer .container-lg .flex-row {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.global-footer .container-lg .flex-row {
flex-direction: column;
}
}
.global-footer .container-lg .flex-row .col {
flex: 1 0 18%;
margin-right: 20px;
}
.global-footer .container-lg .flex-row .col:last-child {
margin-right: 0;
}
.global-footer .container-lg .flex-row .col .social-links {
display: flex;
justify-content: flex-end;
}
@media (max-width: 1220px) {
.global-footer .container-lg .flex-row .col .social-links {
justify-content: center;
margin-top: 30px !important;
}
}
@media (max-width: 767px) {
.global-footer .container-lg .flex-row .col .social-links {
justify-content: flex-start;
}
}
.global-footer .container-lg .flex-row .col .social-links li {
margin-left: 20px !important;
margin-bottom: 0 !important;
margin-top: 0;
}
@media (max-width: 767px) {
.global-footer .container-lg .flex-row .col .social-links li {
margin-left: 0px !important;
margin-right: 20px !important;
}
}
.global-footer .container-lg .flex-row .col .social-links li a {
color: #FFF;
font-size: 40px;
}
.global-footer .container-lg .flex-row .col .social-links li a:hover, .global-footer .container-lg .flex-row .col .social-links li a:focus {
color: #006BE9;
}
@media (max-width: 767px) {
.global-footer .container-lg .flex-row .col .logo {
margin-bottom: 30px !important;
}
}
.global-footer .container-lg .flex-row .col .logo__img {
width: 170px;
}
.global-footer .container-lg .flex-row p {
color: #FFF;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 17px;
font-weight: 500;
line-height: 20px;
text-align: center;
margin-bottom: 0 !important;
width: 100%;
}
/*==============+
| Users |
+==============*/
.user-login-body {
background-color: white;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
color: #052049;
display: flex;
align-items: center;
justify-content: center;
}
.user-login-body #block-its-local-tasks,
.user-login-body #block-its-breadcrumbs,
.user-login-body .layout-sidebar-first {
display: none;
}
.user-login-body main {
max-width: 440px;
margin-left: auto;
margin-right: auto;
}
.user-login-body h1 {
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 50px;
font-weight: 200;
line-height: 60px;
margin-bottom: 10px;
}
.user-login-body .user-login-form .form-item {
margin-bottom: 10px;
}
.user-login-body .user-login-form label {
display: block;
max-width: 100%;
margin-bottom: 0;
font-weight: 700;
color: #052049;
}
.user-login-body .user-login-form input {
line-height: 20px;
margin-bottom: 5px;
}
.user-login-body .user-login-form input[type=submit] {
-moz-appearance: button;
-webkit-appearance: button;
cursor: pointer;
outline: none !important;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: inherit;
margin-bottom: 0 !important;
height: 25px;
line-height: 25px;
width: 60px;
}
/*====================+
| Content Filter Pages|
+====================*/
.search-content,
.form-item-title input,
.form-item-search input {
height: 90px;
width: 100%;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
color: #052049;
font-size: 26px;
font-weight: 300;
line-height: 31px;
text-align: left;
padding: 0 77px 0 38px;
border: none;
margin-top: 32px;
background-image: url("../img/magnifier.svg");
background-size: 25px;
background-repeat: no-repeat;
background-position: calc(100% - 33px) center;
background-color: #FFF;
margin-bottom: 36px;
text-overflow: ellipsis;
}
.search-content::placeholder,
.form-item-title input::placeholder,
.form-item-search input::placeholder {
color: #052049;
text-overflow: ellipsis;
}
.form-item-search input {
background-image: none;
}
.node--search .search-page-block .filters {
position: relative;
}
.node--search .search-page-block .form-submit {
background-image: url("../img/magnifier.svg");
background-size: 25px;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
text-indent: -9999px;
position: absolute;
top: 13px;
right: 15px;
border: 0;
width: 60px;
border-radius: 0;
}
.search-active {
background-image: none;
}
.content-list-header {
display: flex;
align-items: flex-end;
padding-top: 20px;
margin-bottom: 23px;
}
@media (max-width: 767px) {
.content-list-header {
flex-direction: column;
align-items: flex-start;
}
}
.content-list-header .title {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
@media (max-width: 767px) {
.content-list-header .title {
flex: 1;
width: 100%;
}
}
.content-list-header .title .span-badges {
margin-right: 15px;
}
.content-list-header .filter-badges {
flex: 1;
margin: 0 !important;
padding-left: 0 !important;
}
.content-list-header .filter-badges .badge {
height: 50px;
line-height: 50px;
border-radius: 25px;
}
.content-list-header .filter-badges .badge .fas, .content-list-header .filter-badges .badge .far, .content-list-header .filter-badges .badge .svg-inline--fa {
font-size: 18px;
vertical-align: middle;
margin-right: 10px;
}
.node--search .landing-page .content-list-header,
.node--search-local .landing-page .content-list-header {
display: block;
}
.node--search .block-views-exposed-filter-blockacquia-search-block-1,
.node--search-local .block-views-exposed-filter-blockacquia-search-block-1 {
max-width: 1225px;
margin: auto;
}
.node--search .page-label,
.node--search-local .page-label {
display: flex !important;
}
.node--search .view-empty,
.node--search .view-header,
.node--search-local .view-empty,
.node--search-local .view-header {
margin-top: 32px;
}
.results {
text-align: right !important;
margin-bottom: 0 !important;
margin-right: 0 !important;
color: #052049 !important;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif !important;
font-size: 18px !important;
font-weight: 400 !important;
letter-spacing: 0.2px !important;
line-height: 32px !important;
}
@media (min-width: 1300px) {
.results {
margin-right: 105px !important;
}
}
@media (max-width: 767px) {
.results {
display: none !important;
}
}
.flex-grid2 {
display: flex;
justify-content: space-between;
}
@media (max-width: 874px) {
.flex-grid2 {
flex-direction: column;
}
}
.flex-grid2 .col {
width: 100%;
}
.flex-grid2 .sidebar {
width: 100%;
}
@media (min-width: 875px) {
.flex-grid2 .sidebar {
width: 50%;
}
}
@media (min-width: 1085px) {
.flex-grid2 .sidebar {
width: 50%;
}
}
@media (min-width: 1300px) {
.flex-grid2 .sidebar {
width: 50%;
}
}
@media (min-width: 1800px) {
.flex-grid2 .sidebar {
width: 45%;
}
}
.flex-grid2 .main {
width: 100%;
}
@media (min-width: 875px) {
.flex-grid2 .main {
margin-left: 35px;
}
}
.article {
position: relative;
background-color: white;
padding: 50px 26px;
margin-bottom: 35px;
display: block;
}
@media (min-width: 1085px) {
.article {
padding: 56px 55px;
}
}
@media (min-width: 1300px) {
.article {
margin-right: 105px;
padding: 56px 66px;
}
}
.article:hover {
box-shadow: 0 0 10px 0 rgba(5, 32, 73, 0.15);
}
.article .item-title {
color: #052049;
font-size: 28px !important;
line-height: 32px !important;
}
.article .item-title > a:hover {
color: #0071AD;
text-decoration: underline;
}
.article .item-title > a::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
}
.article .item-description {
margin-bottom: 20px !important;
}
.article .page-label {
align-items: center;
height: 15px;
line-height: 14px;
color: #0071AD;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-align: left;
text-transform: uppercase;
margin-bottom: 22px !important;
}
.article p {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 32px;
text-align: left;
}
.article p a {
color: #0071AD;
text-decoration: none;
}
.article p a:hover {
text-decoration: underline;
color: #0071AD;
}
.article p .list-label {
color: #052049;
}
.article .field--name-field-status-state {
margin-top: 20px;
}
.article .field--name-field-impact-tier {
line-height: 32px;
}
.article .field--name-field-impact-tier .field__label {
color: #052049;
}
.article .service-status {
font-size: 16px;
margin-bottom: 22px;
margin-top: -20px;
}
.article .service-status .vocabulary-service-status {
display: flex;
justify-content: end;
align-items: center;
column-gap: 5px;
}
.article .service-status .vocabulary-service-status::before {
content: " ";
width: 18px;
height: 18px;
border-radius: 100%;
}
.article .service-status .vocabulary-service-status.green::before {
background-color: #6EA400;
}
.article .service-status .vocabulary-service-status.blue::before {
background-color: #0071AD;
}
.article .service-status .vocabulary-service-status.yellow::before {
background-color: #FEDD00;
}
.article .service-status .vocabulary-service-status.orange::before {
background-color: #FE8638;
}
.article .service-status .vocabulary-service-status.red::before {
background-color: #E61048;
}
.article .node__content a:hover {
text-decoration: none;
}
.article .node__content strong {
color: #052049;
}
.article .field--name-field-services-impacted,
.article .field--name-field-impacted-services {
position: relative;
z-index: 9999;
}
.article:not(.node--type-status):not(.node--type-policy) .page-label {
display: none;
}
.node--type-status .block-layout-builder :where(.flag-dismiss-homepage-status-alert) {
display: none;
}
.list {
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
.list .list-item {
background-color: white;
padding: 50px 26px;
}
@media (min-width: 1085px) {
.list .list-item {
padding: 56px 55px;
}
}
@media (min-width: 1300px) {
.list .list-item {
margin-right: 105px;
padding: 56px 66px;
}
}
.list .list-item .item-title {
line-height: 29px;
margin: 0 0 10px;
}
.list .list-item .item-title a {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 28px;
font-weight: 500;
text-align: left;
text-decoration: none;
}
.list .list-item .item-title a:hover {
text-decoration: underline;
color: #0071AD;
}
.list .list-item .item-description {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 32px;
text-align: left;
}
.list .list-item:hover {
box-shadow: 0 0 10px 0 rgba(5, 32, 73, 0.15);
cursor: pointer;
}
.badge {
display: inline-block;
padding: 0 21px;
margin-right: 15px;
margin-bottom: 15px !important;
font-size: 18px;
font-weight: 700 !important;
height: 36px;
line-height: 36px;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 18px;
}
.badge-primary {
color: #0071AD !important;
background-color: #FFF !important;
}
.badge-primary:hover {
color: #FFF !important;
background-color: #0071AD !important;
cursor: pointer;
}
.badge-secondary, .badge-active {
color: #0071AD !important;
background-color: #F2F3F4 !important;
}
.badge-secondary:hover, .badge-active:hover {
color: #FFF !important;
background-color: #0071AD !important;
cursor: pointer;
}
.block-facet-blockvocabulary,
.block-facet-blocktaxonomy {
display: none;
}
.filters .form-item,
.block-facets .form-item,
.block-facet--checkbox .form-item {
margin: 0;
}
.filters details,
.filters .facets-widget-checkbox,
.block-facets details,
.block-facets .facets-widget-checkbox,
.block-facet--checkbox details,
.block-facet--checkbox .facets-widget-checkbox {
color: #052049;
background-color: #FFF;
width: 100%;
margin: 0;
margin-bottom: 20px;
border: 1px solid #E6E9ED;
}
@media (min-width: 875px) {
.filters details,
.filters .facets-widget-checkbox,
.block-facets details,
.block-facets .facets-widget-checkbox,
.block-facet--checkbox details,
.block-facet--checkbox .facets-widget-checkbox {
margin-bottom: 0;
}
}
.filters details ul,
.filters .facets-widget-checkbox ul,
.block-facets details ul,
.block-facets .facets-widget-checkbox ul,
.block-facet--checkbox details ul,
.block-facet--checkbox .facets-widget-checkbox ul {
margin: 0;
padding: 0;
}
.filters details summary,
.filters details h3,
.filters .facets-widget-checkbox summary,
.filters .facets-widget-checkbox h3,
.block-facets details summary,
.block-facets details h3,
.block-facets .facets-widget-checkbox summary,
.block-facets .facets-widget-checkbox h3,
.block-facet--checkbox details summary,
.block-facet--checkbox details h3,
.block-facet--checkbox .facets-widget-checkbox summary,
.block-facet--checkbox .facets-widget-checkbox h3 {
display: flex;
align-items: center;
justify-content: space-between;
height: 75px;
border-bottom: 1px solid #E6E9ED;
padding: 0 36px;
margin-bottom: -1px;
font-size: 16px;
font-weight: 500;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
letter-spacing: -0.18px;
}
.filters details summary .fas, .filters details summary .far, .filters details summary .svg-inline--fa,
.filters details h3 .fas,
.filters details h3 .far,
.filters details h3 .svg-inline--fa,
.filters .facets-widget-checkbox summary .fas,
.filters .facets-widget-checkbox summary .far,
.filters .facets-widget-checkbox summary .svg-inline--fa,
.filters .facets-widget-checkbox h3 .fas,
.filters .facets-widget-checkbox h3 .far,
.filters .facets-widget-checkbox h3 .svg-inline--fa,
.block-facets details summary .fas,
.block-facets details summary .far,
.block-facets details summary .svg-inline--fa,
.block-facets details h3 .fas,
.block-facets details h3 .far,
.block-facets details h3 .svg-inline--fa,
.block-facets .facets-widget-checkbox summary .fas,
.block-facets .facets-widget-checkbox summary .far,
.block-facets .facets-widget-checkbox summary .svg-inline--fa,
.block-facets .facets-widget-checkbox h3 .fas,
.block-facets .facets-widget-checkbox h3 .far,
.block-facets .facets-widget-checkbox h3 .svg-inline--fa,
.block-facet--checkbox details summary .fas,
.block-facet--checkbox details summary .far,
.block-facet--checkbox details summary .svg-inline--fa,
.block-facet--checkbox details h3 .fas,
.block-facet--checkbox details h3 .far,
.block-facet--checkbox details h3 .svg-inline--fa,
.block-facet--checkbox .facets-widget-checkbox summary .fas,
.block-facet--checkbox .facets-widget-checkbox summary .far,
.block-facet--checkbox .facets-widget-checkbox summary .svg-inline--fa,
.block-facet--checkbox .facets-widget-checkbox h3 .fas,
.block-facet--checkbox .facets-widget-checkbox h3 .far,
.block-facet--checkbox .facets-widget-checkbox h3 .svg-inline--fa {
color: #0071AD;
}
.filters details summary .fas:hover, .filters details summary .far:hover, .filters details summary .svg-inline--fa:hover,
.filters details h3 .fas:hover,
.filters details h3 .far:hover,
.filters details h3 .svg-inline--fa:hover,
.filters .facets-widget-checkbox summary .fas:hover,
.filters .facets-widget-checkbox summary .far:hover,
.filters .facets-widget-checkbox summary .svg-inline--fa:hover,
.filters .facets-widget-checkbox h3 .fas:hover,
.filters .facets-widget-checkbox h3 .far:hover,
.filters .facets-widget-checkbox h3 .svg-inline--fa:hover,
.block-facets details summary .fas:hover,
.block-facets details summary .far:hover,
.block-facets details summary .svg-inline--fa:hover,
.block-facets details h3 .fas:hover,
.block-facets details h3 .far:hover,
.block-facets details h3 .svg-inline--fa:hover,
.block-facets .facets-widget-checkbox summary .fas:hover,
.block-facets .facets-widget-checkbox summary .far:hover,
.block-facets .facets-widget-checkbox summary .svg-inline--fa:hover,
.block-facets .facets-widget-checkbox h3 .fas:hover,
.block-facets .facets-widget-checkbox h3 .far:hover,
.block-facets .facets-widget-checkbox h3 .svg-inline--fa:hover,
.block-facet--checkbox details summary .fas:hover,
.block-facet--checkbox details summary .far:hover,
.block-facet--checkbox details summary .svg-inline--fa:hover,
.block-facet--checkbox details h3 .fas:hover,
.block-facet--checkbox details h3 .far:hover,
.block-facet--checkbox details h3 .svg-inline--fa:hover,
.block-facet--checkbox .facets-widget-checkbox summary .fas:hover,
.block-facet--checkbox .facets-widget-checkbox summary .far:hover,
.block-facet--checkbox .facets-widget-checkbox summary .svg-inline--fa:hover,
.block-facet--checkbox .facets-widget-checkbox h3 .fas:hover,
.block-facet--checkbox .facets-widget-checkbox h3 .far:hover,
.block-facet--checkbox .facets-widget-checkbox h3 .svg-inline--fa:hover {
cursor: pointer;
}
.filters details summary .summary,
.filters details h3 .summary,
.filters .facets-widget-checkbox summary .summary,
.filters .facets-widget-checkbox h3 .summary,
.block-facets details summary .summary,
.block-facets details h3 .summary,
.block-facets .facets-widget-checkbox summary .summary,
.block-facets .facets-widget-checkbox h3 .summary,
.block-facet--checkbox details summary .summary,
.block-facet--checkbox details h3 .summary,
.block-facet--checkbox .facets-widget-checkbox summary .summary,
.block-facet--checkbox .facets-widget-checkbox h3 .summary {
display: none;
}
.filters details .details-wrapper,
.filters details .item-list__checkbox,
.filters .facets-widget-checkbox .details-wrapper,
.filters .facets-widget-checkbox .item-list__checkbox,
.block-facets details .details-wrapper,
.block-facets details .item-list__checkbox,
.block-facets .facets-widget-checkbox .details-wrapper,
.block-facets .facets-widget-checkbox .item-list__checkbox,
.block-facet--checkbox details .details-wrapper,
.block-facet--checkbox details .item-list__checkbox,
.block-facet--checkbox .facets-widget-checkbox .details-wrapper,
.block-facet--checkbox .facets-widget-checkbox .item-list__checkbox {
display: block;
margin: 0;
padding: 0 20px 50px 36px;
list-style-type: none;
}
.filters details .details-wrapper .form-item,
.filters details .details-wrapper .facet-item,
.filters details .item-list__checkbox .form-item,
.filters details .item-list__checkbox .facet-item,
.filters .facets-widget-checkbox .details-wrapper .form-item,
.filters .facets-widget-checkbox .details-wrapper .facet-item,
.filters .facets-widget-checkbox .item-list__checkbox .form-item,
.filters .facets-widget-checkbox .item-list__checkbox .facet-item,
.block-facets details .details-wrapper .form-item,
.block-facets details .details-wrapper .facet-item,
.block-facets details .item-list__checkbox .form-item,
.block-facets details .item-list__checkbox .facet-item,
.block-facets .facets-widget-checkbox .details-wrapper .form-item,
.block-facets .facets-widget-checkbox .details-wrapper .facet-item,
.block-facets .facets-widget-checkbox .item-list__checkbox .form-item,
.block-facets .facets-widget-checkbox .item-list__checkbox .facet-item,
.block-facet--checkbox details .details-wrapper .form-item,
.block-facet--checkbox details .details-wrapper .facet-item,
.block-facet--checkbox details .item-list__checkbox .form-item,
.block-facet--checkbox details .item-list__checkbox .facet-item,
.block-facet--checkbox .facets-widget-checkbox .details-wrapper .form-item,
.block-facet--checkbox .facets-widget-checkbox .details-wrapper .facet-item,
.block-facet--checkbox .facets-widget-checkbox .item-list__checkbox .form-item,
.block-facet--checkbox .facets-widget-checkbox .item-list__checkbox .facet-item {
display: flex;
align-items: center;
padding: 9px 0;
margin-bottom: 0 !important;
}
.filters details .details-wrapper .form-item:first-child,
.filters details .details-wrapper .facet-item:first-child,
.filters details .item-list__checkbox .form-item:first-child,
.filters details .item-list__checkbox .facet-item:first-child,
.filters .facets-widget-checkbox .details-wrapper .form-item:first-child,
.filters .facets-widget-checkbox .details-wrapper .facet-item:first-child,
.filters .facets-widget-checkbox .item-list__checkbox .form-item:first-child,
.filters .facets-widget-checkbox .item-list__checkbox .facet-item:first-child,
.block-facets details .details-wrapper .form-item:first-child,
.block-facets details .details-wrapper .facet-item:first-child,
.block-facets details .item-list__checkbox .form-item:first-child,
.block-facets details .item-list__checkbox .facet-item:first-child,
.block-facets .facets-widget-checkbox .details-wrapper .form-item:first-child,
.block-facets .facets-widget-checkbox .details-wrapper .facet-item:first-child,
.block-facets .facets-widget-checkbox .item-list__checkbox .form-item:first-child,
.block-facets .facets-widget-checkbox .item-list__checkbox .facet-item:first-child,
.block-facet--checkbox details .details-wrapper .form-item:first-child,
.block-facet--checkbox details .details-wrapper .facet-item:first-child,
.block-facet--checkbox details .item-list__checkbox .form-item:first-child,
.block-facet--checkbox details .item-list__checkbox .facet-item:first-child,
.block-facet--checkbox .facets-widget-checkbox .details-wrapper .form-item:first-child,
.block-facet--checkbox .facets-widget-checkbox .details-wrapper .facet-item:first-child,
.block-facet--checkbox .facets-widget-checkbox .item-list__checkbox .form-item:first-child,
.block-facet--checkbox .facets-widget-checkbox .item-list__checkbox .facet-item:first-child {
margin-top: 18px;
}
.filters details .details-wrapper .form-item:last-child,
.filters details .details-wrapper .facet-item:last-child,
.filters details .item-list__checkbox .form-item:last-child,
.filters details .item-list__checkbox .facet-item:last-child,
.filters .facets-widget-checkbox .details-wrapper .form-item:last-child,
.filters .facets-widget-checkbox .details-wrapper .facet-item:last-child,
.filters .facets-widget-checkbox .item-list__checkbox .form-item:last-child,
.filters .facets-widget-checkbox .item-list__checkbox .facet-item:last-child,
.block-facets details .details-wrapper .form-item:last-child,
.block-facets details .details-wrapper .facet-item:last-child,
.block-facets details .item-list__checkbox .form-item:last-child,
.block-facets details .item-list__checkbox .facet-item:last-child,
.block-facets .facets-widget-checkbox .details-wrapper .form-item:last-child,
.block-facets .facets-widget-checkbox .details-wrapper .facet-item:last-child,
.block-facets .facets-widget-checkbox .item-list__checkbox .form-item:last-child,
.block-facets .facets-widget-checkbox .item-list__checkbox .facet-item:last-child,
.block-facet--checkbox details .details-wrapper .form-item:last-child,
.block-facet--checkbox details .details-wrapper .facet-item:last-child,
.block-facet--checkbox details .item-list__checkbox .form-item:last-child,
.block-facet--checkbox details .item-list__checkbox .facet-item:last-child,
.block-facet--checkbox .facets-widget-checkbox .details-wrapper .form-item:last-child,
.block-facet--checkbox .facets-widget-checkbox .details-wrapper .facet-item:last-child,
.block-facet--checkbox .facets-widget-checkbox .item-list__checkbox .form-item:last-child,
.block-facet--checkbox .facets-widget-checkbox .item-list__checkbox .facet-item:last-child {
margin-bottom: 0;
}
.filters details.hidden-list ul,
.filters .facets-widget-checkbox.hidden-list ul,
.block-facets details.hidden-list ul,
.block-facets .facets-widget-checkbox.hidden-list ul,
.block-facet--checkbox details.hidden-list ul,
.block-facet--checkbox .facets-widget-checkbox.hidden-list ul {
display: none;
}
.block-facet-blockcontent-type {
margin-top: 32px;
}
.form-type-checkbox,
.item-list__checkbox {
position: relative;
}
.form-type-checkbox label,
.item-list__checkbox label {
position: relative !important;
height: auto;
display: block;
padding-left: 55px;
padding-top: 10px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.form-type-checkbox label:before,
.item-list__checkbox label:before {
content: "";
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 33px;
height: 33px;
transition: transform 0.28s ease;
border: 1px solid #052049;
}
.form-type-checkbox label:after,
.item-list__checkbox label:after {
font-family: "Font Awesome 6 Pro";
content: "\f00c";
color: #FFF;
display: block;
width: 20px;
height: 10px;
position: absolute;
top: 10px;
left: 10px;
font-weight: 900;
}
.form-type-checkbox input[type=checkbox],
.item-list__checkbox input[type=checkbox] {
width: auto;
opacity: 0.00000001;
position: absolute;
left: -999em;
margin-left: -20px;
content: "";
}
.form-type-checkbox input[type=checkbox]:checked ~ label:before,
.item-list__checkbox input[type=checkbox]:checked ~ label:before {
border: 1px solid #052049;
background-color: #052049;
color: #FFF;
}
.form-type-checkbox input[type=checkbox]:focus + label::before,
.item-list__checkbox input[type=checkbox]:focus + label::before {
outline: rgb(59, 153, 252) auto 5px;
}
.vbo-view-form #vbo-action-form-wrapper {
display: none;
}
.vbo-view-form .form-type-checkbox {
list-style: none;
}
.vbo-view-form .form-type-checkbox label {
display: block !important;
height: auto;
width: auto;
}
.vbo-view-form .form-type-checkbox label::before {
display: none;
}
.vbo-view-form .form-type-checkbox input[type=checkbox] {
appearance: none;
position: absolute;
top: 6px;
opacity: 1;
left: 0;
border: 1px solid #052049;
width: 33px;
height: 33px;
content: none;
outline: none;
margin-right: 8px;
cursor: pointer;
margin-left: 0;
}
.vbo-view-form .form-type-checkbox input[type=checkbox]:checked {
background-color: #052049;
}
.vbo-view-form .form-type-checkbox input[type=checkbox]:checked::before {
font-family: "Font Awesome 6 Pro";
content: "\f00c";
color: #FFFFFF;
display: block;
width: 20px;
height: 10px;
position: absolute;
top: 6px;
left: 5px;
font-weight: 900;
}
.vbo-view-form .form-actions {
margin: 50px 0;
}
.vbo-view-form details {
padding: 10px;
}
.vbo-view-form details .details-wrapper {
padding: 0.2em 0.5em;
}
.vbo-view-form details .details-wrapper .vbo-info-list-wrapper {
margin: 20px 0;
}
.vbo-view-form details input {
width: 150px;
height: 40px;
}
.filter-label {
display: inline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
vertical-align: baseline;
color: #506380;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 14px;
text-align: left;
text-transform: uppercase;
}
.filter-label:not(:first-child) {
margin-left: -0.1em;
}
.filter-label:empty {
display: none;
}
.filter-label:not(:first-child):before {
content: ", ";
}
.filter_label--alt {
display: inline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
vertical-align: baseline;
color: #4D4D4D;
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-style: italic;
font-weight: 500;
letter-spacing: 0.5px;
font-size: 12px;
line-height: 14px;
text-align: left;
}
.filter_label--alt:not(:first-child) {
margin-left: -0.1em;
}
.filter_label--alt:empty {
display: none;
}
.filter_label--alt:not(:first-child):before {
content: ", ";
}
/*====================+
| Search Page |
+====================*/
.search-page-block .form-text, .search-page-block .form-actions {
margin: 0;
}
.search-page-block p {
margin-bottom: 0;
}
.search-page .main-search, .landing-page .main-search {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 30px;
padding-bottom: 52px;
}
.search-page .main-search .search-content, .landing-page .main-search .search-content {
height: 90px;
width: 100%;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
color: #052049;
font-size: 26px;
font-weight: 300;
line-height: 31px;
text-align: left;
padding: 0 38px;
border: none;
margin-bottom: 0 !important;
background-image: url("../img/magnifier.svg");
background-size: 25px;
background-repeat: no-repeat;
background-position: calc(100% - 33px) center;
background-color: #FFF;
}
.search-page .main-search .search-content::placeholder, .landing-page .main-search .search-content::placeholder {
color: #052049;
}
@media (min-width: 1225px) {
.search-page .main-search .search-content, .landing-page .main-search .search-content {
max-width: 1225px;
}
}
.search-page .main-search .no-results-found, .search-page .main-search .please-login, .landing-page .main-search .no-results-found, .landing-page .main-search .please-login {
width: 100%;
margin-bottom: 0 !important;
}
@media (min-width: 1225px) {
.search-page .main-search .no-results-found, .search-page .main-search .please-login, .landing-page .main-search .no-results-found, .landing-page .main-search .please-login {
max-width: 1225px;
}
}
.search-page .main-search .no-results-found a, .search-page .main-search .please-login a, .landing-page .main-search .no-results-found a, .landing-page .main-search .please-login a {
color: #0071AD;
text-decoration: none;
}
.search-page .main-search .no-results-found a:hover, .search-page .main-search .no-results-found a:focus, .search-page .main-search .please-login a:hover, .search-page .main-search .please-login a:focus, .landing-page .main-search .no-results-found a:hover, .landing-page .main-search .no-results-found a:focus, .landing-page .main-search .please-login a:hover, .landing-page .main-search .please-login a:focus {
color: #052049;
text-decoration: underline;
}
.search-page .main-search .no-results-found a.active, .search-page .main-search .please-login a.active, .landing-page .main-search .no-results-found a.active, .landing-page .main-search .please-login a.active {
color: #052049;
}
.search-page .main-search .no-results-found .fas, .search-page .main-search .no-results-found .svg-inline--fa, .search-page .main-search .please-login .fas, .search-page .main-search .please-login .svg-inline--fa, .landing-page .main-search .no-results-found .fas, .landing-page .main-search .no-results-found .svg-inline--fa, .landing-page .main-search .please-login .fas, .landing-page .main-search .please-login .svg-inline--fa {
color: #0071AD;
margin-right: 7px;
}
.search-page .main-search .search-active, .landing-page .main-search .search-active {
background-image: none;
}
.search-page .content-list-header, .landing-page .content-list-header {
display: flex;
padding-top: 20px;
margin-bottom: 23px;
}
@media (max-width: 767px) {
.search-page .content-list-header, .landing-page .content-list-header {
flex-direction: column;
}
}
.search-page .content-list-header .title, .landing-page .content-list-header .title {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
@media (max-width: 767px) {
.search-page .content-list-header .title, .landing-page .content-list-header .title {
flex: 1;
width: 100%;
}
}
.search-page .flex-grid2, .landing-page .flex-grid2 {
display: flex;
justify-content: space-between;
}
@media (max-width: 874px) {
.search-page .flex-grid2, .landing-page .flex-grid2 {
flex-direction: column;
}
}
.search-page .flex-grid2 .col, .landing-page .flex-grid2 .col {
width: 100%;
}
.search-page .flex-grid2 .sidebar, .landing-page .flex-grid2 .sidebar {
width: 100%;
}
@media (min-width: 875px) {
.search-page .flex-grid2 .sidebar, .landing-page .flex-grid2 .sidebar {
width: 50%;
}
}
@media (min-width: 1085px) {
.search-page .flex-grid2 .sidebar, .landing-page .flex-grid2 .sidebar {
width: 50%;
}
}
@media (min-width: 1300px) {
.search-page .flex-grid2 .sidebar, .landing-page .flex-grid2 .sidebar {
width: 50%;
}
}
@media (min-width: 1800px) {
.search-page .flex-grid2 .sidebar, .landing-page .flex-grid2 .sidebar {
width: 45%;
}
}
.search-page .flex-grid2 .main, .landing-page .flex-grid2 .main {
width: 100%;
}
@media (min-width: 875px) {
.search-page .flex-grid2 .main, .landing-page .flex-grid2 .main {
margin-left: 35px;
}
}
.search-page .flex-grid2 .main .search-row, .landing-page .flex-grid2 .main .search-row {
position: relative;
}
.search-page .flex-grid2 .main .search-row .filter-badges, .landing-page .flex-grid2 .main .search-row .filter-badges {
flex: 1;
margin: 0 !important;
padding-left: 0 !important;
}
.search-page .flex-grid2 .main .search-row .filter-badges .badge, .landing-page .flex-grid2 .main .search-row .filter-badges .badge {
height: 50px;
line-height: 50px;
border-radius: 25px;
}
.search-page .flex-grid2 .main .search-row .filter-badges .badge .fas, .search-page .flex-grid2 .main .search-row .filter-badges .badge .far, .search-page .flex-grid2 .main .search-row .filter-badges .badge .svg-inline--fa, .landing-page .flex-grid2 .main .search-row .filter-badges .badge .fas, .landing-page .flex-grid2 .main .search-row .filter-badges .badge .far, .landing-page .flex-grid2 .main .search-row .filter-badges .badge .svg-inline--fa {
font-size: 18px;
vertical-align: middle;
margin-right: 10px;
}
.search-page .flex-grid2 .main .search-row .results, .landing-page .flex-grid2 .main .search-row .results {
position: absolute;
bottom: 0;
right: 0;
text-align: right;
margin-bottom: 0;
margin-right: 105px;
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 32px;
margin-top: -32px;
}
@media (min-width: 1300px) {
.search-page .flex-grid2 .main .search-row .results, .landing-page .flex-grid2 .main .search-row .results {
margin-right: 105px !important;
}
}
@media (max-width: 767px) {
.search-page .flex-grid2 .main .search-row .results, .landing-page .flex-grid2 .main .search-row .results {
display: none;
}
}
.search-page .flex-grid2 .main div.view, .search-page .flex-grid2 .main div.views-element-container, .search-page .flex-grid2 .main div.contextual-region, .landing-page .flex-grid2 .main div.view, .landing-page .flex-grid2 .main div.views-element-container, .landing-page .flex-grid2 .main div.contextual-region {
height: 100%;
}
.search-page .flex-grid2 .main div.view div.view-empty, .search-page .flex-grid2 .main div.views-element-container div.view-empty, .search-page .flex-grid2 .main div.contextual-region div.view-empty, .landing-page .flex-grid2 .main div.view div.view-empty, .landing-page .flex-grid2 .main div.views-element-container div.view-empty, .landing-page .flex-grid2 .main div.contextual-region div.view-empty {
height: 100%;
}
.search-page .list, .landing-page .list {
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
.search-page .list .list-item, .landing-page .list .list-item {
background-color: white;
padding: 50px 26px;
}
@media (min-width: 1085px) {
.search-page .list .list-item, .landing-page .list .list-item {
padding: 56px 55px;
}
}
@media (min-width: 1300px) {
.search-page .list .list-item, .landing-page .list .list-item {
margin-right: 0 !important;
padding: 56px 66px;
}
}
.search-page .list .list-item .item-title, .landing-page .list .list-item .item-title {
line-height: 29px;
margin: 0 0 10px;
}
.search-page .list .list-item .item-title a, .landing-page .list .list-item .item-title a {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 28px;
font-weight: 500;
text-align: left;
text-decoration: none;
}
.search-page .list .list-item .item-title a:hover, .landing-page .list .list-item .item-title a:hover {
text-decoration: underline;
color: #0071AD;
}
.search-page .list .list-item .item-description, .landing-page .list .list-item .item-description {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 32px;
text-align: left;
}
.search-page .list .list-item:hover, .landing-page .list .list-item:hover {
box-shadow: 0 0 10px 0 rgba(5, 32, 73, 0.15);
cursor: pointer;
}
.search-page .cards, .landing-page .cards {
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
.search-page .cards .card, .landing-page .cards .card {
background-color: #FFF;
padding: 48px 26px;
margin-bottom: 30px;
display: block;
}
@media (min-width: 1085px) {
.search-page .cards .card, .landing-page .cards .card {
padding: 48px 55px 50px;
}
}
@media (min-width: 1300px) {
.search-page .cards .card, .landing-page .cards .card {
margin-right: 105px;
padding: 48px 66px 50px;
}
}
.search-page .cards .card .page-label, .landing-page .cards .card .page-label {
display: flex;
align-items: center;
height: 15px;
line-height: 14px;
color: #0071AD;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-align: left;
text-transform: uppercase;
margin-bottom: 22px !important;
}
.search-page .cards .card__title, .landing-page .cards .card__title {
line-height: 32px !important;
font-size: 28px;
margin-bottom: 20px;
}
.search-page .cards .card__title a, .landing-page .cards .card__title a {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 28px;
font-weight: 600;
text-align: left;
text-decoration: none;
}
.search-page .cards .card__title a:hover, .landing-page .cards .card__title a:hover {
text-decoration: underline;
color: #0071AD;
}
.search-page .cards .card .start-date,
.search-page .cards .card .field--name-field-reason,
.search-page .cards .card .field--name-field-impact-tier, .landing-page .cards .card .start-date,
.landing-page .cards .card .field--name-field-reason,
.landing-page .cards .card .field--name-field-impact-tier {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 32px;
text-align: left;
margin-bottom: 0 !important;
}
.search-page .cards .card:hover, .landing-page .cards .card:hover {
box-shadow: 0 0 10px 0 rgba(5, 32, 73, 0.15);
cursor: pointer;
text-decoration: none;
}
.search-page .cards .card:hover .card__title a, .landing-page .cards .card:hover .card__title a {
text-decoration: underline;
color: #0071AD;
}
.search-page .cards .card .field--name-field-impacted-services,
.search-page .cards .card .field--name-field-services-impacted, .landing-page .cards .card .field--name-field-impacted-services,
.landing-page .cards .card .field--name-field-services-impacted {
color: #052049;
line-height: 32px;
}
.search-page .cards .card .field--name-field-impacted-services a:link,
.search-page .cards .card .field--name-field-services-impacted a:link, .landing-page .cards .card .field--name-field-impacted-services a:link,
.landing-page .cards .card .field--name-field-services-impacted a:link {
color: #0071AD;
text-decoration: none;
}
.search-page .cards .card .field--name-field-impacted-services a:link:hover,
.search-page .cards .card .field--name-field-services-impacted a:link:hover, .landing-page .cards .card .field--name-field-impacted-services a:link:hover,
.landing-page .cards .card .field--name-field-services-impacted a:link:hover {
text-decoration: underline;
color: #0071AD;
}
.search-page .badge, .landing-page .badge {
display: inline-block;
padding: 0 21px;
margin-right: 15px;
margin-bottom: 15px;
font-size: 18px;
font-weight: 700;
height: 36px;
line-height: 36px;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 18px;
}
.search-page .badge-primary, .landing-page .badge-primary {
color: #0071AD;
background-color: #FFF;
}
.search-page .badge-primary:hover, .landing-page .badge-primary:hover {
color: #FFF;
background-color: #0071AD;
cursor: pointer;
}
.search-page .badge-secondary, .search-page .badge-active, .landing-page .badge-secondary, .landing-page .badge-active {
color: #0071AD;
background-color: #F2F3F4;
}
.search-page .badge-secondary:hover, .search-page .badge-active:hover, .landing-page .badge-secondary:hover, .landing-page .badge-active:hover {
color: #FFF;
background-color: #0071AD;
cursor: pointer;
}
.search-page .filter, .landing-page .filter {
color: #052049;
background-color: #FFF;
width: 100%;
margin-bottom: 20px;
border: 1px solid #E6E9ED;
}
@media (min-width: 875px) {
.search-page .filter, .landing-page .filter {
margin-bottom: 0;
}
}
.search-page .filter .filter-name, .landing-page .filter .filter-name {
display: flex;
align-items: center;
justify-content: space-between;
height: 75px;
border-bottom: 1px solid #E6E9ED;
padding: 0 36px;
margin-bottom: -1px;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.18px;
}
.search-page .filter .filter-name .fas, .landing-page .filter .filter-name .fas {
color: #0071AD;
}
.search-page .filter ul, .landing-page .filter ul {
display: block;
margin: 0;
padding: 14px 20px 55px 36px;
list-style-type: none;
}
.search-page .filter ul li, .landing-page .filter ul li {
display: flex;
align-items: center;
padding: 0;
margin-bottom: 15px !important;
}
.search-page .filter ul li:last-child, .landing-page .filter ul li:last-child {
margin-bottom: 0px !important;
}
.search-page .checkbox, .landing-page .checkbox {
position: relative;
}
.search-page .checkbox label, .landing-page .checkbox label {
position: relative;
height: auto;
display: block;
padding-left: 55px;
padding-top: 10px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.search-page .checkbox label span, .landing-page .checkbox label span {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.search-page .checkbox label:before, .landing-page .checkbox label:before {
content: "";
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 33px;
height: 33px;
transition: transform 0.28s ease;
border: 1px solid #052049;
}
.search-page .checkbox label:after, .landing-page .checkbox label:after {
font-family: "Font Awesome 6 Pro";
content: "\f00c";
color: #FFF;
display: block;
width: 20px;
height: 10px;
position: absolute;
top: 10px;
left: 10px;
font-weight: 900;
}
.search-page .checkbox input[type=checkbox], .landing-page .checkbox input[type=checkbox] {
width: auto;
opacity: 0.00000001;
position: absolute;
left: -999em;
margin-left: -20px;
content: "";
}
.search-page .checkbox input[type=checkbox]:checked ~ label:before, .landing-page .checkbox input[type=checkbox]:checked ~ label:before {
border: 1px solid #052049;
background-color: #052049;
color: #FFF;
}
.search-page .checkbox input[type=checkbox]:focus + label::before, .landing-page .checkbox input[type=checkbox]:focus + label::before {
outline: 0;
}
.search-page .filter-label, .landing-page .filter-label {
display: inline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
vertical-align: baseline;
color: #506380;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 14px;
text-align: left;
text-transform: uppercase;
}
.search-page .filter-label:not(:first-child), .landing-page .filter-label:not(:first-child) {
margin-left: -0.1em;
}
.search-page .filter-label:empty, .landing-page .filter-label:empty {
display: none;
}
.search-page .filter-label:not(:first-child):before, .landing-page .filter-label:not(:first-child):before {
content: ", ";
}
.search-page .filter_label--alt, .landing-page .filter_label--alt {
display: inline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
vertical-align: baseline;
color: #4D4D4D;
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-style: italic;
font-weight: 500;
letter-spacing: 0.5px;
font-size: 12px;
line-height: 14px;
text-align: left;
}
.search-page .filter_label--alt:not(:first-child), .landing-page .filter_label--alt:not(:first-child) {
margin-left: -0.1em;
}
.search-page .filter_label--alt:empty, .landing-page .filter_label--alt:empty {
display: none;
}
.search-page .filter_label--alt:not(:first-child):before, .landing-page .filter_label--alt:not(:first-child):before {
content: ", ";
}
@media (min-width: 1300px) {
.landing-page .no-results {
margin-right: 105px !important;
}
}
.please-login {
width: 100%;
margin-bottom: 0 !important;
}
@media (min-width: 1225px) {
.please-login {
max-width: 1225px;
}
}
.please-login a {
color: #0071AD;
text-decoration: none;
}
.please-login a:hover, .please-login a:focus {
color: #052049;
text-decoration: underline;
}
.please-login a.active {
color: #052049;
}
/*==============+
| Homepage |
+==============*/
.two-card-grid {
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
margin-bottom: 0 !important;
}
.two-card-grid .grid-item {
grid-area: "newsItem";
margin-bottom: 35px;
}
@media (min-width: 686px) {
.two-card-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0 4.2424242%;
grid-template-areas: "newsItem newsItem" "newsItem newsItem";
}
.two-card-grid .grid-item {
grid-area: "newsItem";
}
}
@media all and (-ms-high-contrast: none), all and (-ms-high-contrast: active) {
.two-card-grid {
display: block;
display: inline-block;
width: auto;
}
.two-card-grid .grid-item {
float: left;
width: 100%;
margin-bottom: 65px !important;
}
.two-card-grid .grid-item:last-child {
margin-bottom: 0 !important;
}
}
@media (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
.two-card-grid .grid-item {
float: left;
width: 46%;
margin-bottom: 65px !important;
text-align: left;
}
.two-card-grid .grid-item:last-child {
margin-bottom: 0 !important;
}
.two-card-grid .grid-item:nth-child(even) {
float: right;
}
}
/*=======================================+
| Error Pages |
+========================================*/
.node--_04 .layout--onecol,
.node--_03 .layout--onecol {
padding-top: 80px;
padding-bottom: 97px;
max-width: 320px;
width: 100%;
}
@media (max-width: 455px) {
.node--_04 .layout--onecol,
.node--_03 .layout--onecol {
max-width: calc(100% - 40px);
}
}
@media (min-width: 456px) and (max-width: 874px) {
.node--_04 .layout--onecol,
.node--_03 .layout--onecol {
max-width: calc(100% - 70px);
margin-left: 35px;
margin-right: 35px;
}
}
@media (min-width: 875px) {
.node--_04 .layout--onecol,
.node--_03 .layout--onecol {
max-width: 805px;
}
}
@media (min-width: 1085px) {
.node--_04 .layout--onecol,
.node--_03 .layout--onecol {
max-width: 875px;
}
}
@media (min-width: 1300px) {
.node--_04 .layout--onecol,
.node--_03 .layout--onecol {
max-width: 1015px;
}
}
.node--_04 .layout--onecol .error-page,
.node--_03 .layout--onecol .error-page {
background-color: #FFF;
padding: 0 20px;
}
@media (min-width: 456px) {
.node--_04 .layout--onecol .error-page,
.node--_03 .layout--onecol .error-page {
padding: 0 34px;
}
}
@media (min-width: 875px) {
.node--_04 .layout--onecol .error-page,
.node--_03 .layout--onecol .error-page {
padding: 0 105px;
}
}
.node--_04 .layout--onecol .error-page:first-child,
.node--_03 .layout--onecol .error-page:first-child {
padding-top: 25px;
}
.node--_04 .layout--onecol .error-page:last-child,
.node--_03 .layout--onecol .error-page:last-child {
padding-bottom: 25px;
}
.node--_04 .layout--onecol .error-page .row,
.node--_03 .layout--onecol .error-page .row {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 0;
}
.node--_04 .layout--onecol .error-page .error-title,
.node--_03 .layout--onecol .error-page .error-title {
font-size: 80px;
line-height: normal;
width: 100%;
}
.node--_04 .layout--onecol .error-page .error-subtitle,
.node--_03 .layout--onecol .error-page .error-subtitle {
margin-bottom: 10px;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 500;
color: #052049;
font-size: 34px;
letter-spacing: -0.5px;
line-height: 41px;
}
.node--_04 .layout--onecol .error-page .error-content,
.node--_03 .layout--onecol .error-page .error-content {
width: 100%;
padding-bottom: 20px;
margin-bottom: 0;
}
.node--_04 .layout--onecol .error-page a,
.node--_03 .layout--onecol .error-page a {
color: #0071AD;
text-decoration: none;
}
.node--_04 .layout--onecol .error-page a:hover,
.node--_03 .layout--onecol .error-page a:hover {
text-decoration: underline;
color: #0071AD;
}
.node--_04 .layout--onecol .error-page .search--error,
.node--_03 .layout--onecol .error-page .search--error {
width: 100%;
z-index: 100;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.node--_04 .layout--onecol .error-page .search--error .search,
.node--_03 .layout--onecol .error-page .search--error .search {
position: relative;
max-width: 320px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 455px) {
.node--_04 .layout--onecol .error-page .search--error .search,
.node--_03 .layout--onecol .error-page .search--error .search {
max-width: calc(100% - 20px);
}
}
@media (min-width: 456px) and (max-width: 1084px) {
.node--_04 .layout--onecol .error-page .search--error .search,
.node--_03 .layout--onecol .error-page .search--error .search {
max-width: calc(100% - 40px);
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
.node--_04 .layout--onecol .error-page .search--error .search,
.node--_03 .layout--onecol .error-page .search--error .search {
max-width: calc(100% - 70px);
}
}
@media (min-width: 1300px) {
.node--_04 .layout--onecol .error-page .search--error .search,
.node--_03 .layout--onecol .error-page .search--error .search {
max-width: 1195px;
}
}
.node--_04 .layout--onecol .error-page .search--error .search__label,
.node--_03 .layout--onecol .error-page .search--error .search__label {
position: absolute;
top: 0;
left: -1000000px;
}
.node--_04 .layout--onecol .error-page .search--error .search__input,
.node--_03 .layout--onecol .error-page .search--error .search__input {
width: 100%;
height: 60px;
padding-left: 8px;
font-size: 24px;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
@media (min-width: 875px) {
.node--_04 .layout--onecol .error-page .search--error .search__input,
.node--_03 .layout--onecol .error-page .search--error .search__input {
padding-left: 32px;
}
}
.node--_04 .layout--onecol .error-page .search--error .search__submit,
.node--_03 .layout--onecol .error-page .search--error .search__submit {
background: url("../img/magnifier.svg") no-repeat center #FFF;
width: 32px;
height: 60px;
background-size: 28px;
background-color: transparent;
border: none;
text-indent: -9999px;
position: absolute;
right: 8px;
}
@media (min-width: 875px) {
.node--_04 .layout--onecol .error-page .search--error .search__submit,
.node--_03 .layout--onecol .error-page .search--error .search__submit {
right: 32px;
}
}
.list-style-2 {
display: flex;
flex-wrap: wrap;
margin: 0 !important;
padding-left: 0 !important;
list-style-type: none !important;
}
.list-style-2 li {
color: #4D4D4D;
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-style: italic;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 14px;
margin-top: 0;
margin-bottom: 0 !important;
}
.list-style-2 li:after {
content: ", ";
white-space: pre;
}
.list-style-2 li:last-child:after {
content: "";
}
/*=======================================+
| Vote |
+========================================*/
.vote-form {
margin-bottom: 40px;
display: flex;
align-items: center;
}
.vote-form label {
display: inline-block;
font-size: 18px;
color: #052049;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 50px;
margin-right: 30px;
}
.vote-form .thumbsupdown-rating-label {
border: 1px solid #052049;
background-image: none;
background-color: transparent;
border-radius: 100%;
width: 50px;
height: 50px;
display: inline-block;
margin: 15px 17px 0 0;
padding: 12px 14px !important;
cursor: pointer;
text-indent: 0;
line-height: 22px;
}
.vote-form .thumbsupdown-rating-label:hover {
background-color: #0071AD;
border: 1px solid #0071AD;
color: white !important;
}
.vote-form .thumbsupdown-rating-label.thumbsupdown-rating-label-up:before {
content: "\f164";
}
.vote-form .thumbsupdown-rating-label:before {
font-family: "Font Awesome 6 Pro" !important;
font-weight: 300;
font-size: 22px !important;
}
.vote-form .rate-voted {
background-color: #0071AD;
border: 1px solid #0071AD;
}
.vote-form .rate-voted:before {
color: white;
}
/*=======================================+
| Save & Subscribe |
+========================================*/
.flag-save, .flag-subscribe {
position: absolute;
top: -30px;
right: 10px;
line-height: 22px !important;
}
.flag-save a, .flag-save .label, .flag-subscribe a, .flag-subscribe .label {
font-size: 16px;
font-weight: normal;
}
.flag-save a:hover, .flag-save .label:hover, .flag-subscribe a:hover, .flag-subscribe .label:hover {
text-decoration: none;
color: #0071AD;
cursor: pointer;
}
.flag-save .ajax-progress,
.flag-save .js-flag-message, .flag-subscribe .ajax-progress,
.flag-subscribe .js-flag-message {
display: none;
}
.flag-subscribe {
right: 100px;
}
@media (min-width: 875px) and (max-width: 1025px) {
.page-node-type-services .sidebar-visible .flag-subscribe {
right: 10px;
top: -55px;
}
}
.flag-anon.ui-dialog[role=dialog] {
box-shadow: 0 0 10px 0 rgba(5, 32, 73, 0.15);
padding: 20px 30px;
position: absolute !important;
top: 0 !important;
right: 0 !important;
left: unset !important;
}
.flag-anon.ui-dialog[role=dialog] .ui-dialog-titlebar {
font-size: 16px;
line-height: 28px;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
margin-bottom: 15px;
white-space: normal;
font-weight: normal;
}
.flag-anon.ui-dialog[role=dialog] .ui-dialog-titlebar .ui-dialog-titlebar-close {
display: none;
}
.flag-anon.ui-dialog[role=dialog] .ui-widget-content {
min-height: auto !important;
}
.flag-anon.ui-dialog[role=dialog] .ui-widget-content a {
font-size: 16px;
color: #0071AD;
}
.flag-anon.ui-dialog[role=dialog] .ui-widget-content a:focus-visible {
outline: none;
text-decoration: none;
}
.pager {
display: flex;
width: 100%;
max-width: 100%;
}
.pager .pager__items {
display: flex;
padding: 0;
align-items: baseline;
}
.pager .pager__items .pager__item {
padding: 0;
}
.pager .pager__items .pager__item.pager__item--ellipsis,
.pager .pager__items .pager__item a {
padding: 13px 19px;
color: #052049;
text-decoration: none;
background-color: #FFF;
border: 1px solid #9BA6B6;
margin: 0 -1px;
text-decoration: none;
white-space: nowrap;
}
.pager .pager__items .pager__item.pager__item--ellipsis:hover, .pager .pager__items .pager__item.pager__item--ellipsis:focus, .pager .pager__items .pager__item.pager__item--ellipsis.router-link-active,
.pager .pager__items .pager__item a:hover,
.pager .pager__items .pager__item a:focus,
.pager .pager__items .pager__item a.router-link-active {
color: #FFF;
text-decoration: none;
background-color: #052049;
}
.pager .pager__items .pager__item.is-active a {
color: #FFF;
text-decoration: none;
background-color: #052049;
}
.field--label-inline .field__label::after {
content: "" !important;
}
/*=======================================+
| Modal |
+========================================*/
.ui-dialog[role=dialog] {
border: none;
padding: 30px;
}
.ui-dialog[role=dialog] .ui-dialog-titlebar {
background: white;
border: none;
padding: 0;
}
.ui-dialog[role=dialog] .ui-dialog-titlebar .ui-dialog-title {
font-family: "HelveticaNeue-Thin", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
color: #052049;
font-size: 50px;
line-height: 60px;
margin-bottom: 25px;
}
.ui-dialog[role=dialog] .ui-dialog-titlebar .ui-dialog-titlebar-close {
width: 30px;
height: 30px;
margin: -15px 0 0 0;
background: none;
border: none;
}
.ui-dialog[role=dialog] .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-icon {
font-family: "Font Awesome 6 Pro";
background-image: none;
font-weight: 900;
font-size: 30px;
text-indent: 0;
color: #0071AD;
width: 30px;
height: 30px;
top: 0;
margin-top: -15px;
margin-left: -15px;
}
.ui-dialog[role=dialog] .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-icon::before {
content: "\f00d";
}
.ui-dialog[role=dialog] .ui-dialog-content {
padding: 0;
margin: 0;
}
.ui-dialog[role=dialog] .ui-dialog-content .form-item-markup-top {
margin: 0;
}
.ui-dialog[role=dialog] .ui-dialog-content .form-item-u-short-description {
margin-top: 0;
margin-bottom: 20px;
display: flex;
align-items: baseline;
gap: 1rem;
}
.ui-dialog[role=dialog] .ui-dialog-content p {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 32px;
margin-bottom: 30px;
text-align: left;
}
.ui-dialog[role=dialog] .ui-dialog-buttonpane {
background: white;
border: none;
padding: 0;
float: left;
}
.ui-dialog[role=dialog] .ui-dialog-buttonpane .ui-button:hover {
font-weight: bold;
}
.ui-dialog[role=dialog] .webform-submission-form {
padding: 0;
}
.webform-submission-form {
background: #FFF;
padding: 48px 66px 50px;
}
ul.ui-widget.ui-widget-content {
max-height: 100% !important;
border-top: 1px solid #9BA6B6;
padding: 0 20px;
border: 2px solid #178CCB !important;
box-shadow: 0 0 6px 0 #5DAFDB, inset 0 4px 7px 0 rgba(0, 0, 0, 0.09);
}
ul.ui-widget.ui-widget-content li {
padding: 8px 0;
margin-bottom: 13px !important;
}
ul.ui-widget.ui-widget-content li:first-child {
padding-top: 16px;
}
ul.ui-widget.ui-widget-content li .ui-menu-item-wrapper {
padding: 0;
}
ul.ui-widget.ui-widget-content li a {
color: #0071AD;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 0.2px;
text-decoration: none;
}
ul.ui-widget.ui-widget-content li a:hover, ul.ui-widget.ui-widget-content li a:focus {
color: #0071AD;
text-decoration: none;
}
ul.ui-widget.ui-widget-content li .ui-state-active {
background: transparent;
border: none;
color: #0071AD;
margin: 0;
}
ul.ui-widget.search-api-autocomplete-search {
list-style: none;
margin-top: 0;
padding: 0 33px;
border: 2px solid #178CCB !important;
box-shadow: 0 0 6px 0 #5DAFDB, inset 0 4px 7px 0 rgba(0, 0, 0, 0.09);
border-top: none;
}
ul.ui-widget.search-api-autocomplete-search::before {
content: " ";
position: absolute;
background: white;
height: 20px;
top: -10px;
display: block;
width: 100%;
left: 0;
}
ul.ui-widget.search-api-autocomplete-search li {
padding: 8px 0;
margin-bottom: 13px !important;
}
ul.ui-widget.search-api-autocomplete-search li .ui-menu-item-wrapper {
padding: 0;
}
ul.ui-widget.search-api-autocomplete-search li a {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 0.2px;
text-decoration: none;
}
ul.ui-widget.search-api-autocomplete-search li a:hover, ul.ui-widget.search-api-autocomplete-search li a:focus {
color: #0071AD;
text-decoration: none;
}
ul.ui-widget.search-api-autocomplete-search li .ui-state-active,
ul.ui-widget.search-api-autocomplete-search li .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion {
background: transparent;
border: none;
color: #0071AD;
margin: 0;
}
ul.ui-widget.search-api-autocomplete-search .ui-menu-item:hover {
background: transparent;
}
.js input.form-autocomplete {
background-image: none;
}
.login-notification {
background-color: #FFF;
padding: 29px 25px;
margin-bottom: 30px;
display: block;
min-height: 90px;
}
.login-notification p {
font-size: 16px;
margin-bottom: 0;
}
@media (min-width: 1085px) {
.login-notification {
padding: 29px 33px;
}
}
@media (min-width: 1300px) {
.login-notification {
margin-right: 105px;
padding: 29px 33px;
}
}
.login-notification a {
font-size: 16px;
color: #0071AD;
text-decoration: none;
}
.login-notification a:hover {
text-decoration: underline;
color: #0071AD;
}
.hidden {
display: none !important;
}
.no-results {
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
.no-results__item {
background-color: white;
padding: 50px 26px;
}
@media (min-width: 1085px) {
.no-results__item {
padding: 56px 55px;
}
}
@media (min-width: 1300px) {
.no-results__item {
margin-right: 105px;
padding: 56px 66px;
}
}
.no-results__item--title {
color: #052049;
font-family: "HelveticaNeue-Thin", "HelveticaNeue", "Helvetica", "Arial", sans-serif !important;
font-size: 50px !important;
font-weight: 200 !important;
line-height: 60px !important;
margin-bottom: 30px !important;
}
.no-results__item--description {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 32px;
text-align: left;
}
.no-results__item--description:last-child {
margin-bottom: 0 !important;
}
.no-results-block {
background-color: white;
padding: 50px 26px;
margin-bottom: 35px;
align-items: stretch;
height: 100%;
}
@media (min-width: 1085px) {
.no-results-block {
padding: 56px 55px;
}
}
@media (min-width: 1300px) {
.no-results-block {
margin-right: 105px;
padding: 56px 66px;
}
}
.no-results-block a {
color: #0071AD;
text-decoration: none;
}
.no-results-block a:hover {
text-decoration: underline;
color: #0071AD;
}
.service-now {
margin-bottom: 100px;
line-height: 22px !important;
}
.service-now .service-now-link {
color: #0071AD !important;
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif !important;
font-size: 18px !important;
font-weight: 400 !important;
letter-spacing: 0.2px !important;
line-height: 22px !important;
cursor: pointer;
border: none;
}
.service-now .service-now-link .ucsf-arrow {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.path-user .service-now {
margin-bottom: 60px;
text-align: center;
}
a.user {
color: #0071AD;
text-decoration: none;
}
a.user:hover {
text-decoration: underline;
color: #0071AD;
}
/*********/
/* Login */
/*********/
.path-user:not(.user-logged-in) .layout-container {
margin: 0 auto;
}
.path-user:not(.user-logged-in) .user-login-form,
.path-user:not(.user-logged-in) #block-tabs-3 {
max-width: 320px;
width: 100%;
margin: 0 auto;
padding-bottom: 97px;
}
@media (max-width: 455px) {
.path-user:not(.user-logged-in) .user-login-form,
.path-user:not(.user-logged-in) #block-tabs-3 {
max-width: calc(100% - 20px);
}
}
@media (min-width: 456px) and (max-width: 1084px) {
.path-user:not(.user-logged-in) .user-login-form,
.path-user:not(.user-logged-in) #block-tabs-3 {
max-width: calc(100% - 40px);
}
}
@media (min-width: 1085px) {
.path-user:not(.user-logged-in) .user-login-form,
.path-user:not(.user-logged-in) #block-tabs-3 {
max-width: 750px;
}
}
.path-user:not(.user-logged-in) #block-tabs-3 {
padding-bottom: 0;
}
.path-user:not(.user-logged-in) main {
background-color: #F2F3F4;
}
.path-user:not(.user-logged-in) .form-item {
margin-top: 0;
}
#lex-web-ui-iframe {
display: block;
}
/*************/
/* accordion */
/*************/
.accordion .a-container .a-panel {
width: 100%;
color: #262626;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0;
height: auto;
max-height: 0;
overflow: hidden;
}
.accordion .a-container .a-panel p {
margin-bottom: 0;
}
.accordion .a-container.active .a-panel {
padding: 20px 0;
opacity: 1;
height: auto;
max-height: initial;
}
.accordion .a-container .a-btn {
display: block;
width: 100%;
text-align: left;
background: transparent;
margin: 0;
border: none;
border-bottom: 1px solid #9BA6B6;
padding-bottom: 10px;
}
.accordion .a-container .a-btn .fas {
padding-right: 10px;
}
.ui-widget-overlay {
background: #000;
opacity: 0.7;
}
.node--services .search-options {
position: relative;
}
/*==============+
| Diff Module |
+==============*/
.diff-header,
.diff-controls,
.diff-responsive-table-wrapper .page-title {
max-width: 320px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 455px) {
.diff-header,
.diff-controls,
.diff-responsive-table-wrapper .page-title {
max-width: calc(100% - 20px);
}
}
@media (min-width: 456px) and (max-width: 1084px) {
.diff-header,
.diff-controls,
.diff-responsive-table-wrapper .page-title {
max-width: calc(100% - 40px);
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
.diff-header,
.diff-controls,
.diff-responsive-table-wrapper .page-title {
max-width: calc(100% - 70px);
}
}
@media (min-width: 1300px) and (max-width: 1799px) {
.diff-header,
.diff-controls,
.diff-responsive-table-wrapper .page-title {
max-width: calc(100% - 100px);
}
}
@media (min-width: 1800px) {
.diff-header,
.diff-controls,
.diff-responsive-table-wrapper .page-title {
max-width: 1650px;
}
}
.diff-header .diff-navigation, .diff-header .diff-revision {
margin: 0;
}
.diff-header label {
font-weight: bold;
}
.diff-header .diff-revision__items {
display: flex;
margin-left: 0;
}
.diff-header .diff-revision__item {
padding-left: 0;
}
.diff-controls .diff-controls__item {
margin: 0;
}
.diff-controls label {
font-weight: bold;
}
.diff-controls .dropbutton li {
margin-bottom: 5px;
}
.diff-responsive-table-wrapper > h2 {
display: none;
}
.diff-responsive-table-wrapper .node__content .container {
padding-top: 0;
}
:where(time) {
display: block;
color: #506380;
font-size: 0.8rem;
font-weight: normal;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
line-height: 20px;
}
/*!
* Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
svg:not(:root).svg-inline--fa {
overflow: visible;
}
.svg-inline--fa {
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -0.125em;
}
.svg-inline--fa.fa-lg {
vertical-align: -0.225em;
}
.svg-inline--fa.fa-w-1 {
width: 0.0625em;
}
.svg-inline--fa.fa-w-2 {
width: 0.125em;
}
.svg-inline--fa.fa-w-3 {
width: 0.1875em;
}
.svg-inline--fa.fa-w-4 {
width: 0.25em;
}
.svg-inline--fa.fa-w-5 {
width: 0.3125em;
}
.svg-inline--fa.fa-w-6 {
width: 0.375em;
}
.svg-inline--fa.fa-w-7 {
width: 0.4375em;
}
.svg-inline--fa.fa-w-8 {
width: 0.5em;
}
.svg-inline--fa.fa-w-9 {
width: 0.5625em;
}
.svg-inline--fa.fa-w-10 {
width: 0.625em;
}
.svg-inline--fa.fa-w-11 {
width: 0.6875em;
}
.svg-inline--fa.fa-w-12 {
width: 0.75em;
}
.svg-inline--fa.fa-w-13 {
width: 0.8125em;
}
.svg-inline--fa.fa-w-14 {
width: 0.875em;
}
.svg-inline--fa.fa-w-15 {
width: 0.9375em;
}
.svg-inline--fa.fa-w-16 {
width: 1em;
}
.svg-inline--fa.fa-w-17 {
width: 1.0625em;
}
.svg-inline--fa.fa-w-18 {
width: 1.125em;
}
.svg-inline--fa.fa-w-19 {
width: 1.1875em;
}
.svg-inline--fa.fa-w-20 {
width: 1.25em;
}
.svg-inline--fa.fa-pull-left {
margin-right: 0.3em;
width: auto;
}
.svg-inline--fa.fa-pull-right {
margin-left: 0.3em;
width: auto;
}
.svg-inline--fa.fa-border {
height: 1.5em;
}
.svg-inline--fa.fa-li {
width: 2em;
}
.svg-inline--fa.fa-fw {
width: 1.25em;
}
.fa-layers svg.svg-inline--fa {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.fa-layers {
display: inline-block;
height: 1em;
position: relative;
text-align: center;
vertical-align: -0.125em;
width: 1em;
}
.fa-layers svg.svg-inline--fa {
-webkit-transform-origin: center center;
transform-origin: center center;
}
.fa-layers-text, .fa-layers-counter {
display: inline-block;
position: absolute;
text-align: center;
}
.fa-layers-text {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: center center;
transform-origin: center center;
}
.fa-layers-counter {
background-color: #ff253a;
border-radius: 1em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
height: 1.5em;
line-height: 1;
max-width: 5em;
min-width: 1.5em;
overflow: hidden;
padding: 0.25em;
right: 0;
text-overflow: ellipsis;
top: 0;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: top right;
transform-origin: top right;
}
.fa-layers-bottom-right {
bottom: 0;
right: 0;
top: auto;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
}
.fa-layers-bottom-left {
bottom: 0;
left: 0;
right: auto;
top: auto;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
.fa-layers-top-right {
right: 0;
top: 0;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: top right;
transform-origin: top right;
}
.fa-layers-top-left {
left: 0;
right: auto;
top: 0;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -0.0667em;
}
.fa-xs {
font-size: 0.75em;
}
.fa-sm {
font-size: 0.875em;
}
.fa-1x {
font-size: 1em;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-6x {
font-size: 6em;
}
.fa-7x {
font-size: 7em;
}
.fa-8x {
font-size: 8em;
}
.fa-9x {
font-size: 9em;
}
.fa-10x {
font-size: 10em;
}
.fa-fw {
text-align: center;
width: 1.25em;
}
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0;
}
.fa-ul > li {
position: relative;
}
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
.fa-border {
border: solid 0.08em #eee;
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
margin-right: 0.3em;
}
.fa-bookmark::before, .fa-bell::before, .fa-question-circle::before, .fa-laptop::before, .fa-link::before {
font-family: FontAwesome;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
margin-left: 0.3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
-webkit-filter: none;
filter: none;
}
.fa-stack {
display: inline-block;
height: 2em;
position: relative;
width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.svg-inline--fa.fa-stack-1x {
height: 1em;
width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
height: 2em;
width: 2.5em;
}
.fa-inverse {
color: #fff;
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.svg-inline--fa .fa-primary {
fill: var(--fa-primary-color, currentColor);
opacity: 1;
opacity: var(--fa-primary-opacity, 1);
}
.svg-inline--fa .fa-secondary {
fill: var(--fa-secondary-color, currentColor);
opacity: 0.4;
opacity: var(--fa-secondary-opacity, 0.4);
}
.svg-inline--fa.fa-swap-opacity .fa-primary {
opacity: 0.4;
opacity: var(--fa-secondary-opacity, 0.4);
}
.svg-inline--fa.fa-swap-opacity .fa-secondary {
opacity: 1;
opacity: var(--fa-primary-opacity, 1);
}
.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
fill: black;
}
.fad.fa-inverse {
color: #fff;
}
/**
* Creates .[$color-application]-[color] class and applies corresponding box-shadow or background color
* For example .overlay-gray or .background-gray
*/
.background-gray {
background-color: #F2F3F4;
}
.background-black {
background-color: #000;
}
.background-white {
background-color: #FFF;
}
.overlay-gray {
box-shadow: inset 0 0 0 1000px rgba(242, 243, 244, 0.8);
}
.overlay-gray:hover {
box-shadow: inset 0 0 0 1000px rgba(242, 243, 244, 0.95);
}
.overlay-black {
box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.8);
}
.overlay-black:hover {
box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.95);
}
.overlay-white {
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.8);
}
.overlay-white:hover {
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.95);
}
.box-shadow {
box-shadow: 0 1px 3px rgba(5, 32, 73, 0.1), 0 1px 3px rgba(5, 32, 73, 0.1);
}
.u-color-red {
color: #E61048 !important;
}
p {
margin-top: 0;
margin-bottom: 20px;
}
strong {
font-weight: 700;
}
hr {
display: block;
border: 0;
height: 1px;
border-top: 1px solid #878D96;
margin: 30px 0;
padding: 0;
}
abbr {
border-bottom: 1px dotted #878D96;
cursor: help;
}
.font-gray {
color: #506380;
}
.eyebrow-title {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
letter-spacing: initial;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.05em;
}
.eyebrow-title:first-child:not(.page-title) {
margin-top: 0;
}
@media (min-width: 600px) {
.eyebrow-title {
font-size: 0.9rem;
}
}
.eyebrow-title::after {
content: "";
width: 3.5rem;
border-bottom: 0.13rem solid #052049;
display: block;
margin-bottom: 1.3rem;
}
.eyebrow-title:after {
display: inline-block;
margin-bottom: 0;
width: 40px;
height: 1px;
margin: 0 5px 3px;
}
.text-allcaps {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
letter-spacing: initial;
text-transform: uppercase;
font-weight: 500;
}
.text-allcaps:first-child:not(.page-title) {
margin-top: 0;
}
@media (min-width: 600px) {
.text-allcaps {
font-size: 0.9rem;
}
}
.medium-title-card {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 1.4rem;
}
.medium-title-card:first-child:not(.page-title) {
margin-top: 0;
}
@media (min-width: 600px) {
.medium-title-card {
font-size: 1.6rem;
}
}
.byline-author {
color: #506380;
font-size: 0.8rem;
}
.overview,
.overview :where(p) {
color: #506380;
line-height: 1.25;
font-weight: 400;
}
:where(.byline-author) + time::before {
content: " ";
height: 3px;
width: 3px;
display: inline-block;
background: #506380;
margin: 0 10px 3px 10px;
border-radius: 50%;
}
.news__date :where(.byline-author) + time::before {
height: 4px;
width: 4px;
}
:where(.homepage) h2.u-align--center {
font-size: 2rem;
margin-bottom: 1.75rem;
}
:where(.chat, .chat button) {
appearance: none;
line-height: initial;
font-size: inherit;
border: none;
background-color: transparent;
min-height: auto;
border-radius: 0;
padding: 0;
text-align: left;
vertical-align: initial;
width: initial;
transition: none;
}
:where(.chat, .chat button):hover {
text-decoration: none;
background-color: transparent;
color: #006BE9;
}
.homepage :where(.chat, .chat button) {
text-decoration: underline;
}
h1, .h1 {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 1.6rem;
letter-spacing: -0.05ch;
line-height: 1;
margin-top: 30px;
margin-bottom: 30px;
}
h1:first-child:not(.page-title), .h1:first-child:not(.page-title) {
margin-top: 0;
}
@media (min-width: 600px) {
h1, .h1 {
font-size: 2.5rem;
}
}
h2, .h2 {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 1.4rem;
letter-spacing: -0.06ch;
line-height: 1;
margin-top: 30px;
margin-bottom: 30px;
}
h2:first-child:not(.page-title), .h2:first-child:not(.page-title) {
margin-top: 0;
}
@media (min-width: 600px) {
h2, .h2 {
font-size: 1.8rem;
}
}
h1 + h2, h1 + .h2 {
margin-top: 50px;
}
h3, .h3 {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 1rem;
letter-spacing: -0.025ch;
}
h3:first-child:not(.page-title), .h3:first-child:not(.page-title) {
margin-top: 0;
}
@media (min-width: 600px) {
h3, .h3 {
font-size: 1.2rem;
}
}
h4, .h4 {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
}
h4:first-child:not(.page-title), .h4:first-child:not(.page-title) {
margin-top: 0;
}
@media (min-width: 600px) {
h4, .h4 {
font-size: 1rem;
}
}
h5, .h5 {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.8rem;
}
h5:first-child:not(.page-title), .h5:first-child:not(.page-title) {
margin-top: 0;
}
h6, .h6 {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.8rem;
}
h6:first-child:not(.page-title), .h6:first-child:not(.page-title) {
margin-top: 0;
}
dl {
overflow: hidden;
margin: 0 0 20px;
}
dt {
font-weight: 700;
}
dd {
margin-left: 0;
}
dd + dt {
margin-top: 8px;
}
ul, ol {
margin-top: 20px;
margin-bottom: 20px;
}
ul > :where(* + *), ol > :where(* + *) {
margin-top: 20px;
}
ul > :where(:last-child), ol > :where(:last-child) {
margin-bottom: 0;
}
ul :where([href^=http]::after), ol :where([href^=http]::after) {
min-width: 0.8em;
width: 0.8em;
height: 0.8em;
}
ul {
padding-left: 0.85rem;
}
ol {
padding-left: 20px;
}
.compact-list > :where(* + *) {
margin-top: 0.3rem;
}
.compact-list > :where(:last-child) {
margin-bottom: 0;
}
.compact-list ul > :where(* + *), .compact-list ol > :where(* + *) {
margin-top: 0.3rem;
}
.compact-list ul > :where(:last-child), .compact-list ol > :where(:last-child) {
margin-bottom: 0;
}
.flush-list {
margin-left: 0;
padding-left: 0;
}
.reset-list {
margin-left: 0;
padding-left: 0;
list-style: none;
}
.reset-list > li {
list-style: none;
}
.reset-list > li::before {
display: none;
}
.cta-list {
border-top: 0.09em solid #878D96;
position: relative;
}
@media (min-width: 992px) {
.cta-list {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 1.5rem;
}
.cta-list::before {
content: "";
display: block;
position: absolute;
width: 1.5rem;
height: 0.09em;
top: -0.09em;
right: 50%;
transform: translateX(50%);
background-color: #FFF;
}
}
.cta-list > :where(* + *) {
margin-top: 0;
}
.cta-list :where(li) {
border-bottom: 0.09em solid #878D96;
padding: 1.86rem 5px 1.86rem 0;
display: flex;
align-content: center;
}
.cta-list :where(a) {
width: 100%;
text-decoration: none;
color: #052049;
transition: cubic-bezier(0.33, 0.66, 0.66, 1) 0.2s color;
}
.cta-list :where(a)::after {
content: "";
display: inline-block;
min-width: 1em;
width: 1em;
height: 1em;
-webkit-mask-image: url("../img/arrow-right.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #006BE9;
}
.cta-list :where(a):hover::after {
background-color: #006BE9;
}
.cta-list :where(a):hover {
color: #006BE9;
}
.cta-list :where(a)::after {
min-width: 1.5em;
-webkit-mask-position: 0 center;
transition: cubic-bezier(0.33, 0.66, 0.66, 1) 0.2s -webkit-mask-position;
margin-left: 0.5ch;
}
.cta-list :where(a):hover::after {
-webkit-mask-position: 100% center;
}
.section-panel.background-gray + .cta-list__title,
.cta-list .cta-list {
padding-top: 3rem;
}
.inline,
.links.inline {
display: inline;
padding-left: 0;
}
.inline li {
display: inline;
padding: 0 0.4rem;
list-style-type: none;
}
.links .is-active {
color: #000;
}
.homepage-hero-container {
display: flex;
background-repeat: no-repeat;
background-position: center;
background-color: #FFF;
background-size: cover;
width: 100%;
}
.homepage-hero-container .content-wrap {
padding: 40px 18px;
}
.homepage-hero-container .homepage-hero, .homepage-hero-container article {
background-color: #FFF;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 5% auto;
padding: 0;
width: 90%;
}
@media (min-width: 1380px) {
.homepage-hero-container .homepage-hero, .homepage-hero-container article {
max-width: 1220px;
margin: 72px auto;
}
}
.homepage-hero-container .homepage-hero .homepage-hero__header, .homepage-hero-container .homepage-hero header, .homepage-hero-container article .homepage-hero__header, .homepage-hero-container article header {
margin-bottom: 33px;
width: 100%;
z-index: 0;
}
.homepage-hero-container .homepage-hero .homepage-hero__header .homepage-hero__title, .homepage-hero-container .homepage-hero .homepage-hero__header h1, .homepage-hero-container .homepage-hero header .homepage-hero__title, .homepage-hero-container .homepage-hero header h1, .homepage-hero-container article .homepage-hero__header .homepage-hero__title, .homepage-hero-container article .homepage-hero__header h1, .homepage-hero-container article header .homepage-hero__title, .homepage-hero-container article header h1 {
font-family: "HelveticaNeue-Thin", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
text-align: center;
margin-bottom: 8px;
font-size: 36px;
line-height: 40px;
}
@media (min-width: 350px) and (max-width: 1130px) {
.homepage-hero-container .homepage-hero .homepage-hero__header .homepage-hero__title .mobile-break::before, .homepage-hero-container .homepage-hero .homepage-hero__header h1 .mobile-break::before, .homepage-hero-container .homepage-hero header .homepage-hero__title .mobile-break::before, .homepage-hero-container .homepage-hero header h1 .mobile-break::before, .homepage-hero-container article .homepage-hero__header .homepage-hero__title .mobile-break::before, .homepage-hero-container article .homepage-hero__header h1 .mobile-break::before, .homepage-hero-container article header .homepage-hero__title .mobile-break::before, .homepage-hero-container article header h1 .mobile-break::before {
content: "\a";
white-space: pre;
}
}
@media (min-width: 875px) {
.homepage-hero-container .homepage-hero .homepage-hero__header .homepage-hero__title, .homepage-hero-container .homepage-hero .homepage-hero__header h1, .homepage-hero-container .homepage-hero header .homepage-hero__title, .homepage-hero-container .homepage-hero header h1, .homepage-hero-container article .homepage-hero__header .homepage-hero__title, .homepage-hero-container article .homepage-hero__header h1, .homepage-hero-container article header .homepage-hero__title, .homepage-hero-container article header h1 {
font-size: 50px;
font-weight: 400;
line-height: 55px;
}
}
.homepage-hero-container .homepage-hero .homepage-hero__header .homepage-hero__subtitle, .homepage-hero-container .homepage-hero .homepage-hero__header h2, .homepage-hero-container .homepage-hero .homepage-hero__header p, .homepage-hero-container .homepage-hero header .homepage-hero__subtitle, .homepage-hero-container .homepage-hero header h2, .homepage-hero-container .homepage-hero header p, .homepage-hero-container article .homepage-hero__header .homepage-hero__subtitle, .homepage-hero-container article .homepage-hero__header h2, .homepage-hero-container article .homepage-hero__header p, .homepage-hero-container article header .homepage-hero__subtitle, .homepage-hero-container article header h2, .homepage-hero-container article header p {
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
letter-spacing: 0.24px;
text-align: center;
margin: 0 14px;
font-size: 17px;
font-weight: 400;
letter-spacing: 0.19px;
line-height: 26px;
}
@media (min-width: 875px) {
.homepage-hero-container .homepage-hero .homepage-hero__header .homepage-hero__subtitle, .homepage-hero-container .homepage-hero .homepage-hero__header h2, .homepage-hero-container .homepage-hero .homepage-hero__header p, .homepage-hero-container .homepage-hero header .homepage-hero__subtitle, .homepage-hero-container .homepage-hero header h2, .homepage-hero-container .homepage-hero header p, .homepage-hero-container article .homepage-hero__header .homepage-hero__subtitle, .homepage-hero-container article .homepage-hero__header h2, .homepage-hero-container article .homepage-hero__header p, .homepage-hero-container article header .homepage-hero__subtitle, .homepage-hero-container article header h2, .homepage-hero-container article header p {
font-size: 22px;
font-weight: 400;
letter-spacing: 0.24px;
line-height: 28px;
}
}
@media (max-width: 715px) {
.homepage-hero-container .homepage-hero .homepage-hero__header .homepage-hero__subtitle, .homepage-hero-container .homepage-hero .homepage-hero__header h2, .homepage-hero-container .homepage-hero .homepage-hero__header p, .homepage-hero-container .homepage-hero header .homepage-hero__subtitle, .homepage-hero-container .homepage-hero header h2, .homepage-hero-container .homepage-hero header p, .homepage-hero-container article .homepage-hero__header .homepage-hero__subtitle, .homepage-hero-container article .homepage-hero__header h2, .homepage-hero-container article .homepage-hero__header p, .homepage-hero-container article header .homepage-hero__subtitle, .homepage-hero-container article header h2, .homepage-hero-container article header p {
max-width: 80%;
margin: 0 auto;
}
}
@media (min-width: 715px) and (max-width: 1130px) {
.homepage-hero-container .homepage-hero .homepage-hero__header .homepage-hero__subtitle, .homepage-hero-container .homepage-hero .homepage-hero__header h2, .homepage-hero-container .homepage-hero .homepage-hero__header p, .homepage-hero-container .homepage-hero header .homepage-hero__subtitle, .homepage-hero-container .homepage-hero header h2, .homepage-hero-container .homepage-hero header p, .homepage-hero-container article .homepage-hero__header .homepage-hero__subtitle, .homepage-hero-container article .homepage-hero__header h2, .homepage-hero-container article .homepage-hero__header p, .homepage-hero-container article header .homepage-hero__subtitle, .homepage-hero-container article header h2, .homepage-hero-container article header p {
max-width: 60%;
margin: 0 auto;
}
}
.homepage-hero-container .homepage-hero__buttons {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
margin-bottom: 0 !important;
}
@media (min-width: 875px) {
.homepage-hero-container .homepage-hero__buttons {
flex-direction: row;
justify-content: space-between;
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
}
.homepage-hero-container .homepage-hero__buttons .button {
display: block;
width: 100%;
max-width: 350px;
background-color: #F2F3F4;
border: 1px solid #9BA6B6;
border-radius: 70px;
text-align: center;
padding: 18px 20px;
height: 100%;
}
@media (max-width: 874px) {
.homepage-hero-container .homepage-hero__buttons .button:first-child {
margin-bottom: 24px;
}
}
@media (min-width: 456px) {
.homepage-hero-container .homepage-hero__buttons .button {
display: grid;
grid-template-columns: 50px 1fr;
grid-gap: 18px;
grid-template-areas: "icon content";
}
}
.homepage-hero-container .homepage-hero__buttons .button .btn__icon {
display: none;
grid-area: icon;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 456px) {
.homepage-hero-container .homepage-hero__buttons .button .btn__icon {
display: inline-block;
background-size: contain;
width: 50px;
height: 50px;
}
}
.homepage-hero-container .homepage-hero__buttons .button .btn__icon--users {
background-image: url("../img/users.svg");
}
.homepage-hero-container .homepage-hero__buttons .button .btn__icon--pro {
background-image: url("../img/it-pro.svg");
}
.homepage-hero-container .homepage-hero__buttons .button .btn__content {
display: flex;
grid-area: content;
align-items: center;
justify-content: center;
width: 100%;
}
@media (min-width: 456px) {
.homepage-hero-container .homepage-hero__buttons .button .btn__content {
justify-content: flex-start;
}
}
.homepage-hero-container .homepage-hero__buttons .button .btn__content p {
display: inline-block;
box-sizing: border-box;
text-decoration: none;
text-align: left;
letter-spacing: 0.2px;
margin-bottom: 0;
font-size: 15px;
line-height: 18px;
}
@media (min-width: 456px) {
.homepage-hero-container .homepage-hero__buttons .button .btn__content p {
font-size: 18px;
letter-spacing: 0.2px;
line-height: 26px;
}
}
.homepage-hero-container .homepage-hero__buttons .button .btn__content p .interactive-link {
letter-spacing: 0.2px;
margin-bottom: 0;
font-size: 15px;
line-height: 18px;
}
@media (min-width: 456px) {
.homepage-hero-container .homepage-hero__buttons .button .btn__content p .interactive-link {
font-size: 18px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 26px;
}
}
.homepage-hero-container .homepage-hero__buttons .button:hover {
background-color: #0071AD;
text-decoration: none !important;
}
.homepage-hero-container .homepage-hero__buttons .button:hover .btn__icon--users {
background-image: url("../img/users-hover.svg");
}
.homepage-hero-container .homepage-hero__buttons .button:hover .btn__icon--pro {
background-image: url("../img/it-pro-hover.svg");
}
.homepage-hero-container .homepage-hero__buttons .button:hover .btn__content p {
color: #FFF;
text-decoration: none !important;
}
.homepage-hero-container .homepage-hero__buttons .button:hover .btn__content p .interactive-link, .homepage-hero-container .homepage-hero__buttons .button:hover .btn__content p a {
color: #FFF !important;
}
.homepage-hero-container .homepage-hero__buttons .button:hover .btn__content p .interactive-link:hover, .homepage-hero-container .homepage-hero__buttons .button:hover .btn__content p a:hover {
text-decoration: none !important;
}
.homepage-hero-container .homepage-hero__buttons .button:hover .btn__content p .interactive-link .ucsf-arrow, .homepage-hero-container .homepage-hero__buttons .button:hover .btn__content p a .ucsf-arrow {
color: #ffffff;
background-image: url("../img/arrow-hover.svg");
}
@media all and (-ms-high-contrast: none), all and (-ms-high-contrast: active) {
.homepage-hero-container .homepage-hero__buttons .button {
display: inline-block;
}
.homepage-hero-container .homepage-hero__buttons .button .btn__icon {
float: left;
margin-right: 18px;
}
.homepage-hero-container .homepage-hero__buttons .button .btn__content {
float: left;
width: auto;
}
}
.homepage-hero-container .homepage-hero__footer, .homepage-hero-container footer {
background-color: #052049;
width: 100%;
padding: 16px 27px;
}
@media (min-width: 875px) {
.homepage-hero-container .homepage-hero__footer, .homepage-hero-container footer {
padding: 0 0 10px 0;
}
}
.homepage-hero-container .homepage-hero__footer p, .homepage-hero-container footer p {
text-align: center;
color: #FFF;
margin-bottom: 0;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.76px;
}
@media (min-width: 875px) {
.homepage-hero-container .homepage-hero__footer p, .homepage-hero-container footer p {
line-height: 24px;
}
}
.homepage-hero-container .homepage-hero__footer p .interactive-link, .homepage-hero-container .homepage-hero__footer p a, .homepage-hero-container footer p .interactive-link, .homepage-hero-container footer p a {
color: #FFF;
font-size: 14px;
line-height: 18px;
text-decoration: underline;
}
@media (min-width: 875px) {
.homepage-hero-container .homepage-hero__footer p .interactive-link, .homepage-hero-container .homepage-hero__footer p a, .homepage-hero-container footer p .interactive-link, .homepage-hero-container footer p a {
line-height: 24px;
}
}
.homepage-hero-container .homepage-hero__footer p .interactive-link:hover, .homepage-hero-container .homepage-hero__footer p a:hover, .homepage-hero-container footer p .interactive-link:hover, .homepage-hero-container footer p a:hover {
color: #A2D1EA;
}
.news-center-banner {
background: #FFF;
}
.news-center-banner-list .article-header__date {
display: none;
}
.news-center-banner-list {
padding-bottom: 6.25%;
}
.news-center-banner-list .news-card {
overflow: hidden;
}
.news-center-banner-list .news-card header {
z-index: 0;
}
.news-center-banner-list .news-card__copy {
background: #FFF;
margin-left: 10%;
margin-top: -16%;
padding: 5% !important;
height: 177px;
}
.news-center-banner-list .news-card__copy h2 {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 23px !important;
line-height: 32px !important;
font-weight: 400 !important;
margin: 0 !important;
margin-top: 12px !important;
}
.news-center-banner-list .padded-container {
height: 0;
position: relative;
overflow: hidden;
padding-bottom: 56.0625%;
}
.news-center-banner-list .img {
width: 100%;
height: auto;
}
.news-center-banner-list .image-style-news-grid-normal {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
.news-center-banner-list .news-event--featured {
margin-bottom: 5%;
}
@media (min-width: 1800px) {
.news-center-banner-list .news-event--featured {
max-height: 432px;
overflow: hidden;
}
}
.news-center-banner-list .news-event--featured .news-card .news-card__link {
text-decoration: none;
}
@media (min-width: 768px) {
.news-center-banner-list .news-event--featured .news-card .news-card__link {
display: flex;
}
}
.news-center-banner-list .news-event--featured .news-card .news-card__link:hover {
text-decoration: none;
}
.news-center-banner-list .news-event--featured .news-card .news-card__link:hover h2 {
color: #0071AD;
text-decoration: underline;
}
.news-center-banner-list .news-event--featured .news-card .news-card__image {
padding: 0;
height: auto;
}
@media (min-width: 768px) {
.news-center-banner-list .news-event--featured .news-card .news-card__image {
flex-basis: 50%;
}
}
@media (min-width: 850px) {
.news-center-banner-list .news-event--featured .news-card .news-card__image {
flex-basis: 46%;
}
}
.news-center-banner-list .news-event--featured .news-card .news-card__copy {
background: #FFF;
position: relative;
margin-left: 10%;
margin-top: -16%;
padding: 5% !important;
height: auto;
}
@media (max-width: 767px) {
.news-center-banner-list .news-event--featured .news-card .news-card__copy {
height: 197px;
}
}
@media (min-width: 768px) {
.news-center-banner-list .news-event--featured .news-card .news-card__copy {
flex-basis: 54%;
margin-left: 0;
margin-top: 2.5%;
padding: 5% 5% 0 5% !important;
}
}
.news-center-banner-list .news-event--featured .news-card .news-card__copy .news-card__byline {
margin: 0 !important;
padding: 0 !important;
list-style: none;
list-style-type: none !important;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
color: #0071AD;
font-size: 12px !important;
font-weight: 900 !important;
letter-spacing: 1.5px !important;
line-height: 14px !important;
text-transform: uppercase;
}
.news-center-banner-list .news-event--featured .news-card .news-card__copy .news-card__byline li,
.news-center-banner-list .news-event--featured .news-card .news-card__copy .news-card__byline li * {
display: inline-block;
vertical-align: top;
margin: 0 !important;
}
.news-center-banner-list .news-event--featured .news-card .news-card__copy .news-card__byline .article-header__date {
display: none !important;
}
.news-center-banner-list .news-event--featured .news-card .news-card__copy h2 {
color: #052049;
font-family: "HelveticaNeue-Thin", "HelveticaNeue", "Helvetica", "Arial", sans-serif !important;
font-weight: 200 !important;
font-size: 23px !important;
line-height: 28px !important;
margin: 0 !important;
margin-top: 12px !important;
}
@media (min-width: 420px) {
.news-center-banner-list .news-event--featured .news-card .news-card__copy h2 {
font-size: 28px !important;
line-height: 34px !important;
}
}
@media (min-width: 1024px) {
.news-center-banner-list .news-event--featured .news-card .news-card__copy h2 {
font-size: 32px !important;
line-height: 38px !important;
}
}
@media (min-width: 1300px) {
.news-center-banner-list .news-event--featured .news-card .news-card__copy h2 {
font-size: 42px !important;
line-height: 50px !important;
}
}
@media (min-width: 1650px) {
.news-center-banner-list .news-event--featured .news-card .news-card__copy h2 {
font-size: 50px !important;
line-height: 60px !important;
margin-top: 23px !important;
}
}
.card-four-grid {
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
@media (min-width: 768px) {
.card-four-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 55px;
column-gap: 5%;
margin-bottom: 55px !important;
}
}
@media (min-width: 1024px) {
.card-four-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1366px) {
.card-four-grid {
grid-template-columns: repeat(4, 1fr);
}
}
.card-four-grid li {
margin-bottom: 0 !important;
}
@media all and (-ms-high-contrast: none), all and (-ms-high-contrast: active) {
.card-four-grid {
display: block;
display: inline-block;
width: 100%;
}
.card-four-grid li {
float: left;
width: 100%;
}
}
@media (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
.card-four-grid li {
float: left;
width: 49%;
margin-right: 1%;
margin-bottom: 55px !important;
text-align: left;
}
.card-four-grid li:last-child {
margin-bottom: 0 !important;
}
}
@media (-ms-high-contrast: none) and (min-width: 1024px), (-ms-high-contrast: active) and (min-width: 1024px) {
.card-four-grid li {
float: left;
width: 32%;
margin: 0.5%;
margin-bottom: 55px !important;
text-align: left;
}
.card-four-grid li:last-child {
margin-bottom: 0 !important;
}
}
@media (-ms-high-contrast: none) and (min-width: 1366px), (-ms-high-contrast: active) and (min-width: 1366px) {
.card-four-grid li {
float: left;
width: 24%;
margin: 0.5%;
margin-bottom: 55px !important;
text-align: left;
}
.card-four-grid li:last-child {
margin-bottom: 0 !important;
}
}
.news-card {
position: relative;
}
.news-card__copy {
background: #FFF;
position: relative;
}
.news-card__copy h2 {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
margin: 0 !important;
}
.news-card__link {
text-decoration: none;
}
.news-card__link:hover {
color: #0071AD;
text-decoration: none;
}
.news-card__byline {
margin: 0 !important;
padding: 0 !important;
list-style: none;
list-style-type: none !important;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
color: #0071AD;
font-size: 12px !important;
font-weight: 900 !important;
letter-spacing: 1.5px !important;
line-height: 14px !important;
text-transform: uppercase;
}
.news-card__byline li,
.news-card__byline li * {
display: inline-block;
vertical-align: top;
margin: 0 !important;
}
.news-card__byline .news-card__date {
font-weight: 500;
color: #506380;
text-transform: capitalize;
}
.news-card__byline .news-card__date:before {
content: " ";
display: inline-block;
height: 3px;
width: 3px;
background: #506380;
margin: 0px 10px 3px 7px;
border-radius: 50%;
}
.block-views-blocknews-events-news-list .filters {
margin-top: 20px;
margin-bottom: 5px;
display: grid;
}
@media (max-width: 767px) {
.block-views-blocknews-events-news-list .filters {
grid-template-columns: 1fr;
}
}
@media (min-width: 769px) and (max-width: 1023px) {
.block-views-blocknews-events-news-list .filters {
grid-template-columns: 48% 48%;
grid-gap: 4%;
}
}
@media (min-width: 1024px) {
.block-views-blocknews-events-news-list .filters {
grid-template-columns: 385px 385px;
grid-gap: 35px;
}
}
.block-views-blocknews-events-news-list .filters .col:last-child a {
color: #0071AD;
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 0.2px;
text-decoration: none;
}
.block-views-blocknews-events-news-list .filters .col:last-child a:hover, .block-views-blocknews-events-news-list .filters .col:last-child a:focus {
color: #052049;
text-decoration: underline;
}
.block-views-blocknews-events-news-list .filters::before {
display: none;
}
.block-views-blocknews-events-news-list .filters label {
font-weight: bold;
}
.block-views-blocknews-events-news-list .dropdown {
background-color: #FFF;
box-shadow: 0 0 10px 0 rgba(5, 32, 73, 0.15);
}
.block-views-blocknews-events-news-list .dropdown .flex-row {
display: flex;
align-items: center;
justify-content: space-between;
height: 50px;
padding: 0 20px;
}
.block-views-blocknews-events-news-list .dropdown ul {
display: none;
}
.block-views-blocknews-events-news-list .dropdown:hover {
cursor: pointer;
}
.block-views-blocknews-events-news-list .dropdown-open ul {
display: block;
border-top: 1px solid #9BA6B6;
margin: 0;
padding: 18px 0 0 0;
list-style-type: none;
z-index: 2;
position: absolute;
background-color: #FFF;
box-shadow: 0 0 10px 0 rgba(5, 32, 73, 0.15);
}
@media (max-width: 456px) {
.block-views-blocknews-events-news-list .dropdown-open ul {
width: calc(100% - 20px);
}
}
@media (min-width: 456px) and (max-width: 768px) {
.block-views-blocknews-events-news-list .dropdown-open ul {
width: calc(100% - 40px);
}
}
@media (min-width: 769px) and (max-width: 1023px) {
.block-views-blocknews-events-news-list .dropdown-open ul {
width: calc(48% - 19px);
}
}
@media (min-width: 1024px) {
.block-views-blocknews-events-news-list .dropdown-open ul {
width: 385px;
}
}
.block-views-blocknews-events-news-list .dropdown-open ul li {
line-height: 42px !important;
padding-left: 24px;
padding-right: 10px;
margin-bottom: 0;
}
.block-views-blocknews-events-news-list .dropdown-open ul li:last-child {
margin-bottom: 14px;
}
.block-views-blocknews-events-news-list .dropdown-open ul li:hover {
background-color: #E8F4FA;
color: #052049;
}
.block-views-blocknews-events-news-list .dropdown-open-with-height ul {
height: 245px;
overflow-y: scroll;
}
@media (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) {
.news-event .search-filters {
display: block;
}
}
/*==============+
| Links |
+==============*/
#wysiwyg-content p,
.wysiwyg-content p {
margin-bottom: 30px;
}
#wysiwyg-content ol,
#wysiwyg-content ul,
.wysiwyg-content ol,
.wysiwyg-content ul {
padding-left: 30px;
}
#wysiwyg-content ol li,
#wysiwyg-content ul li,
.wysiwyg-content ol li,
.wysiwyg-content ul li {
margin-bottom: 30px !important;
}
#wysiwyg-content ol ul, #wysiwyg-content ol ol,
#wysiwyg-content ul ul,
#wysiwyg-content ul ol,
.wysiwyg-content ol ul,
.wysiwyg-content ol ol,
.wysiwyg-content ul ul,
.wysiwyg-content ul ol {
margin-top: 30px;
}
#wysiwyg-content ol ol,
#wysiwyg-content ul ol,
.wysiwyg-content ol ol,
.wysiwyg-content ul ol {
list-style-type: lower-latin;
}
#wysiwyg-content a,
.wysiwyg-content a {
color: #0071ad;
background-color: transparent;
text-decoration: none;
border-bottom: 1px solid #0071ad;
overflow-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
padding-top: 2px;
padding-bottom: 2px;
}
#wysiwyg-content a:hover,
.wysiwyg-content a:hover {
background-color: #e8f4fa;
border-bottom: 1px solid #e8f4fa;
text-decoration: none !important;
color: #0071ad !important;
}
#wysiwyg-content figure,
.wysiwyg-content figure {
margin: 80px 0;
}
#wysiwyg-content .field-image-caption,
#wysiwyg-content figcaption,
.wysiwyg-content .field-image-caption,
.wysiwyg-content figcaption {
font-size: 14px;
color: #506380;
padding-top: 16px;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 500;
line-height: 1.6em;
}
#wysiwyg-content .field-image-caption p,
#wysiwyg-content figcaption p,
.wysiwyg-content .field-image-caption p,
.wysiwyg-content figcaption p {
margin: 0;
}
#wysiwyg-content figure.half-image-left,
#wysiwyg-content figure.half-image-right,
.wysiwyg-content figure.half-image-left,
.wysiwyg-content figure.half-image-right {
float: left;
margin: 20px;
margin-top: 0;
margin-bottom: 32px;
display: table;
max-width: 480px;
margin-left: -20px;
margin-right: 0;
}
#wysiwyg-content figure.half-image-left + *,
#wysiwyg-content figure.half-image-right + *,
.wysiwyg-content figure.half-image-left + *,
.wysiwyg-content figure.half-image-right + * {
clear: both;
}
#wysiwyg-content figure.half-image-left figcaption,
#wysiwyg-content figure.half-image-right figcaption,
.wysiwyg-content figure.half-image-left figcaption,
.wysiwyg-content figure.half-image-right figcaption {
float: right;
font-size: 14px;
color: #506380;
padding-top: 16px;
font-family: "HelveticaNeueLTW04-55Roman", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 500;
line-height: 1.6em;
display: table-caption;
margin-left: 20px;
}
@media (min-width: 769px) {
#wysiwyg-content figure.half-image-left,
#wysiwyg-content figure.half-image-right,
.wysiwyg-content figure.half-image-left,
.wysiwyg-content figure.half-image-right {
margin: 80px;
margin-left: -14%;
max-width: 50%;
margin-top: 0;
margin-bottom: 32px;
}
#wysiwyg-content figure.half-image-left + *,
#wysiwyg-content figure.half-image-right + *,
.wysiwyg-content figure.half-image-left + *,
.wysiwyg-content figure.half-image-right + * {
clear: none;
}
#wysiwyg-content figure.half-image-left figcaption,
#wysiwyg-content figure.half-image-right figcaption,
.wysiwyg-content figure.half-image-left figcaption,
.wysiwyg-content figure.half-image-right figcaption {
padding-left: 29%;
margin-left: 0;
}
}
@media (min-width: 1050px) {
#wysiwyg-content figure.half-image-left,
#wysiwyg-content figure.half-image-right,
.wysiwyg-content figure.half-image-left,
.wysiwyg-content figure.half-image-right {
margin-left: -20%;
max-width: 55%;
}
#wysiwyg-content figure.half-image-left figcaption,
#wysiwyg-content figure.half-image-right figcaption,
.wysiwyg-content figure.half-image-left figcaption,
.wysiwyg-content figure.half-image-right figcaption {
padding-left: 37%;
}
}
@media (min-width: 1280px) {
#wysiwyg-content figure.half-image-left,
#wysiwyg-content figure.half-image-right,
.wysiwyg-content figure.half-image-left,
.wysiwyg-content figure.half-image-right {
margin-left: -25%;
max-width: 480px;
}
#wysiwyg-content figure.half-image-left figcaption,
#wysiwyg-content figure.half-image-right figcaption,
.wysiwyg-content figure.half-image-left figcaption,
.wysiwyg-content figure.half-image-right figcaption {
padding-left: 42.5%;
}
}
#wysiwyg-content figure.half-image-right,
.wysiwyg-content figure.half-image-right {
float: right;
margin-left: 0;
margin-right: -20px;
}
#wysiwyg-content figure.half-image-right figcaption,
.wysiwyg-content figure.half-image-right figcaption {
float: left;
padding-left: 0;
padding-right: 20px;
margin-left: 0;
}
@media (min-width: 769px) {
#wysiwyg-content figure.half-image-right,
.wysiwyg-content figure.half-image-right {
margin-right: -14%;
margin-left: 80px;
}
#wysiwyg-content figure.half-image-right figcaption,
.wysiwyg-content figure.half-image-right figcaption {
padding-right: 29%;
}
}
@media (min-width: 1050px) {
#wysiwyg-content figure.half-image-right,
.wysiwyg-content figure.half-image-right {
margin-right: -20%;
}
#wysiwyg-content figure.half-image-right figcaption,
.wysiwyg-content figure.half-image-right figcaption {
padding-right: 37%;
}
}
@media (min-width: 1280px) {
#wysiwyg-content figure.half-image-right,
.wysiwyg-content figure.half-image-right {
margin-right: -25%;
}
#wysiwyg-content figure.half-image-right figcaption,
.wysiwyg-content figure.half-image-right figcaption {
padding-right: 42.5%;
}
}
#wysiwyg-content figure.half-image-right-full,
#wysiwyg-content figure.half-image-left-full,
.wysiwyg-content figure.half-image-right-full,
.wysiwyg-content figure.half-image-left-full {
float: right;
margin: 80px;
margin-top: 0;
margin-bottom: 32px;
display: table;
max-width: 680px;
margin-right: -20px;
margin-left: 0;
}
#wysiwyg-content figure.half-image-right-full + *,
#wysiwyg-content figure.half-image-left-full + *,
.wysiwyg-content figure.half-image-right-full + *,
.wysiwyg-content figure.half-image-left-full + * {
clear: both;
}
#wysiwyg-content figure.half-image-right-full figcaption,
#wysiwyg-content figure.half-image-left-full figcaption,
.wysiwyg-content figure.half-image-right-full figcaption,
.wysiwyg-content figure.half-image-left-full figcaption {
float: left;
padding-right: 20px;
display: table-caption;
}
@media (min-width: 769px) {
#wysiwyg-content figure.half-image-right-full,
#wysiwyg-content figure.half-image-left-full,
.wysiwyg-content figure.half-image-right-full,
.wysiwyg-content figure.half-image-left-full {
margin: 80px;
margin-right: -14%;
margin-top: 0;
margin-bottom: 32px;
max-width: 55%;
}
#wysiwyg-content figure.half-image-right-full + *,
#wysiwyg-content figure.half-image-left-full + *,
.wysiwyg-content figure.half-image-right-full + *,
.wysiwyg-content figure.half-image-left-full + * {
clear: none;
}
#wysiwyg-content figure.half-image-right-full figcaption,
#wysiwyg-content figure.half-image-left-full figcaption,
.wysiwyg-content figure.half-image-right-full figcaption,
.wysiwyg-content figure.half-image-left-full figcaption {
padding-right: 26%;
}
}
@media (min-width: 1050px) {
#wysiwyg-content figure.half-image-right-full,
#wysiwyg-content figure.half-image-left-full,
.wysiwyg-content figure.half-image-right-full,
.wysiwyg-content figure.half-image-left-full {
margin-right: -24%;
max-width: 75%;
}
#wysiwyg-content figure.half-image-right-full figcaption,
#wysiwyg-content figure.half-image-left-full figcaption,
.wysiwyg-content figure.half-image-right-full figcaption,
.wysiwyg-content figure.half-image-left-full figcaption {
padding-right: 32%;
}
}
@media (min-width: 1280px) {
#wysiwyg-content figure.half-image-right-full,
#wysiwyg-content figure.half-image-left-full,
.wysiwyg-content figure.half-image-right-full,
.wysiwyg-content figure.half-image-left-full {
margin-right: -37%;
max-width: 680px;
}
#wysiwyg-content figure.half-image-right-full figcaption,
#wysiwyg-content figure.half-image-left-full figcaption,
.wysiwyg-content figure.half-image-right-full figcaption,
.wysiwyg-content figure.half-image-left-full figcaption {
padding-right: 44%;
}
}
#wysiwyg-content figure.half-image-left-full,
.wysiwyg-content figure.half-image-left-full {
float: left;
margin-right: 0;
margin-left: -20px;
}
#wysiwyg-content figure.half-image-left-full figcaption,
.wysiwyg-content figure.half-image-left-full figcaption {
float: left;
padding-right: 0;
padding-left: 20px;
}
@media (min-width: 769px) {
#wysiwyg-content figure.half-image-left-full,
.wysiwyg-content figure.half-image-left-full {
margin-left: -14%;
margin-right: 80px;
}
#wysiwyg-content figure.half-image-left-full figcaption,
.wysiwyg-content figure.half-image-left-full figcaption {
padding-left: 26%;
}
}
@media (min-width: 1050px) {
#wysiwyg-content figure.half-image-left-full,
.wysiwyg-content figure.half-image-left-full {
margin-left: -24%;
}
#wysiwyg-content figure.half-image-left-full figcaption,
.wysiwyg-content figure.half-image-left-full figcaption {
padding-left: 32%;
}
}
@media (min-width: 1280px) {
#wysiwyg-content figure.half-image-left-full,
.wysiwyg-content figure.half-image-left-full {
margin-left: -37%;
}
#wysiwyg-content figure.half-image-left-full figcaption,
.wysiwyg-content figure.half-image-left-full figcaption {
padding-left: 44%;
}
}
#wysiwyg-content figure.align-right,
#wysiwyg-content figure.align-left,
#wysiwyg-content figure.align-center,
#wysiwyg-content figure[class=embedded-entity],
#wysiwyg-content figure[class=image],
.wysiwyg-content figure.align-right,
.wysiwyg-content figure.align-left,
.wysiwyg-content figure.align-center,
.wysiwyg-content figure[class=embedded-entity],
.wysiwyg-content figure[class=image] {
margin: 40px;
margin-top: 0;
display: table;
}
#wysiwyg-content figure.align-right figcaption,
#wysiwyg-content figure.align-left figcaption,
#wysiwyg-content figure.align-center figcaption,
#wysiwyg-content figure[class=embedded-entity] figcaption,
#wysiwyg-content figure[class=image] figcaption,
.wysiwyg-content figure.align-right figcaption,
.wysiwyg-content figure.align-left figcaption,
.wysiwyg-content figure.align-center figcaption,
.wysiwyg-content figure[class=embedded-entity] figcaption,
.wysiwyg-content figure[class=image] figcaption {
display: table-caption;
caption-side: bottom;
}
#wysiwyg-content figure.align-right,
#wysiwyg-content figure[style~=right],
#wysiwyg-content figure[style~="float:right"],
.wysiwyg-content figure.align-right,
.wysiwyg-content figure[style~=right],
.wysiwyg-content figure[style~="float:right"] {
margin-right: 0;
}
#wysiwyg-content figure.align-right div[data-embed-button=remote_video],
#wysiwyg-content figure[style~=right] div[data-embed-button=remote_video],
#wysiwyg-content figure[style~="float:right"] div[data-embed-button=remote_video],
.wysiwyg-content figure.align-right div[data-embed-button=remote_video],
.wysiwyg-content figure[style~=right] div[data-embed-button=remote_video],
.wysiwyg-content figure[style~="float:right"] div[data-embed-button=remote_video] {
width: 400px;
}
#wysiwyg-content figure.align-left,
#wysiwyg-content figure[style~=left],
#wysiwyg-content figure[style~="float:left"],
.wysiwyg-content figure.align-left,
.wysiwyg-content figure[style~=left],
.wysiwyg-content figure[style~="float:left"] {
margin-left: 0;
}
#wysiwyg-content figure.align-left div[data-embed-button=remote_video],
#wysiwyg-content figure[style~=left] div[data-embed-button=remote_video],
#wysiwyg-content figure[style~="float:left"] div[data-embed-button=remote_video],
.wysiwyg-content figure.align-left div[data-embed-button=remote_video],
.wysiwyg-content figure[style~=left] div[data-embed-button=remote_video],
.wysiwyg-content figure[style~="float:left"] div[data-embed-button=remote_video] {
width: 400px;
}
#wysiwyg-content div[data-embed-button=remote_video].align-right,
#wysiwyg-content div[data-embed-button=remote_video].align-left,
.wysiwyg-content div[data-embed-button=remote_video].align-right,
.wysiwyg-content div[data-embed-button=remote_video].align-left {
width: 400px;
}
@media (max-width: 769px) {
#wysiwyg-content figure.align-right,
#wysiwyg-content figure.align-left,
.wysiwyg-content figure.align-right,
.wysiwyg-content figure.align-left {
width: 100%;
}
#wysiwyg-content figure.align-right div[data-embed-button=remote_video],
#wysiwyg-content figure.align-left div[data-embed-button=remote_video],
.wysiwyg-content figure.align-right div[data-embed-button=remote_video],
.wysiwyg-content figure.align-left div[data-embed-button=remote_video] {
width: auto;
}
#wysiwyg-content div[data-embed-button=remote_video].align-right,
#wysiwyg-content div[data-embed-button=remote_video].align-left,
.wysiwyg-content div[data-embed-button=remote_video].align-right,
.wysiwyg-content div[data-embed-button=remote_video].align-left {
width: 100%;
}
}
#wysiwyg-content figure[class=embedded-entity],
#wysiwyg-content figure[class=image],
.wysiwyg-content figure[class=embedded-entity],
.wysiwyg-content figure[class=image] {
margin-left: 0;
margin-right: 0;
}
#wysiwyg-content figure figure[class=embedded-entity],
#wysiwyg-content figure figure[class=image],
.wysiwyg-content figure figure[class=embedded-entity],
.wysiwyg-content figure figure[class=image] {
margin: 0;
}
#wysiwyg-content figure.align-center,
.wysiwyg-content figure.align-center {
margin: 56px auto;
width: 100%;
}
#wysiwyg-content figure.align-center div[data-embed-button=remote_video],
.wysiwyg-content figure.align-center div[data-embed-button=remote_video] {
width: auto;
}
#wysiwyg-content div[data-embed-button=remote_video].align-center,
.wysiwyg-content div[data-embed-button=remote_video].align-center {
width: 100%;
}
@media (min-width: 769px) {
#wysiwyg-content figure.align-center,
.wysiwyg-content figure.align-center {
margin: 80px auto;
width: auto;
}
#wysiwyg-content figure.align-center div[data-embed-button=remote_video],
.wysiwyg-content figure.align-center div[data-embed-button=remote_video] {
width: 400px;
}
#wysiwyg-content div[data-embed-button=remote_video].align-center,
.wysiwyg-content div[data-embed-button=remote_video].align-center {
width: 400px;
}
}
#wysiwyg-content figure.align-center img,
#wysiwyg-content figure.align-center figcaption,
.wysiwyg-content figure.align-center img,
.wysiwyg-content figure.align-center figcaption {
margin: 0 auto;
}
/*==============+
| TOP NAV |
+==============*/
.topnavbar {
width: 100%;
background-color: #052049;
padding: 0;
font-size: 0.7rem;
font-weight: 400;
line-height: 17px;
}
.topnavbar .container {
max-width: 320px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 455px) {
.topnavbar .container {
max-width: calc(100% - 20px);
}
}
@media (min-width: 456px) and (max-width: 1084px) {
.topnavbar .container {
max-width: calc(100% - 40px);
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
.topnavbar .container {
max-width: calc(100% - 70px);
}
}
@media (min-width: 1300px) and (max-width: 1799px) {
.topnavbar .container {
max-width: calc(100% - 100px);
}
}
@media (min-width: 1800px) {
.topnavbar .container {
max-width: 1650px;
}
}
.topnavbar a {
text-decoration: none;
color: #FFF;
}
.topnavbar a:hover {
text-decoration: underline;
}
.topnavbar nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.topnavbar nav .nav-links {
list-style: none;
display: flex;
margin: 0;
}
.topnavbar nav .nav-item {
display: inline-block;
margin: 0;
margin-left: 50px;
}
.topnavbar nav a {
text-decoration: none;
color: #FFF;
font-size: 14px;
padding: 10px 0;
}
.topnavbar nav a:hover {
color: #FFF;
text-decoration: underline;
}
.topnavbar nav a.header-give {
background: #006BE9;
padding: 10px 33px;
}
.topnavbar nav a.header-give:hover {
color: #FFF;
background: #0F388A;
text-decoration: none;
}
/*==============+
| MAIN MENU |
+==============*/
.main-navigation {
width: 100%;
background-color: #FFF;
box-shadow: 0 0 10px 0 rgba(5, 32, 73, 0.15);
padding: 20px 0;
}
@media (max-width: 874px) {
.main-navigation {
padding: 10px 0;
}
}
.main-navigation .container {
max-width: 320px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 455px) {
.main-navigation .container {
max-width: calc(100% - 20px);
}
}
@media (min-width: 456px) and (max-width: 1084px) {
.main-navigation .container {
max-width: calc(100% - 40px);
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
.main-navigation .container {
max-width: calc(100% - 70px);
}
}
@media (min-width: 1300px) and (max-width: 1799px) {
.main-navigation .container {
max-width: calc(100% - 100px);
}
}
@media (min-width: 1800px) {
.main-navigation .container {
max-width: 1650px;
}
}
.main-navigation .container .flex-grid {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.main-navigation .container .flex-grid .site-title {
width: 150px;
height: 42px;
background-position: left top;
background-image: url("../img/UCSF-Logo.svg");
background-repeat: no-repeat;
background-size: contain;
}
@media (min-width: 1085px) {
.main-navigation .container .flex-grid .site-title {
width: 192px;
height: 54px;
}
}
.main-navigation .container .flex-grid .site-title h1 {
display: none;
margin-bottom: 0 !important;
}
.main-navigation .container .flex-grid .navbar {
margin-left: auto;
display: flex;
align-items: center;
flex-wrap: wrap;
height: 32px !important;
}
.main-navigation .container .flex-grid .navbar nav {
display: flex;
flex-direction: row;
}
.main-navigation .container .flex-grid .navbar nav ul {
display: flex;
justify-content: flex-start;
list-style-type: none;
margin: 0;
padding: 0;
}
.main-navigation .container .flex-grid .navbar nav ul li {
margin: 0;
margin-left: 60px;
line-height: 32px;
}
.main-navigation .container .flex-grid .navbar nav ul li:first-child {
margin-left: 0;
}
@media (min-width: 875px) and (max-width: 979) {
.main-navigation .container .flex-grid .navbar nav ul li {
margin-left: 20px;
}
}
@media (min-width: 980) and (max-width: 1299px) {
.main-navigation .container .flex-grid .navbar nav ul li {
margin-left: 38px;
}
}
.main-navigation .container .flex-grid .navbar nav ul li a {
text-decoration: none;
color: #506380;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.34px;
line-height: 32px;
}
.main-navigation .container .flex-grid .navbar nav ul li a:hover {
color: #052049;
}
.main-navigation .container .flex-grid .navbar nav ul li .user {
color: #0071AD;
cursor: pointer;
}
.main-navigation .container .flex-grid .navbar nav ul li .user .initial {
color: #FFF;
background: #052049;
border-radius: 100%;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
padding: 6px;
}
.main-navigation .container .flex-grid .navbar nav ul li.dropdown-menu-parent .icon {
color: #506380;
margin-left: 8px;
}
.main-navigation .container .flex-grid .navbar nav ul li .dropdown-menu {
display: block;
position: absolute;
background: white;
box-shadow: 0 10px 10px 0 rgba(5, 32, 73, 0.15);
top: 130px;
overflow: hidden;
}
.main-navigation .container .flex-grid .navbar nav ul li .dropdown-menu .dropdown-menu-item {
margin: 0;
}
.main-navigation .container .flex-grid .navbar nav ul li .dropdown-menu .dropdown-menu-item > a {
display: block;
width: 100%;
padding: 10px 20px 13px;
}
.main-navigation .container .flex-grid .navbar nav ul li .dropdown-menu .dropdown-menu-item > a:hover {
background-color: #0071AD;
color: white;
}
@media (max-width: 874px) {
.main-navigation .container .flex-grid .navbar nav ul {
display: none;
}
}
.hostile-items .view-content {
margin-bottom: 35px;
}
.hostile-items .article-short:nth-child(1) {
border-top: 4px solid #CBCED2;
}
.article-short {
background-color: #FFF;
padding: 25px 80px 25px 30px;
border-bottom: 1px solid #CAD0D9;
}
@media (min-width: 1300px) {
.article-short {
margin-right: 105px;
}
}
.article-short h2 {
margin-bottom: 0;
}
.article-short .item-title,
.article-short .item-title > a {
color: #0071AD !important;
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif !important;
font-size: 23px !important;
font-weight: 400 !important;
line-height: 28px !important;
margin-bottom: 0 !important;
}
.article-short .item-description {
line-height: 22px !important;
margin-top: 7px !important;
background-color: white;
}
.article-short .item-description:hover {
text-decoration: none;
}
.article-short .item-description p {
margin-bottom: 0 !important;
}
.article-short a:hover .item-title {
text-decoration: none !important;
color: #0071AD;
}
.article-short a:hover .item-description {
text-decoration: none !important;
}
.tabs {
padding-top: 30px !important;
margin-bottom: 0 !important;
}
.tabs h2 {
display: inline-block;
text-align: center;
align-items: flex-start;
cursor: default;
background-color: transparent;
padding: 0;
padding-bottom: 9px;
border: none;
border-bottom: 4px solid #0071AD;
color: #052049;
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif !important;
font-size: 23px !important;
font-weight: 400 !important;
line-height: 28px !important;
margin-bottom: 46px;
}
.tabs h2 .teams {
width: 100%;
max-width: 76px;
}
@media (min-width: 875px) {
.path-user .sidebar,
.node--my-saves .sidebar,
.node--managed-saved .sidebar,
.node--manage-subscriptions .sidebar,
.node--my-support-requests .sidebar {
display: none;
}
}
.path-user .group-container,
.node--my-saves .group-container,
.node--managed-saved .group-container,
.node--manage-subscriptions .group-container,
.node--my-support-requests .group-container {
max-width: 320px;
width: 100%;
margin: 0 auto;
padding-bottom: 97px;
padding-top: 50px;
}
@media (min-width: 456px) {
.path-user .group-container,
.node--my-saves .group-container,
.node--managed-saved .group-container,
.node--manage-subscriptions .group-container,
.node--my-support-requests .group-container {
max-width: calc(100% - 20px);
}
}
@media (min-width: 875px) and (max-width: 1084px) {
.path-user .group-container,
.node--my-saves .group-container,
.node--managed-saved .group-container,
.node--manage-subscriptions .group-container,
.node--my-support-requests .group-container {
max-width: calc(100% - 40px);
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
.path-user .group-container,
.node--my-saves .group-container,
.node--managed-saved .group-container,
.node--manage-subscriptions .group-container,
.node--my-support-requests .group-container {
max-width: calc(100% - 70px);
}
}
@media (min-width: 1300px) and (max-width: 1414) {
.path-user .group-container,
.node--my-saves .group-container,
.node--managed-saved .group-container,
.node--manage-subscriptions .group-container,
.node--my-support-requests .group-container {
max-width: calc(100% - 100px);
}
}
@media (min-width: 1415) {
.path-user .group-container,
.node--my-saves .group-container,
.node--managed-saved .group-container,
.node--manage-subscriptions .group-container,
.node--my-support-requests .group-container {
max-width: 1300px;
}
}
.path-user .group-container .grid,
.node--my-saves .group-container .grid,
.node--managed-saved .group-container .grid,
.node--manage-subscriptions .group-container .grid,
.node--my-support-requests .group-container .grid {
display: flex;
}
@media (max-width: 874px) {
.path-user .group-container .grid,
.node--my-saves .group-container .grid,
.node--managed-saved .group-container .grid,
.node--manage-subscriptions .group-container .grid,
.node--my-support-requests .group-container .grid {
flex-direction: column;
}
}
.path-user .group-container .grid .col1,
.node--my-saves .group-container .grid .col1,
.node--managed-saved .group-container .grid .col1,
.node--manage-subscriptions .group-container .grid .col1,
.node--my-support-requests .group-container .grid .col1 {
width: 100%;
flex-basis: 100%;
max-width: 100%;
padding: 70px 20px;
background-color: #FFF;
}
@media (min-width: 456px) {
.path-user .group-container .grid .col1,
.node--my-saves .group-container .grid .col1,
.node--managed-saved .group-container .grid .col1,
.node--manage-subscriptions .group-container .grid .col1,
.node--my-support-requests .group-container .grid .col1 {
padding: 70px 5% 0;
}
}
@media (min-width: 875px) {
.path-user .group-container .grid .col1,
.node--my-saves .group-container .grid .col1,
.node--managed-saved .group-container .grid .col1,
.node--manage-subscriptions .group-container .grid .col1,
.node--my-support-requests .group-container .grid .col1 {
background-color: #E6E9ED;
padding: 0 40px 70px 40px;
position: relative;
max-width: 40%;
width: 100%;
}
}
.path-user .group-container .grid .col2,
.node--my-saves .group-container .grid .col2,
.node--managed-saved .group-container .grid .col2,
.node--manage-subscriptions .group-container .grid .col2,
.node--my-support-requests .group-container .grid .col2 {
position: relative;
width: 100%;
padding: 25px 20px;
background-color: #FFF;
}
@media (min-width: 456px) {
.path-user .group-container .grid .col2,
.node--my-saves .group-container .grid .col2,
.node--managed-saved .group-container .grid .col2,
.node--manage-subscriptions .group-container .grid .col2,
.node--my-support-requests .group-container .grid .col2 {
padding: 54px 5%;
}
}
@media (min-width: 875px) {
.path-user .group-container .grid .col2,
.node--my-saves .group-container .grid .col2,
.node--managed-saved .group-container .grid .col2,
.node--manage-subscriptions .group-container .grid .col2,
.node--my-support-requests .group-container .grid .col2 {
padding: 54px 54px;
}
}
@media (min-width: 1300px) {
.path-user .group-container .grid .col2,
.node--my-saves .group-container .grid .col2,
.node--managed-saved .group-container .grid .col2,
.node--manage-subscriptions .group-container .grid .col2,
.node--my-support-requests .group-container .grid .col2 {
padding: 54px 105px;
}
}
.path-user .group-description .person-image,
.node--my-saves .group-description .person-image,
.node--managed-saved .group-description .person-image,
.node--manage-subscriptions .group-description .person-image,
.node--my-support-requests .group-description .person-image {
position: relative;
overflow: hidden;
margin: -120px 0;
width: 100px;
height: 100px;
float: right;
}
@media (min-width: 456px) {
.path-user .group-description .person-image,
.node--my-saves .group-description .person-image,
.node--managed-saved .group-description .person-image,
.node--manage-subscriptions .group-description .person-image,
.node--my-support-requests .group-description .person-image {
margin: -150px 0;
width: 150px;
height: 150px;
}
}
@media (min-width: 875px) {
.path-user .group-description .person-image,
.node--my-saves .group-description .person-image,
.node--managed-saved .group-description .person-image,
.node--manage-subscriptions .group-description .person-image,
.node--my-support-requests .group-description .person-image {
margin: -30px auto 30px auto;
float: none;
width: 210px;
height: 210px;
}
}
.path-user .group-description .person-image img,
.node--my-saves .group-description .person-image img,
.node--managed-saved .group-description .person-image img,
.node--manage-subscriptions .group-description .person-image img,
.node--my-support-requests .group-description .person-image img {
width: 100% !important;
}
.path-user .group-description .person-name,
.node--my-saves .group-description .person-name,
.node--managed-saved .group-description .person-name,
.node--manage-subscriptions .group-description .person-name,
.node--my-support-requests .group-description .person-name {
color: #052049;
font-family: "HelveticaNeue-Thin", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 50px !important;
font-weight: 400 !important;
line-height: 60px !important;
max-width: 425px;
margin-bottom: 0 !important;
}
@media (min-width: 875px) {
.path-user .group-description .person-name,
.node--my-saves .group-description .person-name,
.node--managed-saved .group-description .person-name,
.node--manage-subscriptions .group-description .person-name,
.node--my-support-requests .group-description .person-name {
text-align: center !important;
}
}
.path-user .group-description .person-title,
.node--my-saves .group-description .person-title,
.node--managed-saved .group-description .person-title,
.node--manage-subscriptions .group-description .person-title,
.node--my-support-requests .group-description .person-title {
color: #052049;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 34px;
font-weight: 400;
letter-spacing: -0.5px;
line-height: 41px;
max-width: 425px;
margin-top: -5px !important;
}
@media (min-width: 875px) {
.path-user .group-description .person-title,
.node--my-saves .group-description .person-title,
.node--managed-saved .group-description .person-title,
.node--manage-subscriptions .group-description .person-title,
.node--my-support-requests .group-description .person-title {
text-align: center !important;
}
}
.path-user .group-description .person-description p,
.node--my-saves .group-description .person-description p,
.node--managed-saved .group-description .person-description p,
.node--manage-subscriptions .group-description .person-description p,
.node--my-support-requests .group-description .person-description p {
text-align: left;
}
.path-user .group-description .menu--user-navigation,
.path-user .group-description .menu--user-help,
.node--my-saves .group-description .menu--user-navigation,
.node--my-saves .group-description .menu--user-help,
.node--managed-saved .group-description .menu--user-navigation,
.node--managed-saved .group-description .menu--user-help,
.node--manage-subscriptions .group-description .menu--user-navigation,
.node--manage-subscriptions .group-description .menu--user-help,
.node--my-support-requests .group-description .menu--user-navigation,
.node--my-support-requests .group-description .menu--user-help {
display: none;
}
@media (min-width: 875px) {
.path-user .group-description .menu--user-navigation,
.path-user .group-description .menu--user-help,
.node--my-saves .group-description .menu--user-navigation,
.node--my-saves .group-description .menu--user-help,
.node--managed-saved .group-description .menu--user-navigation,
.node--managed-saved .group-description .menu--user-help,
.node--manage-subscriptions .group-description .menu--user-navigation,
.node--manage-subscriptions .group-description .menu--user-help,
.node--my-support-requests .group-description .menu--user-navigation,
.node--my-support-requests .group-description .menu--user-help {
display: block;
margin: 0;
max-width: 100%;
}
}
.path-user .block-views-blockmy-team-person-service,
.path-user .person-service,
.path-user .my-saves,
.path-user .save-more,
.path-user .my-notifications,
.path-user .manage-subscriptions,
.path-user .support_request,
.node--my-saves .block-views-blockmy-team-person-service,
.node--my-saves .person-service,
.node--my-saves .my-saves,
.node--my-saves .save-more,
.node--my-saves .my-notifications,
.node--my-saves .manage-subscriptions,
.node--my-saves .support_request,
.node--managed-saved .block-views-blockmy-team-person-service,
.node--managed-saved .person-service,
.node--managed-saved .my-saves,
.node--managed-saved .save-more,
.node--managed-saved .my-notifications,
.node--managed-saved .manage-subscriptions,
.node--managed-saved .support_request,
.node--manage-subscriptions .block-views-blockmy-team-person-service,
.node--manage-subscriptions .person-service,
.node--manage-subscriptions .my-saves,
.node--manage-subscriptions .save-more,
.node--manage-subscriptions .my-notifications,
.node--manage-subscriptions .manage-subscriptions,
.node--manage-subscriptions .support_request,
.node--my-support-requests .block-views-blockmy-team-person-service,
.node--my-support-requests .person-service,
.node--my-support-requests .my-saves,
.node--my-support-requests .save-more,
.node--my-support-requests .my-notifications,
.node--my-support-requests .manage-subscriptions,
.node--my-support-requests .support_request {
margin-bottom: 69px;
}
.path-user .block-views-blockmy-team-person-service ul,
.path-user .person-service ul,
.path-user .my-saves ul,
.path-user .save-more ul,
.path-user .my-notifications ul,
.path-user .manage-subscriptions ul,
.path-user .support_request ul,
.node--my-saves .block-views-blockmy-team-person-service ul,
.node--my-saves .person-service ul,
.node--my-saves .my-saves ul,
.node--my-saves .save-more ul,
.node--my-saves .my-notifications ul,
.node--my-saves .manage-subscriptions ul,
.node--my-saves .support_request ul,
.node--managed-saved .block-views-blockmy-team-person-service ul,
.node--managed-saved .person-service ul,
.node--managed-saved .my-saves ul,
.node--managed-saved .save-more ul,
.node--managed-saved .my-notifications ul,
.node--managed-saved .manage-subscriptions ul,
.node--managed-saved .support_request ul,
.node--manage-subscriptions .block-views-blockmy-team-person-service ul,
.node--manage-subscriptions .person-service ul,
.node--manage-subscriptions .my-saves ul,
.node--manage-subscriptions .save-more ul,
.node--manage-subscriptions .my-notifications ul,
.node--manage-subscriptions .manage-subscriptions ul,
.node--manage-subscriptions .support_request ul,
.node--my-support-requests .block-views-blockmy-team-person-service ul,
.node--my-support-requests .person-service ul,
.node--my-support-requests .my-saves ul,
.node--my-support-requests .save-more ul,
.node--my-support-requests .my-notifications ul,
.node--my-support-requests .manage-subscriptions ul,
.node--my-support-requests .support_request ul {
list-style: none;
}
.path-user .block-views-blockmy-team-person-service h2,
.path-user .person-service h2,
.path-user .my-saves h2,
.path-user .save-more h2,
.path-user .my-notifications h2,
.path-user .manage-subscriptions h2,
.path-user .support_request h2,
.node--my-saves .block-views-blockmy-team-person-service h2,
.node--my-saves .person-service h2,
.node--my-saves .my-saves h2,
.node--my-saves .save-more h2,
.node--my-saves .my-notifications h2,
.node--my-saves .manage-subscriptions h2,
.node--my-saves .support_request h2,
.node--managed-saved .block-views-blockmy-team-person-service h2,
.node--managed-saved .person-service h2,
.node--managed-saved .my-saves h2,
.node--managed-saved .save-more h2,
.node--managed-saved .my-notifications h2,
.node--managed-saved .manage-subscriptions h2,
.node--managed-saved .support_request h2,
.node--manage-subscriptions .block-views-blockmy-team-person-service h2,
.node--manage-subscriptions .person-service h2,
.node--manage-subscriptions .my-saves h2,
.node--manage-subscriptions .save-more h2,
.node--manage-subscriptions .my-notifications h2,
.node--manage-subscriptions .manage-subscriptions h2,
.node--manage-subscriptions .support_request h2,
.node--my-support-requests .block-views-blockmy-team-person-service h2,
.node--my-support-requests .person-service h2,
.node--my-support-requests .my-saves h2,
.node--my-support-requests .save-more h2,
.node--my-support-requests .my-notifications h2,
.node--my-support-requests .manage-subscriptions h2,
.node--my-support-requests .support_request h2 {
color: #052049;
font-size: 28px;
line-height: 34px;
padding-bottom: 27px;
border-bottom: 3px solid #052049;
margin-bottom: 30px !important;
font-weight: 300;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.path-user .block-views-blockmy-team-person-service h2 a,
.path-user .person-service h2 a,
.path-user .my-saves h2 a,
.path-user .save-more h2 a,
.path-user .my-notifications h2 a,
.path-user .manage-subscriptions h2 a,
.path-user .support_request h2 a,
.node--my-saves .block-views-blockmy-team-person-service h2 a,
.node--my-saves .person-service h2 a,
.node--my-saves .my-saves h2 a,
.node--my-saves .save-more h2 a,
.node--my-saves .my-notifications h2 a,
.node--my-saves .manage-subscriptions h2 a,
.node--my-saves .support_request h2 a,
.node--managed-saved .block-views-blockmy-team-person-service h2 a,
.node--managed-saved .person-service h2 a,
.node--managed-saved .my-saves h2 a,
.node--managed-saved .save-more h2 a,
.node--managed-saved .my-notifications h2 a,
.node--managed-saved .manage-subscriptions h2 a,
.node--managed-saved .support_request h2 a,
.node--manage-subscriptions .block-views-blockmy-team-person-service h2 a,
.node--manage-subscriptions .person-service h2 a,
.node--manage-subscriptions .my-saves h2 a,
.node--manage-subscriptions .save-more h2 a,
.node--manage-subscriptions .my-notifications h2 a,
.node--manage-subscriptions .manage-subscriptions h2 a,
.node--manage-subscriptions .support_request h2 a,
.node--my-support-requests .block-views-blockmy-team-person-service h2 a,
.node--my-support-requests .person-service h2 a,
.node--my-support-requests .my-saves h2 a,
.node--my-support-requests .save-more h2 a,
.node--my-support-requests .my-notifications h2 a,
.node--my-support-requests .manage-subscriptions h2 a,
.node--my-support-requests .support_request h2 a {
float: right;
text-decoration: none;
font-weight: bold;
}
.path-user .block-views-blockmy-team-person-service .list-group,
.path-user .person-service .list-group,
.path-user .my-saves .list-group,
.path-user .save-more .list-group,
.path-user .my-notifications .list-group,
.path-user .manage-subscriptions .list-group,
.path-user .support_request .list-group,
.node--my-saves .block-views-blockmy-team-person-service .list-group,
.node--my-saves .person-service .list-group,
.node--my-saves .my-saves .list-group,
.node--my-saves .save-more .list-group,
.node--my-saves .my-notifications .list-group,
.node--my-saves .manage-subscriptions .list-group,
.node--my-saves .support_request .list-group,
.node--managed-saved .block-views-blockmy-team-person-service .list-group,
.node--managed-saved .person-service .list-group,
.node--managed-saved .my-saves .list-group,
.node--managed-saved .save-more .list-group,
.node--managed-saved .my-notifications .list-group,
.node--managed-saved .manage-subscriptions .list-group,
.node--managed-saved .support_request .list-group,
.node--manage-subscriptions .block-views-blockmy-team-person-service .list-group,
.node--manage-subscriptions .person-service .list-group,
.node--manage-subscriptions .my-saves .list-group,
.node--manage-subscriptions .save-more .list-group,
.node--manage-subscriptions .my-notifications .list-group,
.node--manage-subscriptions .manage-subscriptions .list-group,
.node--manage-subscriptions .support_request .list-group,
.node--my-support-requests .block-views-blockmy-team-person-service .list-group,
.node--my-support-requests .person-service .list-group,
.node--my-support-requests .my-saves .list-group,
.node--my-support-requests .save-more .list-group,
.node--my-support-requests .my-notifications .list-group,
.node--my-support-requests .manage-subscriptions .list-group,
.node--my-support-requests .support_request .list-group {
border: 0;
}
.path-user .block-views-blockmy-team-person-service a,
.path-user .person-service a,
.path-user .my-saves a,
.path-user .save-more a,
.path-user .my-notifications a,
.path-user .manage-subscriptions a,
.path-user .support_request a,
.node--my-saves .block-views-blockmy-team-person-service a,
.node--my-saves .person-service a,
.node--my-saves .my-saves a,
.node--my-saves .save-more a,
.node--my-saves .my-notifications a,
.node--my-saves .manage-subscriptions a,
.node--my-saves .support_request a,
.node--managed-saved .block-views-blockmy-team-person-service a,
.node--managed-saved .person-service a,
.node--managed-saved .my-saves a,
.node--managed-saved .save-more a,
.node--managed-saved .my-notifications a,
.node--managed-saved .manage-subscriptions a,
.node--managed-saved .support_request a,
.node--manage-subscriptions .block-views-blockmy-team-person-service a,
.node--manage-subscriptions .person-service a,
.node--manage-subscriptions .my-saves a,
.node--manage-subscriptions .save-more a,
.node--manage-subscriptions .my-notifications a,
.node--manage-subscriptions .manage-subscriptions a,
.node--manage-subscriptions .support_request a,
.node--my-support-requests .block-views-blockmy-team-person-service a,
.node--my-support-requests .person-service a,
.node--my-support-requests .my-saves a,
.node--my-support-requests .save-more a,
.node--my-support-requests .my-notifications a,
.node--my-support-requests .manage-subscriptions a,
.node--my-support-requests .support_request a {
color: #0071AD;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
letter-spacing: 0.2px;
}
.path-user .block-views-blockmy-team-person-service a:hover, .path-user .block-views-blockmy-team-person-service a:focus,
.path-user .person-service a:hover,
.path-user .person-service a:focus,
.path-user .my-saves a:hover,
.path-user .my-saves a:focus,
.path-user .save-more a:hover,
.path-user .save-more a:focus,
.path-user .my-notifications a:hover,
.path-user .my-notifications a:focus,
.path-user .manage-subscriptions a:hover,
.path-user .manage-subscriptions a:focus,
.path-user .support_request a:hover,
.path-user .support_request a:focus,
.node--my-saves .block-views-blockmy-team-person-service a:hover,
.node--my-saves .block-views-blockmy-team-person-service a:focus,
.node--my-saves .person-service a:hover,
.node--my-saves .person-service a:focus,
.node--my-saves .my-saves a:hover,
.node--my-saves .my-saves a:focus,
.node--my-saves .save-more a:hover,
.node--my-saves .save-more a:focus,
.node--my-saves .my-notifications a:hover,
.node--my-saves .my-notifications a:focus,
.node--my-saves .manage-subscriptions a:hover,
.node--my-saves .manage-subscriptions a:focus,
.node--my-saves .support_request a:hover,
.node--my-saves .support_request a:focus,
.node--managed-saved .block-views-blockmy-team-person-service a:hover,
.node--managed-saved .block-views-blockmy-team-person-service a:focus,
.node--managed-saved .person-service a:hover,
.node--managed-saved .person-service a:focus,
.node--managed-saved .my-saves a:hover,
.node--managed-saved .my-saves a:focus,
.node--managed-saved .save-more a:hover,
.node--managed-saved .save-more a:focus,
.node--managed-saved .my-notifications a:hover,
.node--managed-saved .my-notifications a:focus,
.node--managed-saved .manage-subscriptions a:hover,
.node--managed-saved .manage-subscriptions a:focus,
.node--managed-saved .support_request a:hover,
.node--managed-saved .support_request a:focus,
.node--manage-subscriptions .block-views-blockmy-team-person-service a:hover,
.node--manage-subscriptions .block-views-blockmy-team-person-service a:focus,
.node--manage-subscriptions .person-service a:hover,
.node--manage-subscriptions .person-service a:focus,
.node--manage-subscriptions .my-saves a:hover,
.node--manage-subscriptions .my-saves a:focus,
.node--manage-subscriptions .save-more a:hover,
.node--manage-subscriptions .save-more a:focus,
.node--manage-subscriptions .my-notifications a:hover,
.node--manage-subscriptions .my-notifications a:focus,
.node--manage-subscriptions .manage-subscriptions a:hover,
.node--manage-subscriptions .manage-subscriptions a:focus,
.node--manage-subscriptions .support_request a:hover,
.node--manage-subscriptions .support_request a:focus,
.node--my-support-requests .block-views-blockmy-team-person-service a:hover,
.node--my-support-requests .block-views-blockmy-team-person-service a:focus,
.node--my-support-requests .person-service a:hover,
.node--my-support-requests .person-service a:focus,
.node--my-support-requests .my-saves a:hover,
.node--my-support-requests .my-saves a:focus,
.node--my-support-requests .save-more a:hover,
.node--my-support-requests .save-more a:focus,
.node--my-support-requests .my-notifications a:hover,
.node--my-support-requests .my-notifications a:focus,
.node--my-support-requests .manage-subscriptions a:hover,
.node--my-support-requests .manage-subscriptions a:focus,
.node--my-support-requests .support_request a:hover,
.node--my-support-requests .support_request a:focus {
color: #0071AD;
text-decoration: underline;
}
.path-user .block-views-blockmy-team-person-service table tr,
.path-user .person-service table tr,
.path-user .my-saves table tr,
.path-user .save-more table tr,
.path-user .my-notifications table tr,
.path-user .manage-subscriptions table tr,
.path-user .support_request table tr,
.node--my-saves .block-views-blockmy-team-person-service table tr,
.node--my-saves .person-service table tr,
.node--my-saves .my-saves table tr,
.node--my-saves .save-more table tr,
.node--my-saves .my-notifications table tr,
.node--my-saves .manage-subscriptions table tr,
.node--my-saves .support_request table tr,
.node--managed-saved .block-views-blockmy-team-person-service table tr,
.node--managed-saved .person-service table tr,
.node--managed-saved .my-saves table tr,
.node--managed-saved .save-more table tr,
.node--managed-saved .my-notifications table tr,
.node--managed-saved .manage-subscriptions table tr,
.node--managed-saved .support_request table tr,
.node--manage-subscriptions .block-views-blockmy-team-person-service table tr,
.node--manage-subscriptions .person-service table tr,
.node--manage-subscriptions .my-saves table tr,
.node--manage-subscriptions .save-more table tr,
.node--manage-subscriptions .my-notifications table tr,
.node--manage-subscriptions .manage-subscriptions table tr,
.node--manage-subscriptions .support_request table tr,
.node--my-support-requests .block-views-blockmy-team-person-service table tr,
.node--my-support-requests .person-service table tr,
.node--my-support-requests .my-saves table tr,
.node--my-support-requests .save-more table tr,
.node--my-support-requests .my-notifications table tr,
.node--my-support-requests .manage-subscriptions table tr,
.node--my-support-requests .support_request table tr {
border: none;
}
.path-user .block-views-blockmy-team-person-service table tr td,
.path-user .person-service table tr td,
.path-user .my-saves table tr td,
.path-user .save-more table tr td,
.path-user .my-notifications table tr td,
.path-user .manage-subscriptions table tr td,
.path-user .support_request table tr td,
.node--my-saves .block-views-blockmy-team-person-service table tr td,
.node--my-saves .person-service table tr td,
.node--my-saves .my-saves table tr td,
.node--my-saves .save-more table tr td,
.node--my-saves .my-notifications table tr td,
.node--my-saves .manage-subscriptions table tr td,
.node--my-saves .support_request table tr td,
.node--managed-saved .block-views-blockmy-team-person-service table tr td,
.node--managed-saved .person-service table tr td,
.node--managed-saved .my-saves table tr td,
.node--managed-saved .save-more table tr td,
.node--managed-saved .my-notifications table tr td,
.node--managed-saved .manage-subscriptions table tr td,
.node--managed-saved .support_request table tr td,
.node--manage-subscriptions .block-views-blockmy-team-person-service table tr td,
.node--manage-subscriptions .person-service table tr td,
.node--manage-subscriptions .my-saves table tr td,
.node--manage-subscriptions .save-more table tr td,
.node--manage-subscriptions .my-notifications table tr td,
.node--manage-subscriptions .manage-subscriptions table tr td,
.node--manage-subscriptions .support_request table tr td,
.node--my-support-requests .block-views-blockmy-team-person-service table tr td,
.node--my-support-requests .person-service table tr td,
.node--my-support-requests .my-saves table tr td,
.node--my-support-requests .save-more table tr td,
.node--my-support-requests .my-notifications table tr td,
.node--my-support-requests .manage-subscriptions table tr td,
.node--my-support-requests .support_request table tr td {
padding: 20px 0;
}
.path-user .block-views-blockmy-team-person-service .flag-save,
.path-user .block-views-blockmy-team-person-service .flag-subscribe,
.path-user .person-service .flag-save,
.path-user .person-service .flag-subscribe,
.path-user .my-saves .flag-save,
.path-user .my-saves .flag-subscribe,
.path-user .save-more .flag-save,
.path-user .save-more .flag-subscribe,
.path-user .my-notifications .flag-save,
.path-user .my-notifications .flag-subscribe,
.path-user .manage-subscriptions .flag-save,
.path-user .manage-subscriptions .flag-subscribe,
.path-user .support_request .flag-save,
.path-user .support_request .flag-subscribe,
.node--my-saves .block-views-blockmy-team-person-service .flag-save,
.node--my-saves .block-views-blockmy-team-person-service .flag-subscribe,
.node--my-saves .person-service .flag-save,
.node--my-saves .person-service .flag-subscribe,
.node--my-saves .my-saves .flag-save,
.node--my-saves .my-saves .flag-subscribe,
.node--my-saves .save-more .flag-save,
.node--my-saves .save-more .flag-subscribe,
.node--my-saves .my-notifications .flag-save,
.node--my-saves .my-notifications .flag-subscribe,
.node--my-saves .manage-subscriptions .flag-save,
.node--my-saves .manage-subscriptions .flag-subscribe,
.node--my-saves .support_request .flag-save,
.node--my-saves .support_request .flag-subscribe,
.node--managed-saved .block-views-blockmy-team-person-service .flag-save,
.node--managed-saved .block-views-blockmy-team-person-service .flag-subscribe,
.node--managed-saved .person-service .flag-save,
.node--managed-saved .person-service .flag-subscribe,
.node--managed-saved .my-saves .flag-save,
.node--managed-saved .my-saves .flag-subscribe,
.node--managed-saved .save-more .flag-save,
.node--managed-saved .save-more .flag-subscribe,
.node--managed-saved .my-notifications .flag-save,
.node--managed-saved .my-notifications .flag-subscribe,
.node--managed-saved .manage-subscriptions .flag-save,
.node--managed-saved .manage-subscriptions .flag-subscribe,
.node--managed-saved .support_request .flag-save,
.node--managed-saved .support_request .flag-subscribe,
.node--manage-subscriptions .block-views-blockmy-team-person-service .flag-save,
.node--manage-subscriptions .block-views-blockmy-team-person-service .flag-subscribe,
.node--manage-subscriptions .person-service .flag-save,
.node--manage-subscriptions .person-service .flag-subscribe,
.node--manage-subscriptions .my-saves .flag-save,
.node--manage-subscriptions .my-saves .flag-subscribe,
.node--manage-subscriptions .save-more .flag-save,
.node--manage-subscriptions .save-more .flag-subscribe,
.node--manage-subscriptions .my-notifications .flag-save,
.node--manage-subscriptions .my-notifications .flag-subscribe,
.node--manage-subscriptions .manage-subscriptions .flag-save,
.node--manage-subscriptions .manage-subscriptions .flag-subscribe,
.node--manage-subscriptions .support_request .flag-save,
.node--manage-subscriptions .support_request .flag-subscribe,
.node--my-support-requests .block-views-blockmy-team-person-service .flag-save,
.node--my-support-requests .block-views-blockmy-team-person-service .flag-subscribe,
.node--my-support-requests .person-service .flag-save,
.node--my-support-requests .person-service .flag-subscribe,
.node--my-support-requests .my-saves .flag-save,
.node--my-support-requests .my-saves .flag-subscribe,
.node--my-support-requests .save-more .flag-save,
.node--my-support-requests .save-more .flag-subscribe,
.node--my-support-requests .my-notifications .flag-save,
.node--my-support-requests .my-notifications .flag-subscribe,
.node--my-support-requests .manage-subscriptions .flag-save,
.node--my-support-requests .manage-subscriptions .flag-subscribe,
.node--my-support-requests .support_request .flag-save,
.node--my-support-requests .support_request .flag-subscribe {
position: relative;
top: auto;
right: auto;
}
.path-user .block-views-blockmy-team-person-service .stay-connected__list,
.path-user .person-service .stay-connected__list,
.path-user .my-saves .stay-connected__list,
.path-user .save-more .stay-connected__list,
.path-user .my-notifications .stay-connected__list,
.path-user .manage-subscriptions .stay-connected__list,
.path-user .support_request .stay-connected__list,
.node--my-saves .block-views-blockmy-team-person-service .stay-connected__list,
.node--my-saves .person-service .stay-connected__list,
.node--my-saves .my-saves .stay-connected__list,
.node--my-saves .save-more .stay-connected__list,
.node--my-saves .my-notifications .stay-connected__list,
.node--my-saves .manage-subscriptions .stay-connected__list,
.node--my-saves .support_request .stay-connected__list,
.node--managed-saved .block-views-blockmy-team-person-service .stay-connected__list,
.node--managed-saved .person-service .stay-connected__list,
.node--managed-saved .my-saves .stay-connected__list,
.node--managed-saved .save-more .stay-connected__list,
.node--managed-saved .my-notifications .stay-connected__list,
.node--managed-saved .manage-subscriptions .stay-connected__list,
.node--managed-saved .support_request .stay-connected__list,
.node--manage-subscriptions .block-views-blockmy-team-person-service .stay-connected__list,
.node--manage-subscriptions .person-service .stay-connected__list,
.node--manage-subscriptions .my-saves .stay-connected__list,
.node--manage-subscriptions .save-more .stay-connected__list,
.node--manage-subscriptions .my-notifications .stay-connected__list,
.node--manage-subscriptions .manage-subscriptions .stay-connected__list,
.node--manage-subscriptions .support_request .stay-connected__list,
.node--my-support-requests .block-views-blockmy-team-person-service .stay-connected__list,
.node--my-support-requests .person-service .stay-connected__list,
.node--my-support-requests .my-saves .stay-connected__list,
.node--my-support-requests .save-more .stay-connected__list,
.node--my-support-requests .my-notifications .stay-connected__list,
.node--my-support-requests .manage-subscriptions .stay-connected__list,
.node--my-support-requests .support_request .stay-connected__list {
margin-bottom: 40px;
padding: 0;
}
.path-user .block-views-blockmy-team-person-service .card,
.path-user .person-service .card,
.path-user .my-saves .card,
.path-user .save-more .card,
.path-user .my-notifications .card,
.path-user .manage-subscriptions .card,
.path-user .support_request .card,
.node--my-saves .block-views-blockmy-team-person-service .card,
.node--my-saves .person-service .card,
.node--my-saves .my-saves .card,
.node--my-saves .save-more .card,
.node--my-saves .my-notifications .card,
.node--my-saves .manage-subscriptions .card,
.node--my-saves .support_request .card,
.node--managed-saved .block-views-blockmy-team-person-service .card,
.node--managed-saved .person-service .card,
.node--managed-saved .my-saves .card,
.node--managed-saved .save-more .card,
.node--managed-saved .my-notifications .card,
.node--managed-saved .manage-subscriptions .card,
.node--managed-saved .support_request .card,
.node--manage-subscriptions .block-views-blockmy-team-person-service .card,
.node--manage-subscriptions .person-service .card,
.node--manage-subscriptions .my-saves .card,
.node--manage-subscriptions .save-more .card,
.node--manage-subscriptions .my-notifications .card,
.node--manage-subscriptions .manage-subscriptions .card,
.node--manage-subscriptions .support_request .card,
.node--my-support-requests .block-views-blockmy-team-person-service .card,
.node--my-support-requests .person-service .card,
.node--my-support-requests .my-saves .card,
.node--my-support-requests .save-more .card,
.node--my-support-requests .my-notifications .card,
.node--my-support-requests .manage-subscriptions .card,
.node--my-support-requests .support_request .card {
position: relative;
border-top: 1px solid #9BA6B6;
padding: 24px 0 18px;
margin-bottom: 0;
list-style: none;
}
.path-user .block-views-blockmy-team-person-service .card header:hover,
.path-user .person-service .card header:hover,
.path-user .my-saves .card header:hover,
.path-user .save-more .card header:hover,
.path-user .my-notifications .card header:hover,
.path-user .manage-subscriptions .card header:hover,
.path-user .support_request .card header:hover,
.node--my-saves .block-views-blockmy-team-person-service .card header:hover,
.node--my-saves .person-service .card header:hover,
.node--my-saves .my-saves .card header:hover,
.node--my-saves .save-more .card header:hover,
.node--my-saves .my-notifications .card header:hover,
.node--my-saves .manage-subscriptions .card header:hover,
.node--my-saves .support_request .card header:hover,
.node--managed-saved .block-views-blockmy-team-person-service .card header:hover,
.node--managed-saved .person-service .card header:hover,
.node--managed-saved .my-saves .card header:hover,
.node--managed-saved .save-more .card header:hover,
.node--managed-saved .my-notifications .card header:hover,
.node--managed-saved .manage-subscriptions .card header:hover,
.node--managed-saved .support_request .card header:hover,
.node--manage-subscriptions .block-views-blockmy-team-person-service .card header:hover,
.node--manage-subscriptions .person-service .card header:hover,
.node--manage-subscriptions .my-saves .card header:hover,
.node--manage-subscriptions .save-more .card header:hover,
.node--manage-subscriptions .my-notifications .card header:hover,
.node--manage-subscriptions .manage-subscriptions .card header:hover,
.node--manage-subscriptions .support_request .card header:hover,
.node--my-support-requests .block-views-blockmy-team-person-service .card header:hover,
.node--my-support-requests .person-service .card header:hover,
.node--my-support-requests .my-saves .card header:hover,
.node--my-support-requests .save-more .card header:hover,
.node--my-support-requests .my-notifications .card header:hover,
.node--my-support-requests .manage-subscriptions .card header:hover,
.node--my-support-requests .support_request .card header:hover {
cursor: pointer;
}
.path-user .block-views-blockmy-team-person-service .card:last-of-type,
.path-user .person-service .card:last-of-type,
.path-user .my-saves .card:last-of-type,
.path-user .save-more .card:last-of-type,
.path-user .my-notifications .card:last-of-type,
.path-user .manage-subscriptions .card:last-of-type,
.path-user .support_request .card:last-of-type,
.node--my-saves .block-views-blockmy-team-person-service .card:last-of-type,
.node--my-saves .person-service .card:last-of-type,
.node--my-saves .my-saves .card:last-of-type,
.node--my-saves .save-more .card:last-of-type,
.node--my-saves .my-notifications .card:last-of-type,
.node--my-saves .manage-subscriptions .card:last-of-type,
.node--my-saves .support_request .card:last-of-type,
.node--managed-saved .block-views-blockmy-team-person-service .card:last-of-type,
.node--managed-saved .person-service .card:last-of-type,
.node--managed-saved .my-saves .card:last-of-type,
.node--managed-saved .save-more .card:last-of-type,
.node--managed-saved .my-notifications .card:last-of-type,
.node--managed-saved .manage-subscriptions .card:last-of-type,
.node--managed-saved .support_request .card:last-of-type,
.node--manage-subscriptions .block-views-blockmy-team-person-service .card:last-of-type,
.node--manage-subscriptions .person-service .card:last-of-type,
.node--manage-subscriptions .my-saves .card:last-of-type,
.node--manage-subscriptions .save-more .card:last-of-type,
.node--manage-subscriptions .my-notifications .card:last-of-type,
.node--manage-subscriptions .manage-subscriptions .card:last-of-type,
.node--manage-subscriptions .support_request .card:last-of-type,
.node--my-support-requests .block-views-blockmy-team-person-service .card:last-of-type,
.node--my-support-requests .person-service .card:last-of-type,
.node--my-support-requests .my-saves .card:last-of-type,
.node--my-support-requests .save-more .card:last-of-type,
.node--my-support-requests .my-notifications .card:last-of-type,
.node--my-support-requests .manage-subscriptions .card:last-of-type,
.node--my-support-requests .support_request .card:last-of-type {
border-bottom: 1px solid #9BA6B6;
}
.path-user .block-views-blockmy-team-person-service .card a:hover, .path-user .block-views-blockmy-team-person-service .card a:focus,
.path-user .person-service .card a:hover,
.path-user .person-service .card a:focus,
.path-user .my-saves .card a:hover,
.path-user .my-saves .card a:focus,
.path-user .save-more .card a:hover,
.path-user .save-more .card a:focus,
.path-user .my-notifications .card a:hover,
.path-user .my-notifications .card a:focus,
.path-user .manage-subscriptions .card a:hover,
.path-user .manage-subscriptions .card a:focus,
.path-user .support_request .card a:hover,
.path-user .support_request .card a:focus,
.node--my-saves .block-views-blockmy-team-person-service .card a:hover,
.node--my-saves .block-views-blockmy-team-person-service .card a:focus,
.node--my-saves .person-service .card a:hover,
.node--my-saves .person-service .card a:focus,
.node--my-saves .my-saves .card a:hover,
.node--my-saves .my-saves .card a:focus,
.node--my-saves .save-more .card a:hover,
.node--my-saves .save-more .card a:focus,
.node--my-saves .my-notifications .card a:hover,
.node--my-saves .my-notifications .card a:focus,
.node--my-saves .manage-subscriptions .card a:hover,
.node--my-saves .manage-subscriptions .card a:focus,
.node--my-saves .support_request .card a:hover,
.node--my-saves .support_request .card a:focus,
.node--managed-saved .block-views-blockmy-team-person-service .card a:hover,
.node--managed-saved .block-views-blockmy-team-person-service .card a:focus,
.node--managed-saved .person-service .card a:hover,
.node--managed-saved .person-service .card a:focus,
.node--managed-saved .my-saves .card a:hover,
.node--managed-saved .my-saves .card a:focus,
.node--managed-saved .save-more .card a:hover,
.node--managed-saved .save-more .card a:focus,
.node--managed-saved .my-notifications .card a:hover,
.node--managed-saved .my-notifications .card a:focus,
.node--managed-saved .manage-subscriptions .card a:hover,
.node--managed-saved .manage-subscriptions .card a:focus,
.node--managed-saved .support_request .card a:hover,
.node--managed-saved .support_request .card a:focus,
.node--manage-subscriptions .block-views-blockmy-team-person-service .card a:hover,
.node--manage-subscriptions .block-views-blockmy-team-person-service .card a:focus,
.node--manage-subscriptions .person-service .card a:hover,
.node--manage-subscriptions .person-service .card a:focus,
.node--manage-subscriptions .my-saves .card a:hover,
.node--manage-subscriptions .my-saves .card a:focus,
.node--manage-subscriptions .save-more .card a:hover,
.node--manage-subscriptions .save-more .card a:focus,
.node--manage-subscriptions .my-notifications .card a:hover,
.node--manage-subscriptions .my-notifications .card a:focus,
.node--manage-subscriptions .manage-subscriptions .card a:hover,
.node--manage-subscriptions .manage-subscriptions .card a:focus,
.node--manage-subscriptions .support_request .card a:hover,
.node--manage-subscriptions .support_request .card a:focus,
.node--my-support-requests .block-views-blockmy-team-person-service .card a:hover,
.node--my-support-requests .block-views-blockmy-team-person-service .card a:focus,
.node--my-support-requests .person-service .card a:hover,
.node--my-support-requests .person-service .card a:focus,
.node--my-support-requests .my-saves .card a:hover,
.node--my-support-requests .my-saves .card a:focus,
.node--my-support-requests .save-more .card a:hover,
.node--my-support-requests .save-more .card a:focus,
.node--my-support-requests .my-notifications .card a:hover,
.node--my-support-requests .my-notifications .card a:focus,
.node--my-support-requests .manage-subscriptions .card a:hover,
.node--my-support-requests .manage-subscriptions .card a:focus,
.node--my-support-requests .support_request .card a:hover,
.node--my-support-requests .support_request .card a:focus {
text-decoration: none;
}
.path-user .block-views-blockmy-team-person-service .card__arrow,
.path-user .person-service .card__arrow,
.path-user .my-saves .card__arrow,
.path-user .save-more .card__arrow,
.path-user .my-notifications .card__arrow,
.path-user .manage-subscriptions .card__arrow,
.path-user .support_request .card__arrow,
.node--my-saves .block-views-blockmy-team-person-service .card__arrow,
.node--my-saves .person-service .card__arrow,
.node--my-saves .my-saves .card__arrow,
.node--my-saves .save-more .card__arrow,
.node--my-saves .my-notifications .card__arrow,
.node--my-saves .manage-subscriptions .card__arrow,
.node--my-saves .support_request .card__arrow,
.node--managed-saved .block-views-blockmy-team-person-service .card__arrow,
.node--managed-saved .person-service .card__arrow,
.node--managed-saved .my-saves .card__arrow,
.node--managed-saved .save-more .card__arrow,
.node--managed-saved .my-notifications .card__arrow,
.node--managed-saved .manage-subscriptions .card__arrow,
.node--managed-saved .support_request .card__arrow,
.node--manage-subscriptions .block-views-blockmy-team-person-service .card__arrow,
.node--manage-subscriptions .person-service .card__arrow,
.node--manage-subscriptions .my-saves .card__arrow,
.node--manage-subscriptions .save-more .card__arrow,
.node--manage-subscriptions .my-notifications .card__arrow,
.node--manage-subscriptions .manage-subscriptions .card__arrow,
.node--manage-subscriptions .support_request .card__arrow,
.node--my-support-requests .block-views-blockmy-team-person-service .card__arrow,
.node--my-support-requests .person-service .card__arrow,
.node--my-support-requests .my-saves .card__arrow,
.node--my-support-requests .save-more .card__arrow,
.node--my-support-requests .my-notifications .card__arrow,
.node--my-support-requests .manage-subscriptions .card__arrow,
.node--my-support-requests .support_request .card__arrow {
position: absolute;
right: 0;
top: 42%;
margin-right: 20px;
height: 42px;
width: 16px;
background-size: 16px;
margin-top: -7px;
}
.path-user .block-views-blockmy-team-person-service .card__arrow.right,
.path-user .person-service .card__arrow.right,
.path-user .my-saves .card__arrow.right,
.path-user .save-more .card__arrow.right,
.path-user .my-notifications .card__arrow.right,
.path-user .manage-subscriptions .card__arrow.right,
.path-user .support_request .card__arrow.right,
.node--my-saves .block-views-blockmy-team-person-service .card__arrow.right,
.node--my-saves .person-service .card__arrow.right,
.node--my-saves .my-saves .card__arrow.right,
.node--my-saves .save-more .card__arrow.right,
.node--my-saves .my-notifications .card__arrow.right,
.node--my-saves .manage-subscriptions .card__arrow.right,
.node--my-saves .support_request .card__arrow.right,
.node--managed-saved .block-views-blockmy-team-person-service .card__arrow.right,
.node--managed-saved .person-service .card__arrow.right,
.node--managed-saved .my-saves .card__arrow.right,
.node--managed-saved .save-more .card__arrow.right,
.node--managed-saved .my-notifications .card__arrow.right,
.node--managed-saved .manage-subscriptions .card__arrow.right,
.node--managed-saved .support_request .card__arrow.right,
.node--manage-subscriptions .block-views-blockmy-team-person-service .card__arrow.right,
.node--manage-subscriptions .person-service .card__arrow.right,
.node--manage-subscriptions .my-saves .card__arrow.right,
.node--manage-subscriptions .save-more .card__arrow.right,
.node--manage-subscriptions .my-notifications .card__arrow.right,
.node--manage-subscriptions .manage-subscriptions .card__arrow.right,
.node--manage-subscriptions .support_request .card__arrow.right,
.node--my-support-requests .block-views-blockmy-team-person-service .card__arrow.right,
.node--my-support-requests .person-service .card__arrow.right,
.node--my-support-requests .my-saves .card__arrow.right,
.node--my-support-requests .save-more .card__arrow.right,
.node--my-support-requests .my-notifications .card__arrow.right,
.node--my-support-requests .manage-subscriptions .card__arrow.right,
.node--my-support-requests .support_request .card__arrow.right {
background-image: url("../img/arrow-right.svg");
}
.path-user .block-views-blockmy-team-person-service .card__arrow.down,
.path-user .person-service .card__arrow.down,
.path-user .my-saves .card__arrow.down,
.path-user .save-more .card__arrow.down,
.path-user .my-notifications .card__arrow.down,
.path-user .manage-subscriptions .card__arrow.down,
.path-user .support_request .card__arrow.down,
.node--my-saves .block-views-blockmy-team-person-service .card__arrow.down,
.node--my-saves .person-service .card__arrow.down,
.node--my-saves .my-saves .card__arrow.down,
.node--my-saves .save-more .card__arrow.down,
.node--my-saves .my-notifications .card__arrow.down,
.node--my-saves .manage-subscriptions .card__arrow.down,
.node--my-saves .support_request .card__arrow.down,
.node--managed-saved .block-views-blockmy-team-person-service .card__arrow.down,
.node--managed-saved .person-service .card__arrow.down,
.node--managed-saved .my-saves .card__arrow.down,
.node--managed-saved .save-more .card__arrow.down,
.node--managed-saved .my-notifications .card__arrow.down,
.node--managed-saved .manage-subscriptions .card__arrow.down,
.node--managed-saved .support_request .card__arrow.down,
.node--manage-subscriptions .block-views-blockmy-team-person-service .card__arrow.down,
.node--manage-subscriptions .person-service .card__arrow.down,
.node--manage-subscriptions .my-saves .card__arrow.down,
.node--manage-subscriptions .save-more .card__arrow.down,
.node--manage-subscriptions .my-notifications .card__arrow.down,
.node--manage-subscriptions .manage-subscriptions .card__arrow.down,
.node--manage-subscriptions .support_request .card__arrow.down,
.node--my-support-requests .block-views-blockmy-team-person-service .card__arrow.down,
.node--my-support-requests .person-service .card__arrow.down,
.node--my-support-requests .my-saves .card__arrow.down,
.node--my-support-requests .save-more .card__arrow.down,
.node--my-support-requests .my-notifications .card__arrow.down,
.node--my-support-requests .manage-subscriptions .card__arrow.down,
.node--my-support-requests .support_request .card__arrow.down {
background-image: url("../img/arrow-down.svg");
}
.path-user .block-views-blockmy-team-person-service .open,
.path-user .person-service .open,
.path-user .my-saves .open,
.path-user .save-more .open,
.path-user .my-notifications .open,
.path-user .manage-subscriptions .open,
.path-user .support_request .open,
.node--my-saves .block-views-blockmy-team-person-service .open,
.node--my-saves .person-service .open,
.node--my-saves .my-saves .open,
.node--my-saves .save-more .open,
.node--my-saves .my-notifications .open,
.node--my-saves .manage-subscriptions .open,
.node--my-saves .support_request .open,
.node--managed-saved .block-views-blockmy-team-person-service .open,
.node--managed-saved .person-service .open,
.node--managed-saved .my-saves .open,
.node--managed-saved .save-more .open,
.node--managed-saved .my-notifications .open,
.node--managed-saved .manage-subscriptions .open,
.node--managed-saved .support_request .open,
.node--manage-subscriptions .block-views-blockmy-team-person-service .open,
.node--manage-subscriptions .person-service .open,
.node--manage-subscriptions .my-saves .open,
.node--manage-subscriptions .save-more .open,
.node--manage-subscriptions .my-notifications .open,
.node--manage-subscriptions .manage-subscriptions .open,
.node--manage-subscriptions .support_request .open,
.node--my-support-requests .block-views-blockmy-team-person-service .open,
.node--my-support-requests .person-service .open,
.node--my-support-requests .my-saves .open,
.node--my-support-requests .save-more .open,
.node--my-support-requests .my-notifications .open,
.node--my-support-requests .manage-subscriptions .open,
.node--my-support-requests .support_request .open {
display: block !important;
}
.path-user .block-views-blockmy-team-person-service .cards--homepage,
.path-user .person-service .cards--homepage,
.path-user .my-saves .cards--homepage,
.path-user .save-more .cards--homepage,
.path-user .my-notifications .cards--homepage,
.path-user .manage-subscriptions .cards--homepage,
.path-user .support_request .cards--homepage,
.node--my-saves .block-views-blockmy-team-person-service .cards--homepage,
.node--my-saves .person-service .cards--homepage,
.node--my-saves .my-saves .cards--homepage,
.node--my-saves .save-more .cards--homepage,
.node--my-saves .my-notifications .cards--homepage,
.node--my-saves .manage-subscriptions .cards--homepage,
.node--my-saves .support_request .cards--homepage,
.node--managed-saved .block-views-blockmy-team-person-service .cards--homepage,
.node--managed-saved .person-service .cards--homepage,
.node--managed-saved .my-saves .cards--homepage,
.node--managed-saved .save-more .cards--homepage,
.node--managed-saved .my-notifications .cards--homepage,
.node--managed-saved .manage-subscriptions .cards--homepage,
.node--managed-saved .support_request .cards--homepage,
.node--manage-subscriptions .block-views-blockmy-team-person-service .cards--homepage,
.node--manage-subscriptions .person-service .cards--homepage,
.node--manage-subscriptions .my-saves .cards--homepage,
.node--manage-subscriptions .save-more .cards--homepage,
.node--manage-subscriptions .my-notifications .cards--homepage,
.node--manage-subscriptions .manage-subscriptions .cards--homepage,
.node--manage-subscriptions .support_request .cards--homepage,
.node--my-support-requests .block-views-blockmy-team-person-service .cards--homepage,
.node--my-support-requests .person-service .cards--homepage,
.node--my-support-requests .my-saves .cards--homepage,
.node--my-support-requests .save-more .cards--homepage,
.node--my-support-requests .my-notifications .cards--homepage,
.node--my-support-requests .manage-subscriptions .cards--homepage,
.node--my-support-requests .support_request .cards--homepage {
display: none;
padding: 15px 10px;
}
.path-user .block-views-blockmy-team-person-service .cards--homepage p,
.path-user .person-service .cards--homepage p,
.path-user .my-saves .cards--homepage p,
.path-user .save-more .cards--homepage p,
.path-user .my-notifications .cards--homepage p,
.path-user .manage-subscriptions .cards--homepage p,
.path-user .support_request .cards--homepage p,
.node--my-saves .block-views-blockmy-team-person-service .cards--homepage p,
.node--my-saves .person-service .cards--homepage p,
.node--my-saves .my-saves .cards--homepage p,
.node--my-saves .save-more .cards--homepage p,
.node--my-saves .my-notifications .cards--homepage p,
.node--my-saves .manage-subscriptions .cards--homepage p,
.node--my-saves .support_request .cards--homepage p,
.node--managed-saved .block-views-blockmy-team-person-service .cards--homepage p,
.node--managed-saved .person-service .cards--homepage p,
.node--managed-saved .my-saves .cards--homepage p,
.node--managed-saved .save-more .cards--homepage p,
.node--managed-saved .my-notifications .cards--homepage p,
.node--managed-saved .manage-subscriptions .cards--homepage p,
.node--managed-saved .support_request .cards--homepage p,
.node--manage-subscriptions .block-views-blockmy-team-person-service .cards--homepage p,
.node--manage-subscriptions .person-service .cards--homepage p,
.node--manage-subscriptions .my-saves .cards--homepage p,
.node--manage-subscriptions .save-more .cards--homepage p,
.node--manage-subscriptions .my-notifications .cards--homepage p,
.node--manage-subscriptions .manage-subscriptions .cards--homepage p,
.node--manage-subscriptions .support_request .cards--homepage p,
.node--my-support-requests .block-views-blockmy-team-person-service .cards--homepage p,
.node--my-support-requests .person-service .cards--homepage p,
.node--my-support-requests .my-saves .cards--homepage p,
.node--my-support-requests .save-more .cards--homepage p,
.node--my-support-requests .my-notifications .cards--homepage p,
.node--my-support-requests .manage-subscriptions .cards--homepage p,
.node--my-support-requests .support_request .cards--homepage p {
margin-bottom: 0;
}
.path-user .block-views-blockmy-team-person-service .cards--homepage .card__full-details,
.path-user .person-service .cards--homepage .card__full-details,
.path-user .my-saves .cards--homepage .card__full-details,
.path-user .save-more .cards--homepage .card__full-details,
.path-user .my-notifications .cards--homepage .card__full-details,
.path-user .manage-subscriptions .cards--homepage .card__full-details,
.path-user .support_request .cards--homepage .card__full-details,
.node--my-saves .block-views-blockmy-team-person-service .cards--homepage .card__full-details,
.node--my-saves .person-service .cards--homepage .card__full-details,
.node--my-saves .my-saves .cards--homepage .card__full-details,
.node--my-saves .save-more .cards--homepage .card__full-details,
.node--my-saves .my-notifications .cards--homepage .card__full-details,
.node--my-saves .manage-subscriptions .cards--homepage .card__full-details,
.node--my-saves .support_request .cards--homepage .card__full-details,
.node--managed-saved .block-views-blockmy-team-person-service .cards--homepage .card__full-details,
.node--managed-saved .person-service .cards--homepage .card__full-details,
.node--managed-saved .my-saves .cards--homepage .card__full-details,
.node--managed-saved .save-more .cards--homepage .card__full-details,
.node--managed-saved .my-notifications .cards--homepage .card__full-details,
.node--managed-saved .manage-subscriptions .cards--homepage .card__full-details,
.node--managed-saved .support_request .cards--homepage .card__full-details,
.node--manage-subscriptions .block-views-blockmy-team-person-service .cards--homepage .card__full-details,
.node--manage-subscriptions .person-service .cards--homepage .card__full-details,
.node--manage-subscriptions .my-saves .cards--homepage .card__full-details,
.node--manage-subscriptions .save-more .cards--homepage .card__full-details,
.node--manage-subscriptions .my-notifications .cards--homepage .card__full-details,
.node--manage-subscriptions .manage-subscriptions .cards--homepage .card__full-details,
.node--manage-subscriptions .support_request .cards--homepage .card__full-details,
.node--my-support-requests .block-views-blockmy-team-person-service .cards--homepage .card__full-details,
.node--my-support-requests .person-service .cards--homepage .card__full-details,
.node--my-support-requests .my-saves .cards--homepage .card__full-details,
.node--my-support-requests .save-more .cards--homepage .card__full-details,
.node--my-support-requests .my-notifications .cards--homepage .card__full-details,
.node--my-support-requests .manage-subscriptions .cards--homepage .card__full-details,
.node--my-support-requests .support_request .cards--homepage .card__full-details {
margin-top: 15px;
margin-bottom: 5px;
}
.path-user .block-views-blockmy-team-person-service .cards--homepage .card__full-details .interactive-link,
.path-user .person-service .cards--homepage .card__full-details .interactive-link,
.path-user .my-saves .cards--homepage .card__full-details .interactive-link,
.path-user .save-more .cards--homepage .card__full-details .interactive-link,
.path-user .my-notifications .cards--homepage .card__full-details .interactive-link,
.path-user .manage-subscriptions .cards--homepage .card__full-details .interactive-link,
.path-user .support_request .cards--homepage .card__full-details .interactive-link,
.node--my-saves .block-views-blockmy-team-person-service .cards--homepage .card__full-details .interactive-link,
.node--my-saves .person-service .cards--homepage .card__full-details .interactive-link,
.node--my-saves .my-saves .cards--homepage .card__full-details .interactive-link,
.node--my-saves .save-more .cards--homepage .card__full-details .interactive-link,
.node--my-saves .my-notifications .cards--homepage .card__full-details .interactive-link,
.node--my-saves .manage-subscriptions .cards--homepage .card__full-details .interactive-link,
.node--my-saves .support_request .cards--homepage .card__full-details .interactive-link,
.node--managed-saved .block-views-blockmy-team-person-service .cards--homepage .card__full-details .interactive-link,
.node--managed-saved .person-service .cards--homepage .card__full-details .interactive-link,
.node--managed-saved .my-saves .cards--homepage .card__full-details .interactive-link,
.node--managed-saved .save-more .cards--homepage .card__full-details .interactive-link,
.node--managed-saved .my-notifications .cards--homepage .card__full-details .interactive-link,
.node--managed-saved .manage-subscriptions .cards--homepage .card__full-details .interactive-link,
.node--managed-saved .support_request .cards--homepage .card__full-details .interactive-link,
.node--manage-subscriptions .block-views-blockmy-team-person-service .cards--homepage .card__full-details .interactive-link,
.node--manage-subscriptions .person-service .cards--homepage .card__full-details .interactive-link,
.node--manage-subscriptions .my-saves .cards--homepage .card__full-details .interactive-link,
.node--manage-subscriptions .save-more .cards--homepage .card__full-details .interactive-link,
.node--manage-subscriptions .my-notifications .cards--homepage .card__full-details .interactive-link,
.node--manage-subscriptions .manage-subscriptions .cards--homepage .card__full-details .interactive-link,
.node--manage-subscriptions .support_request .cards--homepage .card__full-details .interactive-link,
.node--my-support-requests .block-views-blockmy-team-person-service .cards--homepage .card__full-details .interactive-link,
.node--my-support-requests .person-service .cards--homepage .card__full-details .interactive-link,
.node--my-support-requests .my-saves .cards--homepage .card__full-details .interactive-link,
.node--my-support-requests .save-more .cards--homepage .card__full-details .interactive-link,
.node--my-support-requests .my-notifications .cards--homepage .card__full-details .interactive-link,
.node--my-support-requests .manage-subscriptions .cards--homepage .card__full-details .interactive-link,
.node--my-support-requests .support_request .cards--homepage .card__full-details .interactive-link {
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.path-user .block-views-blockmy-team-person-service .cards--homepage .card__full-details .interactive-link:hover,
.path-user .person-service .cards--homepage .card__full-details .interactive-link:hover,
.path-user .my-saves .cards--homepage .card__full-details .interactive-link:hover,
.path-user .save-more .cards--homepage .card__full-details .interactive-link:hover,
.path-user .my-notifications .cards--homepage .card__full-details .interactive-link:hover,
.path-user .manage-subscriptions .cards--homepage .card__full-details .interactive-link:hover,
.path-user .support_request .cards--homepage .card__full-details .interactive-link:hover,
.node--my-saves .block-views-blockmy-team-person-service .cards--homepage .card__full-details .interactive-link:hover,
.node--my-saves .person-service .cards--homepage .card__full-details .interactive-link:hover,
.node--my-saves .my-saves .cards--homepage .card__full-details .interactive-link:hover,
.node--my-saves .save-more .cards--homepage .card__full-details .interactive-link:hover,
.node--my-saves .my-notifications .cards--homepage .card__full-details .interactive-link:hover,
.node--my-saves .manage-subscriptions .cards--homepage .card__full-details .interactive-link:hover,
.node--my-saves .support_request .cards--homepage .card__full-details .interactive-link:hover,
.node--managed-saved .block-views-blockmy-team-person-service .cards--homepage .card__full-details .interactive-link:hover,
.node--managed-saved .person-service .cards--homepage .card__full-details .interactive-link:hover,
.node--managed-saved .my-saves .cards--homepage .card__full-details .interactive-link:hover,
.node--managed-saved .save-more .cards--homepage .card__full-details .interactive-link:hover,
.node--managed-saved .my-notifications .cards--homepage .card__full-details .interactive-link:hover,
.node--managed-saved .manage-subscriptions .cards--homepage .card__full-details .interactive-link:hover,
.node--managed-saved .support_request .cards--homepage .card__full-details .interactive-link:hover,
.node--manage-subscriptions .block-views-blockmy-team-person-service .cards--homepage .card__full-details .interactive-link:hover,
.node--manage-subscriptions .person-service .cards--homepage .card__full-details .interactive-link:hover,
.node--manage-subscriptions .my-saves .cards--homepage .card__full-details .interactive-link:hover,
.node--manage-subscriptions .save-more .cards--homepage .card__full-details .interactive-link:hover,
.node--manage-subscriptions .my-notifications .cards--homepage .card__full-details .interactive-link:hover,
.node--manage-subscriptions .manage-subscriptions .cards--homepage .card__full-details .interactive-link:hover,
.node--manage-subscriptions .support_request .cards--homepage .card__full-details .interactive-link:hover,
.node--my-support-requests .block-views-blockmy-team-person-service .cards--homepage .card__full-details .interactive-link:hover,
.node--my-support-requests .person-service .cards--homepage .card__full-details .interactive-link:hover,
.node--my-support-requests .my-saves .cards--homepage .card__full-details .interactive-link:hover,
.node--my-support-requests .save-more .cards--homepage .card__full-details .interactive-link:hover,
.node--my-support-requests .my-notifications .cards--homepage .card__full-details .interactive-link:hover,
.node--my-support-requests .manage-subscriptions .cards--homepage .card__full-details .interactive-link:hover,
.node--my-support-requests .support_request .cards--homepage .card__full-details .interactive-link:hover {
text-decoration: underline;
}
.path-user .block-views-blockmy-team-person-service .card__title,
.path-user .person-service .card__title,
.path-user .my-saves .card__title,
.path-user .save-more .card__title,
.path-user .my-notifications .card__title,
.path-user .manage-subscriptions .card__title,
.path-user .support_request .card__title,
.node--my-saves .block-views-blockmy-team-person-service .card__title,
.node--my-saves .person-service .card__title,
.node--my-saves .my-saves .card__title,
.node--my-saves .save-more .card__title,
.node--my-saves .my-notifications .card__title,
.node--my-saves .manage-subscriptions .card__title,
.node--my-saves .support_request .card__title,
.node--managed-saved .block-views-blockmy-team-person-service .card__title,
.node--managed-saved .person-service .card__title,
.node--managed-saved .my-saves .card__title,
.node--managed-saved .save-more .card__title,
.node--managed-saved .my-notifications .card__title,
.node--managed-saved .manage-subscriptions .card__title,
.node--managed-saved .support_request .card__title,
.node--manage-subscriptions .block-views-blockmy-team-person-service .card__title,
.node--manage-subscriptions .person-service .card__title,
.node--manage-subscriptions .my-saves .card__title,
.node--manage-subscriptions .save-more .card__title,
.node--manage-subscriptions .my-notifications .card__title,
.node--manage-subscriptions .manage-subscriptions .card__title,
.node--manage-subscriptions .support_request .card__title,
.node--my-support-requests .block-views-blockmy-team-person-service .card__title,
.node--my-support-requests .person-service .card__title,
.node--my-support-requests .my-saves .card__title,
.node--my-support-requests .save-more .card__title,
.node--my-support-requests .my-notifications .card__title,
.node--my-support-requests .manage-subscriptions .card__title,
.node--my-support-requests .support_request .card__title {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px !important;
font-weight: 400 !important;
letter-spacing: 0.2px !important;
line-height: 20px !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
margin-left: 10px !important;
margin-right: 60px !important;
padding: 0;
border: none;
}
.path-user .block-views-blockmy-team-person-service .card__status,
.path-user .person-service .card__status,
.path-user .my-saves .card__status,
.path-user .save-more .card__status,
.path-user .my-notifications .card__status,
.path-user .manage-subscriptions .card__status,
.path-user .support_request .card__status,
.node--my-saves .block-views-blockmy-team-person-service .card__status,
.node--my-saves .person-service .card__status,
.node--my-saves .my-saves .card__status,
.node--my-saves .save-more .card__status,
.node--my-saves .my-notifications .card__status,
.node--my-saves .manage-subscriptions .card__status,
.node--my-saves .support_request .card__status,
.node--managed-saved .block-views-blockmy-team-person-service .card__status,
.node--managed-saved .person-service .card__status,
.node--managed-saved .my-saves .card__status,
.node--managed-saved .save-more .card__status,
.node--managed-saved .my-notifications .card__status,
.node--managed-saved .manage-subscriptions .card__status,
.node--managed-saved .support_request .card__status,
.node--manage-subscriptions .block-views-blockmy-team-person-service .card__status,
.node--manage-subscriptions .person-service .card__status,
.node--manage-subscriptions .my-saves .card__status,
.node--manage-subscriptions .save-more .card__status,
.node--manage-subscriptions .my-notifications .card__status,
.node--manage-subscriptions .manage-subscriptions .card__status,
.node--manage-subscriptions .support_request .card__status,
.node--my-support-requests .block-views-blockmy-team-person-service .card__status,
.node--my-support-requests .person-service .card__status,
.node--my-support-requests .my-saves .card__status,
.node--my-support-requests .save-more .card__status,
.node--my-support-requests .my-notifications .card__status,
.node--my-support-requests .manage-subscriptions .card__status,
.node--my-support-requests .support_request .card__status {
margin-top: 0;
margin-bottom: 0;
margin-left: 10px !important;
}
.path-user .block-views-blockmy-team-person-service .card__status .field__label,
.path-user .person-service .card__status .field__label,
.path-user .my-saves .card__status .field__label,
.path-user .save-more .card__status .field__label,
.path-user .my-notifications .card__status .field__label,
.path-user .manage-subscriptions .card__status .field__label,
.path-user .support_request .card__status .field__label,
.node--my-saves .block-views-blockmy-team-person-service .card__status .field__label,
.node--my-saves .person-service .card__status .field__label,
.node--my-saves .my-saves .card__status .field__label,
.node--my-saves .save-more .card__status .field__label,
.node--my-saves .my-notifications .card__status .field__label,
.node--my-saves .manage-subscriptions .card__status .field__label,
.node--my-saves .support_request .card__status .field__label,
.node--managed-saved .block-views-blockmy-team-person-service .card__status .field__label,
.node--managed-saved .person-service .card__status .field__label,
.node--managed-saved .my-saves .card__status .field__label,
.node--managed-saved .save-more .card__status .field__label,
.node--managed-saved .my-notifications .card__status .field__label,
.node--managed-saved .manage-subscriptions .card__status .field__label,
.node--managed-saved .support_request .card__status .field__label,
.node--manage-subscriptions .block-views-blockmy-team-person-service .card__status .field__label,
.node--manage-subscriptions .person-service .card__status .field__label,
.node--manage-subscriptions .my-saves .card__status .field__label,
.node--manage-subscriptions .save-more .card__status .field__label,
.node--manage-subscriptions .my-notifications .card__status .field__label,
.node--manage-subscriptions .manage-subscriptions .card__status .field__label,
.node--manage-subscriptions .support_request .card__status .field__label,
.node--my-support-requests .block-views-blockmy-team-person-service .card__status .field__label,
.node--my-support-requests .person-service .card__status .field__label,
.node--my-support-requests .my-saves .card__status .field__label,
.node--my-support-requests .save-more .card__status .field__label,
.node--my-support-requests .my-notifications .card__status .field__label,
.node--my-support-requests .manage-subscriptions .card__status .field__label,
.node--my-support-requests .support_request .card__status .field__label {
display: none;
}
.path-user .block-views-blockmy-team-person-service .card__status p,
.path-user .person-service .card__status p,
.path-user .my-saves .card__status p,
.path-user .save-more .card__status p,
.path-user .my-notifications .card__status p,
.path-user .manage-subscriptions .card__status p,
.path-user .support_request .card__status p,
.node--my-saves .block-views-blockmy-team-person-service .card__status p,
.node--my-saves .person-service .card__status p,
.node--my-saves .my-saves .card__status p,
.node--my-saves .save-more .card__status p,
.node--my-saves .my-notifications .card__status p,
.node--my-saves .manage-subscriptions .card__status p,
.node--my-saves .support_request .card__status p,
.node--managed-saved .block-views-blockmy-team-person-service .card__status p,
.node--managed-saved .person-service .card__status p,
.node--managed-saved .my-saves .card__status p,
.node--managed-saved .save-more .card__status p,
.node--managed-saved .my-notifications .card__status p,
.node--managed-saved .manage-subscriptions .card__status p,
.node--managed-saved .support_request .card__status p,
.node--manage-subscriptions .block-views-blockmy-team-person-service .card__status p,
.node--manage-subscriptions .person-service .card__status p,
.node--manage-subscriptions .my-saves .card__status p,
.node--manage-subscriptions .save-more .card__status p,
.node--manage-subscriptions .my-notifications .card__status p,
.node--manage-subscriptions .manage-subscriptions .card__status p,
.node--manage-subscriptions .support_request .card__status p,
.node--my-support-requests .block-views-blockmy-team-person-service .card__status p,
.node--my-support-requests .person-service .card__status p,
.node--my-support-requests .my-saves .card__status p,
.node--my-support-requests .save-more .card__status p,
.node--my-support-requests .my-notifications .card__status p,
.node--my-support-requests .manage-subscriptions .card__status p,
.node--my-support-requests .support_request .card__status p {
margin-bottom: 0;
}
.path-user .saved-article,
.path-user .manage-saved,
.node--my-saves .saved-article,
.node--my-saves .manage-saved,
.node--managed-saved .saved-article,
.node--managed-saved .manage-saved,
.node--manage-subscriptions .saved-article,
.node--manage-subscriptions .manage-saved,
.node--my-support-requests .saved-article,
.node--my-support-requests .manage-saved {
margin-left: 0;
}
.path-user .saved-article a,
.path-user .manage-saved a,
.node--my-saves .saved-article a,
.node--my-saves .manage-saved a,
.node--managed-saved .saved-article a,
.node--managed-saved .manage-saved a,
.node--manage-subscriptions .saved-article a,
.node--manage-subscriptions .manage-saved a,
.node--my-support-requests .saved-article a,
.node--my-support-requests .manage-saved a {
font-weight: bold;
}
.path-user .select-save,
.path-user .manage-saved,
.node--my-saves .select-save,
.node--my-saves .manage-saved,
.node--managed-saved .select-save,
.node--managed-saved .manage-saved,
.node--manage-subscriptions .select-save,
.node--manage-subscriptions .manage-saved,
.node--my-support-requests .select-save,
.node--my-support-requests .manage-saved {
display: flex;
}
.path-user .select-save .views-field-title,
.path-user .manage-saved .views-field-title,
.node--my-saves .select-save .views-field-title,
.node--my-saves .manage-saved .views-field-title,
.node--managed-saved .select-save .views-field-title,
.node--managed-saved .manage-saved .views-field-title,
.node--manage-subscriptions .select-save .views-field-title,
.node--manage-subscriptions .manage-saved .views-field-title,
.node--my-support-requests .select-save .views-field-title,
.node--my-support-requests .manage-saved .views-field-title {
flex: 1 0;
}
.path-user .select-save .views-field-link-flag,
.path-user .manage-saved .views-field-link-flag,
.node--my-saves .select-save .views-field-link-flag,
.node--my-saves .manage-saved .views-field-link-flag,
.node--managed-saved .select-save .views-field-link-flag,
.node--managed-saved .manage-saved .views-field-link-flag,
.node--manage-subscriptions .select-save .views-field-link-flag,
.node--manage-subscriptions .manage-saved .views-field-link-flag,
.node--my-support-requests .select-save .views-field-link-flag,
.node--my-support-requests .manage-saved .views-field-link-flag {
text-align: right;
}
.path-user .select-save .views-field-link-flag a,
.path-user .manage-saved .views-field-link-flag a,
.node--my-saves .select-save .views-field-link-flag a,
.node--my-saves .manage-saved .views-field-link-flag a,
.node--managed-saved .select-save .views-field-link-flag a,
.node--managed-saved .manage-saved .views-field-link-flag a,
.node--manage-subscriptions .select-save .views-field-link-flag a,
.node--manage-subscriptions .manage-saved .views-field-link-flag a,
.node--my-support-requests .select-save .views-field-link-flag a,
.node--my-support-requests .manage-saved .views-field-link-flag a {
color: #052049;
font-weight: normal;
}
.path-user .filters,
.node--my-saves .filters,
.node--managed-saved .filters,
.node--manage-subscriptions .filters,
.node--my-support-requests .filters {
position: relative;
margin-bottom: 30px;
}
.path-user .filters label,
.node--my-saves .filters label,
.node--managed-saved .filters label,
.node--manage-subscriptions .filters label,
.node--my-support-requests .filters label {
font-weight: bold;
}
.path-user .filters input,
.node--my-saves .filters input,
.node--managed-saved .filters input,
.node--manage-subscriptions .filters input,
.node--my-support-requests .filters input {
border: 1px solid #B4B9BF;
margin: 0;
}
.path-user .filters .form-submit,
.node--my-saves .filters .form-submit,
.node--managed-saved .filters .form-submit,
.node--manage-subscriptions .filters .form-submit,
.node--my-support-requests .filters .form-submit {
background-image: url("../img/magnifier.svg");
background-size: 25px;
background-repeat: no-repeat;
background-position: calc(100% - 33px) center;
background-color: transparent;
text-indent: -9999px;
position: absolute;
top: 13px;
right: 1px;
border: 0;
width: 60px;
}
.path-user .filters .form-text,
.node--my-saves .filters .form-text,
.node--managed-saved .filters .form-text,
.node--manage-subscriptions .filters .form-text,
.node--my-support-requests .filters .form-text {
background-image: none;
}
@media (max-width: 650px) {
.my-saves .manage-saved,
.node--manage-subscriptions .manage-saved {
flex-direction: column;
gap: 10px;
}
}
.select2-container {
background-color: #FFF;
box-shadow: 0 0 10px 0 rgba(5, 32, 73, 0.15);
}
.select2-container .selection {
display: flex;
align-items: center;
justify-content: space-between;
height: 50px;
padding: 0 20px;
}
.select2-container .selection .select2-selection--single {
border: none;
flex: 100%;
}
.select2-container .selection .select2-selection__arrow {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-color: transparent;
background-repeat: no-repeat;
background-color: transparent;
height: 32px;
position: absolute;
top: 10px;
right: 20px;
width: 20px;
}
.select2-container .selection .select2-selection__arrow b {
display: none;
}
.select2-container ul {
display: none;
}
.select2-container:hover {
cursor: pointer;
}
.select2-dropdown .select2-search {
display: none;
}
.select2-dropdown ul {
display: block;
border-top: 1px solid #9BA6B6;
margin: 0;
padding: 18px 0 0 0;
list-style-type: none;
z-index: 2;
max-height: 100% !important;
background-color: #FFF;
box-shadow: 0 0 10px 0 rgba(5, 32, 73, 0.15);
}
.select2-dropdown ul li {
line-height: 42px !important;
padding-left: 24px;
padding-right: 10px;
margin-bottom: 0;
color: #0071AD;
width: 100%;
font-size: 0.9rem;
}
.select2-dropdown ul li:last-child {
margin-bottom: 14px;
}
.select2-dropdown ul li:hover {
background-color: #E8F4FA !important;
color: #052049 !important;
}
.menu--user-navigation .menu,
.menu--user-help .menu {
list-style: none;
padding: 20px 0 !important;
margin: 0;
}
@media (min-width: 875px) {
.menu--user-navigation .menu,
.menu--user-help .menu {
padding: 0 !important;
}
}
.menu--user-navigation .menu .menu-item .menu,
.menu--user-help .menu .menu-item .menu {
padding: 0 0 0 22px !important;
}
.menu--user-navigation .menu .menu-item a,
.menu--user-help .menu .menu-item a {
display: block;
font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif !important;
font-size: 18px !important;
}
.menu--user-navigation .menu .menu-item a:hover,
.menu--user-help .menu .menu-item a:hover {
border-left: none !important;
color: #0071AD;
text-decoration: none;
}
@media (min-width: 875px) {
.menu--user-navigation .menu .menu-item a,
.menu--user-help .menu .menu-item a {
margin: 40px 0 !important;
}
}
.menu--user-navigation .menu .menu-item--expanded,
.menu--user-help .menu .menu-item--expanded {
margin: 0 !important;
}
.menu--user-navigation .menu .active,
.menu--user-help .menu .active {
color: #0071AD;
}
.menu--user-navigation {
border-bottom: 1px solid #9BA6B6;
}
.user-link p {
color: #9BA6B6;
}
@media (min-width: 875px) {
.user-link p {
text-align: center !important;
}
}
.user-link p a {
color: #0071AD;
font-weight: 500;
}
.path-taxonomy .group-container {
max-width: 320px;
width: 100%;
margin: 0 auto;
padding-bottom: 97px;
padding-top: 50px;
}
@media (max-width: 455px) {
.path-taxonomy .group-container {
max-width: calc(100% - 20px);
}
}
@media (min-width: 456px) and (max-width: 1084px) {
.path-taxonomy .group-container {
max-width: calc(100% - 40px);
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
.path-taxonomy .group-container {
max-width: calc(100% - 70px);
}
}
@media (min-width: 1300px) and (max-width: 1414px) {
.path-taxonomy .group-container {
max-width: calc(100% - 100px);
}
}
@media (min-width: 1415px) {
.path-taxonomy .group-container {
max-width: 1300px;
}
}
.path-taxonomy .group-container .grid {
display: flex;
}
@media (max-width: 874px) {
.path-taxonomy .group-container .grid {
flex-direction: column;
}
}
.path-taxonomy .group-container .grid .col1 {
flex: 66%;
background-color: #FFF;
padding: 25px 20px;
position: relative;
}
@media (max-width: 874px) {
.path-taxonomy .group-container .grid .col1 {
width: 100%;
}
}
@media (min-width: 456px) {
.path-taxonomy .group-container .grid .col1 {
padding: 25px 34px;
}
}
@media (min-width: 875px) {
.path-taxonomy .group-container .grid .col1 {
padding: 54px 105px;
}
}
.path-taxonomy .group-container .grid .col1 .group-description {
margin-bottom: 38px;
}
.path-taxonomy .group-container .grid .col1 .group-description .page-label {
display: flex !important;
align-items: baseline !important;
height: 12px !important;
line-height: 12px !important;
margin-bottom: 10px !important;
}
@media (max-width: 874px) {
.path-taxonomy .group-container .grid .col1 .group-description .page-label {
margin-top: 10px !important;
}
}
.path-taxonomy .group-container .grid .col1 .group-description .page-label .rectangle {
background-color: #178CCB;
width: 9px;
height: 9px;
margin-right: 10px;
}
.path-taxonomy .group-container .grid .col1 .group-description .page-label .label-text {
color: #0071AD !important;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
line-height: 12px !important;
text-transform: uppercase;
}
.path-taxonomy .group-container .grid .col1 .group-description h1 {
color: #052049;
font-family: "HelveticaNeue-Thin", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 50px;
font-weight: 400;
line-height: 60px;
margin-bottom: 26px;
}
.path-taxonomy .group-container .grid .col1 .group-description .group-content {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 32px;
}
.path-taxonomy .group-container .grid .col1 .service-now {
margin-bottom: 100px;
}
.path-taxonomy .group-container .grid .col1 .group-service h2 {
color: #052049;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 32px;
padding-bottom: 26px;
margin-bottom: 30px;
margin-top: 0;
border-bottom: 3px solid #052049;
}
.path-taxonomy .group-container .grid .col1 .group-service .list-group {
border: 0;
}
.path-taxonomy .group-container .grid .col2 {
flex: 33%;
background-color: #E6E9ED;
padding: 70px 40px;
position: relative;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
@media (max-width: 874px) {
.path-taxonomy .group-container .grid .col2 {
width: 100%;
flex-basis: 100%;
max-width: 100%;
}
}
.path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager {
text-align: center;
margin-bottom: 35px;
}
.path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person .person-image,
.path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person img,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person .person-image,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person img {
overflow: hidden;
display: block;
width: 175px;
height: 175px;
margin: -100px auto 12px;
}
.path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person .person-name,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person .person-name {
display: block;
color: #052049;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 39px;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 47px;
text-decoration: none !important;
text-align: center;
}
.path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person .person-title,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person .person-title {
display: block;
margin-bottom: 0;
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 14px;
text-transform: uppercase;
text-decoration: none !important;
text-align: center;
}
.path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person a .person-name,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person a .person-name {
color: #0071AD !important;
}
.path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person a .person-title,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person a .person-title {
color: #052049 !important;
}
.path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person a:hover, .path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person a:focus,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person a:hover,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person a:focus {
text-decoration: none !important;
}
.path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person a:hover .person-name, .path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person a:focus .person-name,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person a:hover .person-name,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person a:focus .person-name {
color: #0071AD !important;
text-decoration: none !important;
cursor: pointer !important;
}
.path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person a:hover .person-title, .path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person a:focus .person-title,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person a:hover .person-title,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person a:focus .person-title {
color: #052049 !important;
text-decoration: none !important;
cursor: pointer !important;
}
.path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person a.active .person-name,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person a.active .person-name {
color: #0071AD !important;
}
.path-taxonomy .group-container .grid .col2 .block-field-blocktaxonomy-termgroupfield-team-manager .person a.active .person-title,
.path-taxonomy .group-container .grid .col2 .block-views-blockteam-members-team-manager .person a.active .person-title {
color: #052049 !important;
}
.path-taxonomy .group-container .grid .col2 .group-members {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-left: 0px !important;
list-style: none !important;
}
.path-taxonomy .group-container .grid .col2 .group-members > li {
flex: 0 1 175px;
margin-bottom: 30px;
}
@media (max-width: 1211px) {
.path-taxonomy .group-container .grid .col2 .group-members > li {
margin-left: auto;
margin-right: auto;
}
}
.path-taxonomy .group-container .grid .col2 .group-members > li .person-image {
overflow: hidden;
display: block;
width: 175px;
height: 175px;
}
.path-taxonomy .group-container .grid .col2 .group-members > li .person-image > img {
display: block;
width: 100%;
position: absolute;
top: -9999px;
right: -9999px;
bottom: -9999px;
left: -9999px;
margin: auto;
}
.path-taxonomy .group-container .grid .col2 .group-members > li .person-name {
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
font-size: 18px;
letter-spacing: 0.2px;
display: flex;
align-items: center;
text-decoration: none;
margin: 5px 0;
line-height: 22px;
}
.path-taxonomy .group-container .grid .col2 .group-members > li .person-title {
display: block;
margin-bottom: 0;
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 14px;
text-transform: uppercase;
text-decoration: none !important;
}
.path-taxonomy .group-container .grid .col2 .group-members > li .person-title--job {
display: none;
}
.path-taxonomy .group-container .grid .col2 .group-members > li a .person-name {
color: #0071AD !important;
}
.path-taxonomy .group-container .grid .col2 .group-members > li a:hover, .path-taxonomy .group-container .grid .col2 .group-members > li a:focus {
text-decoration: none !important;
}
.path-taxonomy .group-container .grid .col2 .group-members > li a:hover .person-name, .path-taxonomy .group-container .grid .col2 .group-members > li a:focus .person-name {
color: #0071AD !important;
text-decoration: none !important;
cursor: pointer !important;
}
.path-taxonomy .group-container .grid .col2 .group-members > li a.active .person-name {
color: #0071AD !important;
}
.path-taxonomy .group-container .grid .col2 .group-members .person--has-member-title .person--has-user-title .person-title {
display: none;
}
.toggle-nav {
width: 34px;
height: 34px;
position: relative;
background: url("../img/hamburger_icon.svg") no-repeat center #FFF;
background-size: 18px 18px;
min-width: 40px;
max-width: 40px;
width: 40px;
padding: 3px 0;
color: #052049;
}
@media (min-width: 875px) {
.toggle-nav {
display: none;
}
}
.search-icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
background: url("../img/magnifier.svg") no-repeat left #FFF;
background-size: 18px 18px;
padding-left: 24px;
margin-left: 60px;
height: 32px !important;
line-height: 32px;
color: #0071AD;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.34px;
}
@media (min-width: 875px) and (max-width: 1084px) {
.search-icon {
margin-left: 20px;
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
.search-icon {
margin-left: 40px;
}
}
.search-icon:hover {
background: url("../img/magnifier-hover.svg") no-repeat left #FFF;
color: #052049;
cursor: pointer;
background-size: 18px 18px;
padding-left: 24px;
margin-left: 60px;
line-height: 32px;
}
@media (min-width: 875px) and (max-width: 1084px) {
.search-icon:hover {
margin-left: 20px;
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
.search-icon:hover {
margin-left: 40px;
}
}
.give-mobile {
display: none;
}
.mobile-nav-visible .toggle-nav {
background: url("../img/x-large.svg") no-repeat center #FFF;
background-size: 18px 18px;
}
.mobile-nav-visible.search-visible .main-navigation .flex-grid .navbar nav ul {
top: 258px;
}
@media (max-width: 874px) {
.mobile-nav-visible {
position: fixed;
width: 100%;
}
.mobile-nav-visible .main-navigation .flex-grid .navbar nav {
display: flex;
flex-direction: row;
}
.mobile-nav-visible .main-navigation .flex-grid .navbar nav ul {
background: #F2F3F4;
position: fixed;
right: 0;
left: 0;
top: 95px;
bottom: 0;
width: 100%;
z-index: 99999999;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 18px 0 0 0;
}
.mobile-nav-visible .main-navigation .flex-grid .navbar nav ul li {
line-height: 48px;
border-bottom: 1px solid #D5D9DE;
max-width: calc(100% - 70px);
margin-left: 35px;
margin-right: 35px;
}
.mobile-nav-visible .main-navigation .flex-grid .navbar nav ul li:first-child {
margin-left: 35px;
}
.mobile-nav-visible .main-navigation .flex-grid .navbar nav ul li .dropdown-menu {
border-top: 1px solid #D5D9DE;
display: block;
position: relative;
top: 0;
box-shadow: none;
background: transparent;
padding: 0;
}
.mobile-nav-visible .main-navigation .flex-grid .navbar nav ul li .dropdown-menu .dropdown-menu-item {
max-width: 100%;
margin: 0;
}
.mobile-nav-visible .main-navigation .flex-grid .navbar nav ul li .dropdown-menu .dropdown-menu-item > a {
display: block;
width: 100%;
color: #0071AD;
padding: 10px 30px;
}
.mobile-nav-visible .main-navigation .flex-grid .navbar nav ul li .dropdown-menu .dropdown-menu-item > a:hover {
color: #FFF;
}
.mobile-nav-visible .main-navigation .flex-grid .navbar nav ul li .dropdown-menu .dropdown-menu-item:last-child {
border-bottom: none;
}
.mobile-nav-visible .main-navigation .flex-grid .navbar nav ul li.dropdown-menu-parent .icon {
display: block;
margin: 13px 20px;
float: right;
font-size: 21px;
color: #506380;
}
.mobile-nav-visible .give-mobile {
display: flex;
position: relative;
z-index: 1001;
}
.mobile-nav-visible .give-mobile .give {
color: #FFF;
position: fixed;
bottom: 0;
width: 100%;
padding: 16px 24px;
text-align: left;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
background: url("../img/heart-reverse.svg") no-repeat #006BE9;
background-size: 32px;
background-position: calc(100% - 24px);
}
}
.search--dropdown {
display: none;
}
.search-visible .search-icon {
background: url("../img/x-large.svg") no-repeat left #FFF;
background-size: 14px 14px;
padding-left: 24px;
margin-left: 60px;
line-height: 32px;
}
.search-visible .search--dropdown {
width: 100%;
height: 160px;
position: absolute;
top: 98px;
left: 0;
z-index: 100;
background-color: #F2F3F4;
box-shadow: 0 12px 24px -12px rgba(91, 90, 96, 0.5);
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
@media (min-width: 875px) {
.search-visible .search--dropdown {
top: 119px;
}
}
@media (min-width: 1085px) {
.search-visible .search--dropdown {
top: 130px;
}
}
.search-visible .search--dropdown .search {
position: relative;
max-width: 320px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 455px) {
.search-visible .search--dropdown .search {
max-width: calc(100% - 20px);
}
}
@media (min-width: 456px) and (max-width: 1084px) {
.search-visible .search--dropdown .search {
max-width: calc(100% - 40px);
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
.search-visible .search--dropdown .search {
max-width: calc(100% - 70px);
}
}
@media (min-width: 1300px) {
.search-visible .search--dropdown .search {
max-width: 1195px;
}
}
.search-visible .search--dropdown .search__label {
position: absolute;
top: 0;
left: -1000000px;
}
.search-visible .search--dropdown .search__input {
width: 100%;
height: 70px;
padding-left: 8px;
font-size: 24px;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
margin-bottom: 0 !important;
}
@media (min-width: 875px) {
.search-visible .search--dropdown .search__input {
padding-left: 32px;
height: 90px;
}
}
.search-visible .search--dropdown .search__submit {
background: url("../img/magnifier.svg") no-repeat center #FFF;
width: 32px;
height: 100%;
background-size: 28px;
background-color: transparent;
border: none;
text-indent: -9999px;
position: absolute;
right: 8px;
}
@media (min-width: 875px) {
.search-visible .search--dropdown .search__submit {
right: 32px;
}
}
.header--search {
display: none;
}
.search-visible .header--search {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 160px;
background-color: #F2F3F4;
box-shadow: 0 12px 24px -12px rgba(91, 90, 96, 0.5);
}
.search-visible .header--search .home-search__form {
max-width: calc(100% - 20px);
margin: 0 auto;
}
@media (min-width: 456px) and (max-width: 1084px) {
.search-visible .header--search .home-search__form {
max-width: calc(100% - 40px);
}
}
@media (min-width: 1085px) and (max-width: 1299px) {
.search-visible .header--search .home-search__form {
max-width: calc(100% - 70px);
}
}
@media (max-width: 1299px) {
.search-visible .header--search .home-search__form {
max-width: 1225px;
}
}
.search-visible .header--search .home-search__form .search__form {
background-color: #FFF;
position: relative;
}
.search-visible .header--search .home-search__form .search__form .home-search__form-input {
height: 100px;
width: 100%;
padding-left: 8px;
font-size: 24px;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.search-visible .header--search .home-search__form .search__form .home-search__form-submit {
margin-left: -70px;
background: url("../img/magnifier.svg") no-repeat center #FFF;
width: 40px;
height: 40px;
margin: 0;
margin-left: -75px;
margin-right: 15px;
border: none;
background-size: 28px;
text-indent: -9999px;
position: absolute;
top: 30px;
right: 20px;
}
.modal-wrapper {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.modal-wrapper .modal {
background-color: white;
z-index: 100;
width: 100%;
position: fixed;
max-height: 100%;
overflow-y: auto;
}
.modal-wrapper .modal .close-modal {
float: right;
font-size: 30px;
margin: 10px;
}
@media (min-width: 1024px) {
.modal-wrapper .modal {
margin-top: 5%;
margin-right: 20%;
margin-left: 20%;
width: 60%;
}
}
.modal-wrapper .overlay {
width: 100%;
height: 100%;
background-color: black;
opacity: 0.5;
top: 0;
position: fixed;
}
.service-now-modal {
padding: 30px;
}
.service-now-modal .error {
color: #E61048;
font-weight: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.service-now-modal .radio {
margin-bottom: 20px;
}
.service-now-modal .radio label {
display: inline-block;
}
.accordion__title {
margin: 0;
font-size: 1rem;
font-weight: 400;
}
.accordion__button {
appearance: none;
line-height: initial;
font-size: inherit;
border: none;
background-color: transparent;
min-height: auto;
border-radius: 0;
padding: 0;
text-align: left;
vertical-align: initial;
width: initial;
transition: none;
background-color: rgba(225, 227, 229, 0.4);
display: flex;
align-items: center;
position: relative;
width: 100%;
margin-bottom: -1px;
margin-top: 0;
padding: 1rem calc(1rem + 0.7rem) 1rem 1rem;
font-weight: 400;
border-top: 0.09em solid #052049;
border-bottom: 0.09em solid #052049;
transition: 0.2s cubic-bezier(0.33, 0.66, 0.66, 1);
transition-property: background-color, color, border-color;
white-space: initial;
}
.accordion__button:hover {
text-decoration: none;
background-color: transparent;
color: #006BE9;
}
.accordion__button:hover {
background-color: #006BE9;
color: #FFF;
}
.accordion__button::after {
content: "";
display: grid;
position: absolute;
right: 1rem;
align-self: center;
width: 0.7rem;
height: 0.7rem;
border-top: 0.09em solid #006BE9;
border-right: 0.09em solid #006BE9;
transform: rotate(45deg);
transition: 0.2s cubic-bezier(0.33, 0.66, 0.66, 1);
transition-property: transform, border-color;
}
.accordion__button:hover::after {
border-color: #FFF;
}
.accordion :where([aria-expanded=true]) {
background-color: #006BE9;
color: #FFF;
border-color: #006BE9;
}
.accordion :where([aria-expanded=true]):hover {
background-color: #006BE9;
color: #FFF;
}
.accordion :where([aria-expanded=true])::after {
transform: rotate(135deg);
border-color: #FFF;
}
.accordion__body {
display: none;
}
.accordion .is-visible {
display: block;
padding: 1rem;
}
.accordion .is-visible:last-of-type {
border-bottom: 0.09em solid #006BE9;
}
.accordion > dl {
overflow: visible;
margin: 0;
}
.accordion--alt .accordion__button {
background-color: transparent;
border-bottom-color: #9BA6B6;
border-top-color: #9BA6B6;
}
.accordion--alt .accordion__button:hover {
color: #052049;
}
.accordion--alt .accordion__button::after {
display: none;
}
.accordion--alt .is-visible {
color: #506380;
font-size: 0.8rem;
padding-top: 0;
}
.accordion--alt .is-visible:last-of-type {
border-bottom-color: #9BA6B6;
}
.accordion--alt .is-visible > :last-child {
margin-bottom: 0;
}
.accordion--alt :where([aria-expanded=true]) {
color: #052049;
border-bottom: none;
border-color: #9BA6B6;
}
.accordion--alt [aria-expanded]::before {
content: "";
align-self: center;
color: #006BE9;
font-weight: 600;
position: absolute;
left: 0;
background-color: #006BE9;
display: inline-block;
min-width: 0.8rem;
width: 0.8rem;
height: 0.8rem;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 0.8rem;
}
.accordion--alt [aria-expanded=false]::before {
-webkit-mask-image: url("../img/plus.svg");
}
.accordion--alt [aria-expanded=true]::before {
-webkit-mask-image: url("../img/minus.svg");
}
/**
* @file
* Styles for breadcrumbs.
*/
.breadcrumb {
text-transform: uppercase;
list-style-type: none;
padding: 0;
margin-top: 0.8rem;
margin-bottom: 0.8rem;
white-space: nowrap;
}
.breadcrumb > :where(* + *) {
margin-top: 0;
}
.breadcrumb-wrapper {
border-bottom: 0.14rem solid #e7e9eb;
}
.breadcrumb :where(a) {
transition: background-color 0.2s cubic-bezier(0.33, 0.66, 0.66, 1);
color: #052049;
text-underline-offset: 0.08rem;
}
.breadcrumb :where(a):hover, .breadcrumb :where(a):focus-visible {
background-color: #ebf5fa;
text-decoration-color: #ebf5fa;
}
.breadcrumb :where(a):hover {
text-decoration: underline;
color: #006BE9;
}
.breadcrumb-item {
font-size: 0.7rem;
position: relative;
display: inline-block;
letter-spacing: 0.05em;
}
.breadcrumb-item:before {
content: "";
display: inline-block;
width: 0.45rem;
height: 0.45rem;
border-top: 0.09em solid #006BE9;
border-right: 0.09em solid #006BE9;
transform: rotate(45deg);
margin-right: 5px;
}
.breadcrumb-item:first-child {
margin-left: 0;
}
.breadcrumb-item:first-child:before {
content: none;
}
.breadcrumb-item__toggle button {
text-transform: uppercase;
letter-spacing: 0.05em;
}
.breadcrumb :where([href^=http]):after {
display: none;
}
.is-overflowed .breadcrumb-item {
display: none;
}
.is-overflowed .breadcrumb-item:first-child, .is-overflowed .breadcrumb-item:last-child {
display: inline-block;
}
.is-overflowed .breadcrumb-item__toggle button {
appearance: none;
line-height: initial;
font-size: inherit;
border: none;
background-color: transparent;
min-height: auto;
border-radius: 0;
padding: 0;
text-align: left;
vertical-align: initial;
width: initial;
transition: none;
}
.is-overflowed .breadcrumb-item__toggle button:hover {
text-decoration: none;
background-color: transparent;
color: #006BE9;
}
.is-expanded .breadcrumb {
white-space: normal;
}
.is-expanded .breadcrumb-item {
display: inline-block;
}
.card-panel {
padding-top: 44px;
padding-bottom: 80px;
}
.node--type-landing-page .layout--onecol > .card-panel--has-title:first-child {
margin-top: 30px;
}
.node--type-landing-page .card-panel--has-title h2 {
font-size: 36px;
}
:where(.homepage .wave-wrapper:has(.u-align--center)) .card-panel {
padding-top: 0;
}
.card-panel__content:is(ul) {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
}
@media (max-width: 1084px) {
.card-panel__content {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
}
}
.card-panel--has-title .card-panel__content {
margin-top: 52px;
}
@media (min-width: 600px) {
.section-panel + .section-panel .card-panel__content--has-offset-card {
padding-top: 40px;
}
}
@media (min-width: 600px) {
.layout--onecol > .section-panel:first-child > .card-panel__content--has-offset-card {
padding-top: 40px;
}
}
.node--type-landing-page .card-panel__content {
padding-right: var(--container-gutter);
}
.card-panel__content:has(.image-card) {
row-gap: 30px;
}
.card-panel__content:has(.image-card--offset) {
row-gap: 80px;
}
:is(.extra-specificity.extra-specificity, .card-panel__content--has-offset-card) {
margin-bottom: 0;
}
@media (min-width: 600px) {
:is(.extra-specificity.extra-specificity, .card-panel__content--has-offset-card) {
row-gap: 80px;
}
}
.node--type-landing-page .card-panel:last-of-type {
margin-bottom: 0;
}
.node--type-services .card-panel {
padding-top: 0;
}
.node--type-services .card-panel .view-header > h2 {
margin-bottom: 0;
}
ul.card-panel__content {
margin-top: 0;
margin-bottom: 0;
}
.event-card {
display: grid;
grid-template-columns: 1fr auto;
column-gap: 5px;
position: relative;
}
.view-article-related-events .event-card:where(li) {
padding-top: 24px;
padding-left: 24px;
padding-bottom: 24px;
}
.event-card__link {
color: #052049;
text-decoration: underline;
text-underline-position: under;
}
.event-card__link:hover {
background-color: transparent;
color: #006BE9;
}
.event-card__link::after {
content: "";
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
margin: 0;
z-index: 1;
}
.event-card__date {
grid-column-start: 2;
display: flex;
margin-top: -24px;
background-color: #052049;
height: min-content;
color: #FFF;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
align-items: center;
width: max-content;
}
.event-card .datetime {
color: #FFF;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
align-items: center;
line-height: 1;
}
.event-card .datetime:nth-child(1) {
padding-right: 5px;
}
.event-card .datetime:nth-child(2) {
padding-left: 5px;
}
.event-card .datetime:only-child {
padding-right: 10px;
width: 65.008 px;
}
.event-card .datetime__month {
display: block;
text-transform: uppercase;
font-size: 0.9rem;
font-weight: 500;
display: grid;
justify-content: center;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.event-card .datetime__day {
display: grid;
font-weight: bold;
font-size: 1.6rem;
justify-content: center;
}
.event-card__info {
grid-row: 1;
}
.event-card :where(p) {
color: #506380;
font-size: 0.8rem;
margin-bottom: 8px;
line-height: 1.25;
}
.event-card .event-countdown {
display: block;
}
@media (min-width: 784px) {
.event-card .event-countdown {
display: inline;
margin-left: 20px;
}
}
.event-card__title {
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
transition: 0.2s cubic-bezier(0.33, 0.66, 0.66, 1) color;
line-height: 1.25;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.event-card__link:hover .event-card__title {
color: #006BE9;
text-decoration: underline;
text-underline-position: under;
}
.floating-img-card {
position: relative;
padding: 20px;
}
@media (min-width: 768px) {
.floating-img-card {
display: grid;
grid-template-columns: 40% auto;
grid-template-rows: auto 1fr;
column-gap: 20px;
padding: 3rem 0 3rem 1.5rem;
margin-right: 3rem;
}
}
.floating-img-card__info {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.floating-img-card__info {
grid-column: 1;
grid-row: 2;
margin-bottom: 0;
}
}
.floating-img-card__title :where(a)::after {
content: "";
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
margin: 0;
z-index: 1;
}
.floating-img-card__overview {
color: #506380;
}
.floating-img-card__overview :where(p) {
color: #506380;
line-height: 1.25;
}
.floating-img-card__overview :last-child {
margin-bottom: 0;
}
.floating-img-card__img {
overflow: hidden;
}
@media (min-width: 768px) {
.floating-img-card__img-wrapper {
grid-column: 2;
grid-row: 1/-1;
overflow: hidden;
margin-right: -3rem;
}
}
.floating-img-card__img :where(img) {
transition: 0.2s ease-out transform;
}
@media (min-width: 768px) {
.floating-img-card__img :where(img) {
width: calc(100% + 3rem);
}
}
.floating-img-card:has(a):hover img {
transform: scale(1.1);
}
.fw-image-info-panel {
margin-left: var(--container-gutter);
margin-right: var(--container-gutter);
}
@media (min-width: 875px) {
.fw-image-info-panel {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-areas: "image info";
grid-template-rows: 1fr;
column-gap: 50px;
margin-bottom: 72px;
}
}
@media (max-width: 874px) {
:where(.homepage__banner) .fw-image-info-panel {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 60px;
}
}
@media (min-width: 875px) {
:where(.homepage__banner) .fw-image-info-panel {
margin-left: 0;
margin-right: 0;
grid-template-columns: 1.5fr 1fr;
column-gap: 60px;
margin-bottom: 50px;
}
}
@media (min-width: 768px) {
.l-top-sidebar__banner .fw-image-info-panel {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "image" "info";
grid-template-rows: max-content auto;
}
}
.fw-image-info-panel__wrapper {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
padding-top: 1px;
padding-bottom: 1px;
margin-top: -1px;
margin-bottom: -1px;
background-color: #fff;
}
.fw-image-info-panel__wrapper:last-child {
padding-bottom: 40px;
}
@media (min-width: 875px) {
.fw-image-info-panel__wrapper:nth-of-type(2n) .fw-image-info-panel {
grid-template-areas: "info image";
}
}
.fw-image-info-panel__img {
margin: 0;
width: 100%;
z-index: 1;
display: table;
}
@media (min-width: 875px) {
.fw-image-info-panel__img {
grid-area: image;
max-height: 300px;
}
}
.fw-image-info-panel--offset .fw-image-info-panel__img {
position: relative;
}
@media (min-width: 875px) {
.fw-image-info-panel--offset .fw-image-info-panel__img {
margin-right: 24px;
margin-bottom: 24px;
display: table;
}
}
.fw-image-info-panel__background {
display: block;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 24px;
margin-left: -28.8px;
margin-right: -28.8px;
}
@media (min-width: 875px) {
.fw-image-info-panel__background {
width: 100%;
aspect-ratio: 16/9;
margin: 0;
left: initial;
right: initial;
transform: translate(24px, 24px);
}
}
.fw-image-info-panel__background + img {
z-index: 1;
margin-top: 24px;
}
@media (min-width: 875px) {
.fw-image-info-panel__background + img {
margin-top: 0;
}
}
.fw-image-info-panel__info {
grid-area: info;
margin-bottom: 16px;
margin-top: 32px;
}
.fw-image-info-panel__info > :where(* + *) {
margin-top: 32px;
}
.fw-image-info-panel__info > :where(:last-child) {
margin-bottom: 0;
}
@media (min-width: 875px) {
.fw-image-info-panel__info {
margin-top: 0;
}
}
@media (min-width: 875px) {
.fw-image-info-panel--offset .fw-image-info-panel__info {
margin-top: 32px;
}
}
.featured-item .fw-image-info-panel :where(time) {
margin-top: 1rem;
}
.app .fw-image-info-panel__title {
margin-top: 0;
font-size: 36px;
}
.app .fw-image-info-panel__title::before {
content: "";
width: 56px;
border-bottom: 3.2px solid #84C234;
display: block;
margin-bottom: 20.8px;
}
.app :where(.homepage) .fw-image-info-panel__title {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
line-height: 1;
font-size: 2.5rem;
}
.app :where(.homepage) .fw-image-info-panel__title:first-child:not(.page-title) {
margin-top: 0;
}
@media (min-width: 768px) {
.app :where(.homepage) .fw-image-info-panel__title {
font-size: 3rem;
letter-spacing: -0.04rem;
}
}
@media (min-width: 992px) {
.app :where(.homepage) .fw-image-info-panel__title {
display: inline-block;
max-width: min-content;
margin-bottom: 1.2rem;
}
}
.app :where(.homepage) .fw-image-info-panel__title::before {
display: none;
}
.app :where(.homepage) .fw-image-info-panel__title:first-child:not(.page-title) {
margin-top: 1rem;
}
.l-top-sidebar__banner .fw-image-info-panel__title {
max-width: none;
}
.homepage .fw-image-info-panel__overview {
color: #506380;
}
@media (min-width: 768px) {
.homepage .fw-image-info-panel__overview {
margin-top: 0;
}
}
.homepage .fw-image-info-panel__overview :where(p) {
color: #506380;
}
.app .fw-image-info-panel .fw-image-info-panel__cta {
appearance: none;
background-color: transparent;
color: #052049;
font-size: 12.8px;
font-weight: 600;
border: 2px solid;
border-color: #006BE9;
border-radius: 25.6px;
line-height: 1.4;
padding: 0.6em 1.6em;
text-align: center;
vertical-align: middle;
display: inline-block;
cursor: pointer;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
touch-action: manipulation;
user-select: none;
transition: cubic-bezier(0.33, 0.66, 0.66, 1) 0.2s background-color;
text-decoration: none;
letter-spacing: 0.4px;
display: inline-block;
}
@media (min-width: 875px) {
.app .fw-image-info-panel .fw-image-info-panel__cta {
white-space: nowrap;
width: max-content;
}
}
.app .fw-image-info-panel .fw-image-info-panel__cta:hover {
background-color: #006BE9;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
}
.app .fw-image-info-panel .fw-image-info-panel__cta::after {
display: none;
}
.app .fw-image-info-panel .fw-image-info-panel__cta:where([href^=http])::after {
content: "";
display: inline-block;
min-width: 1em;
width: 1em;
height: 1em;
-webkit-mask-image: url("../img/external.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
background-color: #0072AF;
margin-left: 0.5ch;
}
.app .fw-image-info-panel .fw-image-info-panel__cta:where([href^=http]):hover::after {
background-color: #fff;
}
.homepage .fw-image-info-panel .fw-image-info-panel__cta {
font-size: 0.8rem;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.footer {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
display: grid;
grid-template-columns: 1fr;
row-gap: 1.5rem;
position: relative;
background-color: #052049;
margin-top: auto;
padding-top: 30px;
padding-bottom: 30px;
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
color: #FFF;
font-size: 0.8rem;
}
@media (min-width: 992px) {
.footer {
grid-template-areas: "logo menus menus menus menus" "legal legal legal legal legal";
grid-template-columns: repeat(5, minmax(0, 1fr));
column-gap: 5%;
}
}
.footer *:focus-visible,
.footer *:focus {
outline: 2px solid #FFF;
}
.footer :where(h2) {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
color: #FFF;
font-weight: 500;
}
.footer :where(h2):first-child:not(.page-title) {
margin-top: 0;
}
@media (min-width: 600px) {
.footer :where(h2) {
font-size: 1rem;
}
}
@media (max-width: 991px) {
.footer :where(h2) {
margin-bottom: 10px;
}
}
.footer :where(a) {
color: #FFF;
text-decoration-style: dotted;
text-decoration-color: #878D96;
}
.footer :where(a):hover {
text-decoration: underline;
text-decoration-color: #ebf5fa;
background-color: transparent;
color: inherit;
}
.footer [href^=http]::after {
min-width: 1em;
width: 1em;
height: 1em;
background-color: #3CB9F0;
}
.footer [href^=http]:hover::after {
background-color: #006BE9;
}
.footer__logo {
filter: brightness(0) invert(1);
}
@media (min-width: 992px) {
.footer__logo {
grid-area: logo;
}
}
.footer__logo:hover {
background-color: transparent;
}
.footer__logo:focus, .footer__logo:focus-visible {
outline-color: #000;
}
.footer__logo:hover img, .footer__logo:focus img, .footer__logo:focus-visible img {
transform: scale(1.1);
}
.footer__logo img {
transition: 0.2s ease-out all;
}
.footer__columns {
display: grid;
gap: 1.5rem;
}
@media (min-width: 992px) {
.footer__columns {
grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: 5%;
}
}
@media (min-width: 992px) {
.footer__menus {
grid-area: menus;
}
}
.footer__menus :where(ul) {
list-style: none;
}
.footer__menus :where(.menu-item--expanded) {
list-style-type: none;
padding-bottom: 16px;
}
.footer__menus .menu-item--expanded :where(ul) {
padding-left: 16px;
}
.footer__menus .menu-item--expanded :where(ul li) {
padding-top: 8px;
}
.footer__menus .social-links {
display: flex;
justify-content: flex-end;
}
@media (min-width: 992px) {
.footer__menus .social-links {
justify-content: center;
margin-top: 30px;
}
}
@media (max-width: 767px) {
.footer__menus .social-links {
justify-content: flex-start;
}
}
.footer__menus .social-links li {
margin-left: 20px;
margin-bottom: 0 !important;
}
@media (max-width: 767px) {
.footer__menus .social-links li {
margin-left: 0px;
margin-right: 20px;
}
}
.footer__menus .social-links li a {
color: #FFF;
font-size: 40px;
}
.footer__menus .social-links li a:hover, .footer__menus .social-links li a:focus {
color: #006BE9;
}
.footer .menu--account {
grid-column: 1;
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.footer .menu--account {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 5%;
}
}
.footer .menu--account :where(a)::before {
content: "";
display: inline-block;
min-width: 1.5em;
width: 1.5em;
height: 1.5em;
-webkit-mask-image: url("../img/person.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #006BE9;
}
.footer .menu--account :where(a):hover::before {
background-color: #006BE9;
}
@media (min-width: 992px) {
.footer .menu--account :where(a) {
grid-column: 3;
grid-row: 2;
}
}
.footer .menu--account :where(a)::before {
margin-right: 0.3em;
}
.footer .menu--account :where(a)::before, .footer .menu--account :where(a):hover::before {
background-color: #3CB9F0;
}
.footer__legal {
border-top: 0.05rem solid #D1D3D3;
padding-top: 1rem;
display: grid;
}
@media (min-width: 992px) {
.footer__legal {
grid-area: legal;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-row-gap: 0;
}
}
.footer__legal :where(li) {
padding-top: 0.2rem;
}
@media (min-width: 992px) {
.footer__legal :where(li) {
padding-top: 0;
}
}
.footer__copyright {
margin-bottom: 0;
grid-row: 2;
padding-top: 2rem;
}
@media (min-width: 992px) {
.footer__copyright {
grid-row: 1;
padding-left: 20px;
padding-top: 0;
}
}
.footer__legal-nav {
margin-left: 0;
padding-left: 0;
list-style: none;
margin: 0;
}
.footer__legal-nav > li {
list-style: none;
}
.footer__legal-nav > li::before {
display: none;
}
@media (min-width: 992px) {
.footer__legal-nav {
display: flex;
justify-self: end;
padding-right: 20px;
}
}
.footer__legal-nav :where(li) {
margin: 0;
}
@media (min-width: 992px) {
.footer__legal-nav :where(li) {
text-align: right;
margin-left: 1.3rem;
}
}
#block-wisepops {
pointer-events: none;
position: absolute;
}
#block-wisepops button {
display: none;
}
:root {
--search-icon-size: 1.6rem;
}
@media (min-width: 768px) {
:root {
--search-icon-size: 2rem;
}
}
:where(.homepage) .home-search {
margin-top: 3rem;
}
@media (max-width: 767px) {
:where(.homepage) .home-search {
margin-top: 1rem;
padding-bottom: 0;
}
}
.home-search__title {
color: #052049;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 1.4rem;
letter-spacing: -1.33px;
line-height: 1;
text-align: center;
margin-bottom: 1.75rem;
}
@media (min-width: 600px) {
.home-search__title {
font-size: 2rem;
}
}
.home-search__form {
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin: 0 auto;
}
@media (min-width: 768px) {
.home-search__form {
width: 80.5%;
max-width: 1015px;
}
}
.home-search__form-input {
height: 3rem;
line-height: 40px;
box-shadow: 0 1px 3px rgba(5, 32, 73, 0.1), 0 1px 3px rgba(5, 32, 73, 0.1);
line-height: 3rem;
}
@media (min-width: 768px) {
.home-search__form-input {
line-height: 4.3rem;
height: 4.3rem;
}
}
:is(.extraspecificity.extraspecificity, .home-search__form-input) {
color: #052049;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 1.2rem;
font-weight: 400;
margin: 0;
padding-top: 0;
padding-right: calc(var(--search-icon-size) + 20px);
padding-bottom: 0;
padding-left: 20px;
border: 1px solid #F2F2F2;
}
@media (min-width: 768px) {
:is(.extraspecificity.extraspecificity, .home-search__form-input) {
font-size: 1.4rem;
}
}
@media (min-width: 768px) {
:is(.extraspecificity.extraspecificity, .home-search__form-input) {
padding-right: calc(var(--search-icon-size) + 40px);
padding-left: 40px;
}
}
.home-search__form-input::placeholder {
color: #052049;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 1.2rem;
font-weight: 400;
}
@media (min-width: 768px) {
.home-search__form-input::placeholder {
font-size: 1.4rem;
}
}
.home-search__form-submit {
position: absolute;
right: 20px;
width: var(--search-icon-size);
height: 100%;
text-indent: -9999px;
margin: 0;
padding: 0;
border: none;
}
@media (min-width: 768px) {
.home-search__form-submit {
right: 40px;
}
}
.homepage .home-search__form-submit {
-webkit-mask-image: url("../img/magnifier.svg");
-webkit-mask-repeat: no-repeat;
background-color: #006BE9;
background-size: calc(var(--search-icon-size) - 0.5rem);
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
-webkit-mask-position: 50%;
}
.homepage .home-search__form-submit:hover, .homepage .home-search__form-submit:focus {
background-color: #052049;
}
.home-search__form-submit:hover {
cursor: pointer;
color: auto;
border-color: transparent;
background: url("../img/magnifier-hover.svg") no-repeat center transparent;
background-size: 28px;
}
.home-search__quicklinks {
display: none;
}
@media (min-width: 768px) {
.home-search__quicklinks {
list-style-type: none;
display: flex;
justify-content: flex-start;
align-content: center;
margin: 16px auto 0 auto;
padding: 0 0 0 40px;
width: 80.5%;
max-width: 1015px;
}
.home-search__quicklinks :where(li) {
margin-top: 0;
margin-bottom: 0;
margin-right: 50px;
}
.home-search__quicklinks :where(li) :where(a) {
color: #006BE9;
text-decoration: none;
display: block;
background: url("../img/magnifier.svg") no-repeat left;
background-size: 16px 16px;
padding-left: 24px;
}
.home-search__quicklinks :where(li) :where(a):hover {
text-decoration: underline;
}
}
.image-card {
display: grid;
grid-template-rows: min-content auto;
position: relative;
background-color: #FFF;
transition: 0.2s ease-out all;
box-shadow: 0 1px 3px rgba(5, 32, 73, 0.1), 0 1px 3px rgba(5, 32, 73, 0.1);
}
.image-card:after {
display: none !important;
}
.image-card:hover {
background-color: #fff;
}
.image-card__figure {
overflow: hidden;
position: relative;
margin-top: 0;
}
.sticky-homepage-news .image-card__figure {
grid-row: 1;
}
.image-card img {
transition: 0.2s ease-out transform;
width: 100%;
margin-bottom: 0;
grid-column: 1/-1;
}
.image-card:has(a):hover img {
transform: scale(1.1);
}
.image-card__icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
background-color: #FFF;
}
.image-card__icon::after {
content: "";
display: block;
width: calc(40px - 16px);
height: calc(40px - 16px);
-webkit-mask-image: url("../img/chevron.svg");
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: calc(40px / 3);
background-color: #006BE9;
}
.image-card__icon-external::after {
-webkit-mask-image: url("../img/external.svg");
-webkit-mask-size: calc(40px / 2.5);
background-color: #006BE9;
}
.image-card [href^=http]::after {
-webkit-mask-image: none;
height: auto;
}
.app .image-card .image-card__title {
line-height: 1.25;
color: #052049;
margin: 0;
padding: 20px 20px 20px 40px;
transition: 0.2s ease-out color;
grid-column: 1/-1;
grid-row: 2;
z-index: 1;
background-color: #FFF;
font-size: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
@media (min-width: 600px) {
.app .image-card .image-card__title {
padding-left: 40px;
}
}
.app .image-card .image-card__title :where(a) {
font-size: 20px;
font-style: normal;
font-stretch: normal;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
color: #052049;
text-decoration: underline;
text-underline-position: under;
display: block;
}
.app .image-card .image-card__title :where(a):hover {
background-color: transparent;
color: #006BE9;
}
.app .image-card .image-card__title :where(a)::after {
content: "";
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
margin: 0;
z-index: 1;
}
.app .image-card--news-alt, .app .image-card--offset {
margin-left: 0;
padding-left: 0;
list-style: none;
margin-top: 0;
}
.app .image-card--news-alt > li, .app .image-card--offset > li {
list-style: none;
}
.app .image-card--news-alt > li::before, .app .image-card--offset > li::before {
display: none;
}
@media (min-width: 600px) {
.app .image-card--news-alt, .app .image-card--offset {
margin-top: 40px;
}
}
@media (min-width: 600px) {
.app .image-card--news-alt .image-card__figure, .app .image-card--offset .image-card__figure {
margin-left: 40px;
margin-right: 40px;
transform: translateY(-40px);
}
}
.app .image-card--news-alt .image-card__info, .app .image-card--offset .image-card__info {
padding-top: 16px;
padding-bottom: 40px;
padding-right: 20px;
padding-left: 20px;
grid-row: 2;
}
@media (max-width: 599px) {
.app .image-card--news-alt .image-card__info, .app .image-card--offset .image-card__info {
padding-top: 20px;
}
}
@media (min-width: 600px) {
.app .image-card--news-alt .image-card__info, .app .image-card--offset .image-card__info {
margin-top: -30px;
padding-top: 0;
padding-left: 40px;
padding-right: 40px;
}
}
.app .image-card--news-alt :where(time), .app .image-card--offset :where(time) {
color: #506380;
font-size: 0.8rem;
font-weight: normal;
display: inline-block;
}
@media (min-width: 600px) {
.sticky-homepage-news .app .image-card--news-alt :where(time), .sticky-homepage-news .app .image-card--offset :where(time) {
margin-top: 5px;
}
}
.app .image-card--news-alt .image-card__byline, .app .image-card--offset .image-card__byline {
color: #506380;
font-size: 0.8rem;
font-weight: normal;
margin-bottom: 5px;
}
.app .image-card--news-alt .image-card__title, .app .image-card--offset .image-card__title {
margin-top: 5.008px;
padding: 0;
}
@media (min-width: 600px) {
.app .image-card--news-alt .image-card__title, .app .image-card--offset .image-card__title {
margin-top: 0;
}
}
.app .image-card--news-alt .image-card__title a:hover, .app .image-card--offset .image-card__title a:hover {
color: #006BE9;
}
.app .image-card--news-alt .image-card__title :where([href^=http]), .app .image-card--offset .image-card__title :where([href^=http]) {
display: inline;
}
.app .image-card--news-alt .image-card__title :where([href^=http])::after, .app .image-card--offset .image-card__title :where([href^=http])::after {
display: inline;
}
@media (min-width: 600px) {
.app .image-card--news-alt .image-card__title :where([href^=http])::after, .app .image-card--offset .image-card__title :where([href^=http])::after {
top: -40px;
}
}
.app .image-card--news-alt:has(.image-card__title [href^=http]) .image-card__title, .app .image-card--offset:has(.image-card__title [href^=http]) .image-card__title {
display: inline;
}
.app .image-card--news-alt:has(.image-card__title [href^=http]) .image-card__title:after, .app .image-card--offset:has(.image-card__title [href^=http]) .image-card__title:after {
content: "";
display: inline-block;
min-width: 16px;
width: 16px;
height: 16px;
-webkit-mask-image: url("../img/external.svg");
-webkit-mask-repeat: no-repeat;
-webkit-mask-position-y: top;
background-color: #052049;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
margin-left: 0.2ch;
}
.app .image-card--news-alt:has(.image-card__title [href^=http]:hover) .image-card__title::after, .app .image-card--offset:has(.image-card__title [href^=http]:hover) .image-card__title::after {
background-color: #006BE9;
}
.app .image-card--news-alt .image-card__overview, .app .image-card--offset .image-card__overview {
font-size: 0.8rem;
margin-top: 12px;
margin-bottom: 0;
}
@media (min-width: 768px) {
.app .image-card--offset {
height: calc(100% - 40px);
}
}
@media (max-width: 767px) {
.sticky-homepage-news .image-card--offset {
margin-top: 0;
}
}
.node--type-landing-page .image-card--offset .image-card__title {
padding: 0;
}
@media (min-width: 768px) {
.node--type-landing-page .image-card--offset .image-card__title {
padding-left: 0;
}
}
.node--type-landing-page .image-card--offset .image-card__overview {
margin-top: 5px;
}
@media (max-width: 599px) {
.page-node-type-knowledge-base .layout-content {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 991px) {
.page-node-type-knowledge-base .layout-content {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background-color: #F2F3F4;
padding-top: 1.5rem;
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
}
}
.page-node-type-knowledge-base .layout-content .node__viewableby {
margin-bottom: 8px;
}
@media (min-width: 992px) {
.page-node-type-knowledge-base .layout-content .node__viewableby {
margin-top: 3.4rem;
}
}
.page-node-type-knowledge-base .layout-content .node__viewableby :where(p) {
margin-bottom: 0;
}
.page-node-type-knowledge-base .layout-content .node__viewableby :where(p)::after {
content: "";
display: inline-block;
margin-left: 8px;
width: 0.145rem;
height: 0.7rem;
border-left: 0.145rem solid #84C234;
transform: skew(-25deg);
}
.page-node-type-knowledge-base .layout-content .node__viewableby + .page-title {
margin-top: 0;
}
@media (min-width: 992px) {
.block-language + .block-page-title-block > .page-node-type-knowledge-base .layout-content .node__viewableby {
margin-top: 1.9rem;
}
}
.page-node-type-knowledge-base .layout-content .node__overview {
color: #506380;
max-width: 33.75rem;
margin-top: -0.5rem;
}
.page-node-type-knowledge-base .layout-content .node__overview :not(h2):last-child {
margin-bottom: 0;
}
.page-node-type-knowledge-base .layout-content .node__overview :where(a) {
transition: background-color 0.2s cubic-bezier(0.33, 0.66, 0.66, 1);
}
.page-node-type-knowledge-base .layout-content .node__overview :where(a):hover, .page-node-type-knowledge-base .layout-content .node__overview :where(a):focus-visible {
background-color: #ebf5fa;
text-decoration-color: #ebf5fa;
}
.knowledge-base {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background-color: #F2F3F4;
margin-top: 0;
}
.knowledge-base :where([href$=".pdf"])::before,
.knowledge-base :where(.pdf)::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-pdf.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #006BE9;
}
.knowledge-base :where([href$=".pdf"]):hover::before,
.knowledge-base :where(.pdf):hover::before {
background-color: #006BE9;
}
.knowledge-base :where([href$=".pdf"][class*=inverted])::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-pdf.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #FFF;
}
.knowledge-base :where([href$=".pdf"][class*=inverted]):hover::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".pdf"])::before,
.knowledge-base :where(.btn.pdf)::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-pdf.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".pdf"]):hover::before,
.knowledge-base :where(.btn.pdf):hover::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".pdf"])::before,
.knowledge-base :where(.btn.pdf)::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".pdf"]):hover::before,
.knowledge-base :where(.btn.pdf):hover::before {
background-color: #FFF;
}
.knowledge-base :where(.btn[href$=".pdf"][class*=inverted])::before,
.knowledge-base :where(.btn.pdf[class*=inverted])::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-pdf.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #FFF;
}
.knowledge-base :where(.btn[href$=".pdf"][class*=inverted]):hover::before,
.knowledge-base :where(.btn.pdf[class*=inverted]):hover::before {
background-color: #006BE9;
}
.knowledge-base [href$=".pdf"][href^=http]::after {
margin-left: 0.5ch;
}
.knowledge-base :where([href$=".doc"])::before,
.knowledge-base :where(.doc)::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-doc.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #006BE9;
}
.knowledge-base :where([href$=".doc"]):hover::before,
.knowledge-base :where(.doc):hover::before {
background-color: #006BE9;
}
.knowledge-base :where([href$=".doc"][class*=inverted])::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-doc.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #FFF;
}
.knowledge-base :where([href$=".doc"][class*=inverted]):hover::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".doc"])::before,
.knowledge-base :where(.btn.doc)::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-doc.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".doc"]):hover::before,
.knowledge-base :where(.btn.doc):hover::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".doc"])::before,
.knowledge-base :where(.btn.doc)::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".doc"]):hover::before,
.knowledge-base :where(.btn.doc):hover::before {
background-color: #FFF;
}
.knowledge-base :where(.btn[href$=".doc"][class*=inverted])::before,
.knowledge-base :where(.btn.doc[class*=inverted])::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-doc.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #FFF;
}
.knowledge-base :where(.btn[href$=".doc"][class*=inverted]):hover::before,
.knowledge-base :where(.btn.doc[class*=inverted]):hover::before {
background-color: #006BE9;
}
.knowledge-base [href$=".doc"][href^=http]::after {
margin-left: 0.5ch;
}
.knowledge-base :where([href$=".docx"])::before,
.knowledge-base :where(.doc)::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-doc.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #006BE9;
}
.knowledge-base :where([href$=".docx"]):hover::before,
.knowledge-base :where(.doc):hover::before {
background-color: #006BE9;
}
.knowledge-base :where([href$=".docx"][class*=inverted])::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-doc.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #FFF;
}
.knowledge-base :where([href$=".docx"][class*=inverted]):hover::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".docx"])::before,
.knowledge-base :where(.btn.doc)::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-doc.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".docx"]):hover::before,
.knowledge-base :where(.btn.doc):hover::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".docx"])::before,
.knowledge-base :where(.btn.doc)::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".docx"]):hover::before,
.knowledge-base :where(.btn.doc):hover::before {
background-color: #FFF;
}
.knowledge-base :where(.btn[href$=".docx"][class*=inverted])::before,
.knowledge-base :where(.btn.doc[class*=inverted])::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-doc.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #FFF;
}
.knowledge-base :where(.btn[href$=".docx"][class*=inverted]):hover::before,
.knowledge-base :where(.btn.doc[class*=inverted]):hover::before {
background-color: #006BE9;
}
.knowledge-base [href$=".docx"][href^=http]::after {
margin-left: 0.5ch;
}
.knowledge-base :where([href$=".xls"])::before,
.knowledge-base :where(.spreadsheet)::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-spreadsheet.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #006BE9;
}
.knowledge-base :where([href$=".xls"]):hover::before,
.knowledge-base :where(.spreadsheet):hover::before {
background-color: #006BE9;
}
.knowledge-base :where([href$=".xls"][class*=inverted])::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-spreadsheet.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #FFF;
}
.knowledge-base :where([href$=".xls"][class*=inverted]):hover::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".xls"])::before,
.knowledge-base :where(.btn.spreadsheet)::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-spreadsheet.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".xls"]):hover::before,
.knowledge-base :where(.btn.spreadsheet):hover::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".xls"])::before,
.knowledge-base :where(.btn.spreadsheet)::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".xls"]):hover::before,
.knowledge-base :where(.btn.spreadsheet):hover::before {
background-color: #FFF;
}
.knowledge-base :where(.btn[href$=".xls"][class*=inverted])::before,
.knowledge-base :where(.btn.spreadsheet[class*=inverted])::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-spreadsheet.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #FFF;
}
.knowledge-base :where(.btn[href$=".xls"][class*=inverted]):hover::before,
.knowledge-base :where(.btn.spreadsheet[class*=inverted]):hover::before {
background-color: #006BE9;
}
.knowledge-base [href$=".xls"][href^=http]::after {
margin-left: 0.5ch;
}
.knowledge-base :where([href$=".xlsx"])::before,
.knowledge-base :where(.spreadsheet)::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-spreadsheet.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #006BE9;
}
.knowledge-base :where([href$=".xlsx"]):hover::before,
.knowledge-base :where(.spreadsheet):hover::before {
background-color: #006BE9;
}
.knowledge-base :where([href$=".xlsx"][class*=inverted])::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-spreadsheet.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #FFF;
}
.knowledge-base :where([href$=".xlsx"][class*=inverted]):hover::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".xlsx"])::before,
.knowledge-base :where(.btn.spreadsheet)::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-spreadsheet.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".xlsx"]):hover::before,
.knowledge-base :where(.btn.spreadsheet):hover::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".xlsx"])::before,
.knowledge-base :where(.btn.spreadsheet)::before {
background-color: #006BE9;
}
.knowledge-base :where(.btn[href$=".xlsx"]):hover::before,
.knowledge-base :where(.btn.spreadsheet):hover::before {
background-color: #FFF;
}
.knowledge-base :where(.btn[href$=".xlsx"][class*=inverted])::before,
.knowledge-base :where(.btn.spreadsheet[class*=inverted])::before {
content: "";
display: inline-block;
min-width: 1.4em;
width: 1.4em;
height: 1.4em;
-webkit-mask-image: url("../img/file-spreadsheet.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
vertical-align: middle;
background-color: #FFF;
}
.knowledge-base :where(.btn[href$=".xlsx"][class*=inverted]):hover::before,
.knowledge-base :where(.btn.spreadsheet[class*=inverted]):hover::before {
background-color: #006BE9;
}
.knowledge-base [href$=".xlsx"][href^=http]::after {
margin-left: 0.5ch;
}
@media (max-width: 599px) {
.knowledge-base .l-container-offset {
padding-left: 10px;
padding-right: 10px;
}
}
.knowledge-base__sidebar {
position: relative;
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
}
@media (min-width: 992px) {
.knowledge-base__sidebar {
margin-top: calc(3.25rem + 3.3rem);
padding-left: 0;
padding-right: 0;
}
}
.knowledge-base__sidebar-title {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 1rem;
letter-spacing: -0.025ch;
}
.knowledge-base__sidebar-title:first-child:not(.page-title) {
margin-top: 0;
}
@media (min-width: 600px) {
.knowledge-base__sidebar-title {
font-size: 1.2rem;
}
}
@media (max-width: 991px) {
.knowledge-base__sidebar-title {
display: none;
}
}
.knowledge-base [type=checkbox] {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
@media (min-width: 992px) {
.knowledge-base [type=checkbox] {
display: none;
}
}
.knowledge-base__mobile-overview-toggle {
background-color: #FFF;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
border: 0.02rem solid rgba(5, 32, 73, 0.1);
font-size: 1rem;
display: flex;
align-items: center;
position: relative;
}
@media (min-width: 992px) {
.knowledge-base__mobile-overview-toggle {
display: none;
}
}
@media (max-width: 991px) {
#check:checked ~ .knowledge-base__mobile-overview-toggle {
border: 0.02rem solid rgba(0, 107, 233, 0.5);
box-shadow: 0 1px 3px rgba(0, 107, 233, 0.5), 0 1px 3px rgba(0, 107, 233, 0.5);
}
}
.knowledge-base__mobile-overview-toggle::after {
content: "";
display: grid;
position: absolute;
right: 1rem;
align-self: center;
width: 0.6rem;
height: 0.6rem;
border-top: 0.1em solid #052049;
border-right: 0.1em solid #052049;
transform: rotate(45deg);
transition: 0.2s cubic-bezier(0.33, 0.66, 0.66, 1);
transition-property: transform, border-color;
}
@media (min-width: 992px) {
.knowledge-base__mobile-overview-toggle::after {
display: none;
}
}
@media (max-width: 991px) {
#check:checked ~ .knowledge-base__mobile-overview-toggle::after {
transform: rotate(135deg);
border-color: #006BE9;
}
}
.knowledge-base__nav {
margin-left: 0;
padding-left: 0;
list-style: none;
text-decoration: none;
left: var(--container-gutter);
right: var(--container-gutter);
margin-top: 0;
z-index: 1;
}
.knowledge-base__nav > li {
list-style: none;
}
.knowledge-base__nav > li::before {
display: none;
}
.knowledge-base__nav > :where(* + *) {
margin-top: 0;
}
.knowledge-base__nav > :where(:last-child) {
margin-bottom: 0;
}
@media (max-width: 991px) {
.knowledge-base__nav {
background-color: #FFF;
display: none;
position: absolute;
overflow: hidden;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
margin-bottom: 0;
}
}
@media (max-width: 991px) {
#check:checked ~ .knowledge-base__nav {
display: block;
overflow: visible;
border: 0.02rem solid rgba(0, 107, 233, 0.5);
box-shadow: 0 1px 3px rgba(0, 107, 233, 0.5), 0 1px 3px rgba(0, 107, 233, 0.5);
border-top: none;
}
}
.knowledge-base__nav :where(a) {
display: block;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
margin-top: 0;
color: #052049;
text-decoration: none;
transition: 0.2s cubic-bezier(0.33, 0.66, 0.66, 1) color;
}
@media (min-width: 992px) {
.knowledge-base__nav :where(a) {
margin-left: -1.5rem;
padding-left: 1.5rem;
}
}
.knowledge-base__nav :where(a:hover, a:focus) {
color: #006BE9;
text-decoration: underline;
}
@media (min-width: 992px) {
.knowledge-base__nav :where(a:hover, a:focus) {
border-left: 0.2em solid #84C234;
padding-left: calc(1.5rem - 0.2rem);
text-decoration: none;
font-weight: 700;
}
}
.knowledge-base__content {
margin-top: 0.5rem;
margin-bottom: 3rem;
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
padding-top: 3.3rem;
padding-bottom: 3.3rem;
}
@media (max-width: 599px) {
.knowledge-base__content {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 992px) {
.knowledge-base__content {
margin-top: 3.25rem;
padding-left: 5.8rem;
padding-right: 5.8rem;
}
}
.knowledge-base__content .section-panel a {
color: #006BE9;
text-decoration: underline;
}
.knowledge-base__content .section-panel:last-child {
margin-bottom: calc(3.3rem - 3.3rem);
}
@media (min-width: 992px) {
.knowledge-base__content .section-panel:last-child {
margin-bottom: calc(90px - 3.3rem);
}
}
.knowledge-base .node__overview {
font-size: 1.2rem;
border-bottom: dotted 0.15rem #B4B9BF;
padding-bottom: 2rem;
max-width: 100%;
margin-top: 0;
}
@media (min-width: 600px) {
.knowledge-base .node__overview {
font-size: 1.4rem;
padding-bottom: 3rem;
}
}
.knowledge-base__restricted {
margin-bottom: 5rem;
}
.knowledge-base--reset .knowledge-base {
background-color: transparent;
padding-bottom: 0;
}
.knowledge-base--reset .layout-content {
background-color: transparent;
}
.knowledge-base--reset__restricted {
margin-bottom: 0;
}
.knowledge-base__related-content--inner {
display: grid;
gap: 1.5rem;
grid-template-areas: "sidebar" "content";
row-gap: 0;
}
@media (min-width: 992px) {
.knowledge-base__related-content--inner {
grid-template-columns: 2.5fr 1fr;
grid-template-areas: "content sidebar";
}
}
.knowledge-base__related-content .views-element-container {
padding-bottom: 3.75rem;
grid-column: 1;
}
.knowledge-base__related-content .view-article-related-events {
margin-top: 0;
}
.knowledge-base__related-content ul {
margin-bottom: 0;
}
.knowledge-base__feedback {
padding: 3.5rem 2rem;
margin-top: 3rem;
margin-bottom: 3.75rem;
text-align: center;
}
.knowledge-base__feedback__cta {
appearance: none;
background-color: transparent;
color: #052049;
font-size: 0.8rem;
border: 2px solid;
border-color: #006BE9;
border-radius: 1.6rem;
line-height: 1.4;
padding: 0.6em 1.6em;
text-align: center;
vertical-align: middle;
display: inline-block;
cursor: pointer;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
touch-action: manipulation;
user-select: none;
transition: cubic-bezier(0.33, 0.66, 0.66, 1) 0.2s background-color;
text-decoration: none;
letter-spacing: 0.4px;
display: inline-flex;
max-width: 12rem;
}
.knowledge-base__feedback__cta:hover {
background-color: #006BE9;
color: #FFF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.knowledge-base__feedback__cta:hover {
text-decoration: none;
}
.knowledge-base__feedback__cta::after {
display: none;
}
.homepage .knowledge-base__feedback__cta {
margin-top: 1.6rem;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.knowledge-base__owner-container {
border-top: 4px solid #052049;
font-size: 1.2rem;
}
.knowledge-base__owner-container .row {
display: flex;
border-bottom: 1px solid #878D96;
gap: 24px;
align-items: center;
margin: 0;
}
.knowledge-base__owner-container .row .field__label {
border-right: 1px solid #878D96;
padding: 20px 0;
flex: 0 0 38%;
}
.node--type-landing-page .landing-page__top {
background-color: #fff;
}
.node--type-landing-page .landing-page__top .layout--onecol {
padding-top: 32px;
padding-bottom: 16px;
}
.node--type-landing-page .node__overview {
color: #506380;
max-width: calc(1015px - 1015px / 3);
}
.node--type-landing-page .node__overview :where(a) {
text-decoration: underline;
}
.node--type-landing-page .node__overview :where(a):hover, .node--type-landing-page .node__overview :where(a):focus {
color: #006BE9;
}
.node--type-landing-page .section-panel:first-of-type {
margin-top: 40px;
}
.list-row {
background-color: #fff;
padding-top: 65.008px;
padding-bottom: 46px;
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
font-size: 14.4px;
}
.list-row > :where(* + *) {
margin-top: 20px;
}
.list-row > :where(:last-child) {
margin-bottom: 0;
}
@media (min-width: 875px) {
.list-row {
padding-left: 100px;
padding-right: 100px;
padding-top: 46px;
}
}
.list-row:where(* + *)::before {
content: "";
display: block;
height: 2.4px;
border-top: dotted 2.4px #506380;
transform: translateY(-46px);
}
.list-row:where(:first-child) {
padding-top: 100px;
}
.list-row:where(:last-child) {
padding-bottom: 100px;
}
.list-row-section {
padding-top: 65.008px;
}
.list-row-wrapper {
box-shadow: 0 1px 3px rgba(5, 32, 73, 0.1), 0 1px 3px rgba(5, 32, 73, 0.1);
}
.content .layout--onecol .list-row__title {
letter-spacing: -0.06ch;
line-height: 1;
font-weight: 700;
}
@media (min-width: 600px) {
.content .layout--onecol .list-row__title {
font-size: 1.8rem;
}
}
.app .list-row__list {
margin-left: 0;
padding-left: 0;
list-style: none;
list-style-type: none;
margin-left: 0;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 0;
}
.app .list-row__list > li {
list-style: none;
}
.app .list-row__list > li::before {
display: none;
}
.app .list-row__list > :where(* + *) {
margin-top: 8px;
}
.app .list-row__list > :where(:last-child) {
margin-bottom: 0;
}
.app .panel-sidebar .list-row__list {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 1rem;
list-style-type: none;
}
.app .list-row__list-item :where(a) {
transition: background-color 0.2s cubic-bezier(0.33, 0.66, 0.66, 1);
text-decoration: underline;
color: #096bdf;
font-weight: 400;
font-size: 0.9rem;
}
.app .list-row__list-item :where(a):hover, .app .list-row__list-item :where(a):focus-visible {
background-color: #ebf5fa;
text-decoration-color: #ebf5fa;
}
.app .panel-sidebar .list-row__list-item :where(a) {
font-size: 0.8rem;
white-space: pre-wrap;
word-break: break-word;
}
.app .panel-sidebar .list-row__list-item :where(a):hover {
background-color: transparent;
}
.app .panel-sidebar .list-row__list-item {
margin-top: 0;
margin-bottom: 1rem;
}
.app .list-row__cta {
appearance: none;
background-color: transparent;
color: #052049;
font-size: 16px;
font-weight: 600;
border: 2px solid;
border-color: #096bdf;
border-radius: 32px;
line-height: 1.4;
padding: 0.6em 2em;
text-align: center;
vertical-align: middle;
display: block;
max-width: fit-content;
cursor: pointer;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
touch-action: manipulation;
user-select: none;
transition: cubic-bezier(0.33, 0.66, 0.66, 1) 0.2s background-color;
text-decoration: none;
letter-spacing: 0.4px;
}
@media (min-width: 875px) {
.app .list-row__cta {
white-space: nowrap;
width: max-content;
}
}
.app .list-row__cta:hover {
background-color: #096bdf;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
}
.app .list-row__cta:hover::after {
background-color: #fff;
}
.app .list-row__cta:focus {
background-color: #096bdf;
color: #fff;
}
.list-row :where([href^=http])::after {
content: "";
display: inline-block;
min-width: 0.8em;
width: 0.8em;
height: 0.8em;
-webkit-mask-image: url("../img/external.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
background-color: #096bdf;
margin-left: 0.5ch;
}
.homepage {
background-color: #FFF;
}
.homepage :where(.field--name-field-services-and-contact .background-gray) {
background-color: #FFF;
}
.homepage .view-article-related-events,
.homepage .view-article-related-news {
position: relative;
background-color: #F2F3F4;
}
@media (min-width: 992px) {
.homepage .view-article-related-events,
.homepage .view-article-related-news {
padding-left: 30px;
padding-right: 30px;
}
}
.homepage .view-article-related-events :where(ul),
.homepage .view-article-related-news :where(ul) {
margin-bottom: 0;
}
@media (min-width: 992px) {
.homepage .view-article-related-events :where(ul),
.homepage .view-article-related-news :where(ul) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.homepage .view-article-related-events :where(.view-header h2),
.homepage .view-article-related-news :where(.view-header h2) {
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
letter-spacing: -1.33px;
line-height: 1;
margin-bottom: 1.75rem;
font-size: 1.4rem;
letter-spacing: initial;
}
@media (min-width: 600px) {
.homepage .view-article-related-events :where(.view-header h2),
.homepage .view-article-related-news :where(.view-header h2) {
font-size: 2rem;
}
}
.homepage .view-article-related-events :where(li),
.homepage .view-article-related-news :where(li) {
margin: 0;
}
.homepage .view-article-related-events .more-link,
.homepage .view-article-related-news .more-link {
position: absolute;
top: 0;
z-index: 1;
right: var(--container-gutter);
}
@media (max-width: 599px) {
.homepage .view-article-related-events .more-link,
.homepage .view-article-related-news .more-link {
position: relative;
right: 0;
margin-top: 1rem;
}
}
@media (min-width: 992px) {
.homepage .view-article-related-events .more-link,
.homepage .view-article-related-news .more-link {
right: 30px;
}
}
.homepage .view-article-related-events .more-link :where(a),
.homepage .view-article-related-news .more-link :where(a) {
appearance: none;
background-color: transparent;
color: #052049;
font-size: 0.8rem;
border: 2px solid;
border-color: #006BE9;
border-radius: 1.6rem;
line-height: 1.4;
padding: 0.6em 1.6em;
text-align: center;
vertical-align: middle;
display: inline-block;
cursor: pointer;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
touch-action: manipulation;
user-select: none;
transition: cubic-bezier(0.33, 0.66, 0.66, 1) 0.2s background-color;
text-decoration: none;
letter-spacing: 0.4px;
}
.homepage .view-article-related-events .more-link :where(a):hover,
.homepage .view-article-related-news .more-link :where(a):hover {
background-color: #006BE9;
color: #FFF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.homepage .view-article-related-events .more-link :where(a):hover,
.homepage .view-article-related-news .more-link :where(a):hover {
text-decoration: none;
}
.homepage__news-events {
position: relative;
margin-top: 5rem;
padding-bottom: 5rem;
padding-top: 3.5rem;
overflow: hidden;
}
@media (max-width: 599px) {
.homepage__news-events {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (max-width: 767px) {
.homepage__news-events {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
}
@media (min-width: 992px) {
.homepage__news-events {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 1440px) {
.homepage__news-events {
margin-left: -var(--container-gutter);
margin-right: -var(--container-gutter);
}
}
.homepage__news-events::before {
content: "";
-webkit-mask-image: url("../img/wave-mask.svg");
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
-webkit-mask-position: center bottom;
transform: scale(-1);
background-color: #FFF;
position: absolute;
display: block;
width: calc(100% + 4px);
top: 0;
left: 0;
right: 0;
z-index: 1;
height: 4rem;
z-index: 1;
margin-left: -0.5rem;
margin-right: -0.5rem;
}
@media (min-width: 600px) {
.homepage__news-events::before {
margin-left: -1px;
margin-right: -1px;
}
}
@media (min-width: 992px) {
.homepage__news-events::before {
-webkit-mask-size: cover;
height: 4rem;
}
}
.homepage .homepage__news-events:last-child {
margin-bottom: 0;
}
.homepage :where(.homepage__news-events > .views-element-container + .views-element-container) {
margin-top: 2.5rem;
}
@media (min-width: 600px) {
.homepage :where(.homepage__news-events > .views-element-container + .views-element-container) {
margin-top: 4rem;
}
}
.wave-wrapper {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
position: relative;
display: grid;
grid-template-rows: 1fr;
padding-top: 3.5rem;
}
.wave-wrapper .background-gray {
background-color: transparent;
}
.wave-wrapper :where(h2) {
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
letter-spacing: -1.33px;
line-height: 1;
margin-bottom: 1.75rem;
font-size: 1.4rem;
letter-spacing: initial;
}
@media (min-width: 600px) {
.wave-wrapper :where(h2) {
font-size: 2rem;
}
}
.wave-inner {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
grid-row: 1;
grid-column: 1;
z-index: 2;
}
.wave-img {
background-image: url("../img/solid-wave-pattern.svg");
grid-row: 1;
grid-column: 1;
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
display: block;
width: 100%;
}
@media (min-width: 992px) {
.wave-img {
-webkit-mask-size: cover;
height: 100%;
transform: translateY(15%);
}
}
.wave-wrapper--alt .wave-img {
background-image: url("../img/line-pattern.svg");
transform: none;
background-position: center top;
}
:where(.homepage) .wave-wrapper--alt:not(:has(.text-card)) {
display: none;
}
@media (min-width: 992px) {
.node-owner-group {
display: grid;
grid-template-columns: 2.5fr 1fr;
grid-template-rows: auto 1fr;
column-gap: 1.5rem;
position: relative;
margin-bottom: 2rem;
}
}
@media (min-width: 992px) {
.node-owner-group__info {
grid-row: span 2;
grid-column: 2;
margin-bottom: 0;
padding-top: 1.3rem;
padding-top: 1.6rem;
margin-top: 1.5rem;
margin-left: -1.5rem;
padding-left: 1.5rem;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr auto auto;
border-left: 1px solid #052049;
}
.node__viewableby ~ .node-owner-group__info {
padding-top: 0;
margin-top: 2.1rem;
}
.block-language + .block-page-title-block .node-owner-group__info {
padding-top: 0;
margin-top: 0;
}
.block-language + .block-page-title-block .page-title + .node-owner-group__info {
padding-top: 1.3rem;
margin-top: 0;
}
}
.news .node-owner-group__info {
border-left: none;
margin-left: 0;
margin-right: 0;
padding-top: 2.5rem;
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
border-top: dotted 0.15rem #B4B9BF;
}
@media (min-width: 992px) {
.news .node-owner-group__info {
padding-left: 5.8rem;
padding-right: 5.8rem;
}
}
.node-owner-group__subheading {
font-weight: 500;
font-size: 1rem;
margin-bottom: 5px;
grid-row: 2;
align-self: end;
}
.node-owner-group__link {
display: block;
font-size: 0.8rem;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.node-owner-group__link {
grid-row: 3;
}
}
.news .node-owner-group__link {
margin-bottom: 0;
}
.node-owner-group__link :where(a) {
transition: background-color 0.2s cubic-bezier(0.33, 0.66, 0.66, 1);
color: #006BE9;
text-decoration: underline;
}
.node-owner-group__link :where(a):hover, .node-owner-group__link :where(a):focus-visible {
background-color: #ebf5fa;
text-decoration-color: #ebf5fa;
}
@media (min-width: 992px) {
.node-owner-group .node__viewableby {
grid-row: 1;
grid-column: 1;
}
}
@media (min-width: 992px) {
.block-language + .block-page-title-block .node-owner-group .node__viewableby {
margin-top: 1.9rem;
}
}
.node-owner-group .node__overview {
font-size: 1.2rem;
color: #506380;
padding-top: 1rem;
}
.panel-sidebar-wrapper {
padding: 2rem 1rem;
}
@media (min-width: 600px) {
.panel-sidebar-wrapper {
padding: 2rem 2rem 1rem 2rem;
}
}
@media (max-width: 479px) {
.panel-sidebar-wrapper {
margin-left: calc(var(--container-gutter) * -1);
margin-right: calc(var(--container-gutter) * -1);
}
}
.panel-sidebar-wrapper h2 {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
letter-spacing: -0.06ch;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
font-size: 1.2rem;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.panel-sidebar-wrapper :is(h2, h3).eyebrow-title {
font-size: 12px;
}
.panel-sidebar-wrapper :where([href^=http])::after {
font-size: 0.6rem;
margin-left: 1ch;
}
.panel-sidebar__cta {
display: block;
width: fit-content;
max-width: 12rem;
margin-top: 1rem;
margin-bottom: 1.5rem;
margin-left: auto;
margin-right: auto;
}
.panel-sidebar__overview {
font-size: 0.8rem;
}
:root {
--service-icon-size: 1.5rem;
--close-icon-size: 1.6rem;
}
@media (min-width: 768px) {
:root {
--service-icon-size: 1.8rem;
}
}
.homepage .promoted-status {
margin: 10px 0;
box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.31);
}
.homepage .promoted-status-container {
padding-bottom: 0;
}
.homepage .promoted-status-item {
align-content: center;
display: grid;
grid-template-columns: min-content 1fr auto;
column-gap: 10px;
}
@media (min-width: 768px) {
.homepage .promoted-status-item {
column-gap: 20px;
}
}
.homepage .promoted-status-item:has([aria-pressed=true]) {
display: none;
}
.homepage .promoted-status-item [class^=status-type--] {
align-content: center;
justify-items: center;
padding-left: 10px;
}
@media (min-width: 768px) {
.homepage .promoted-status-item [class^=status-type--] {
padding-left: 20px;
}
}
.homepage .promoted-status-item [class^=status-type--]::before {
content: "";
display: inline-block;
min-width: var(--service-icon-size);
width: var(--service-icon-size);
height: var(--service-icon-size);
mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
.homepage .promoted-status-item .status-type--service-interruption::before {
-webkit-mask-image: url("../img/alert-triangle.svg");
background-color: #E61048;
}
.homepage .promoted-status-item .status-type--scheduled-maintenance::before {
-webkit-mask-image: url("../img/clock.svg");
background-color: #6C247C;
}
.homepage .promoted-status-item .status-type--security-notice::before {
-webkit-mask-image: url("../img/shield-check.svg");
background-color: #561038;
}
.homepage .promoted-status-item__body {
grid-column: 2/3;
padding-top: 15.008px;
padding-bottom: 15.008px;
align-items: center;
}
.homepage .promoted-status-item :where(p) {
margin-bottom: 5px;
line-height: 1.25;
font-weight: 500;
color: #506380;
align-content: center;
}
.homepage .promoted-status-item__type {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 0.9rem;
letter-spacing: initial;
text-transform: uppercase;
font-weight: 500;
color: #506380;
margin-right: 1ch;
margin-bottom: 0;
font-size: 0.6rem;
}
.homepage .promoted-status-item__type:first-child:not(.page-title) {
margin-top: 0;
}
@media (min-width: 600px) {
.homepage .promoted-status-item__type {
font-size: 0.9rem;
}
}
@media (min-width: 600px) {
.homepage .promoted-status-item__type {
font-size: 0.8rem;
}
}
.homepage .promoted-status-item__state {
display: inline-flex;
align-content: center;
}
@media (max-width: 599px) {
.homepage .promoted-status-item__state {
font-size: 0.7rem;
}
}
.homepage .promoted-status-item__state::before {
content: "|";
margin-right: 0.5ch;
align-self: center;
}
.homepage .promoted-status-item__link {
text-decoration: underline;
}
@media (max-width: 599px) {
.homepage .promoted-status-item__link {
font-size: 0.8rem;
}
}
.homepage .promoted-status-item__link:hover, .homepage .promoted-status-item__link:focus-visible {
text-decoration: none;
color: #006BE9;
}
.homepage .promoted-status-item :where(.flag-dismiss-homepage-status-alert)[aria-pressed=false] {
display: block;
position: relative;
width: 1.4em;
height: max-content;
margin-left: auto;
cursor: pointer;
align-self: center;
justify-self: center;
text-indent: -9999px;
margin-right: 10px;
margin-left: 10px;
}
@media (min-width: 768px) {
.homepage .promoted-status-item :where(.flag-dismiss-homepage-status-alert)[aria-pressed=false] {
margin-right: 20px;
margin-left: 0;
}
}
.homepage .promoted-status-item :where(.flag-dismiss-homepage-status-alert)[aria-pressed=false]::before {
position: absolute;
content: "";
background-color: #506380;
width: var(--close-icon-size);
min-width: var(--close-icon-size);
height: var(--close-icon-size);
mask-size: 100%;
transition: all 0.2s, all cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
display: inline-block;
-webkit-mask-image: url("../img/x.svg");
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center center;
right: 0;
}
.homepage .promoted-status-item :where(.flag-dismiss-homepage-status-alert)[aria-pressed=false]:focus-visible::before, .homepage .promoted-status-item :where(.flag-dismiss-homepage-status-alert)[aria-pressed=false]:hover::before {
background-color: #006BE9;
}
.homepage .promoted-status-item :where(.flag-dismiss-homepage-status-alert)[aria-pressed=true] {
display: none;
}
@media (max-width: 991px) {
.homepage .promoted-status,
.path-frontpage .homepage .promoted-status {
margin-left: -1rem;
margin-right: -1rem;
}
}
.homepage .promoted-status-container,
.path-frontpage .homepage .promoted-status-container {
padding-bottom: 0;
max-width: 100%;
}
@media (min-width: 992px) {
.node-owner-group .page-title {
grid-row: 2;
grid-column: 1;
margin-bottom: 0;
padding-right: 1rem;
align-self: end;
}
}
.related-text-block-section {
margin-top: 3rem;
margin-bottom: 3.75rem;
padding: 2rem 1.5rem;
border: 0.09em solid #000;
}
@media (min-width: 992px) {
.related-text-block-section {
margin-left: -var(--container-gutter);
margin-right: -var(--container-gutter);
}
}
@media (min-width: 992px) {
.related-text-block-section {
padding: 3.5rem 2rem;
}
}
.related-text-block-section > .views-element-container {
margin-bottom: 3rem;
}
.related-text-block-section > .views-element-container:last-child {
margin-bottom: 0;
}
.related {
margin-bottom: 2rem;
}
@media (min-width: 992px) {
.related {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-rows: 1fr;
column-gap: 2rem;
margin-bottom: 3rem;
}
}
.related:last-child {
margin-bottom: 0;
}
.related__title::before {
content: "";
width: 3.5rem;
border-bottom: 0.13rem solid #84C234;
display: block;
margin-bottom: 1.3rem;
}
@media (min-width: 992px) {
.related__title {
grid-column: 1;
}
}
@media (min-width: 992px) {
.related__info {
grid-column: 2;
}
}
.related :where(a) {
color: #052049;
text-decoration: underline;
}
.related :where(a):hover, .related :where(a):focus {
text-decoration: none;
}
.related [href$=".pdf"][href^=http]:after {
display: none !important;
margin-left: 0;
}
.related [href$=".doc"][href^=http]:after {
display: none !important;
margin-left: 0;
}
.related [href$=".docx"][href^=http]:after {
display: none !important;
margin-left: 0;
}
.related [href$=".xls"][href^=http]:after {
display: none !important;
margin-left: 0;
}
.related [href$=".xlsx"][href^=http]:after {
display: none !important;
margin-left: 0;
}
.related .item-list > ul {
margin: 0;
padding: 0;
list-style: none;
}
.related .item-list > ul > li {
margin-bottom: 0.75rem;
break-inside: avoid;
}
.related.has-many-articles {
display: block;
}
@media (min-width: 768px) {
.related.has-many-articles .item-list > ul {
columns: 2;
}
}
@media (min-width: 992px) {
.related.has-many-articles .item-list > ul {
columns: 3;
column-gap: 2rem;
}
}
.section-panel h2.u-align--center {
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
letter-spacing: -1.33px;
line-height: 1;
margin-bottom: 1.75rem;
font-size: 1.4rem;
letter-spacing: initial;
}
@media (min-width: 600px) {
.section-panel h2.u-align--center {
font-size: 2rem;
}
}
.section-panel {
margin-top: 3.3rem;
}
@media (min-width: 600px) {
.section-panel {
margin-top: 90px;
}
}
.section-panel:first-of-type {
margin-top: 2.5rem;
}
@media (min-width: 600px) {
.section-panel:first-of-type {
margin-top: 3rem;
}
}
.node__overview + * .section-panel:first-of-type, .node__overview + .section-panel:first-of-type {
margin-top: 1.5rem;
}
.node__overview + .section-panel {
margin-top: 40px;
}
.section-panel + .section-panel:last-child {
margin-bottom: 2.5rem;
}
@media (min-width: 600px) {
.section-panel + .section-panel:last-child {
margin-bottom: 90px;
}
}
.section-panel :where(a) {
transition: background-color 0.2s cubic-bezier(0.33, 0.66, 0.66, 1);
}
.section-panel :where(a):hover, .section-panel :where(a):focus-visible {
background-color: #ebf5fa;
text-decoration-color: #ebf5fa;
}
.section-panel :where(a).btn:hover, .section-panel :where(a).text-card__cta:hover {
background-color: #006BE9;
}
.section-panel :where(a).btn:hover::after, .section-panel :where(a).text-card__cta:hover::after {
background-color: #FFF;
}
.node--type-landing-page .section-panel + .section-panel {
margin-top: 0;
padding-top: 0;
padding-bottom: 3.6rem;
}
.node--type-landing-page .section-panel + .section-panel:last-child {
padding-bottom: 90px;
}
.node--type-landing-page .section-panel + .section-panel.fw-image-info-panel, .node--type-landing-page .section-panel + .section-panel.fw-image-info-panel:last-child {
padding-bottom: 0;
}
.node--type-landing-page .fw-image-info-panel + .section-panel {
padding-top: 3.2rem;
}
.news__related-content:last-child,
.search-options:last-child,
.find-rep__content:last-child,
.event__content:last-child,
.event__related-content:last-child,
.homepage__news-events:last-child,
.job-standard:last-child,
.job-standard__content .knowledge-base__content:last-child,
.knowledge-base__related-content:last-child,
.news:last-child,
.news__content:last-child,
.restricted-content__wrapper:last-child,
:where(.list-row-section[class*=background-]):last-child,
:where(.card-panel[class*=background-]):last-child {
margin-bottom: 0;
}
.knowledge-base__content + .related-text-block,
.news + .news__related-content,
:where(.list-row-section[class*=background-]) + :where(.list-row-section[class*=background-]),
:where(.card-panel[class*=background-]) + :where(.card-panel[class*=background-]) {
margin-top: 0;
padding-top: 0;
}
@media (min-width: 992px) {
.spotlight {
display: grid;
gap: 30px;
grid-template-rows: repeat(3, auto);
row-gap: 0;
padding-bottom: 2.2rem;
}
.spotlight > * {
min-width: 0;
}
}
@media (min-width: 992px) and (min-width: 768px) {
.spotlight {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 992px) and (min-width: 875px) {
.spotlight {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.spotlight__main-item {
grid-column: 1/3;
}
}
.spotlight__main-item {
margin: 2px 0;
grid-row: 1/-1;
align-self: center;
justify-self: center;
}
.spotlight__supporting-items {
margin-top: 30px;
}
@media (min-width: 768px) {
.spotlight__supporting-items {
margin-top: 20px;
grid-column: 3;
}
}
.spotlight__supporting-item {
position: relative;
border-top: 1px solid #9BA6B6;
}
@media (min-width: 992px) {
.spotlight__supporting-item {
margin-left: 30px;
}
}
@media (max-width: 991px) {
.spotlight__supporting-item:first-of-type {
border-top: none;
}
}
.spotlight__supporting-item-title {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-top: 20px;
}
:is(.extra.extraspecificity, .spotlight__supporting-item-title) {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 1rem;
font-weight: 500;
margin-bottom: 5px;
}
:is(.extra.extraspecificity, .spotlight__supporting-item-title):first-child:not(.page-title) {
margin-top: 0;
}
.spotlight__supporting-item-title :where(a) {
text-decoration: underline;
display: block;
width: 80%;
color: #006BE9;
}
.spotlight__supporting-item-title :where(a)::after {
content: "";
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
margin: 0;
z-index: 1;
}
.spotlight__supporting-item-title :where(a):hover {
color: #052049;
}
.spotlight__supporting-item-title::after {
content: "";
display: block;
grid-row: 1;
height: 10px;
width: 14px;
color: #052049;
-webkit-mask-image: url("../img/arrow.svg");
-webkit-mask-repeat: no-repeat;
background-color: #006BE9;
align-self: center;
transform: translateX(-100%);
transition: 0.2s ease-out transform;
}
.spotlight__supporting-item-title:hover::after {
transform: translateX(0);
background-color: #052049;
}
.spotlight__supporting-item :where(.overview) {
width: 80%;
margin-bottom: 20px;
}
.homepage .statistic__wrapper {
margin-top: 3rem;
position: relative;
}
@media (min-width: 992px) {
.homepage .statistic__wrapper {
margin-top: 5rem;
}
}
.statistic :where(a) {
text-decoration: underline;
color: #006BE9;
}
.statistic__number {
display: block;
font-weight: 700;
}
.statistic__number:is(#extraspecificity, .statistic__number) {
font-size: 2.5rem;
}
:where(.homepage) .page-label,
:where(.homepage) .text-card .stay-connected__more {
display: none;
}
:where(.homepage) :where(.status-recent .status-login) {
display: none;
}
:is(.extraspecificity, :where(.homepage) :where(.stay-connected__list)) {
list-style-type: none;
}
:where(:where(.homepage) :where(.stay-connected__list) .field__label), :where(:where(.homepage) :where(.stay-connected__list) .card__arrow), :where(:where(.homepage) :where(.stay-connected__list) .card__full-details), :where(:where(.homepage) :where(.stay-connected__list) .service-impacted), :is(.extraspecificity, :where(.homepage) :where(.stay-connected__list) svg, :where(.homepage) :where(.stay-connected__list) .ucsf-icon), :where(:where(.homepage) :where(.stay-connected__list) .service-type),
:where(.homepage) :where(.stay-connected__list) :where(.card__title .original) {
display: none;
}
:where(.homepage) :where(.stay-connected__list) header {
display: flex;
justify-content: space-between;
align-items: center;
}
:where(.homepage) :where(.stay-connected__list) .card__title {
font-size: 0.9rem;
line-height: 1;
margin: 0;
display: flex;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 500;
}
:where(.homepage) :where(.stay-connected__list) .card__title :where(a) {
text-decoration: underline;
}
:where(.homepage) :where(.stay-connected__list) .card__title :where(a):hover {
color: #006BE9;
}
:where(.homepage) :where(.stay-connected__list) .card__status p, :where(.homepage) :where(.stay-connected__list) .card__status span {
margin: 0;
color: #506380;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 500;
}
:where(.homepage) :where(.stay-connected__list) .card__status p {
margin-left: 10px;
}
:where(.homepage) :where(.stay-connected__list) [class^=status-type--]::before {
content: "";
display: inline-block;
min-width: 1em;
width: 1em;
height: 1em;
-webkit-mask-repeat: no-repeat;
margin-right: 0.5ch;
mask-size: contain;
}
:where(.homepage) :where(.stay-connected__list) .status-type--service-interruption::before {
-webkit-mask-image: url("../img/alert-triangle.svg");
background-color: #E61048;
}
:where(.homepage) :where(.stay-connected__list) .status-type--scheduled-maintenance::before {
-webkit-mask-image: url("../img/clock.svg");
background-color: #6C247C;
}
:where(.homepage) :where(.stay-connected__list) .status-type--security-notice::before {
-webkit-mask-image: url("../img/shield-check.svg");
background-color: #561038;
}
:where(.homepage) :where(.stay-connected__list--help) li :is(a, button) {
text-decoration: underline;
font-weight: 500;
}
:where(.homepage) :where(.stay-connected__list--help) li :is(a, button):focus, :where(.homepage) :where(.stay-connected__list--help) li :is(a, button):hover {
color: #006BE9;
}
.step {
display: grid;
grid-template-columns: min-content 1fr;
grid-template-rows: auto;
grid-template-areas: "counter step-info";
margin-bottom: 3rem;
}
@media (min-width: 992px) {
.step {
margin-bottom: 4rem;
}
}
.step:last-child {
margin-bottom: 0;
}
.step__counter {
width: 3rem;
height: 3rem;
border-radius: 1.5rem;
background-color: transparent;
grid-area: counter;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 0.5fr 1fr;
justify-items: center;
align-content: center;
border: 0.15rem solid #052049;
margin-bottom: 0;
font-weight: 600;
}
@media (min-width: 992px) {
.step__counter {
width: 4rem;
height: 4rem;
border-radius: 2rem;
border-width: 0.2rem;
}
}
.step__counter :where(:nth-child(1)) {
text-transform: uppercase;
color: #506380;
font-size: 0.6rem;
margin-top: 0.3rem;
}
@media (min-width: 992px) {
.step__counter :where(:nth-child(1)) {
font-size: 0.7rem;
margin-top: 0.5rem;
}
}
.step__counter :where(:nth-child(2)) {
font-weight: 600;
height: min-content;
font-size: 1.4rem;
}
@media (min-width: 992px) {
.step__counter :where(:nth-child(2)) {
font-size: 2rem;
}
}
@media (max-width: 991px) {
.step__info {
display: grid;
grid-template-rows: 3rem auto;
}
}
@media (min-width: 992px) {
.step__info {
padding-left: 1.5rem;
}
}
.step__title {
margin-bottom: 0.8rem;
}
@media (max-width: 991px) {
.step__title {
margin-bottom: 0;
align-self: center;
padding-left: 1rem;
}
}
@media (max-width: 991px) {
.step__body {
margin-top: 1.5rem;
margin-left: -3rem;
}
}
.step__cta {
margin-top: 0.8rem;
}
.step .step__cta {
display: flex;
}
.step__cta.has-icon:after {
display: none !important;
margin-left: 0;
}
.step__cta[href$=".pdf"][href^=http]:after {
display: none !important;
margin-left: 0;
}
.step__cta[href$=".doc"][href^=http]:after {
display: none !important;
margin-left: 0;
}
.step__cta[href$=".docx"][href^=http]:after {
display: none !important;
margin-left: 0;
}
.step__cta[href$=".xls"][href^=http]:after {
display: none !important;
margin-left: 0;
}
.step__cta[href$=".xlsx"][href^=http]:after {
display: none !important;
margin-left: 0;
}
.step__cta img {
width: 1.5rem;
height: 1.5rem;
}
.step__cta:hover img {
filter: brightness(0) invert(1);
}
.dropdown {
background-color: #FFF;
box-shadow: 0 0 10px 0 rgba(5, 32, 73, 0.15);
width: 385px;
}
@media (max-width: 767px) {
.dropdown {
width: 100%;
}
}
.dropdown .flex-row {
display: flex;
align-items: center;
justify-content: space-between;
height: 50px;
padding: 0 20px;
width: 100%;
appearance: none;
background: white;
border: none;
}
.dropdown .role-filter {
color: #052049 !important;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif !important;
font-size: 18px !important;
font-weight: 400 !important;
letter-spacing: 0.2px !important;
line-height: 22px !important;
text-align: left !important;
margin: 0 !important;
padding: 0 !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.dropdown .fas, .dropdown .far, .dropdown .svg-inline--fa {
font-size: 32px;
vertical-align: middle;
color: #0071AD;
}
.dropdown ul {
display: none;
}
.dropdown:hover {
cursor: pointer;
}
.dropdown-open ul {
display: block;
border-top: 1px solid #9BA6B6;
margin: 0;
padding: 18px 0 0 0;
list-style-type: none;
z-index: 2;
position: absolute;
width: 385px;
background-color: #FFF;
box-shadow: 0 0 10px 0 rgba(5, 32, 73, 0.15);
}
@media (max-width: 455px) {
.dropdown-open ul {
width: 100%;
position: relative;
}
}
@media (min-width: 456px) and (max-width: 767px) {
.dropdown-open ul {
width: 100%;
position: relative;
}
}
.dropdown-open ul li {
line-height: 42px !important;
padding-left: 24px;
padding-right: 10px;
margin-bottom: 0;
}
.dropdown-open ul li:last-child {
margin-bottom: 24px;
}
.dropdown-open ul li:hover {
background-color: #E8F4FA;
color: #052049;
}
.dropdown-open ul li span {
display: block;
width: 100%;
}
.dropdown-open ul li a {
color: #0071AD;
display: block;
width: 100%;
}
.dropdown-open ul li a:hover {
text-decoration: none;
}
.field--name-field-training-url {
display: flex !important;
align-items: baseline;
}
.field--name-field-training-url .content-field {
padding-left: 4px;
}
.still-question {
margin-bottom: 0;
}
.still-question h2 {
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
margin-bottom: 30px;
}
.access-identity {
background-image: url("../img/service_icons/access-identity.png");
}
.business-applications {
background-image: url("../img/service_icons/business-applications.png");
}
.desktop-support {
background-image: url("../img/service_icons/desktop-support.png");
}
.education-application {
background-image: url("../img/service_icons/education-application.png");
}
.email-collab {
background-image: url("../img/service_icons/email-collab.png");
}
.health-systems {
background-image: url("../img/service_icons/health-systems.png");
}
.hosting-compute {
background-image: url("../img/service_icons/hosting-compute.png");
}
.network-wireless {
background-image: url("../img/service_icons/network-wireless.png");
}
.phone-pager {
background-image: url("../img/service_icons/phone-pager.png");
}
.research-services {
background-image: url("../img/service_icons/research-services.png");
}
.security {
background-image: url("../img/service_icons/security.png");
}
.web-services {
background-image: url("../img/service_icons/web-services.png");
}
.node--services .service--search {
width: 100%;
}
.node--services .service--search .search__form {
background: #FFF;
border: none;
position: relative;
height: 90px;
}
.node--services .service--search .search__form .service-search__form-input {
height: 90px;
width: 100%;
padding: 16px 80px 16px 35px;
font-size: 24px;
font-family: "HelveticaNeueLTW04-45Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
border: none;
background: none;
text-overflow: ellipsis;
}
.node--services .service--search .search__form .service-search__form-input::placeholder-shown {
text-overflow: ellipsis;
}
.node--services .service--search .search__form .service-search__form-submit {
margin-left: -70px;
background: url("../img/magnifier.svg") no-repeat center #FFF;
width: 40px;
height: 40px;
margin: 0;
margin-left: -75px;
margin-right: 15px;
border: none;
background-size: 28px;
text-indent: -9999px;
position: absolute;
top: 25px;
right: 20px;
}
.node--how-to details[data-drupal-selector=edit-services-collapsible] {
display: none;
}
.service > .bottom-spacing {
padding-bottom: 3rem;
}
.service .section-panel a {
color: #006BE9;
text-decoration: underline;
}
.service .section-panel:last-child {
margin-bottom: calc(3.3rem - 3.3rem);
}
@media (min-width: 992px) {
.service .section-panel:last-child {
margin-bottom: calc(90px - 3.3rem);
}
}
.service .node__access {
border-bottom: solid 0.15rem #B4B9BF;
padding-bottom: 2rem;
}
.service .node__access a {
color: #006BE9;
text-decoration: underline;
}
.service .service-meta {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.service .service-meta label {
font-weight: bold;
margin: 0;
}
.service .service-meta ul {
display: flex;
justify-content: space-around;
align-items: center;
list-style-type: none;
padding: 0;
margin: 0;
}
.service .service-meta ul li {
margin-left: 5px;
background-color: #F2F3F4;
line-height: 20px;
padding: 5px;
margin-bottom: 0;
margin-top: 0;
}
@media (max-width: 874px) {
.service .service-meta ul li {
padding: 20px 0;
}
}
.service .service-meta .tooltip-hover {
position: relative;
}
.service .service-meta .tooltip-hover:hover .tooltip-text {
visibility: visible;
}
.service .service-meta .tooltip-hover .tooltip-text {
visibility: hidden;
position: absolute;
top: -45px;
left: 0;
z-index: 2;
color: white;
font-size: 12px;
background-color: #052049;
border-radius: 10px;
padding: 10px 15px 10px 15px;
}
.service .service-meta .tooltip-hover .tooltip-text::before {
content: "";
position: absolute;
top: 80%;
left: 45%;
transform: rotate(45deg);
background-color: #052049;
padding: 5px;
z-index: 1;
}
.service .service-meta .tooltip-hover.vpn .tooltip-text {
width: 250px;
left: -92px;
}
.service .service-meta .tooltip-hover.mfa .tooltip-text {
width: 306px;
left: -118px;
}
.service .service-meta .tooltip-hover.sso .tooltip-text {
width: 330px;
left: -130px;
}
.service .service-owner-container {
border-top: 4px solid #052049;
font-size: 1.2rem;
}
.service .service-owner-container .row {
display: flex;
border-bottom: 1px solid #878D96;
gap: 24px;
align-items: center;
margin: 0;
}
.service .service-owner-container .row .field__label {
border-right: 1px solid #878D96;
padding: 20px 0;
flex: 0 0 38%;
}
.promoted-services .service {
display: flex;
justify-content: space-between;
}
.promoted-services .service .field-content {
margin: 0;
}
.promoted-services .service .vocabulary-service-status {
display: flex;
justify-content: end;
align-items: center;
column-gap: 5px;
color: #506380;
margin: 0;
line-height: 22px;
font-size: 14px;
}
.promoted-services .service .vocabulary-service-status::after {
content: " ";
width: 18px;
height: 18px;
border-radius: 100%;
flex-shrink: 0;
}
.promoted-services .service .vocabulary-service-status.blue::after {
background-color: #178CCB;
}
.promoted-services .service .vocabulary-service-status.green::after {
background-color: #32A03E;
}
.promoted-services .service .vocabulary-service-status.orange::after {
background-color: #FA6E1E;
}
.promoted-services .service .vocabulary-service-status.red::after {
background-color: #E61048;
}
.promoted-services .service .vocabulary-service-status.yellow::after {
background-color: #FEB80A;
}
:where(.homepage) .promoted-services .service {
position: relative;
margin-left: 0;
margin-bottom: 15px;
padding-left: 26px;
}
:where(.homepage) .promoted-services .service :where(a, p) {
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 500;
}
:where(.homepage) .promoted-services .service :where(a) {
text-decoration: underline;
}
:where(.homepage) .promoted-services .service :where(a):hover, :where(.homepage) .promoted-services .service :where(a):focus {
color: #006BE9;
}
:where(.homepage) .promoted-services .vocabulary-service-status {
grid-column: -1;
grid-row: 1;
}
:where(.homepage) .promoted-services .vocabulary-service-status::after {
display: none;
}
:where(.homepage) .promoted-services :is(.extraspecificity.extraspecificity, .vocabulary-service-status) {
font-size: 0.9rem;
}
:where(.homepage) .promoted-services [class*=status-color] {
width: 18px;
height: 18px;
border-radius: 100%;
position: absolute;
transform: translateX(-26px);
align-self: center;
}
:where(.homepage) .promoted-services .status-color--blue {
background-color: #178CCB;
}
:where(.homepage) .promoted-services .status-color--green {
background-color: #32A03E;
}
:where(.homepage) .promoted-services .status-color--orange {
background-color: #FA6E1E;
}
:where(.homepage) .promoted-services .status-color--red {
background-color: #E61048;
}
:where(.homepage) .promoted-services .status-color--yellow {
background-color: #FEB80A;
}
:where(.homepage) .promoted-services .stay-connected__more,
:where(.homepage) .promoted-services .ucsf-arrow {
display: none;
}
.page-node-type-services .node__viewableby {
margin-bottom: 8px;
}
@media (min-width: 992px) {
.page-node-type-services .node__viewableby {
margin-top: 3.4rem;
}
}
.page-node-type-services .node__viewableby :where(p) {
margin-bottom: 0;
}
.page-node-type-services .node__viewableby :where(p)::after {
content: "";
display: inline-block;
margin-left: 8px;
width: 0.145rem;
height: 0.7rem;
border-left: 0.145rem solid #84C234;
transform: skew(-25deg);
}
.page-node-type-services .node__viewableby + .page-title {
margin-top: 0;
}
@media (min-width: 992px) {
.block-language + .block-page-title-block > .page-node-type-services .node__viewableby {
margin-top: 1.9rem;
}
}
.page-node-type-services .service-status {
display: flex;
align-items: center;
column-gap: 5px;
color: #506380;
margin: 0;
}
.page-node-type-services .service-status::before {
content: " ";
width: 18px;
height: 18px;
border-radius: 100%;
flex-shrink: 0;
}
.page-node-type-services .service-status.blue::before {
background-color: #178CCB;
}
.page-node-type-services .service-status.green::before {
background-color: #32A03E;
}
.page-node-type-services .service-status.orange::before {
background-color: #FA6E1E;
}
.page-node-type-services .service-status.red::before {
background-color: #E61048;
}
.page-node-type-services .service-status.yellow::before {
background-color: #FEB80A;
}
.page-node-type-services .node__overview {
color: #506380;
margin-top: -0.5rem;
}
.page-node-type-services .node__overview :not(h2):last-child {
margin-bottom: 0;
}
.page-node-type-services .node__overview :where(a) {
transition: background-color 0.2s cubic-bezier(0.33, 0.66, 0.66, 1);
}
.page-node-type-services .node__overview :where(a):hover, .page-node-type-services .node__overview :where(a):focus-visible {
background-color: #ebf5fa;
text-decoration-color: #ebf5fa;
}
.text-card {
display: grid;
grid-template-rows: max-content max-content max-content max-content;
background-color: #FFF;
padding: 30px;
margin-top: 0;
margin-bottom: 0;
font-size: 0.9rem;
height: 100%;
}
.text-card__icon {
width: 4rem;
height: 4rem;
margin-bottom: 30px;
}
.text-card__header-wrapper {
display: inline-grid;
grid-template-columns: var(--img-icon) auto;
padding-bottom: 8px;
}
.text-card__header-wrapper :where(img) {
grid-row: 1;
grid-column: 1;
}
.text-card__header-wrapper.no-author {
padding-bottom: 1.5rem;
}
.text-card__header-wrapper :where(.text-card__byline-wrapper) {
grid-row: 1;
grid-column: 2;
}
.text-card__byline {
color: #506380;
font-size: 0.8rem;
margin-bottom: 8px;
}
.text-card__header-wrapper .text-card__byline {
margin-bottom: 0;
}
.text-card__title {
line-height: 1.25;
color: #052049;
font-style: normal;
font-stretch: normal;
margin-top: 20px;
margin-bottom: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-size: 1rem;
font-weight: 500;
font-size: 1.2rem;
margin-top: 0;
margin-bottom: 10px;
}
.text-card__title:first-child:not(.page-title) {
margin-top: 0;
}
.text-card__title::before {
content: "";
width: 3.5rem;
border-bottom: 0.13rem solid #84C234;
display: block;
margin-bottom: 1.3rem;
}
.text-card:where(.text-card--offset-icon) .text-card__title {
font-weight: bold;
}
.text-card:where(.text-card--offset-icon) .text-card__title :where(a) {
text-decoration: underline;
}
.text-card:where(.text-card--offset-icon) .text-card__title :where(a):hover {
color: #006BE9;
}
.text-card__header-wrapper .text-card__body, .text-card__header-wrapper ~ .text-card__body {
color: #506380;
}
.text-card__list {
margin-left: 0;
padding-left: 0;
list-style: none;
align-self: start;
}
.text-card__list > li {
list-style: none;
}
.text-card__list > li::before {
display: none;
}
.text-card__list > :where(* + *) {
margin-top: 0.5rem;
}
.text-card__list > :where(:last-child) {
margin-bottom: 0;
}
.text-card__cta {
appearance: none;
background-color: transparent;
color: #052049;
font-size: 0.8rem;
border: 2px solid;
border-color: #006BE9;
border-radius: 1.6rem;
line-height: 1.4;
padding: 0.6em 1.6em;
text-align: center;
vertical-align: middle;
display: inline-block;
cursor: pointer;
font-family: "HelveticaNeueLTW06-75Bold", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
touch-action: manipulation;
user-select: none;
transition: cubic-bezier(0.33, 0.66, 0.66, 1) 0.2s background-color;
text-decoration: none;
letter-spacing: 0.4px;
align-self: end;
margin-top: 1rem;
align-self: start;
}
.text-card__cta:hover {
background-color: #006BE9;
color: #FFF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.text-card__cta:hover {
text-decoration: none;
}
.text-card__cta:hover::after {
background-color: #FFF;
}
.text-card--alt, :where(.view-article-relate-news-and-events) .text-card {
position: relative;
}
.text-card--alt :where(.text-card__title), :where(.view-article-relate-news-and-events) .text-card :where(.text-card__title) {
font-size: 1rem;
}
.text-card--alt :where(.text-card__title)::before, :where(.view-article-relate-news-and-events) .text-card :where(.text-card__title)::before {
display: none;
}
.text-card--alt :where(.text-card__title) :where(a), :where(.view-article-relate-news-and-events) .text-card :where(.text-card__title) :where(a) {
color: #052049;
text-decoration: none;
}
.text-card--alt :where(.text-card__title) :where(a):hover, :where(.view-article-relate-news-and-events) .text-card :where(.text-card__title) :where(a):hover {
text-decoration: underline;
background-color: transparent;
}
.text-card--alt :where(.text-card__title) :where(a)::after, :where(.view-article-relate-news-and-events) .text-card :where(.text-card__title) :where(a)::after {
content: "";
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
margin: 0;
z-index: 1;
}
.app .text-card .text-card__overview {
margin-bottom: 20px;
}
.app .text-card .text-card__title, .text-card .view-header :is(h2, h3) {
line-height: 1.25;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
color: #052049;
font-style: normal;
font-stretch: normal;
font-size: 1.2rem;
font-weight: 500;
margin-top: 0;
margin-bottom: 10px;
}
.app .text-card .text-card__title::before, .text-card .view-header :is(h2, h3)::before {
content: "";
width: 70px;
border-bottom: 2.608px solid #84C234;
display: block;
margin-bottom: 26px;
}
.app .text-card .text-card__list {
margin-left: 0;
padding-left: 0;
list-style: none;
align-self: start;
}
.app .text-card .text-card__list > :where(* + *) {
margin-top: 10px;
}
.app .text-card .text-card__list > :where(:last-child) {
margin-bottom: 0;
}
.app .text-card .text-card__list :where(li) {
list-style: none;
}
.app .text-card .text-card__list :where(li)::before {
display: none;
}
.app .text-card .text-card__list :where(a),
.app .text-card .text-card__list :where(button) {
text-decoration: underline;
color: #006BE9;
}
.app .text-card .text-card__list :where(a):hover {
color: #052049;
}
.app .text-card .text-card__cta {
appearance: none;
background-color: transparent;
color: #052049;
font-size: 16px;
font-weight: 600;
border: 2px solid;
border-color: #006BE9;
border-radius: 32px;
line-height: 1.4;
padding: 0.6em 1.6em;
text-align: center;
vertical-align: middle;
display: inline-block;
cursor: pointer;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
touch-action: manipulation;
user-select: none;
transition: cubic-bezier(0.33, 0.66, 0.66, 1) 0.2s background-color;
text-decoration: none;
letter-spacing: 0.4px;
margin-top: 20px;
align-self: start;
}
.app .text-card .text-card__cta:hover {
background-color: #006BE9;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
}
.app .text-card .text-card__cta:hover::after {
background-color: #fff;
}
.app .text-card .text-card__cta:focus {
background-color: #006BE9;
color: #fff;
}
:where(.homepage) :is(#extraspecificity, .text-card__cta) {
width: 100%;
max-width: 100%;
}
.text-card :where([href^=http])::after {
content: "";
display: inline-block;
min-width: 0.8em;
width: 0.8em;
height: 0.8em;
-webkit-mask-image: url("../img/external.svg");
-webkit-mask-repeat: no-repeat;
transition: 0.2s, cubic-bezier(0.33, 0.66, 0.66, 1), background-color;
background-color: #006BE9;
margin-left: 0.5ch;
}
/**
* @file
* Visual styles for tabs.
*/
div.tabs {
margin: 1rem 0;
}
ul.tabs {
margin: 0 0 0.5rem;
padding: 0;
list-style: none;
}
.tabs > li {
display: inline-block;
margin-right: 0.3rem;
}
.tabs a {
display: block;
padding: 0.2rem 1rem;
text-decoration: none;
}
.tabs a.is-active {
background-color: #eee;
}
.tabs a:focus,
.tabs a:hover {
background-color: #f5f5f5;
}
.view-article-related-events {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
margin-top: 48px;
position: relative;
}
@media (max-width: 599px) {
.view-article-related-events {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 600px) {
.view-article-related-events {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
}
}
@media (min-width: 992px) {
.view-article-related-events {
padding-left: 0;
padding-right: 0;
}
}
.view-article-related-events :where(ul) {
margin-left: 0;
padding-left: 0;
list-style: none;
margin-bottom: 0;
display: grid;
gap: 30px;
}
.view-article-related-events :where(ul) > li {
list-style: none;
}
.view-article-related-events :where(ul) > li::before {
display: none;
}
.view-article-related-events :where(ul) > * {
min-width: 0;
}
@media (min-width: 820px) {
.view-article-related-events :where(ul) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.view-article-related-events .view-content :where(li) {
margin-left: 0;
margin-bottom: 0;
background-color: #FFF;
box-shadow: 0 1px 3px rgba(5, 32, 73, 0.1), 0 1px 3px rgba(5, 32, 73, 0.1);
padding-top: 30px;
padding-left: 30px;
padding-bottom: 30px;
}
.view-events-page {
/* Container width -----------------------------------------------------------*/
position: relative;
}
@media (max-width: 767px) {
.view-events-page {
--container-gutter: 20px;
}
}
@media (min-width: 992px) {
.view-events-page {
--container-gutter: MAX(20px, calc(50% - 1340px/2));
}
}
.view-events-page .view-header {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background-color: #FFF;
padding-top: 30px;
padding-bottom: 30px;
}
.view-events-page .view-header :where(h1) {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
margin-bottom: 0;
font-weight: 700;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.view-events-page .view-content {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background-color: #F2F3F4;
}
.view-events-page .view-content .item-list {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
}
.view-events-page .view-content :where(ul) {
margin-left: 0;
padding-left: 0;
list-style: none;
margin-bottom: 0;
display: grid;
gap: 24px;
}
.view-events-page .view-content :where(ul) > li {
list-style: none;
}
.view-events-page .view-content :where(ul) > li::before {
display: none;
}
@media (min-width: 768px) {
.view-events-page .view-content :where(ul) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.view-events-page .view-content :where(ul) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.view-events-page .view-content :where(ul) > * {
min-width: 0;
}
.view-events-page .view-content :where(li) {
margin-top: 0;
margin-left: 0;
margin-bottom: 0;
background-color: #FFF;
padding-top: 30px;
padding-left: 30px;
padding-bottom: 30px;
}
.view-events-page .pager {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background-color: #F2F3F4;
margin-top: 0;
}
.view-events-page .pager__items {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
margin-top: -32px;
margin-bottom: 0;
padding-bottom: 80px;
}
.view-events-page .more-link {
position: absolute;
top: -8px;
right: 24px;
}
@media (min-width: 992px) {
.view-events-page .more-link {
right: 0;
top: -3.2px;
}
}
.view-article-related-news {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
position: relative;
}
@media (max-width: 599px) {
.view-article-related-news {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 992px) {
.view-article-related-news {
padding-left: 0;
padding-right: 0;
}
}
.view-article-related-news :where(.image-card) {
margin-top: 32px;
}
.view-article-related-news :where(ul) {
margin-left: 0;
padding-left: 0;
list-style: none;
margin-bottom: 0;
display: grid;
gap: 24px;
margin-top: 0;
}
.view-article-related-news :where(ul) > li {
list-style: none;
}
.view-article-related-news :where(ul) > li::before {
display: none;
}
@media (min-width: 820px) {
.view-article-related-news :where(ul) {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 64px;
}
}
.view-article-related-news :where(ul) > * {
min-width: 0;
}
.view-article-related-news :where(li) {
margin-left: 0;
margin-bottom: 0;
}
.view-article-related-news :where(.text-card, .image-card) {
background-color: #FFF;
}
@media (max-width: 819px) {
.view-article-related-news .image-card__figure {
margin-left: 0;
margin-right: 0;
transform: none;
}
}
@media (max-width: 819px) {
.view-article-related-news .image-card__figure {
margin-left: 0;
margin-right: 0;
transform: none;
}
}
@media (max-width: 819px) {
.view-article-related-news .image-card__info {
padding-left: 20px;
padding-right: 20px;
margin-top: 0;
}
}
.view-article-related-news .more-link {
position: absolute;
right: 24px;
top: -8px;
}
@media (min-width: 992px) {
.view-article-related-news .more-link {
top: -3.2px;
right: 0;
}
}
.view-news-page, .view-events-page {
/* Container width -----------------------------------------------------------*/
position: relative;
}
@media (max-width: 767px) {
.view-news-page, .view-events-page {
--container-gutter: 20px;
}
}
@media (min-width: 992px) {
.view-news-page, .view-events-page {
--container-gutter: MAX(20px, calc(50% - 1380px/2));
}
}
.view-news-page :where(.view-filters), .view-events-page :where(.view-filters) {
background-color: #fff;
}
.view-news-page :where(.views-exposed-form), .view-events-page :where(.views-exposed-form) {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
padding-bottom: 40px;
}
.view-news-page :where(.filters), .view-events-page :where(.filters) {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
}
.view-news-page :where(label), .view-events-page :where(label) {
font-size: 1rem;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 700;
}
.view-news-page .form-select, .view-events-page .form-select {
vertical-align: middle;
height: 40px;
width: 100%;
max-width: 385px;
background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #F4F4F4 100%);
background-clip: border-box;
background-clip: padding-box;
box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
white-space: nowrap;
line-height: 24px;
color: #052049;
border: 1px solid #878D96;
border-radius: 0;
padding: 4px 10.4px;
font-weight: 500;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
cursor: pointer;
}
.view-news-page .form-select:focus, .view-events-page .form-select:focus {
border: 2px solid #096bdf;
}
.view-news-page .form-select option, .view-events-page .form-select option {
position: relative;
background-color: #fff;
line-height: 42px;
padding-left: 24px;
padding-right: 10px;
margin-bottom: 0;
color: #052049;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
width: 100%;
font-size: 18px;
cursor: pointer;
}
.view-news-page .view-header, .view-events-page .view-header {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background-color: #FFF;
padding-top: 30px;
padding-bottom: 30px;
}
.view-news-page .view-header :where(h1), .view-events-page .view-header :where(h1) {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
margin-bottom: 0;
font-weight: 700;
font-family: "HelveticaNeueLTW", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.view-news-page .view-content, .view-events-page .view-content {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background-color: #F2F3F4;
padding: 80px var(--container-gutter);
}
@media (min-width: 992px) {
.view-news-page .view-content, .view-events-page .view-content {
padding-left: 0;
padding-right: 0;
}
}
.view-news-page .view-content .item-list, .view-events-page .view-content .item-list {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
}
@media (max-width: 991px) {
.view-news-page .view-content .item-list, .view-events-page .view-content .item-list {
padding-left: 0;
padding-right: 0;
}
}
.view-news-page .view-content :where(ul), .view-events-page .view-content :where(ul) {
margin-left: 0;
padding-left: 0;
list-style: none;
margin-bottom: 0;
display: grid;
gap: 30px;
row-gap: 70px;
}
.view-news-page .view-content :where(ul) > li, .view-events-page .view-content :where(ul) > li {
list-style: none;
}
.view-news-page .view-content :where(ul) > li::before, .view-events-page .view-content :where(ul) > li::before {
display: none;
}
@media (min-width: 820px) {
.view-news-page .view-content :where(ul), .view-events-page .view-content :where(ul) {
row-gap: 80px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.view-news-page .view-content :where(ul), .view-events-page .view-content :where(ul) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.view-news-page .view-content :where(ul) > *, .view-events-page .view-content :where(ul) > * {
min-width: 0;
}
.view-news-page .view-content :where(li), .view-events-page .view-content :where(li) {
margin-left: 0;
margin-bottom: 0;
background-color: #FFF;
margin-top: 0;
}
@media (min-width: 600px) {
.view-news-page .view-content :where(li):has(> .image-card--offset), .view-events-page .view-content :where(li):has(> .image-card--offset) {
background-color: transparent;
}
}
.view-news-page .pager, .view-events-page .pager {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background-color: #F2F3F4;
margin-top: 0;
}
@media (min-width: 992px) {
.view-news-page .pager, .view-events-page .pager {
max-width: initial;
}
}
.view-news-page .pager__items, .view-events-page .pager__items {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
margin-top: -32px;
margin-bottom: 0;
padding-bottom: 80px;
background-color: #F2F3F4;
flex-wrap: wrap;
}
.view-news-page .pager__item, .view-events-page .pager__item {
display: flex;
margin: 0 -1px;
}
.view-news-page .more-link, .view-events-page .more-link {
position: absolute;
top: -8px;
right: 24px;
}
@media (min-width: 992px) {
.view-news-page .more-link, .view-events-page .more-link {
right: 0;
top: -3.2px;
}
}
.l-container {
margin-left: max(var(--container-gutter), 50% - 1650px / 2);
margin-right: max(var(--container-gutter), 50% - 1650px / 2);
max-width: 1650px;
}
.l-container-narrow {
margin-left: max(var(--container-gutter), 50% - 1015px / 2);
margin-right: max(var(--container-gutter), 50% - 1015px / 2);
max-width: 1650px;
}
.l-container-narrow--left {
max-width: 1015px;
margin-left: var(--container-gutter);
margin-right: max(var(--container-gutter), 50% - 1015px / 2);
}
.l-container-offset {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
}
.l-container-offset-narrow {
padding-left: var(--container-gutter);
padding-right: var(--container-gutter);
}
.l-container-offset-narrow--left {
padding-left: calc(max(var(--container-gutter), 50% - 1015px / 2) + max(var(--container-gutter), 1650px - 1015px));
padding-left: max(var(--container-gutter), 50% - 1015px / 2);
}
.l-container-offset-narrow--right {
padding-right: calc(max(var(--container-gutter), 50% - 1015px / 2) + max(var(--container-gutter), 1650px - 1015px));
padding-left: max(var(--container-gutter), 50% - 1015px / 2);
}
.l-container-breakout {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.l-basic {
display: grid;
gap: 1.5rem;
grid-template-areas: "sidebar" "content";
}
@media (min-width: 875px) {
.l-basic {
grid-template-columns: 2.5fr 1fr;
grid-template-areas: "content sidebar";
}
}
.l-basic .l-content {
grid-area: content;
min-width: 0;
}
.l-basic .l-sidebar {
grid-area: sidebar;
min-width: 0;
}
@media (min-width: 875px) {
.l-basic--reverse {
grid-template-columns: 1fr 2.5fr;
grid-template-areas: "sidebar content";
}
}
.l-seconds {
display: grid;
gap: 30px;
}
.l-seconds > * {
min-width: 0;
}
@media (min-width: 768px) {
.l-seconds {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.l-thirds {
display: grid;
gap: 30px;
}
.l-thirds > * {
min-width: 0;
}
@media (min-width: 768px) {
.l-thirds {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 875px) {
.l-thirds {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.l-fourths {
display: grid;
gap: 30px;
}
.l-fourths > * {
min-width: 0;
}
@media (min-width: 600px) {
.l-fourths {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 875px) {
.l-fourths {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1312px) {
.l-fourths {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.l-top-sidebar {
display: grid;
column-gap: 1.5rem;
grid-template-columns: 2fr 1fr;
grid-template-areas: "notifications sidebar" "banner sidebar" "news sidebar" "featured sidebar";
}
}
.l-top-sidebar__sidebar {
grid-area: sidebar;
}
.l-top-sidebar__notifications {
grid-area: notifications;
}
.l-top-sidebar__banner {
grid-area: banner;
}
.l-top-sidebar__news {
grid-area: news;
}
.l-top-sidebar__featured-content {
grid-area: featured;
}
@media (min-width: 992px) {
.l-top-sidebar--short {
display: grid;
column-gap: 1.5rem;
grid-template-columns: 2fr 1fr;
grid-template-areas: "notifications sidebar" "banner sidebar" "news news" "featured .";
}
}
@media (min-width: 875px) {
.u-align--right {
float: right !important;
margin-bottom: 20px;
margin-left: 20px;
max-width: 100%;
}
}
@media (min-width: 875px) {
.u-align--left {
float: left !important;
margin-bottom: 20px;
margin-right: 20px;
max-width: 100%;
}
}
.u-align--center {
text-align: center !important;
}
.u-align--center figure {
display: block;
}
.u-align--center figure > img {
width: auto;
}
.u-align--center figcaption {
font-size: 12px;
display: block;
}
.clearfix:after,
.u-clearfix:after {
content: "";
display: table;
clear: both;
}
.u-clear {
clear: both !important;
}
.u-space-top {
margin-top: 8px !important;
}
.u-space-top--flush {
margin-top: 0 !important;
}
.u-space-right {
margin-right: 8px !important;
}
.u-space-right--flush {
margin-right: 0 !important;
}
.u-space-bottom {
margin-bottom: 8px !important;
}
.u-space-bottom--flush {
margin-bottom: 0 !important;
}
.u-space-left {
margin-left: 8px !important;
}
.u-space-left--flush {
margin-left: 0 !important;
}
.u-space--flush {
margin: 0 !important;
}
.u-block {
display: block !important;
}
.u-inline {
display: inline !important;
}
.u-hidden {
display: none !important;
}
.u-hidden--visually {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.u-shown--visually {
clip: auto !important;
height: auto !important;
position: inherit !important;
width: auto !important;
}
.u-hide-text {
text-indent: 110% !important;
white-space: nowrap !important;
overflow: hidden !important;
}
/*------------------------------------*\
# Header
\*------------------------------------*/
.main-navigation .container .flex-grid .navbar nav ul.contextual-links {
display: none;
}
.nav--main {
position: initial;
}
@media (min-width: 875px) {
.main-navigation {
padding: 0;
}
}
.main-navigation .container .flex-grid .navbar {
height: auto !important;
}
@media (min-width: 875px) {
.main-navigation .container .flex-grid .navbar nav .menu-top-level > li {
padding: 30px 0;
}
}
.main-navigation .container .flex-grid .navbar nav ul li .dropdown-menu {
display: none;
}
@media (min-width: 875px) {
.main-navigation .container .flex-grid .navbar nav ul li .dropdown-menu {
top: 100%;
}
}
.main-navigation .container .flex-grid .navbar nav ul .dropdown-menu-parent:focus-within .dropdown-menu,
.main-navigation .container .flex-grid .navbar nav ul .dropdown-menu-parent:hover .dropdown-menu {
display: block;
}
.toolbar + .dialog-off-canvas-main-canvas .mobile-nav-visible .main-navigation .menu-top-level {
top: 138px;
}
/*------------------------------------*\
# Footer
\*------------------------------------*/
.modal-wrapper .modal .close-modal,
.modal-wrapper .modal .close-modal:hover,
.modal-wrapper .modal .close-modal:focus {
color: #052049;
}
.global-footer .modal-wrapper .modal p {
color: #052049;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 32px;
margin-bottom: 30px !important;
text-align: left;
}
.modal-wrapper {
display: none;
animation-name: modalopen;
animation-duration: 0.5s;
}
.modal-wrapper.show-modal {
display: block;
}
.modal-wrapper .close-modal {
background: none;
border: none;
}
.validation-message.error {
color: #E61048 !important;
}
@keyframes modalopen {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.page-node-8480 .still-question {
display: none;
}
.page-node-8480 .field--name-field-service-url {
display: none;
}
.menu-item {
margin: 0;
padding-top: 0.2rem;
}
/*# sourceMappingURL=styles.css.map */