@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800&family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800&family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800&family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800&family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800&family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800&family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800&family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */

.nice-select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 38px;
    line-height: 36px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all .2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.nice-select:hover {
    border-color: hsl(0, 0%, 85.9803921569%)
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    transform: rotate(-135deg)
}

.nice-select.open .nice-select-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: rgb(237.1, 237.1, 237.1);
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .nice-select-dropdown {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .nice-select-dropdown {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .nice-select-dropdown {
    margin-top: 4px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(19px);
    transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9;
    opacity: 0
}

.nice-select .list {
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    max-height: 210px;
    overflow-y: auto
}

.nice-select .list:hover .option:not(:hover) {
    background-color: rgba(0, 0, 0, 0) !important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all .2s
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: bold
}

.nice-select .option.disabled {
    background-color: rgba(0, 0, 0, 0);
    color: #999;
    cursor: default
}

.nice-select .extra {
    float: right
}

.nice-select .optgroup {
    font-weight: bold
}

.no-csspointerevents .nice-select .nice-select-dropdown {
    display: none
}

.no-csspointerevents .nice-select.open .nice-select-dropdown {
    display: block
}

.nice-select .list::-webkit-scrollbar {
    width: 0
}

.nice-select .has-multiple {
    white-space: inherit;
    height: auto;
    padding: 7px 12px;
    min-height: 36px;
    line-height: 22px
}

.nice-select .has-multiple span.current {
    border: 1px solid #ccc;
    background: #eee;
    padding: 0 10px;
    border-radius: 3px;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 3px;
    margin-right: 3px
}

.nice-select .has-multiple .multiple-options {
    display: block;
    line-height: 24px;
    padding: 0
}

.nice-select .nice-select-search-box {
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    pointer-events: none;
    border-radius: 5px 5px 0 0
}

.nice-select .nice-select-search {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    color: #444;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 12px;
    margin: 0 10px 0 0;
    width: 100%;
    min-height: 36px;
    line-height: 22px;
    height: auto;
    outline: 0 !important;
    font-size: 14px
}

.block--breadcrumbs {
    padding-top: 5px;
    padding-bottom: 5px;
}

.block--breadcrumbs nav ol {
    padding-left: 0;
    font-family: "Open Sans", sans-serif;
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
}

.block--breadcrumbs nav ol li:before {
    display: none;
}

.block--breadcrumbs nav ol {
    list-style: none;
}

.block--breadcrumbs nav ol li {
    font-size: 13px;
    font-weight: 600;
}

.block--breadcrumbs nav ol li:not(:last-child):after {
    font-weight: 900;
    margin-left: 10px;
    content: "/";
}

.block--breadcrumbs nav ol li:not(:last-child):after {
    color: #007EAD;
}

.block--breadcrumbs nav ol a {
    color: #000000;
    text-decoration: none;
    transition: 0.3s;
}

.block--breadcrumbs nav ol a:hover {
    color: #007EAD;
}

.block--field-block--node--news--field-caption~.block--breadcrumbs {
    margin-top: 16px;
}

.path-academics-departments-criminal-justice-faculty .flyout-block ul li:nth-child(1),
.path-academics-departments-criminal-justice-faculty .flyout-block ul li:nth-child(2),
.path-academics-departments-criminal-justice-faculty .flyout-block ul li:nth-child(3),
.path-academics-departments-sociology-faculty .flyout-block ul li:nth-child(1),
.path-academics-departments-sociology-faculty .flyout-block ul li:nth-child(2),
.path-academics-departments-sociology-faculty .flyout-block ul li:nth-child(3) {
    display: none !important;
}

.flyout-block {
    display: flex;
    align-items: center;
    z-index: 2;
    top: 50%;
    position: fixed !important;
    padding: 50px 70px;
    transition: all 0.2s ease-in-out 0s;
    width: 300px;
    box-sizing: border-box;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    opacity: 1;
    visibility: visible;
    min-height: 260px;
}

.flyout-block {
    background-color: rgba(0, 0, 0, 0.85);
}

.flyout-block.local-tasks {
    min-height: 295px;
}

.flyout-block.hidden {
    opacity: 0;
    visibility: hidden;
}

.flyout-block.open {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.flyout-block.open .flyout-block__trigger {
    top: calc(50% - 23.5px);
}

.flyout-block.open .flyout-block__trigger:after {
    margin-top: -5px;
    rotate: 135deg;
}

.flyout-block ul:not(.contextual-links) {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.flyout-block ul:not(.contextual-links) {
    gap: 5px;
}

.flyout-block ul:not(.contextual-links) li:before {
    content: none;
}

.flyout-block ul:not(.contextual-links) a {
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    transition: 0.3s;
}

.flyout-block ul:not(.contextual-links) a {
    text-decoration: none;
}

.flyout-block ul:not(.contextual-links) a.is-active {
    font-weight: 600;
}

.flyout-block ul:not(.contextual-links) a:hover {
    color: #83DEFF;
}

.flyout-block__trigger {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #007EAD;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #007EAD;
    color: #007EAD;
    background-color: #007EAD;
    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: 15px;
    position: absolute;
    transition: 0.3s;
    right: -100px;
    rotate: 90deg;
    width: 150px;
    height: 50px;
    gap: 30px;
}

.flyout-block__trigger {
    box-sizing: border-box;
}

.flyout-block__trigger:after {
    border: 2px solid transparent;
    border-right-color: #ffffff;
    border-top-color: #ffffff;
    box-sizing: border-box;
    transition: 0.5s;
    content: "";
    height: 10px;
    width: 10px;
    rotate: -45deg;
    margin-bottom: -5px;
    margin-top: 0;
}

.left-hand-nav {
    max-width: -webkit-max-content;
    max-width: max-content;
    width: 100%;
    padding: 50px 50px 50px 70px;
}

.left-hand-nav__trigger {
    right: -115px;
    width: 180px;
    top: calc(65% - 23.5px);
}

.user-anonymous .left-hand-nav__trigger {
    top: calc(50% - 23.5px);
}

.local-tasks__trigger {
    top: calc(25% - 23.5px);
}

.btn,
footer .pre a,
.glb-button,
#edit-loginurl,
#edit-cancel,
button.btn-primary,
input[type=submit] {
    margin-bottom: 8px;
    background-color: transparent;
    cursor: pointer;
    border: none;
    padding: 0;
}

.btn svg,
footer .pre a svg,
.glb-button svg,
#edit-loginurl svg,
#edit-cancel svg,
button.btn-primary svg,
input[type=submit] svg {
    width: 100%;
    height: 100%;
}

.btn--black {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #000000;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #000000;
    color: #000000;
    background-color: #000000;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--black:hover,
.btn--black:active,
.btn--black:focus {
    color: #000000 !important;
}

.btn--black:hover:after,
.btn--black:active:after,
.btn--black:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--black:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #ffffff;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--grey-dark {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #282828;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #282828;
    color: #282828;
    background-color: #282828;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--grey-dark:hover,
.btn--grey-dark:active,
.btn--grey-dark:focus {
    color: #282828 !important;
}

.btn--grey-dark:hover:after,
.btn--grey-dark:active:after,
.btn--grey-dark:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--grey-dark:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #ffffff;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--white,
footer .pre a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #ffffff;
    color: #ffffff;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #232C64;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--white:hover,
footer .pre a:hover,
.btn--white:active,
footer .pre a:active,
.btn--white:focus,
footer .pre a:focus {
    color: #ffffff !important;
}

.btn--white:hover:after,
footer .pre a:hover:after,
.btn--white:active:after,
footer .pre a:active:after,
.btn--white:focus:after,
footer .pre a:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--white:after,
footer .pre a:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #007EAD;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--white-black,
.glb-button,
#edit-loginurl,
#edit-cancel {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #ffffff;
    color: #ffffff;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #000000;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--white-black:hover,
.glb-button:hover,
#edit-loginurl:hover,
#edit-cancel:hover,
.btn--white-black:active,
.glb-button:active,
#edit-loginurl:active,
#edit-cancel:active,
.btn--white-black:focus,
.glb-button:focus,
#edit-loginurl:focus,
#edit-cancel:focus {
    color: #ffffff !important;
}

.btn--white-black:hover:after,
.glb-button:hover:after,
#edit-loginurl:hover:after,
#edit-cancel:hover:after,
.btn--white-black:active:after,
.glb-button:active:after,
#edit-loginurl:active:after,
#edit-cancel:active:after,
.btn--white-black:focus:after,
.glb-button:focus:after,
#edit-loginurl:focus:after,
#edit-cancel:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--white-black:after,
.glb-button:after,
#edit-loginurl:after,
#edit-cancel:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #000000;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--yellow {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #FBA92A;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #FBA92A;
    color: #FBA92A;
    background-color: #FBA92A;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #282828;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--yellow:hover,
.btn--yellow:active,
.btn--yellow:focus {
    color: #FBA92A !important;
}

.btn--yellow:hover:after,
.btn--yellow:active:after,
.btn--yellow:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--yellow:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #282828;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--light-blue,
button.btn-primary,
input[type=submit] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #007EAD;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #007EAD;
    color: #007EAD;
    background-color: #007EAD;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--light-blue:hover,
button.btn-primary:hover,
input[type=submit]:hover,
.btn--light-blue:active,
button.btn-primary:active,
input[type=submit]:active,
.btn--light-blue:focus,
button.btn-primary:focus,
input[type=submit]:focus {
    color: #232C64 !important;
}

.btn--light-blue:hover:after,
button.btn-primary:hover:after,
input[type=submit]:hover:after,
.btn--light-blue:active:after,
button.btn-primary:active:after,
input[type=submit]:active:after,
.btn--light-blue:focus:after,
button.btn-primary:focus:after,
input[type=submit]:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--light-blue:after,
button.btn-primary:after,
input[type=submit]:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #ffffff;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--strip {
    font-weight: 300;
    rotate: 90deg;
}

.btn:hover,
footer .pre a:hover,
.glb-button:hover,
#edit-loginurl:hover,
#edit-cancel:hover,
button.btn-primary:hover,
input[type=submit]:hover,
.btn:active,
footer .pre a:active,
.glb-button:active,
#edit-loginurl:active,
#edit-cancel:active,
button.btn-primary:active,
input[type=submit]:active,
.btn:focus,
footer .pre a:focus,
.glb-button:focus,
#edit-loginurl:focus,
#edit-cancel:focus,
button.btn-primary:focus,
input[type=submit]:focus {
    text-decoration: none;
}

.btn-icon {
    display: block;
    width: 45px;
    height: 45px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.btn-icon.social {
    background-size: contain;
    width: 17px;
    height: 17px;
    transition: 0.1s;
    background-position: bottom center;
}

.btn-icon.social:hover {
    -webkit-filter: invert(36%) sepia(79%) saturate(1836%) hue-rotate(170deg) brightness(97%) contrast(102%);
    filter: invert(36%) sepia(79%) saturate(1836%) hue-rotate(170deg) brightness(97%) contrast(102%);
}

.btn-icon--message {
    background-image: url(/Institutions/John-Jay-College/images/envelope--white.svg);
}

.btn-icon--message:hover {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.btn-icon--search {
    background-color: #F1F1F1;
    background-image: url(/themes/custom/jj_custom/resources/icons/loupe--dark.svg);
}

.btn-icon--google-translate {
    background-image: url(/themes/custom/jj_custom/resources/icons/globe.svg);
}

.btn-icon--facebook {
    background-image: url(/themes/custom/jj_custom/resources/social-icons/facebook-white.svg);
}

.btn-icon--twitter {
    background-image: url(/themes/custom/jj_custom/resources/social-icons/twitter-white.svg);
}

.btn-icon--youtube {
    background-image: url(/themes/custom/jj_custom/resources/social-icons/youtube-white.svg);
}

.btn-icon--instagram {
    background-image: url(/themes/custom/jj_custom/resources/social-icons/instagram-white.svg);
}

.btn-icon--linkedin {
    background-image: url(/themes/custom/jj_custom/resources/social-icons/linkedin-white.svg);
}

a.social-follow-link,
button.social-follow-link {
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    font-family: "Nunito Sans", sans-serif;
    background-color: #007EAD;
    font-weight: 800;
    color: #ffffff;
    padding: 15px 33px;
    gap: 14px;
}

a.social-follow-link:before,
button.social-follow-link:before {
    margin-top: -5px;
}

a.social-follow-link--facebook:before,
button.social-follow-link--facebook:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/facebook-white.svg);
}

a.social-follow-link--twitter:before,
button.social-follow-link--twitter:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/twitter-white.svg);
}

a.social-follow-link--youtube:before,
button.social-follow-link--youtube:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/youtube-white.svg);
    background-size: contain;
}

a.social-follow-link--instagram:before,
button.social-follow-link--instagram:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/instagram-white.svg);
}

a.social-follow-link--linkedin:before,
button.social-follow-link--linkedin:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/linkedin-white.svg);
}

button.btn-primary,
input[type=submit] {
    font-weight: 800;
    padding: 0 40px;
}

.glb-button,
#edit-loginurl,
#edit-cancel {
    border: 3px solid #000000;
    min-height: 47px;
    font-weight: 800;
    padding: 0 40px;
    line-height: normal;
}

body {
    margin: 0;
    color: #282828;
    background-color: #282828;
}

body.scrolled header {
    top: 0;
}

.dialog-off-canvas-main-canvas {
    background-color: #ffffff;
    overflow: hidden;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    transition: 0.5s;
}

.main-container {
    transition: padding-top 0.3s;
}

.layout-bg-content-container.set-text-color.link-underline a,
.layout-bg-content-container.set-text-color.link-underline a:hover,
.layout-bg-content-container.set-text-color.link-underline a:active,
.layout-bg-content-container.set-text-color.link-underline a:visited {
    text-decoration: none;
}

.toolbar ul:not(.contextual-links) li:before {
    content: "";
    display: block;
}

.toolbar li {
    font-size: 14px;
    font-weight: 400;
}

body.toolbar-horizontal.toolbar-fixed {
    --gin-toolbar-height: 30px;
    --gin-toolbar-y-offset: var(--gin-toolbar-height);
}

body.gin--vertical-toolbar,
body.gin--horizontal-toolbar,
body.gin--classic-toolbar {
    padding-top: 30px !important;
}

@media (max-width:767px) {
    body.gin--vertical-toolbar header,
    body.gin--horizontal-toolbar header,
    body.gin--classic-toolbar header {
        height: calc(100% - 30px);
    }
}

body.gin--vertical-toolbar.toolbar-tray-open,
body.gin--horizontal-toolbar.toolbar-tray-open,
body.gin--classic-toolbar.toolbar-tray-open {
    padding-top: 60px !important;
}

@media (min-width:61em) {
    body.toolbar-fixed.toolbar-tray-open:not(.toolbar-vertical) {
        --gin-toolbar-y-offset: 61px;
    }
}

.layout-builder__region .node__title.content-page.container {
    margin-top: unset;
}

#layout-builder-modal .js-layout-builder-categories {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    gap: 10px;
}

#layout-builder-modal .js-layout-builder-categories a {
    font-size: 20px;
    font-weight: 700;
    display: flex;
    flex-direction: column-reverse;
    margin-top: 25px !important;
}

#layout-builder-modal .js-layout-builder-categories a:focus,
#layout-builder-modal .js-layout-builder-categories a:active,
#layout-builder-modal .js-layout-builder-categories a:hover {
    opacity: 75%;
}

.layout-builder__section[role=group] {
    display: flex;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    flex-wrap: wrap;
}

.layout-builder__section[role=group] .layout-builder__layout {
    width: 100%;
}

.layout-builder__section[role=group]>a:not(.layout-builder__link--remove) {
    display: flex;
    align-items: center;
    background-color: #007EAD;
    text-decoration: none;
    color: #ffffff;
    padding: 0 10px;
    font-weight: 600;
    font-size: 13px;
    width: -webkit-max-content;
    width: max-content;
}

.layout-builder__section[role=group]>a.layout-builder__link--remove {
    z-index: 1;
}

.nice-select {
    border-radius: 0;
    width: 100%;
}

.nice-select .nice-select-dropdown {
    border-radius: 0;
    margin-top: 0;
    width: 100%;
}

.nice-select .nice-select-dropdown ul {
    padding-left: 0;
}

.nice-select .nice-select-dropdown ul li:before {
    display: none;
}

#divRegistrantFields .nice-select {
    clear: none !important;
}

.form-item-revision {
    display: flex;
    align-items: center;
    height: 40px;
}

.form__ckeditor--add-link input[type=submit] {
    color: #ffffff;
    margin-top: 30px;
}

.form__ckeditor--add-link .ui-dialog-titlebar-close {
    top: 10px;
}

.form__ckeditor--add-link .description {
    color: #000000;
}

.sitemap {
    box-sizing: border-box;
    padding: 0 16px;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 110px;
}

@media (min-width:1601px) {
    .sitemap {
        max-width: 1670px;
    }
}

@media (max-width:1600px) {
    .sitemap {
        max-width: 1310px;
    }
}

@media (max-width:1024px) {
    .sitemap {
        max-width: 860px;
    }
}

@media (max-width:767px) {
    .sitemap {
        max-width: 662px;
        padding: 0 24px;
    }
}

.layout-builder-browser-block-item {
    width: 100%;
}

.layout-builder-browser-block-item img {
    width: 100%;
    max-width: 500px;
}

#block-jj-custom-content header:not(.success-stories__header) {
    box-sizing: border-box;
    padding: 0 16px;
    margin: 0 auto;
    width: 100%;
}

@media (min-width:1601px) {
    #block-jj-custom-content header:not(.success-stories__header) {
        max-width: 1670px;
    }
}

@media (max-width:1600px) {
    #block-jj-custom-content header:not(.success-stories__header) {
        max-width: 1310px;
    }
}

@media (max-width:1024px) {
    #block-jj-custom-content header:not(.success-stories__header) {
        max-width: 860px;
    }
}

@media (max-width:767px) {
    #block-jj-custom-content header:not(.success-stories__header) {
        max-width: 662px;
        padding: 0 24px;
    }
}

#block-jj-custom-content header:not(.success-stories__header) .diff-navigation {
    flex-direction: row;
    align-items: flex-start;
}

#block-jj-custom-content header:not(.success-stories__header) .diff-navigation label {
    display: none;
}

#block-jj-custom-content header:not(.success-stories__header) .diff-revision {
    display: flex;
    flex-direction: column;
    width: -webkit-max-content;
    width: max-content;
    margin-left: auto;
}

#block-jj-custom-content header:not(.success-stories__header) .diff-revision label {
    margin-bottom: 10px;
    width: 100%;
}

#block-jj-custom-content header:not(.success-stories__header) .prev-link a,
#block-jj-custom-content header:not(.success-stories__header) .next-link a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #007EAD;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #007EAD;
    color: #007EAD;
    background-color: #007EAD;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    border: none;
    font-size: 12px;
    font-weight: 700;
    width: -webkit-max-content;
    width: max-content;
}

#block-jj-custom-content header:not(.success-stories__header) .next-link a {
    margin-right: 10px;
}

#block-jj-custom-content .diff-controls {
    box-sizing: border-box;
    padding: 0 16px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 40px;
    margin-top: 15px;
    padding: 0 15px;
}

@media (min-width:1601px) {
    #block-jj-custom-content .diff-controls {
        max-width: 1670px;
    }
}

@media (max-width:1600px) {
    #block-jj-custom-content .diff-controls {
        max-width: 1310px;
    }
}

@media (max-width:1024px) {
    #block-jj-custom-content .diff-controls {
        max-width: 860px;
    }
}

@media (max-width:767px) {
    #block-jj-custom-content .diff-controls {
        max-width: 662px;
        padding: 0 24px;
    }
}

#block-jj-custom-content .diff-controls .dropbutton li.dropbutton-toggle {
    position: absolute;
}

#block-jj-custom-content .diff-controls .dropbutton li:before {
    display: none;
}

#block-jj-custom-content .vertical-tabs__menu-item:before {
    display: none;
}

del>a,
del button {
    background-color: #fcc !important;
    border-color: #fcc !important;
}

ins>a,
ins button {
    background-color: #cfc !important;
    border-color: #cfc !important;
}

@media screen and (max-width:39.9375em) {
    .accordion .tablesaw-stack thead td,
    .accordion .tablesaw-stack thead th {
        position: initial !important;
        width: unset !important;
        height: unset !important;
        padding: unset !important;
        margin: unset !important;
        overflow: unset !important;
        clip: unset !important;
        white-space: unset !important;
    }
    .accordion .tablesaw-stack thead th {
        display: block !important;
    }
    .accordion .tablesaw-stack td .tablesaw-cell-label {
        display: none !important;
    }
}

.inline-table.container {
    max-width: 1600px;
}

.node .inline-table.container {
    max-width: 1565px;
    padding-top: 70px;
    padding-bottom: 70px;
}

.toolbar-vertical header#navbar {
    height: calc(100% - 30px);
}

textarea,
input.text,
input[type=text],
input[type=email],
input[type=button],
input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0;
}

header#navbar.expanded .navbar-collapse__primary .nav-wrapper:after {
    opacity: 1;
    transition: 0.2s;
}

.skip-to-main-content {
    background: #232C64;
    color: #ffffff;
    opacity: 0.9;
    position: fixed !important;
    top: 0;
    left: 50%;
    z-index: 999;
    padding: 20px;
    width: 100%;
    font-size: 20px;
    text-align: center;
    transition: 0.3s;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}

.skip-to-main-content:focus {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

.text-align-justify {
    text-align: justify;
}

.align-left {
    float: left;
}

.align-right {
    float: right;
}

.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

html body {
    font-family: "Nunito Sans", sans-serif;
}

html,
body {
    height: 100%;
    scroll-padding-top: 175px !important;
}

html {
    scroll-padding-top: 175px;
}

.block--breadcrumbs nav ol li:not(:last-child):after {
    color: #007EAD !important;
}

.block--breadcrumbs nav ol a:hover {
    color: #007EAD !important;
}

.btn--white:after,
footer .pre a:after {
    background: #007EAD !important;
}

#block-jj-custom-content header:not(.success-stories__header) .next-link a {
    background-color: #007EAD !important;
}

.layout-builder__section[role=group]>a:not(.layout-builder__link--remove) {
    background: #007EAD !important;
}

ul:not(.contextual-links) li:before {
    color: #007EAD !important;
}

.node__body blockquote p,
.node__body .pquote p {
    color: #007EAD !important;
}

.two-col-text__content>p a {
    color: #007EAD !important;
}

.two-col-text__content li {
    color: #007EAD !important;
}

.footer__inner .footer__map__data a:hover {
    color: #83DEFF !important;
    text-decoration: underline !important;
}

.footer__inner .header-menu a:hover {
    color: #83DEFF !important;
}

.card__links .register a {
    color: #007EAD !important;
}

.pager__item a:hover {
    color: #007EAD !important;
}

.statistics--simple {
    color: #007EAD !important;
}

.two-col-text__content p,
.two-col-text__content li {
    opacity: 1 !important;
}

#edit-password-reset-link {
    color: #007EAD !important;
}

.nodes-overview-block .card__links ul a {
    color: #000000 !important;
}

.nodes-overview-block .featured-event__node__body {
    color: #000000 !important;
}

div.block.block--field-block--node--event--body .node__body.container>div>p:nth-child(1)>a {
    color: #000000 !important;
}

div.highlights__unit__description>p>a {}

div.teaser__detailed__node__body:nth-child(1)>p:nth-child(3)>a:nth-child(1) {
    color: #007EAD !important;
}

div.teaser__detailed__node__body .featured-event__node__body a:link {
    color: #007EAD !important;
}

.dialog-off-canvas-main-canvas {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.container {
    box-sizing: border-box;
    padding: 0 16px;
    margin: 0 auto;
    width: 100%;
}

@media (min-width:1601px) {
    .container {
        max-width: 1670px;
    }
}

@media (max-width:1600px) {
    .container {
        max-width: 1310px;
    }
}

@media (max-width:1024px) {
    .container {
        max-width: 860px;
    }
}

@media (max-width:767px) {
    .container {
        max-width: 662px;
        padding: 0 24px;
    }
}

.d-none {
    display: none !important;
}

.background-color--none {
    background-color: transparent;
}

.background-color--blue {
    color: #ffffff;
    background-color: #232C64;
}

.background-color--blue a {
    color: #ffffff;
}

.background-color--light-blue {
    color: #ffffff;
    background-color: #007EAD;
}

.background-color--light-blue a {
    color: #ffffff;
}

.background-color--dark-blue {
    color: #ffffff;
    background-color: #232C64;
}

.background-color--dark-blue a {
    color: #ffffff;
}

.background-color--dark-grey {
    background-color: #F6F6F7;
}

.background-color--gray {
    background-color: #F1F1F1;
}

.background-color--gray a:not(.btn) {
    color: #282828;
}

.background-color--white {
    background-color: #ffffff;
}

.background-color--white a:not(.btn) {
    color: #282828;
}

.not-found,
.not-allowed {
    font-size: 24px;
    font-weight: 900;
    line-height: 120%;
    margin-bottom: 160px;
    text-align: center;
}

@media (max-width:768px) {
    .not-found,
    .not-allowed {
        font-size: 20px;
    }
}

.styleguide,
form:not([class*=layout-builder-form],
[class*=fsForm]) {}

.styleguide input:not([type=submit]),
.styleguide textarea,
form:not([class*=layout-builder-form],
[class*=fsForm]) input:not([type=submit]),
form:not([class*=layout-builder-form],
[class*=fsForm]) textarea {
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #DEDEDE;
    color: #000000;
    box-sizing: border-box;
    min-height: 47px;
    transition: 0.4s;
    max-width: 100%;
    cursor: pointer;
    padding: 10px;
}

.styleguide input:not([type=submit]):focus,
.styleguide input:not([type=submit]):focus-visible,
.styleguide textarea:focus,
.styleguide textarea:focus-visible,
form:not([class*=layout-builder-form],
[class*=fsForm]) input:not([type=submit]):focus,
form:not([class*=layout-builder-form],
[class*=fsForm]) input:not([type=submit]):focus-visible,
form:not([class*=layout-builder-form],
[class*=fsForm]) textarea:focus,
form:not([class*=layout-builder-form],
[class*=fsForm]) textarea:focus-visible {
    outline: none;
    border-color: #AAAAAA;
}

.styleguide input:not([type=submit]):-webkit-autofill,
.styleguide input:not([type=submit]):-webkit-autofill:focus,
.styleguide textarea:-webkit-autofill,
.styleguide textarea:-webkit-autofill:focus,
form:not([class*=layout-builder-form],
[class*=fsForm]) input:not([type=submit]):-webkit-autofill,
form:not([class*=layout-builder-form],
[class*=fsForm]) input:not([type=submit]):-webkit-autofill:focus,
form:not([class*=layout-builder-form],
[class*=fsForm]) textarea:-webkit-autofill,
form:not([class*=layout-builder-form],
[class*=fsForm]) textarea:-webkit-autofill:focus {
    -webkit-transition: background-color 600000s 0s, color 600000s 0s;
    transition: background-color 600000s 0s, color 600000s 0s;
}

.styleguide input:not([type=submit]):disabled,
.styleguide textarea:disabled,
form:not([class*=layout-builder-form],
[class*=fsForm]) input:not([type=submit]):disabled,
form:not([class*=layout-builder-form],
[class*=fsForm]) textarea:disabled {
    cursor: default;
    background-color: #ffffff;
}

.styleguide textarea,
form:not([class*=layout-builder-form],
[class*=fsForm]) textarea {
    width: 100%;
}

.styleguide .form-required:after,
form:not([class*=layout-builder-form],
[class*=fsForm]) .form-required:after {
    content: "*";
    color: #F74626;
}

.styleguide .form-checkboxes .form-required:after,
.styleguide .form-radios .form-required:after,
form:not([class*=layout-builder-form],
[class*=fsForm]) .form-checkboxes .form-required:after,
form:not([class*=layout-builder-form],
[class*=fsForm]) .form-radios .form-required:after {
    display: none;
}

.styleguide label,
form:not([class*=layout-builder-form],
[class*=fsForm]) label {
    font-size: 15px;
    font-weight: 700;
    color: #000000;
    transition: 0.3s;
    display: flex;
    gap: 3px;
}

.styleguide label:has(+input[required=required]):after,
.styleguide label:has(+div textarea[required=required]):after,
form:not([class*=layout-builder-form],
[class*=fsForm]) label:has(+input[required=required]):after,
form:not([class*=layout-builder-form],
[class*=fsForm]) label:has(+div textarea[required=required]):after {
    content: "*";
    color: #F74626;
}

.styleguide .description,
form:not([class*=layout-builder-form],
[class*=fsForm]) .description {
    color: #AAAAAA;
    margin-top: 10px;
}

.styleguide .webform-flexbox,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flexbox {
    display: flex;
    margin: 1em -0.5em;
}

.styleguide .webform-flexbox.js-webform-states-hidden[style*="display: block"],
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flexbox.js-webform-states-hidden[style*="display: block"] {
    display: flex !important;
}

.styleguide .webform-flexbox .webform-flexbox,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flexbox .webform-flexbox {
    margin: 1em 0;
}

.styleguide .webform-flexbox--flex-start,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flexbox--flex-start {
    align-items: flex-start;
}

.styleguide .webform-flexbox--flex-end,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flexbox--flex-end {
    align-items: flex-end;
}

.styleguide .webform-flexbox--center,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flexbox--center {
    align-items: center;
}

.styleguide .webform-flex,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex {
    min-width: 0;
}

.styleguide .webform-flex--container,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container {
    margin: 0 0.5em;
}

.styleguide .webform-flex--container>.form-item,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.form-item {
    margin: 0;
}

.styleguide .webform-flex--container>.form-item>input:not([type=checkbox]),
.styleguide .webform-flex--container>.form-item>select,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.form-item>input:not([type=checkbox]),
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.form-item>select {
    width: 100%;
}

.styleguide .container-inline .webform-flex--container>.form-item>input:not([type=checkbox]),
.styleguide .container-inline .webform-flex--container>.form-item>select,
.styleguide .webform-flex--container>.form-item.webform-element--title-inline>input:not([type=checkbox]),
.styleguide .webform-flex--container>.form-item.webform-element--title-inline>select,
form:not([class*=layout-builder-form],
[class*=fsForm]) .container-inline .webform-flex--container>.form-item>input:not([type=checkbox]),
form:not([class*=layout-builder-form],
[class*=fsForm]) .container-inline .webform-flex--container>.form-item>select,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.form-item.webform-element--title-inline>input:not([type=checkbox]),
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.form-item.webform-element--title-inline>select {
    width: inherit;
}

.styleguide .webform-flex--container>.webform-has-field-prefix>input:not([type=checkbox]),
.styleguide .webform-flex--container>.webform-has-field-suffix>input:not([type=checkbox]),
.styleguide .webform-flex--container>.webform-has-field-prefix>select,
.styleguide .webform-flex--container>.webform-has-field-suffix>select,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.webform-has-field-prefix>input:not([type=checkbox]),
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.webform-has-field-suffix>input:not([type=checkbox]),
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.webform-has-field-prefix>select,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.webform-has-field-suffix>select {
    width: 85%;
}

.styleguide .webform-flex--container>.webform-has-field-prefix.webform-flex.webform-has-field-suffix>input:not([type=checkbox]),
.styleguide .webform-flex--container>.webform-has-field-prefix.webform-flex.webform-has-field-suffix>select,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.webform-has-field-prefix.webform-flex.webform-has-field-suffix>input:not([type=checkbox]),
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.webform-has-field-prefix.webform-flex.webform-has-field-suffix>select {
    width: 70%;
}

.styleguide .webform-flex--container>.webform-element-help-container--element>input:not([type=checkbox]),
.styleguide .webform-flex--container>.webform-element-help-container--element>select,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.webform-element-help-container--element>input:not([type=checkbox]),
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.webform-element-help-container--element>select {
    width: 85%;
}

.styleguide .webform-flex--container>.webform-has-field-prefix.webform-element-help-container--element>input:not([type=checkbox]),
.styleguide .webform-flex--container>.webform-has-field-suffix.webform-element-help-container--element>select,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.webform-has-field-prefix.webform-element-help-container--element>input:not([type=checkbox]),
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.webform-has-field-suffix.webform-element-help-container--element>select {
    width: 70%;
}

.styleguide .webform-flex--container>.webform-has-field-prefix.webform-has-field-suffix.webform-element-help-container--element>input:not([type=checkbox]),
.styleguide .webform-flex--container>.webform-has-field-prefix.webform-has-field-suffix.webform-element-help-container--element>select,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.webform-has-field-prefix.webform-has-field-suffix.webform-element-help-container--element>input:not([type=checkbox]),
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.webform-has-field-prefix.webform-has-field-suffix.webform-element-help-container--element>select {
    width: 50%;
}

.styleguide .webform-flex--1,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--1 {
    flex: 1;
}

.styleguide .webform-flex--2,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--2 {
    flex: 2;
}

.styleguide .webform-flex--3,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--3 {
    flex: 3;
}

.styleguide .webform-flex--4,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--4 {
    flex: 4;
}

.styleguide .webform-flex--5,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--5 {
    flex: 5;
}

.styleguide .webform-flex--6,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--6 {
    flex: 6;
}

.styleguide .webform-flex--7,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--7 {
    flex: 7;
}

.styleguide .webform-flex--8,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--8 {
    flex: 8;
}

.styleguide .webform-flex--9,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--9 {
    flex: 9;
}

.styleguide .webform-flex--10,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--10 {
    flex: 10;
}

.styleguide .webform-flex--11,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--11 {
    flex: 11;
}

.styleguide .webform-flex--12,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--12 {
    flex: 12;
}

.styleguide .webform-flex--container>.form-type-webform-select-other select,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.form-type-webform-select-other select {
    width: 100%;
}

.styleguide .webform-flex--container>.form-type-webform-select-other .form-item,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.form-type-webform-select-other .form-item {
    margin: 0;
}

.styleguide .webform-flex--container>.form-type-webform-select-other .form-item+.form-item,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.form-type-webform-select-other .form-item+.form-item {
    margin-top: 0.5em;
}

.styleguide .webform-flex--container>.form-type-range-output>.form-range-output,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container>.form-type-range-output>.form-range-output {
    width: 66%;
}

.styleguide .form-composite>.webform-flexbox,
form:not([class*=layout-builder-form],
[class*=fsForm]) .form-composite>.webform-flexbox {
    margin: 1em -0.5em;
}

.styleguide .webform-flex--container .form-type-checkbox,
.styleguide .webform-flex--container .form-type-radio,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container .form-type-checkbox,
form:not([class*=layout-builder-form],
[class*=fsForm]) .webform-flex--container .form-type-radio {
    white-space: nowrap;
}

.accordion,
.inline-table {}

.accordion table caption,
.inline-table table caption {
    font-size: 24px;
    font-weight: 900;
    line-height: 120%;
}

@media (max-width:768px) {
    .accordion table caption,
    .inline-table table caption {
        font-size: 20px;
    }
}

.accordion table thead tr,
.accordion table tbody tr,
.inline-table table thead tr,
.inline-table table tbody tr {
    border-bottom: 1px solid #C6C6C6;
}

@media (max-width:767px) {
    .accordion table thead tr,
    .accordion table tbody tr,
    .inline-table table thead tr,
    .inline-table table tbody tr {
        display: flex;
        flex-direction: column;
        padding: 20px 0;
        gap: 10px;
    }
}

.accordion table th,
.accordion table td,
.inline-table table th,
.inline-table table td {
    font-size: 20px;
    color: #282828;
    padding-bottom: 15px;
    padding-top: 20px;
    vertical-align: top;
}

.accordion table th:first-child,
.accordion table td:first-child,
.inline-table table th:first-child,
.inline-table table td:first-child {
    padding-left: 0;
}

@media (max-width:767px) {
    .accordion table th,
    .accordion table td,
    .inline-table table th,
    .inline-table table td {
        padding: 0;
    }
}

.accordion table span,
.inline-table table span {
    font-size: 20px;
}

.img-bg {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    z-index: -1;
    left: 0;
    top: 0;
}

.node-hero img {
    display: block;
    width: 100%;
    height: auto;
}

.remote-video-iframe__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin: 20px 0;
}

.remote-video-iframe__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.file-file-indicator {
    background-color: #007EAD;
    color: #ffffff;
    vertical-align: middle;
    line-height: inherit;
    padding: 2px 5px;
    margin-left: 5px;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    text-rendering: auto;
    display: inline;
    width: -webkit-max-content;
    width: max-content;
    position: relative;
    top: -1px;
}

.background-color--light-blue .file-file-indicator,
.background-color--dark-blue .file-file-indicator {
    background-color: #ffffff;
    color: #232C64;
}

.hidden {
    opacity: 0;
    visibility: hidden;
}

.block-title {
    box-sizing: border-box;
    padding: 0 16px;
    margin: 0 auto;
    width: 100%;
    font-size: 30px;
    font-weight: 600;
}

@media (min-width:1601px) {
    .block-title {
        max-width: 1670px;
    }
}

@media (max-width:1600px) {
    .block-title {
        max-width: 1310px;
    }
}

@media (max-width:1024px) {
    .block-title {
        max-width: 860px;
    }
}

@media (max-width:767px) {
    .block-title {
        max-width: 662px;
        padding: 0 24px;
    }
}

.maintenance-page header,
.maintenance-page main {
    box-sizing: border-box;
    padding: 0 16px;
    margin: 0 auto;
    width: 100%;
}

@media (min-width:1601px) {
    .maintenance-page header,
    .maintenance-page main {
        max-width: 1670px;
    }
}

@media (max-width:1600px) {
    .maintenance-page header,
    .maintenance-page main {
        max-width: 1310px;
    }
}

@media (max-width:1024px) {
    .maintenance-page header,
    .maintenance-page main {
        max-width: 860px;
    }
}

@media (max-width:767px) {
    .maintenance-page header,
    .maintenance-page main {
        max-width: 662px;
        padding: 0 24px;
    }
}

.maintenance-page header {
    padding-top: 32px;
    display: flex;
    gap: 32px;
    align-items: center;
}

.maintenance-page header h1 {
    margin: 0;
    line-height: 1;
    font-size: 60px;
}

.maintenance-page main {
    padding-bottom: 32px;
    font-size: 25px;
}

.maintenance-page main h1 {
    font-size: 60px;
}

.media-embed-resized img {
    width: 100%;
    height: 100%;
}

.media-embed-resized.align-left {
    margin: 0 1em 1em 0;
}

.media-embed-resized.align-right {
    margin: 0 0 1em 1em;
}

.media-embed-resized.align-center {
    margin: 0 auto 1em auto;
}

h1 {
    font-size: 62px;
    font-weight: 900;
    line-height: 1.3;
}

@media (max-width:1199px) {
    h1 {
        font-size: 80px;
    }
}

@media (max-width:768px) {
    h1 {
        font-size: 64px;
        line-height: 120%;
    }
}

@media (max-width:767px) {
    h1 {
        font-size: 50px;
    }
}

h2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 120%;
}

@media (max-width:768px) {
    h2 {
        font-size: 48px;
    }
}

h3 {
    font-size: 23px;
    font-weight: 300;
    line-height: 120%;
}

@media (max-width:768px) {
    h3 {
        font-size: 20px;
    }
}

h4 {
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
}

@media (max-width:768px) {
    h4 {
        line-height: 120%;
    }
}

p,
li {
    font-size: 18px;
    font-weight: 400;
    line-height: 155%;
}

ul,
ol {
    padding-left: 3rem;
}

ul li,
ol li {
    word-break: break-word;
}

a {
    color: #007EAD;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: underline;
}

.node__body blockquote,
.node__body .pquote {
    margin: 0;
}

.node__body blockquote p,
.node__body .pquote p {
    color: #007EAD;
    font-style: italic;
    font-weight: 600;
    max-width: 625px;
}

.two-col-text__content h2,
.node__inline-text h2,
.node__body h2 {
    font-size: 24px;
    font-weight: 900;
    line-height: 120%;
    color: #232C64;
    font-size: 25px;
    margin: 20px 0;
}

@media (max-width:768px) {
    .two-col-text__content h2,
    .node__inline-text h2,
    .node__body h2 {
        font-size: 20px;
    }
}

.two-col-text__content h3,
.node__inline-text h3,
.node__body h3 {
    font-weight: 900;
    color: #232C64;
    margin: 20px 0;
}

.img-caption {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    max-width: 1310px;
}

.main-container>div>.status-messages {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 15px;
    color: #000000;
    min-height: 50px;
    margin: 0 auto 15px;
}

.main-container>div>.status-messages>div {
    padding: 20px;
    font-weight: 700;
}

.main-container>div>.status-messages>div a {
    font-weight: 900;
    color: #ffffff;
    text-decoration: underline;
}

.main-container>div>.status-messages div[aria-label="Status message"] {
    background-color: yellowgreen;
}

.main-container>div>.status-messages div[aria-label="Warning message"] {
    background-color: #FBA92A;
}

.main-container>div>.status-messages div[aria-label="Error message"] {
    color: white;
    background-color: #F74626;
}

.layout-bg-bg-container *[data-contextual-id] {
    height: auto !important;
}

header #block-jj-custom-site-branding img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    transition: 0.4s;
}

@media (max-width:1024px) {
    header #block-jj-custom-site-branding img {
        width: 100px;
    }
}

header.expanded #block-jj-custom-site-branding img {
    -webkit-filter: initial;
    filter: initial;
}

.navbar-collapse__branding {
    display: flex;
    padding: 5px 0 27px;
}

@media (min-width:768px) {
    .navbar-collapse__branding {
        justify-content: flex-end;
    }
}

@media (max-width:767px) {
    .navbar-collapse__branding {
        padding: 5px 0 25px;
    }
}

.header__trigger {
    width: 45px;
    padding: 0;
    position: relative;
    transition: 0.3s;
}

.header__trigger .sr-only {
    display: none;
}

.header__trigger .icon-bar {
    width: 20px;
    height: 3px;
    position: absolute;
    transition: 0.3s;
    right: 10px;
}

.header__trigger[aria-expanded=false] {
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #ffffff;
    color: #ffffff;
    background-color: #ffffff;
    background-color: transparent;
}

.header__trigger[aria-expanded=false] .icon-bar {
    background-color: #ffffff;
}

.header__trigger[aria-expanded=false] .icon-bar.top {
    top: 10px;
}

.header__trigger[aria-expanded=false] .icon-bar.bottom {
    bottom: 10px;
}

.header__trigger[aria-expanded=false]:hover .icon-bar.middle {
    width: 13px;
}

.header__trigger[aria-expanded=false]:hover .icon-bar.bottom {
    width: 8px;
}

.header__trigger[aria-expanded=true] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #007EAD;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #007EAD;
    color: #007EAD;
    background-color: #007EAD;
}

.header__trigger[aria-expanded=true]:hover {
    background-color: #ffffff;
    border-color: #ffffff;
}

.header__trigger[aria-expanded=true]:hover .icon-bar {
    background-color: #000000;
}

.header__trigger[aria-expanded=true] .icon-bar {
    background-color: #ffffff;
}

.header__trigger[aria-expanded=true] .icon-bar:hover {
    background-color: #000000;
}

.header__trigger[aria-expanded=true] .icon-bar.top {
    top: calc(50% - 1.5px);
    rotate: 135deg;
}

.header__trigger[aria-expanded=true] .icon-bar.middle {
    height: 0;
    rotate: 45deg;
}

.header__trigger[aria-expanded=true] .icon-bar.bottom {
    bottom: calc(50% - 1.5px);
    rotate: 45deg;
}

.header__trigger[aria-expanded=true]:hover .icon-bar.top {
    rotate: 225deg;
}

.header__trigger[aria-expanded=true]:hover .icon-bar.bottom {
    rotate: 135deg;
}

header.inline-content:not(.expanded) .header__trigger,
.scrolled header:not(.expanded) .header__trigger {
    border: 3px solid #000000;
}

header.inline-content:not(.expanded) .header__trigger[aria-expanded=false] .icon-bar,
.scrolled header:not(.expanded) .header__trigger[aria-expanded=false] .icon-bar {
    background-color: #000000;
}

.footer-links ul:not(.contextual-links) {
    gap: 15px 50px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

@media (max-width:767px) {
    .footer-links ul:not(.contextual-links) {
        margin: 0;
        gap: 11px 14px;
    }
}

.footer-links ul:not(.contextual-links) li:before {
    content: "";
}

.footer-links a {
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
}

.header-menu ul:not(.contextual-links) {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}

.header-menu ul:not(.contextual-links) li {
    list-style: none;
}

.header-menu ul:not(.contextual-links) li:before {
    display: none;
}

.header-menu a {
    color: #232C64;
}

.header-menu a:hover {
    color: #83DEFF;
    text-decoration: underline;
}

.header-menu--primary {
    float: right;
	max-width: 1310px;
	padding: 0 15px 0 0;
}

.nav-wrapper {
	margin-top: -50px;
}

.header-menu--primary ul:not(.contextual-links) {
    gap: 17px 30px;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

@media (max-width:767px) {
    .header-menu--primary ul:not(.contextual-links) {
        gap: 17px 30px;
    }
}

.header-menu--primary a {
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
}

@media (max-width:767px) {
    .header-menu--primary a {
        font-size: 19px;
        font-weight: 600;
    }
}

.header-menu--secondary ul:not(.contextual-links),
.header-menu--tertiary ul:not(.contextual-links) {
    gap: 10px 30px;
    margin: 0;
}

@media (max-width:767px) {
    .header-menu--secondary ul:not(.contextual-links),
    .header-menu--tertiary ul:not(.contextual-links) {
        gap: 10px 20px;
    }
    .header-menu--secondary ul:not(.contextual-links) a,
    .header-menu--tertiary ul:not(.contextual-links) a {
        font-size: 20px;
    }
}

.header-menu--secondary a,
.header-menu--tertiary a {
    font-size: 28px;
    font-weight: 300;
}

.header-menu--secondary a {
    font-size: 28px;
    font-weight: 400;
}

.header-menu--tertiary a {
    font-size: 28px;
    font-weight: 600;
}

header#navbar .navbar-collapse {
    height: calc(100% - 185px);
}

header#navbar .navbar-collapse.collapse {
    overflow: hidden;
}

@media (max-width:1024px) {
    header#navbar .navbar-collapse {
        height: calc(100% - 135px);
    }
}

@media (max-width:767px) {
    header#navbar .navbar-collapse {
        position: relative;
    }
}

header#navbar .navbar-collapse__social {
    display: flex;
    align-items: center;
    gap: 20px;
}

@media (min-width:375px) and (max-width:768px) {
    header#navbar .navbar-collapse__social {
        margin-top: auto;
        width: -webkit-max-content;
        width: max-content;
    }
}

@media (max-width:375px) {
    header#navbar .navbar-collapse__social {
        margin-left: auto;
        margin-top: 13px;
    }
}

header#navbar .navbar-collapse__ctas {
    flex-direction: row-reverse;
    align-items: flex-end;
    width: -webkit-max-content;
    width: max-content;
    position: absolute;
    transition: 0.5s;
    display: flex;
    right: 24px;
    gap: 10px;
    top: -40px;
}

@media (min-width:768px) {
    header#navbar .navbar-collapse__ctas {
        display: none;
    }
}

header#navbar .navbar-collapse__ctas a {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #ffffff;
    color: #ffffff;
    width: -webkit-max-content;
    width: max-content;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

header#navbar .navbar-collapse__ctas a:hover,
header#navbar .navbar-collapse__ctas a:active,
header#navbar .navbar-collapse__ctas a:focus {
    color: #ffffff !important;
    border-color: #007EAD !important;
}

header#navbar .navbar-collapse__ctas a:hover:after,
header#navbar .navbar-collapse__ctas a:active:after,
header#navbar .navbar-collapse__ctas a:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

header#navbar .navbar-collapse__ctas a:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #007EAD;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

header#navbar .navbar-collapse__inner {
    display: flex;
    gap: 15px;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
}

@media (max-width:1024px) {
    header#navbar .navbar-collapse__inner {
        height: -webkit-max-content;
        height: max-content;
    }
}

header#navbar .navbar-collapse__inner>div:not(.navbar-collapse__branding):not(.navbar-collapse__secondary):not(.navbar-collapse__ctas) {
    width: 100%;
}

header#navbar .navbar-collapse__primary {
    display: flex;
    justify-content: flex-start;
    overflow-y: auto;
    overflow-x: hidden;
    gap: 20px;
    height: 50%;
    margin-bottom: auto;
    padding-bottom: 50px;
}

@media (max-width:1024px) {
    header#navbar .navbar-collapse__primary {
        gap: 15px;
    }
}

@media (max-width:767px) {
    header#navbar .navbar-collapse__primary {
        padding-top: 10%;
        padding-bottom: 15%;
        box-sizing: border-box;
    }
}

@media (max-height:555px) {
    header#navbar .navbar-collapse__primary {
        padding-top: 0;
        padding-bottom: 30px;
    }
}

header#navbar .navbar-collapse__primary.hide-first-col .nav-wrapper:first-child {
    margin-left: -50%;
}

@media (max-width:1024px) {
    header#navbar .navbar-collapse__primary.hide-first-col .nav-wrapper:first-child {
        max-width: 50%;
    }
}

header#navbar .navbar-collapse__primary.hide-first-col .nav-wrapper {
    max-width: calc(50% - 10px);
}

@media (max-width:1024px) {
    header#navbar .navbar-collapse__primary.hide-first-col .nav-wrapper {
        max-width: 50%;
    }
}

header#navbar .navbar-collapse__primary .nav-wrapper {
    max-width: calc(33.3% - 20px);
    width: 100%;
    height: 100%;
    position: relative;
    transition: height 0.5s, opacity 0.3s, margin 0.3s, max-width 0.2s;
    word-break: break-word;
}

header#navbar .navbar-collapse__primary .nav-wrapper:not(:first-child) {
    background-color: #182153;
}

@media (max-width:1024px) {
    header#navbar .navbar-collapse__primary .nav-wrapper {
        max-width: calc(50% - 15px);
        width: 100%;
    }
}

header#navbar .navbar-collapse__primary .nav-wrapper.empty {
    overflow: hidden;
    opacity: 0;
    max-width: 0;
}

header#navbar .navbar-collapse__primary .nav-wrapper:before,
header#navbar .navbar-collapse__primary .nav-wrapper:after {
    content: "";
    position: absolute;
}

header#navbar .navbar-collapse__primary .nav-wrapper:before {
    background-color: #182153;
    rotate: 45deg;
    width: 10px;
    height: 10px;
    left: -5px;
    top: 24px;
}

header#navbar .navbar-collapse__primary .nav-wrapper:first-child:before {
    display: none;
}

header#navbar .navbar-collapse__primary .nav-wrapper:after {
    background: linear-gradient(0deg, rgb(35, 44, 100) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
    width: 100%;
    height: 20px;
    bottom: 0;
}

header#navbar .navbar-collapse__primary .nav-wrapper:last-child:not(.empty) {
    max-width: 50%;
}

header#navbar .navbar-collapse__primary nav {
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 100%;
    overflow: scroll;
    min-width: 150px;
}

header#navbar .navbar-collapse__primary nav::-webkit-scrollbar {
    display: none;
}

header#navbar .navbar-collapse__primary nav a.is-active {
    color: #83DEFF;
    font-weight: 600;
    text-decoration: underline;
}

header#navbar .navbar-collapse__primary nav li:hover>a {
    color: #83DEFF;
    text-decoration: underline;
}

header#navbar .navbar-collapse__primary nav .has-nested {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    row-gap: 20px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}

header#navbar .navbar-collapse__primary nav .has-nested a {
    width: calc(100% - 40px);
}

@media (min-width:768px) {
    header#navbar .navbar-collapse__primary nav .has-nested.open .deep-nested-nav-trigger:after,
    header#navbar .navbar-collapse__primary nav .has-nested:hover .deep-nested-nav-trigger:after {
        opacity: 1;
    }
    header#navbar .navbar-collapse__primary nav .has-nested.open .deep-nested-nav-trigger:after {
        border-color: #007EAD;
    }
}

header#navbar .navbar-collapse__primary nav .has-nested .deep-nested-nav-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    padding: 0;
    height: 25px;
    font-size: 18px;
    line-height: normal;
    transition: margin 0.3s, font-size 0.4s, color 0.4s, border-color 0.4s;
    cursor: pointer;
    border: none;
    background-color: transparent;
}

@media (max-width:500px) {
    header#navbar .navbar-collapse__primary nav .has-nested .deep-nested-nav-trigger {
        width: 15px;
        height: 15px;
        line-height: 0.8;
        margin-top: 8px;
    }
}

header#navbar .navbar-collapse__primary nav .has-nested .deep-nested-nav-trigger:hover {
    color: #83DEFF;
}

header#navbar .navbar-collapse__primary nav .has-nested .deep-nested-nav-trigger:hover:after {
    border-color: #83DEFF;
}

header#navbar .navbar-collapse__primary nav .has-nested .deep-nested-nav-trigger:after {
    content: "";
    font-size: 0;
    border: solid white;
    transition: opacity 0.4s, border-color 0.4s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.4s, border-color 0.4s;
    transition: transform 0.4s, opacity 0.4s, border-color 0.4s, -webkit-transform 0.4s;
    border-width: 0 2px 2px 0;
    padding: 3px;
    vertical-align: initial;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    display: inline-block;
    opacity: 1;
}

@media (min-width:768px) {
    header#navbar .navbar-collapse__primary nav .has-nested .deep-nested-nav-trigger:after {
        opacity: 0;
    }
}

header#navbar .navbar-collapse__primary nav ul:not(.contextual-links) {
    display: flex;
    flex-direction: column;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-0 .has-nested.open a {
    color: #83DEFF;
    text-decoration: underline;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-0 .has-nested ul {
    gap: 30px 60px;
    display: none;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-1 a {
    font-size: 17px;
    font-weight: 400;
    color: #ffffff;
    text-decoration: none;
    display: block;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-1 ul {
    margin: 0;
    padding: 15px;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-1 li {
    list-style: none;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-1 li:before {
    display: none;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-1 .has-nested ul {
    display: none;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-1 .has-nested.open a {
    color: #83DEFF;
    text-decoration: underline;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 {}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 a {
    font-size: 17px;
    font-weight: 400;
    color: #ffffff;
    text-decoration: none;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 ul {
    margin: 0;
    padding: 15px;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li {
    list-style: none;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li:before {
    display: none;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li.has-nested {
    width: 100%;
    flex-direction: row;
    gap: 0;
    display: flex;
    flex-wrap: wrap;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li.has-nested:after {
    display: none;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li.has-nested ul {
    padding-right: 0;
    width: 100%;
    flex-direction: row;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li.has-nested ul li:last-child {
    margin-bottom: 10px;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li.has-nested ul a {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    font-size: 14px;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li.has-nested ul a:before {
    content: "-";
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li.has-nested>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 25px);
    border-bottom: 1px solid transparent;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li.has-nested>a.open {
    color: #83DEFF;
    border-color: #83DEFF;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li.has-nested>button.deep-nested-nav-trigger:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li.has-nested>button.deep-nested-nav-trigger[aria-expanded=true]:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li.has-nested>button.deep-nested-nav-trigger[aria-expanded=true]+ul {
    max-height: 999px;
    transition: max-height 0.3s ease-in;
}

header#navbar .navbar-collapse__primary .header-menu--primary__col-2 li.has-nested>button.deep-nested-nav-trigger+ul {
    flex-direction: column;
    gap: 0;
    max-height: 0;
    padding: 0 0 0 10px;
    overflow: hidden;
    transition: max-height 0.15s ease-out;
}

header#navbar .navbar-collapse__secondary {
    display: flex;
    align-items: center;
    display: flex;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

@media (max-width:1600px) {
    header#navbar .navbar-collapse__secondary {
        align-items: unset;
        flex-direction: column;
        gap: 15px;
        margin-bottom: 30px;
    }
}

@media (min-width:768px) {
    header#navbar .navbar-collapse__secondary {
        width: calc(100% - 115px);
    }
}

@media (max-width:1024px) {
    header#navbar .navbar-collapse__secondary {
        margin-bottom: 27px;
    }
}

@media (max-width:767px) {
    header#navbar .navbar-collapse__secondary {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
}

header#navbar .navbar-collapse__secondary .separator {
    background-color: #007EAD;
    height: 100%;
    width: 1px;
}

@media (max-width:1600px) {
    header#navbar .navbar-collapse__secondary .separator {
        width: 100%;
        height: 1px;
        background: #ffffff;
    }
}

header#navbar .navbar-collapse__branding {
    width: 100px;
    margin-left: auto;
}

@media (min-width:768px) {
    header#navbar .navbar-collapse__branding {
        margin-top: -80px;
    }
}

@media (max-width:767px) {
    header#navbar .navbar-collapse__branding {
        margin-left: unset;
        height: -webkit-max-content;
        height: max-content;
    }
}

header#navbar .navbar-collapse__branding img {
    width: 100%;
    height: auto;
}

header#navbar .navbar-collapse__footer {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ffffff;
    align-items: center;
    height: -webkit-max-content;
    height: max-content;
    color: #ffffff;
    padding-top: 15px;
    gap: 30px;
}

@media (max-width:1024px) {
    header#navbar .navbar-collapse__footer {
        padding-top: 10px;
        padding-bottom: 20px;
    }
}

@media (max-width:767px) {
    header#navbar .navbar-collapse__footer {
        align-items: flex-start;
        padding-bottom: 110px;
        padding-top: 16px;
    }
}

@media (max-width:375px) {
    header#navbar .navbar-collapse__footer {
        flex-direction: column;
    }
}

header#navbar {
    display: flex;
    flex-direction: column;
    font-family: "Open Sans", sans-serif;
    z-index: 10;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    overflow: hidden;
    left: 0;
    max-height: 175px;
}

@media (max-width:1024px) {
    header#navbar {
        max-height: 135px;
    }
}

header#navbar.expanded {
    overflow: scroll;
    max-height: 9999px;
    background-color: #232C64;
}

header#navbar.expanded.show-tint:after {
    content: "";
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(35, 44, 100) 100%);
    z-index: 99999;
    position: fixed;
    bottom: 0;
}

header#navbar.expanded a.donate {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: #007EAD;
    border-color: #007EAD;
}

header#navbar.expanded a.donate:hover,
header#navbar.expanded a.donate:active,
header#navbar.expanded a.donate:focus {
    color: #000000 !important;
    border-color: #ffffff !important;
}

header#navbar.expanded a.donate:hover:after,
header#navbar.expanded a.donate:active:after,
header#navbar.expanded a.donate:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

header#navbar.expanded a.donate:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #ffffff;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.header {
    display: flex;
    justify-content: space-between;
    padding: 30px 15px;
    box-sizing: border-box;
}

@media (max-width:767px) {
    .header {
        padding: 30px 24px;
    }
}

.header__ctas {
    position: relative;
    display: flex;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    width: -webkit-max-content;
    width: max-content;
}

.header__ctas a {
    font-size: 15px;
    font-weight: 800;
    line-height: 120%;
    text-decoration: none;
}

@media (max-width:768px) {
    .header__ctas a {
        font-size: 12px;
    }
}

.header__ctas a.btn--search:hover,
.header__ctas a.btn--search:active,
.header__ctas a.btn--search:focus {
    -webkit-filter: invert(1);
    filter: invert(1);
    background-color: #fe682f;
}

.header__ctas a.btn--donate {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #ffffff;
}

.header__ctas a.btn--donate:hover,
.header__ctas a.btn--donate:active,
.header__ctas a.btn--donate:focus {
    color: #ffffff !important;
    border-color: #007EAD !important;
}

.header__ctas a.btn--donate:hover:after,
.header__ctas a.btn--donate:active:after,
.header__ctas a.btn--donate:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.header__ctas a.btn--donate:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #007EAD;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.header__ctas a.btn--apply {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #ffffff;
}

.header__ctas a.btn--apply:hover,
.header__ctas a.btn--apply:active,
.header__ctas a.btn--apply:focus {
    color: #000000 !important;
    border-color: #ffffff !important;
}

.header__ctas a.btn--apply:hover:after,
.header__ctas a.btn--apply:active:after,
.header__ctas a.btn--apply:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.header__ctas a.btn--apply:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #ffffff;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

@media (max-width:767px) {
    .header__ctas a.donate,
    .header__ctas a.apply {
        height: 40px;
        padding: 0 10px;
    }
}

@media (max-width:767px) {
    .header>.header__ctas a.apply,
    .header>.header__ctas a.donate {
        display: none;
    }
}

header.inline-content:not(.expanded),
.scrolled header:not(.expanded):not(.success-stories__header) {
    background-color: #ffffff;
}

header.inline-content:not(.expanded) #block-jj-custom-site-branding img,
.scrolled header:not(.expanded):not(.success-stories__header) #block-jj-custom-site-branding img {
    -webkit-filter: initial;
    filter: initial;
}

header.inline-content:not(.expanded) .header__ctas,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas {
    position: relative;
}

header.inline-content:not(.expanded) .header__ctas .btn-icon--google-translate,
header.inline-content:not(.expanded) .header__ctas .btn-icon--message,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas .btn-icon--google-translate,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas .btn-icon--message {
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
}

header.inline-content:not(.expanded) .header__ctas a.btn--donate,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--donate {
    background-color: #007EAD;
    border-color: #007EAD;
}

header.inline-content:not(.expanded) .header__ctas a.btn--apply,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--apply {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-color: #000000;
    color: #000000;
}

header.inline-content:not(.expanded) .header__ctas a.btn--apply:hover,
header.inline-content:not(.expanded) .header__ctas a.btn--apply:active,
header.inline-content:not(.expanded) .header__ctas a.btn--apply:focus,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--apply:hover,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--apply:active,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--apply:focus {
    color: #ffffff !important;
    border-color: #232C64 !important;
}

header.inline-content:not(.expanded) .header__ctas a.btn--apply:hover:after,
header.inline-content:not(.expanded) .header__ctas a.btn--apply:active:after,
header.inline-content:not(.expanded) .header__ctas a.btn--apply:focus:after,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--apply:hover:after,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--apply:active:after,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--apply:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

header.inline-content:not(.expanded) .header__ctas a.btn--apply:after,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--apply:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #232C64;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

header.inline-content:not(.expanded) .header__ctas a.btn-icon--google-translate:focus,
header.inline-content:not(.expanded) .header__ctas a.btn-icon--google-translate:active,
header.inline-content:not(.expanded) .header__ctas a.btn-icon--google-translate:hover,
header.inline-content:not(.expanded) .header__ctas a.btn--donate:focus,
header.inline-content:not(.expanded) .header__ctas a.btn--donate:active,
header.inline-content:not(.expanded) .header__ctas a.btn--donate:hover,
header.inline-content:not(.expanded) .header__ctas a.btn--message:focus,
header.inline-content:not(.expanded) .header__ctas a.btn--message:active,
header.inline-content:not(.expanded) .header__ctas a.btn--message:hover,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn-icon--google-translate:focus,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn-icon--google-translate:active,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn-icon--google-translate:hover,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--donate:focus,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--donate:active,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--donate:hover,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--message:focus,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--message:active,
.scrolled header:not(.expanded):not(.success-stories__header) .header__ctas a.btn--message:hover {
    opacity: 75%;
}

.expanded .navbar-collapse__ctas {
    top: -35px;
}

.expanded .header__ctas a.btn--apply,
.expanded .header__ctas a.btn--donate {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.expanded .header__ctas a.btn--apply:hover,
.expanded .header__ctas a.btn--apply:active,
.expanded .header__ctas a.btn--apply:focus,
.expanded .header__ctas a.btn--donate:hover,
.expanded .header__ctas a.btn--donate:active,
.expanded .header__ctas a.btn--donate:focus {
    color: #000000 !important;
    border-color: #ffffff !important;
}

.expanded .header__ctas a.btn--apply:hover:after,
.expanded .header__ctas a.btn--apply:active:after,
.expanded .header__ctas a.btn--apply:focus:after,
.expanded .header__ctas a.btn--donate:hover:after,
.expanded .header__ctas a.btn--donate:active:after,
.expanded .header__ctas a.btn--donate:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.expanded .header__ctas a.btn--apply:after,
.expanded .header__ctas a.btn--donate:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #ffffff;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.language-switcher {
    display: flex;
    position: relative;
    width: 100%;
}

.language-switcher .btn--google-translate {
    height: 40px;
}

#google_translator_element>div {
    font-size: 0;
}

.block--google-translate {
    height: 100%;
    width: -webkit-max-content;
    width: max-content;
}

.block--google-translate a:not(.google-translator-switch) {
    display: none !important;
}

.block--google-translate a.google-translator-switch {
    font-size: 15px;
    font-weight: 900;
    display: flex;
    align-items: center;
    background: #007EAD;
    justify-content: center;
    color: #ffffff;
    height: 40px;
    padding: 0 15px;
}

.block--google-translate h2 {
    display: none;
}

.block--google-translate select {
    font-size: 15px;
    font-weight: 900;
    display: flex;
    align-items: center;
    background: #007EAD;
    color: #ffffff;
    margin: 0 !important;
    border-radius: 0;
    padding: 0 15px;
    border: none;
    height: 40px;
}

footer .pre {
    background-color: #232C64;
    padding-top: 49px;
    padding-bottom: 43px;
}

@media (max-width:767px) {
    footer .pre {
        padding-top: 57px;
        padding-bottom: 55px;
    }
}

footer .pre__inner {
    max-width: 1260px;
}

footer .pre__inner h2 {
    font-size: 42px;
    font-weight: 900;
    margin: 0;
}

footer .pre__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width:767px) {
    footer .pre__content {
        justify-content: center;
        flex-direction: column;
        text-align: center;
        gap: 25px;
    }
}

footer .pre p {
    font-size: 42px;
    font-weight: 900;
    margin: 0;
}

@media (max-width:767px) {
    footer .pre p {
        font-size: 29px;
        font-weight: 700;
        line-height: 35px;
    }
}

footer .pre a:hover {
    text-decoration: none;
}

.footer {
    margin-top: auto;
    background-color: #282828;
}

.footer__inner {
    color: #ffffff;
}

.footer__inner.primary {
    display: flex;
    justify-content: space-between;
    padding-top: 105px;
    gap: 50px;
    flex-wrap: wrap;
}

@media (max-width:1024px) {
    .footer__inner.primary {
        padding-top: 48px;
    }
}

.footer__inner .footer__branding {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 200px;
}

@media (max-width:1024px) {
    .footer__inner .footer__branding {
        gap: 50px 125px;
        align-items: center;
    }
}

.footer__inner .footer__branding--primary {
    display: flex;
    align-items: center;
    gap: 25px;
}

@media (max-width:400px) {
    .footer__inner .footer__branding--primary {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        width: 100%;
    }
}

.footer__inner .footer__branding--primary img {
    max-width: 160px;
}

.footer__inner .footer__branding--primary .footer__moto {
    font-size: 30px;
    font-weight: 900;
    max-width: 230px;
    margin: 0;
}

.footer__inner .footer__branding--secondary {
    margin-right: 35px;
}

.footer__inner .footer__branding--secondary img[alt=branding] {
    width: 200px;
    height: auto;
}

.footer__inner .footer__branding .separator {
    background-color: #ffffff;
    width: 1px;
    height: 135px;
}

@media (max-width:400px) {
    .footer__inner .footer__branding .separator {
        width: 100%;
        height: 1px;
    }
}

@media (max-width:1380px) {
    .footer__inner .footer__branding {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.footer__inner .footer__map {
    width: 100%;
}

.footer__inner .footer__map__inner {
    display: flex;
    justify-content: space-between;
    gap: 100px;
}

@media (max-width:1024px) {
    .footer__inner .footer__map__inner {
        gap: 24px;
    }
}

.footer__inner .footer__map__img {
    position: relative;
    max-height: 400px;
}

@media (min-width:1025px) {
    .footer__inner .footer__map__img {
        max-width: 60%;
    }
}

@media (min-width:575px) and (max-width:1024px) {
    .footer__inner .footer__map__img {
        max-width: 50%;
    }
}

.footer__inner .footer__map__img>div:last-child {
    height: 100%;
    width: 100%;
}

.footer__inner .footer__map__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.footer__inner .footer__map__img a {
    height: 100%;
    width: 100%;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.footer__inner .footer__map__data address {
    font-style: normal;
}

.footer__inner .footer__map__data address h4 {
    margin-bottom: 0;
}

.footer__inner .footer__map__data a {
    text-decoration: none;
    color: #ffffff;
}

.footer__inner .footer__map__data a:hover {
    color: #007EAD;
    text-decoration: underline;
}

.footer__inner .footer__map__data p {
    font-size: 15px;
    font-weight: 400;
    line-height: 29px;
    margin: 0;
}

@media (max-width:1380px) {
    .footer__inner .footer__map {
        width: 100%;
    }
    .footer__inner .footer__map__inner {
        flex-wrap: wrap;
    }
}

.footer__inner.secondary {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 50px;
    padding-top: 30px;
    padding-bottom: 25px;
    margin-top: 80px;
    border-top: 1px solid #ffffff;
}

@media (max-width:1024px) {
    .footer__inner.secondary {
        margin-top: 24px;
    }
}

@media (max-width:767px) {
    .footer__inner.secondary {
        gap: 30px 50px;
    }
}

.footer__inner .left {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 300;
    flex-wrap: wrap;
    gap: 10px 50px;
}

.footer__inner .social-links {
    display: flex;
    align-items: center;
    gap: 20px;
}

html .ui-widget-overlay {
    background-color: rgba(0, 0, 0, 0.15);
}

html .ui-dialog:not(.ui-dialog-off-canvas) {
    border-radius: 0;
}

html .ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-titlebar {
    border-radius: 0;
}

html .ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-buttonpane button {
    height: auto;
    padding: 8px 16px;
    border-radius: 0;
    font-family: "Open Sans", sans-serif;
}

div.expertise-expert-guide {}

.node-5711>ul#ui-id-1>li.ui-menu-item {
    list-style: none !important;
    list-style-type: none !important;
}

.row-expert-guide {
    max-width: 1100px;
    margin-bottom: 40px;
    min-height: 600px;
}

.col-expert-guide {
    position: relative;
    max-width: 300px;
    min-width: 300px;
    margin-right: 40px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1019607843);
    display: block;
    box-sizing: border-box;
    height: max-content;
}

div.path-search-area-of-expertise>div.dialog-off-canvas-main-canvas>div.main-container>div.page-title>h1 {
    border-bottom: none !important;
}

div.search-area-of-expertise>div.view-header,
div.search-area-of-expertise>div.view-filters,
div.search-area-of-expertise>div.view-content,
div.search-area-of-expertise>div.view-footer {
    margin-left: 20px;
}

div.search-area-of-expertise>div.view-header>span>img {
    margin-left: -10px;
    margin-top: -35px;
    width: 100%;
    height: auto;
}

div.search-area-of-expertise>div.view-header>p {
    font-size: 48px;
    font-weight: 900;
    line-height: 120%;
    padding-bottom: 20px;
}

#views-exposed-form-duplicate-of-expert-guide-content-type-view-page-1 {
    margin-top: 2.375rem;
    margin-bottom: 2.375rem;
}

#views-exposed-form-duplicate-of-expert-guide-content-type-view-page-1>.js-form-type-textfield,
#views-exposed-form-duplicate-of-expert-guide-content-type-view-page-1>.form-item-field-expertise-value,
#views-exposed-form-duplicate-of-expert-guide-content-type-view-page-1>.js-form-item-field-expertise-value {
    display: inline;
}

#views-exposed-form-duplicate-of-expert-guide-content-type-view-page-1>.js-form-type-textfield>label {
    display: inline;
}

#views-exposed-form-duplicate-of-expert-guide-content-type-view-page-1>.js-form-type-textfield>input {
    border-radius: 5px;
    margin: 0 30px 0 0;
}

div.form-item-field-area-search-terms-target-id {
    display: inline-block;
    max-width: 300px;
    margin-right: 5px;
}

div.views-field-field-first-name-experts-guide {
    float: left;
    display: inline-block;
    margin-right: 5px;
    padding-left: 5px;
}

div.form-item-field-expert-name-value,
div.js-form-item-field-expert-name-value {
    display: inline-block;
    max-width: 300px;
    margin-right: 10px;
}

#views-exposed-form-duplicate-of-expert-guide-content-type-view-block-experts-guide>div.form-actions {
    display: inline-block;
}

#views-exposed-form-duplicate-of-expert-guide-content-type-view-block-experts-guide>div.form-actions>input {
    border-radius: 5px;
}

#views-exposed-form-duplicate-of-expert-guide-content-type-view-block-experts-guide>div.form-item-combine>input#edit-combine {
    display: inline-block;
    float: left;
    border-radius: 5px;
    margin-right: 10px;
}

div.form-item-field-expert-name-value>input {
    border-radius: 5px;
}

div.js-form-item-field-area-search-terms-target-id>input {
    border-radius: 5px;
}

.views-exposed-form-duplicate-of-expert-guide-content-type-view-block-experts-guide>div.form-item-field-expert-name-value {
    display: inline-block;
    margin-left: 10px;
}

div.field-e-g-p-p-name,
div.field-e-g-p-p-first-name,
div.field-e-g-p-p-last-name {
    font-size: 20px;
    font-weight: bold;
}

div.views-label-field-area-search-terms,
div.views-label-field-expert-expertise,
div.views-label-field-expert-contact-information,
div.views-label-field-expert-experience {
    font-weight: bold;
    font-size: 18px;
}

div.views-label-field-expert-expertise {
    margin-top: 2px;
}

div.views-field-field-expert-department>div.field-e-g-p-p-department,
div.views-field-field-academic-title,
div.views-field-field-professinal-title {
    font-size: 18px;
}

div.views-field-field-expert-media-appearance>span.views-label-field-expert-media-appearance {
    font-weight: bold;
    font-size: 18px;
}

div.views-field-field-expert-name,
div.views-field-field-expert-department,
div.views-field-field-expert-expertise,
div.views-field-field-expert-media-appearance,
div.views-field-field-expert-contact-information,
div.views-field-field-expert-experience,
div.views-field-field-professinal-title,
div.views-field-field-academic-title {
    padding: 0 5px 0 5px;
}

div.views-field-field-professinal-title {
    margin-bottom: 15px;
}

div.views-field-field-expert-expertise>div.field-expertise-e-g-p-p>p,
div.views-field-field-expert-contact-information>div.field-conact-info-e-g-p-p>p,
div.views-field-field-expert-experience>div.field-e-g-p-p-experince>p {
    margin-top: -1.5px;
}

div.field-e-g-p-p-media-appearance {
    margin-top: -16px;
}

div .views-field-field-area-search-terms {
    margin-bottom: 5px;
}

div.form-item-field-expertise-value .js-form-item-field-expertise-value {
    display: inline-block;
    vertical-align: top;
}

div.col-expert-guide>div.views-field-field-expert-expertise>div.field-expertise-e-g-p-p>p,
div.col-expert-guide>div.views-field-field-expert-experience>div.field-e-g-p-p-experince>p {
    lign-height: 100% !important;
}

#views-exposed-form-duplicate-of-expert-guide-content-type-view-page-1>div#edit-actions {
    display: inline-block;
}

#views-exposed-form-duplicate-of-expert-guide-content-type-view-page-1>div#edit-actions>input {
    border-radius: 5px;
}

div.search-area-of-expertise>div.view-filters {
    margin-top: 2.375rem;
    margin-bottom: 2.375rem;
}

div.views-field-field-area-of-expertise {
    margin-bottom: 10px;
}

div.views-field-field-expert-guide-profile-image>div.field-content img {}

.node--expert-guide-profile-page {
    margin: 20px;
    background: white;
    color: #282828;
    font-size: 18px;
}

body.node--expert-guide-profile. div.dialog-off-canvas-main-canvas div.main-container div div#block-jj-custom-content.block.block--system-main-block article div div.field.field--name-title-text {
    display: none;
}

@media (max-width:768px) {
    .teaser-card .field.field--name-title-text {
        font-size: 20px;
    }
}

@media (max-width:767px) {
    .col-expert-guide {
        margin-bottom: 40px;
    }
    .row-expert-guide {
        margin-bottom: 0px;
    }
}

.teaser-cards .card-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 55px 16px;
}

.teaser-cards .teaser-card__text {
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
}

@media (max-width:810px) {
    .col-expert-guide {
        margin-bottom: 40px;
    }
    .row-expert-guide {
        margin-bottom: 0px;
    }
}

@media (max-width:1024px) {
    {}
}

@media (max-width:480px) {
    .teaser-cards .teaser-card {
        width: 340px;
    }
}

@media (max-width:375px) {
    .col-expert-guide {
        margin-bottom: 40px;
    }
    .row-expert-guide {
        margin-bottom: 0px;
    }
}

@media (max-width:897px) {
    .row-expert-guide {
        margin-bottom: 0px;
    }
}

@media (max-width:967px) {
    .row-expert-guide {
        margin-bottom: 0px;
    }
}

@media (max-width:1024px) {
    .col-expert-guide {
        margin-bottom: 40px;
    }
    .row-expert-guide {
        margin-bottom: 0px;
    }
}

@media (max-width:860px) {
    .teaser-cards .teaser-cards__content {
        padding: 0 16px;
    }
}

@media (max-width:767px) {
    .teaser-cards .teaser-cards__content {
        padding: 0 calc((100% - 662px) / 2 + 24px);
    }
}

@media (max-width:662px) {
    .teaser-cards .teaser-cards__content {
        padding: 0 24px;
    }
}

@media (max-width:1024px) {
    .teaser-cards .teaser-cards__content {
        grid-auto-flow: column;
        max-width: unset;
        overflow: scroll;
    }
}

html {
    scroll-padding-top: 175px !important;
}

.google-slides-container {
    position: relative;
    width: 100%;
    padding-top: 60%;
    overflow: hidden;
}

.google-slides-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#edit-field-employment-status-wrapper {
    margin-bottom: 18px;
    overflow: visible;
}

.ui-dialog.ui-widget-content {
    position: fixed !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 18px !important;
    top: 60% !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    width: 20px !important;
    height: 20px !important;
}

.btn,
.glb-button,
#edit-loginurl,
#edit-cancel,
button.btn-primary,
input[type=submit] {
    margin-bottom: 8px;
    background-color: transparent;
    cursor: pointer;
    border: none;
    padding: 0;
}

.btn svg,
.glb-button svg,
#edit-loginurl svg,
#edit-cancel svg,
button.btn-primary svg,
input[type=submit] svg {
    width: 100%;
    height: 100%;
}

.btn--black {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #000000;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #000000;
    color: #000000;
    background-color: #000000;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--black:hover,
.btn--black:active,
.btn--black:focus {
    color: #000000 !important;
}

.btn--black:hover:after,
.btn--black:active:after,
.btn--black:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--black:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #ffffff;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--grey-dark {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #282828;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #282828;
    color: #282828;
    background-color: #282828;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--grey-dark:hover,
.btn--grey-dark:active,
.btn--grey-dark:focus {
    color: #282828 !important;
}

.btn--grey-dark:hover:after,
.btn--grey-dark:active:after,
.btn--grey-dark:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--grey-dark:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #ffffff;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--white {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #ffffff;
    color: #ffffff;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #232C64;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--white:hover,
.btn--white:active,
.btn--white:focus {
    color: #ffffff !important;
}

.btn--white:hover:after,
.btn--white:active:after,
.btn--white:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--white:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #007EAD;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--white-black,
.glb-button,
#edit-loginurl,
#edit-cancel {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #ffffff;
    color: #ffffff;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #000000;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--white-black:hover,
.glb-button:hover,
#edit-loginurl:hover,
#edit-cancel:hover,
.btn--white-black:active,
.glb-button:active,
#edit-loginurl:active,
#edit-cancel:active,
.btn--white-black:focus,
.glb-button:focus,
#edit-loginurl:focus,
#edit-cancel:focus {
    color: #ffffff !important;
}

.btn--white-black:hover:after,
.glb-button:hover:after,
#edit-loginurl:hover:after,
#edit-cancel:hover:after,
.btn--white-black:active:after,
.glb-button:active:after,
#edit-loginurl:active:after,
#edit-cancel:active:after,
.btn--white-black:focus:after,
.glb-button:focus:after,
#edit-loginurl:focus:after,
#edit-cancel:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--white-black:after,
.glb-button:after,
#edit-loginurl:after,
#edit-cancel:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #000000;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--yellow {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #FBA92A;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #FBA92A;
    color: #FBA92A;
    background-color: #FBA92A;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #282828;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--yellow:hover,
.btn--yellow:active,
.btn--yellow:focus {
    color: #FBA92A !important;
}

.btn--yellow:hover:after,
.btn--yellow:active:after,
.btn--yellow:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--yellow:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #282828;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--light-blue,
button.btn-primary,
input[type=submit] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #007EAD;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #007EAD;
    color: #007EAD;
    background-color: #007EAD;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--light-blue:hover,
button.btn-primary:hover,
input[type=submit]:hover,
.btn--light-blue:active,
button.btn-primary:active,
input[type=submit]:active,
.btn--light-blue:focus,
button.btn-primary:focus,
input[type=submit]:focus {
    color: #232C64 !important;
}

.btn--light-blue:hover:after,
button.btn-primary:hover:after,
input[type=submit]:hover:after,
.btn--light-blue:active:after,
button.btn-primary:active:after,
input[type=submit]:active:after,
.btn--light-blue:focus:after,
button.btn-primary:focus:after,
input[type=submit]:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--light-blue:after,
button.btn-primary:after,
input[type=submit]:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #ffffff;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--strip {
    font-weight: 300;
    rotate: 90deg;
}

.btn:hover,
.glb-button:hover,
#edit-loginurl:hover,
#edit-cancel:hover,
button.btn-primary:hover,
input[type=submit]:hover,
.btn:active,
.glb-button:active,
#edit-loginurl:active,
#edit-cancel:active,
button.btn-primary:active,
input[type=submit]:active,
.btn:focus,
.glb-button:focus,
#edit-loginurl:focus,
#edit-cancel:focus,
button.btn-primary:focus,
input[type=submit]:focus {
    text-decoration: none;
}

.btn-icon {
    display: block;
    width: 45px;
    height: 45px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.btn-icon.social {
    background-size: contain;
    width: 17px;
    height: 17px;
    transition: 0.1s;
    background-position: bottom center;
}

.btn-icon.social:hover {
    -webkit-filter: invert(36%) sepia(79%) saturate(1836%) hue-rotate(170deg) brightness(97%) contrast(102%);
    filter: invert(36%) sepia(79%) saturate(1836%) hue-rotate(170deg) brightness(97%) contrast(102%);
}

.btn-icon--message {
    background-image: url(/themes/custom/jj_custom/resources/icons/envelope--white.svg);
}

.btn-icon--message:hover {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.btn-icon--search {
    background-color: #F1F1F1;
    background-image: url(/themes/custom/jj_custom/resources/icons/loupe--dark.svg);
}

.btn-icon--google-translate {
    background-image: url(/themes/custom/jj_custom/resources/icons/globe.svg);
}

.btn-icon--facebook {
    background-image: url(/Institutions/John-Jay-College/images/facebook-white.svg);
}

.btn-icon--twitter {
    background-image: url(/Institutions/John-Jay-College/images/twitter-white.svg);
}

.btn-icon--youtube {
    background-image: url(/Institutions/John-Jay-College/images/youtube-white.svg);
}

.btn-icon--instagram {
    background-image: url(/Institutions/John-Jay-College/images/instagram-white.svg);
}

.btn-icon--linkedin {
    background-image: url(/Institutions/John-Jay-College/images/linkedin-white.svg);
}

a.social-follow-link,
button.social-follow-link {
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    font-family: "Nunito Sans", sans-serif;
    background-color: #007EAD;
    font-weight: 800;
    color: #ffffff;
    padding: 15px 33px;
    gap: 14px;
}

a.social-follow-link:before,
button.social-follow-link:before {
    margin-top: -5px;
}

a.social-follow-link--facebook:before,
button.social-follow-link--facebook:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/facebook-white.svg);
}

a.social-follow-link--twitter:before,
button.social-follow-link--twitter:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/twitter-white.svg);
}

a.social-follow-link--youtube:before,
button.social-follow-link--youtube:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/youtube-white.svg);
    background-size: contain;
}

a.social-follow-link--instagram:before,
button.social-follow-link--instagram:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/instagram-white.svg);
}

a.social-follow-link--linkedin:before,
button.social-follow-link--linkedin:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/linkedin-white.svg);
}

button.btn-primary,
input[type=submit] {
    font-weight: 800;
    padding: 0 40px;
}

.glb-button,
#edit-loginurl,
#edit-cancel {
    border: 3px solid #000000;
    min-height: 47px;
    font-weight: 800;
    padding: 0 40px;
    line-height: normal;
}

.node {}

.node--success-story,
.node--student-profile,
.node--content-page {
    padding-bottom: 110px;
}

.node--success-story .node__title.container,
.node--success-story .node__intro-text.container,
.node--success-story .node__inline-image.container,
.node--success-story .node__inline-text.container,
.node--student-profile .node__title.container,
.node--student-profile .node__intro-text.container,
.node--student-profile .node__inline-image.container,
.node--student-profile .node__inline-text.container,
.node--content-page .node__title.container,
.node--content-page .node__intro-text.container,
.node--content-page .node__inline-image.container,
.node--content-page .node__inline-text.container {
    max-width: 1565px;
}

@media (max-width:1600px) {
    .node--success-story .node__title.container,
    .node--success-story .node__intro-text.container,
    .node--success-story .node__inline-image.container,
    .node--success-story .node__inline-text.container,
    .node--student-profile .node__title.container,
    .node--student-profile .node__intro-text.container,
    .node--student-profile .node__inline-image.container,
    .node--student-profile .node__inline-text.container,
    .node--content-page .node__title.container,
    .node--content-page .node__intro-text.container,
    .node--content-page .node__inline-image.container,
    .node--content-page .node__inline-text.container {
        max-width: 1310px;
    }
}

.node--success-story .node__title.container>div:not(.img-caption),
.node--success-story .node__intro-text.container>div:not(.img-caption),
.node--success-story .node__inline-image.container>div:not(.img-caption),
.node--success-story .node__inline-text.container>div:not(.img-caption),
.node--student-profile .node__title.container>div:not(.img-caption),
.node--student-profile .node__intro-text.container>div:not(.img-caption),
.node--student-profile .node__inline-image.container>div:not(.img-caption),
.node--student-profile .node__inline-text.container>div:not(.img-caption),
.node--content-page .node__title.container>div:not(.img-caption),
.node--content-page .node__intro-text.container>div:not(.img-caption),
.node--content-page .node__inline-image.container>div:not(.img-caption),
.node--content-page .node__inline-text.container>div:not(.img-caption) {
    max-width: 1000px;
}

.node--event .node__body,
.node--news .node__body {
    margin-bottom: 110px;
}

@media (max-width:1199px) {
    .node--event .node__body,
    .node--news .node__body {
        margin-bottom: 25px;
    }
}

.node--event .card__title {
    padding-top: 16px;
}

.node--landing-page .layout__region .background-color--dark-blue a {
    text-decoration: underline;
}

.node .accordion.container,
.node .highlights__inner.container {
    max-width: 1565px;
}

@media (max-width:1600px) {
    .node .accordion.container,
    .node .highlights__inner.container {
        max-width: 1310px;
    }
}

.node .accordion.container>div:not(.img-caption),
.node .highlights__inner.container>div:not(.img-caption) {
    max-width: 1000px;
}

.node__hero img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width:767px) {
    .node__hero img {
        width: 100%;
        height: 250px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.node__published-on {
    font-size: 21px;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-family: "Open Sans", sans-serif;
    padding-top: 35px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    flex-wrap: wrap;
}

.node__published-on:before {
    content: "";
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/icons/calendar--blue.svg);
    background-size: contain;
    display: block;
}

.node__published-on:after {
    content: "";
    background-color: #B1B1B1;
    margin-top: 20px;
    width: 100%;
    height: 1px;
}

.node__title {
    margin-top: 17px;
}

.node__title h1 {
    font-size: 70px;
    font-weight: 900;
    line-height: 95px;
    margin: 0;
}

.node__title.news {
    line-height: 85px;
    margin-bottom: 85px;
}

@media (max-width:1024px) {
    .node__title.news {
        margin-bottom: 40px;
    }
}

.node__title.content-page.container {
    max-width: 1565px;
}

@media (max-width:1600px) {
    .node__title.content-page.container {
        max-width: 1310px;
    }
}

.node__title.content-page.container>div:not(.img-caption) {
    max-width: 1000px;
}

.node__title.content-page+.block--breadcrumbs .container.container {
    max-width: 1565px;
}

@media (max-width:1600px) {
    .node__title.content-page+.block--breadcrumbs .container.container {
        max-width: 1310px;
    }
}

.node__title.content-page+.block--breadcrumbs .container.container>div:not(.img-caption) {
    max-width: 1000px;
}

.node__title.content-page h1 {
    max-width: 1000px;
}

@media (max-width:767px) {
    .node__title.content-page {
        font-size: 48px;
    }
}

.node .card__title {
    margin: 0 auto;
}

.node .card__title+.block--breadcrumbs {
    padding-top: 0;
}

.node .field--name-title-text {
    font-size: 62px;
    font-weight: 900;
    line-height: 85px;
    margin: 20px 0;
}

@media (max-width:1024px) {
    .node .field--name-title-text {
        margin: 16px 0;
    }
}

@media (max-width:767px) {
    .node .field--name-title-text {
        font-size: 48px;
        font-weight: 900;
        line-height: 120%;
    }
}

@media (max-width:767px) and (max-width:767px) {
    .node .field--name-title-text {
        font-size: 48px;
    }
}

.node__body .align-right {
    padding: 16px 0 16px 16px;
}

.node__body .align-left {
    padding: 16px 16px 0 16px;
}

.node__body p {
    font-size: 18px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    max-width: 1170px;
    line-height: 26px;
}

.node__body p,
.node__body ul,
.node__body ol {
    color: #000000;
    max-width: 1170px;
    box-sizing: border-box;
}

.node__body figure {
    margin: 0;
}

.node__body figcaption {
    font-weight: 600;
}

.node__intro-text {
    font-size: 25px;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    color: #232C64;
    line-height: 35px;
    max-width: 970px;
    margin-top: 40px;
    margin-bottom: 40px;
}

@media (max-width:767px) {
    .node__intro-text {
        line-height: normal;
        margin-top: 80px;
        font-size: 18px;
    }
}

.node__inline-image {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin-top: 40px;
    gap: 5px;
}

.node__inline-image img {
    max-width: 100%;
    height: auto;
}

.node__event__info {
    margin-bottom: 35px;
}

.node__event__info>div {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 25px 105px;
    padding-top: 40px;
    padding-bottom: 30px;
    border-top: 1px solid #B1B1B1;
    border-bottom: 1px solid #B1B1B1;
}

@media (min-width:1025px) {
    .node__event__info div:not(.layout-region):has(.register) {
        margin-left: auto;
    }
}

@media (max-width:1024px) {
    .node__event__info div:not(.layout-region):has(.register) {
        order: 9;
    }
}

.node__event__info div:not(.layout-region):has(.register) a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #007EAD;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #007EAD;
    color: #007EAD;
    background-color: #007EAD;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    border: none;
    text-decoration: none;
}

.node__date,
.node__time,
.node__location {
    font-size: 21px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.node__date:before,
.node__time:before,
.node__location:before {
    display: block;
    background-size: contain;
}

.node__date:before {
    content: "";
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/icons/calendar--blue.svg);
}

.node__time:before {
    content: "";
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/icons/calendar--blue.svg);
}

.node__location {
    width: 100%;
}

.node__location>div {
    max-width: 500px;
}

.node__location:before {
    content: "";
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/icons/icon-location-on.svg);
}

.node .node__inline-text+.views-element-container .nodes-overview-block {
    padding-top: 40px;
}

.node__inline-text {
    margin-top: 32px;
    margin-bottom: 32px;
}

.node__inline-text p {
    font-size: 18px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 30px;
    line-height: 26px;
}

.btn,
.two-column-layout.contact-strip form .form-submit,
.glb-button,
#edit-loginurl,
#edit-cancel,
button.btn-primary,
input[type=submit] {
    margin-bottom: 8px;
    background-color: transparent;
    cursor: pointer;
    border: none;
    padding: 0;
}

.btn svg,
.two-column-layout.contact-strip form .form-submit svg,
.glb-button svg,
#edit-loginurl svg,
#edit-cancel svg,
button.btn-primary svg,
input[type=submit] svg {
    width: 100%;
    height: 100%;
}

.btn--black {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #000000;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #000000;
    color: #000000;
    background-color: #000000;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--black:hover,
.btn--black:active,
.btn--black:focus {
    color: #000000 !important;
}

.btn--black:hover:after,
.btn--black:active:after,
.btn--black:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--black:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #ffffff;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--grey-dark {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #282828;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #282828;
    color: #282828;
    background-color: #282828;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--grey-dark:hover,
.btn--grey-dark:active,
.btn--grey-dark:focus {
    color: #282828 !important;
}

.btn--grey-dark:hover:after,
.btn--grey-dark:active:after,
.btn--grey-dark:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--grey-dark:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #ffffff;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--white {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #ffffff;
    color: #ffffff;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #232C64;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--white:hover,
.btn--white:active,
.btn--white:focus {
    color: #ffffff !important;
}

.btn--white:hover:after,
.btn--white:active:after,
.btn--white:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--white:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #007EAD;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--white-black,
.glb-button,
#edit-loginurl,
#edit-cancel {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #ffffff;
    color: #ffffff;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #000000;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--white-black:hover,
.glb-button:hover,
#edit-loginurl:hover,
#edit-cancel:hover,
.btn--white-black:active,
.glb-button:active,
#edit-loginurl:active,
#edit-cancel:active,
.btn--white-black:focus,
.glb-button:focus,
#edit-loginurl:focus,
#edit-cancel:focus {
    color: #ffffff !important;
}

.btn--white-black:hover:after,
.glb-button:hover:after,
#edit-loginurl:hover:after,
#edit-cancel:hover:after,
.btn--white-black:active:after,
.glb-button:active:after,
#edit-loginurl:active:after,
#edit-cancel:active:after,
.btn--white-black:focus:after,
.glb-button:focus:after,
#edit-loginurl:focus:after,
#edit-cancel:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--white-black:after,
.glb-button:after,
#edit-loginurl:after,
#edit-cancel:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #000000;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--yellow {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #FBA92A;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #FBA92A;
    color: #FBA92A;
    background-color: #FBA92A;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #282828;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--yellow:hover,
.btn--yellow:active,
.btn--yellow:focus {
    color: #FBA92A !important;
}

.btn--yellow:hover:after,
.btn--yellow:active:after,
.btn--yellow:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--yellow:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #282828;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--light-blue,
.two-column-layout.contact-strip form .form-submit,
button.btn-primary,
input[type=submit] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    color: #007EAD;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #007EAD;
    color: #007EAD;
    background-color: #007EAD;
    font-size: 15px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn--light-blue:hover,
.two-column-layout.contact-strip form .form-submit:hover,
button.btn-primary:hover,
input[type=submit]:hover,
.btn--light-blue:active,
.two-column-layout.contact-strip form .form-submit:active,
button.btn-primary:active,
input[type=submit]:active,
.btn--light-blue:focus,
.two-column-layout.contact-strip form .form-submit:focus,
button.btn-primary:focus,
input[type=submit]:focus {
    color: #232C64 !important;
}

.btn--light-blue:hover:after,
.two-column-layout.contact-strip form .form-submit:hover:after,
button.btn-primary:hover:after,
input[type=submit]:hover:after,
.btn--light-blue:active:after,
.two-column-layout.contact-strip form .form-submit:active:after,
button.btn-primary:active:after,
input[type=submit]:active:after,
.btn--light-blue:focus:after,
.two-column-layout.contact-strip form .form-submit:focus:after,
button.btn-primary:focus:after,
input[type=submit]:focus:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
}

.btn--light-blue:after,
.two-column-layout.contact-strip form .form-submit:after,
button.btn-primary:after,
input[type=submit]:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    background: #ffffff;
    position: absolute;
    z-index: -1;
    padding: inherit;
    display: block;
    transition: all 0.2s ease;
}

.btn--strip {
    font-weight: 300;
    rotate: 90deg;
}

.btn:hover,
.two-column-layout.contact-strip form .form-submit:hover,
.glb-button:hover,
#edit-loginurl:hover,
#edit-cancel:hover,
button.btn-primary:hover,
input[type=submit]:hover,
.btn:active,
.two-column-layout.contact-strip form .form-submit:active,
.glb-button:active,
#edit-loginurl:active,
#edit-cancel:active,
button.btn-primary:active,
input[type=submit]:active,
.btn:focus,
.two-column-layout.contact-strip form .form-submit:focus,
.glb-button:focus,
#edit-loginurl:focus,
#edit-cancel:focus,
button.btn-primary:focus,
input[type=submit]:focus {
    text-decoration: none;
}

.btn-icon {
    display: block;
    width: 45px;
    height: 45px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.btn-icon.social {
    background-size: contain;
    width: 17px;
    height: 17px;
    transition: 0.1s;
    background-position: bottom center;
}

.btn-icon.social:hover {
    -webkit-filter: invert(36%) sepia(79%) saturate(1836%) hue-rotate(170deg) brightness(97%) contrast(102%);
    filter: invert(36%) sepia(79%) saturate(1836%) hue-rotate(170deg) brightness(97%) contrast(102%);
}

.btn-icon--message {
    background-image: url(/Institutions/John-Jay-College/images/envelope--white.svg);
}

.btn-icon--message:hover {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.btn-icon--search {
    background-color: #F1F1F1;
    background-image: url(/themes/custom/jj_custom/resources/icons/loupe--dark.svg);
}

.btn-icon--google-translate {
    background-image: url(/themes/custom/jj_custom/resources/icons/globe.svg);
}

.btn-icon--facebook {
    background-image: url(/Institutions/John-Jay-College/images/facebook-white.svg);
}

.btn-icon--twitter {
    background-image: url(/Institutions/John-Jay-College/images/twitter-white.svg);
}

.btn-icon--youtube {
    background-image: url(/Institutions/John-Jay-College/images/youtube-white.svg);
}

.btn-icon--instagram {
    background-image: url(/Institutions/John-Jay-College/images/instagram-white.svg);
}

.btn-icon--linkedin {
    background-image: url(/Institutions/John-Jay-College/images/linkedin-white.svg);
}

a.social-follow-link,
button.social-follow-link {
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    font-family: "Nunito Sans", sans-serif;
    background-color: #007EAD;
    font-weight: 800;
    color: #ffffff;
    padding: 15px 33px;
    gap: 14px;
}

a.social-follow-link:before,
button.social-follow-link:before {
    margin-top: -5px;
}

a.social-follow-link--facebook:before,
button.social-follow-link--facebook:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/facebook-white.svg);
}

a.social-follow-link--twitter:before,
button.social-follow-link--twitter:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/twitter-white.svg);
}

a.social-follow-link--youtube:before,
button.social-follow-link--youtube:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/youtube-white.svg);
    background-size: contain;
}

a.social-follow-link--instagram:before,
button.social-follow-link--instagram:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/instagram-white.svg);
}

a.social-follow-link--linkedin:before,
button.social-follow-link--linkedin:before {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/custom/jj_custom/resources/social-icons/linkedin-white.svg);
}

button.btn-primary,
input[type=submit] {
    font-weight: 800;
    padding: 0 40px;
}

.glb-button,
#edit-loginurl,
#edit-cancel {
    border: 3px solid #000000;
    min-height: 47px;
    font-weight: 800;
    padding: 0 40px;
    line-height: normal;
}

.two-column-layout {
    font-family: "Open Sans", sans-serif;
}

.two-column-layout.background-color--blue .two-column-layout__pre-title,
.two-column-layout.background-color--light-blue .two-column-layout__pre-title,
.two-column-layout.background-color--dark-blue .two-column-layout__pre-title {
    color: #ffffff;
}

.two-column-layout.background-color--blue .two-column-layout__title,
.two-column-layout.background-color--light-blue .two-column-layout__title,
.two-column-layout.background-color--dark-blue .two-column-layout__title {
    color: #ffffff;
}

.two-column-layout.background-color--blue .two-column-layout__description>p,
.two-column-layout.background-color--blue .two-column-layout__description>a,
.two-column-layout.background-color--blue .two-column-layout__description>p a,
.two-column-layout.background-color--light-blue .two-column-layout__description>p,
.two-column-layout.background-color--light-blue .two-column-layout__description>a,
.two-column-layout.background-color--light-blue .two-column-layout__description>p a,
.two-column-layout.background-color--dark-blue .two-column-layout__description>p,
.two-column-layout.background-color--dark-blue .two-column-layout__description>a,
.two-column-layout.background-color--dark-blue .two-column-layout__description>p a {
    color: #ffffff;
    opacity: 1;
}

.two-column-layout.background-color--blue .two-column-layout__cta a:not([href$=".pdf"]):not([href$=".doc"]):not([href$=".docx"]):not([href$=".pdf"]):not([href$=".pptx"]):not([href$=".xls"]):not([href$=".xlsx"]):not([href$=".csv"]):not([href$=".rtf"]):not([href$=".xls"]):after,
.two-column-layout.background-color--light-blue .two-column-layout__cta a:not([href$=".pdf"]):not([href$=".doc"]):not([href$=".docx"]):not([href$=".pdf"]):not([href$=".pptx"]):not([href$=".xls"]):not([href$=".xlsx"]):not([href$=".csv"]):not([href$=".rtf"]):not([href$=".xls"]):after,
.two-column-layout.background-color--dark-blue .two-column-layout__cta a:not([href$=".pdf"]):not([href$=".doc"]):not([href$=".docx"]):not([href$=".pdf"]):not([href$=".pptx"]):not([href$=".xls"]):not([href$=".xlsx"]):not([href$=".csv"]):not([href$=".rtf"]):not([href$=".xls"]):after {
    background-image: url(/themes/custom/jj_custom/resources/icons/arrow-forward--white.svg);
}

.two-column-layout.contact-strip .form__title {
    font-size: 48px;
    font-weight: 900;
    line-height: 120%;
}

@media (max-width:767px) {
    .two-column-layout.contact-strip .form__title {
        font-size: 48px;
    }
}

.two-column-layout.contact-strip .form__title {
    margin: 0 0 24px;
}

.two-column-layout.contact-strip .form__info {
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 15px;
}

.two-column-layout.contact-strip .form__info {
    color: rgba(255, 255, 255, 0.6470588235);
}

.two-column-layout.contact-strip div.block--two-column-layout__content {
    margin-left: auto;
}

@media (max-width:1024px) {
    .two-column-layout.contact-strip div.block--two-column-layout__content {
        width: 100%;
    }
    .two-column-layout.contact-strip div.block--two-column-layout__content {
        text-align: center;
    }
}

@media (min-width:1600px) {
    .two-column-layout.contact-strip div.block--two-column-layout__content {
        margin-right: 100px;
    }
}

@media (max-width:1200px) {
    .two-column-layout.contact-strip div.two-column-layout__inner {
        gap: 50px;
    }
}

@media (max-width:1024px) {
    .two-column-layout.contact-strip div.two-column-layout__inner {
        flex-direction: column;
    }
}

.two-column-layout.contact-strip div.block--two-column-layout__image {}

@media (min-width:767px) and (max-width:1024px) {
    .two-column-layout.contact-strip div.block--two-column-layout__image {
        max-width: 535px;
    }
}

.two-column-layout.contact-strip form {
    width: 100%;
}

.two-column-layout.contact-strip form input:not([type=submit]),
.two-column-layout.contact-strip form textarea {
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #DEDEDE;
    color: #000000;
    box-sizing: border-box;
    min-height: 47px;
    transition: 0.4s;
    max-width: 100%;
    cursor: pointer;
    padding: 10px;
}

.two-column-layout.contact-strip form input:not([type=submit]):focus,
.two-column-layout.contact-strip form input:not([type=submit]):focus-visible,
.two-column-layout.contact-strip form textarea:focus,
.two-column-layout.contact-strip form textarea:focus-visible {
    outline: none;
    border-color: #AAAAAA;
}

.two-column-layout.contact-strip form input:not([type=submit]):-webkit-autofill,
.two-column-layout.contact-strip form input:not([type=submit]):-webkit-autofill:focus,
.two-column-layout.contact-strip form textarea:-webkit-autofill,
.two-column-layout.contact-strip form textarea:-webkit-autofill:focus {
    -webkit-transition: background-color 600000s 0s, color 600000s 0s;
    transition: background-color 600000s 0s, color 600000s 0s;
}

.two-column-layout.contact-strip form input:not([type=submit]):disabled,
.two-column-layout.contact-strip form textarea:disabled {
    cursor: default;
    background-color: #ffffff;
}

.two-column-layout.contact-strip form textarea {
    width: 100%;
}

.two-column-layout.contact-strip form .form-required:after {
    content: "*";
    color: #F74626;
}

.two-column-layout.contact-strip form .form-checkboxes .form-required:after,
.two-column-layout.contact-strip form .form-radios .form-required:after {
    display: none;
}

.two-column-layout.contact-strip form label {
    font-size: 15px;
    font-weight: 700;
    color: #000000;
    transition: 0.3s;
    display: flex;
    gap: 3px;
}

.two-column-layout.contact-strip form label:has(+input[required=required]):after,
.two-column-layout.contact-strip form label:has(+div textarea[required=required]):after {
    content: "*";
    color: #F74626;
}

.two-column-layout.contact-strip form .description {
    color: #AAAAAA;
    margin-top: 10px;
}

@media (min-width:768px) {
    .two-column-layout.contact-strip form {
        max-width: 535px;
    }
}

@media (max-width:1024px) {
    .two-column-layout.contact-strip form {
        margin: 0 auto;
    }
}

.two-column-layout.contact-strip form label {
    color: rgba(40, 40, 40, 0.3960784314);
    font-weight: 400;
}

.two-column-layout.contact-strip form .webform-flexbox {
    margin: 1em -0.5em;
    gap: 10px;
}

.two-column-layout.contact-strip form .form-submit {
    width: 100%;
    margin-top: 20px;
}

.two-column-layout.contact-strip form .form-item {
    position: relative;
}

.two-column-layout.contact-strip form .form-item label {
    position: absolute;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    max-width: 100%;
    left: 10px;
    top: 13px;
}

.two-column-layout.contact-strip form .form-item label:has(+div textarea:hover),
.two-column-layout.contact-strip form .form-item label:has(+div textarea:focus),
.two-column-layout.contact-strip form .form-item label:has(+div textarea:focus-visible),
.two-column-layout.contact-strip form .form-item label:has(+div textarea:not(:placeholder-shown)),
.two-column-layout.contact-strip form .form-item label:has(+input:hover),
.two-column-layout.contact-strip form .form-item label:has(+input:focus),
.two-column-layout.contact-strip form .form-item label:has(+input:-webkit-autofill),
.two-column-layout.contact-strip form .form-item label:has(+input:focus-visible),
.two-column-layout.contact-strip form .form-item label:has(+input:not(:placeholder-shown)) {
    color: transparent !important;
}

.two-column-layout.contact-strip form .form-item label:has(+div textarea:hover):after,
.two-column-layout.contact-strip form .form-item label:has(+div textarea:focus):after,
.two-column-layout.contact-strip form .form-item label:has(+div textarea:focus-visible):after,
.two-column-layout.contact-strip form .form-item label:has(+div textarea:not(:placeholder-shown)):after,
.two-column-layout.contact-strip form .form-item label:has(+input:hover):after,
.two-column-layout.contact-strip form .form-item label:has(+input:focus):after,
.two-column-layout.contact-strip form .form-item label:has(+input:-webkit-autofill):after,
.two-column-layout.contact-strip form .form-item label:has(+input:focus-visible):after,
.two-column-layout.contact-strip form .form-item label:has(+input:not(:placeholder-shown)):after {
    color: transparent !important;
}

.two-column-layout.contact-strip form .form-item label:has(+input[required=required]:-ms-input-placeholder):after,
.two-column-layout.contact-strip form .form-item label:has(+div textarea[required=required]:-ms-input-placeholder):after {
    content: "*";
    color: #F74626;
}

.two-column-layout.contact-strip form .form-item label:has(+input[required=required]:placeholder-shown):after,
.two-column-layout.contact-strip form .form-item label:has(+div textarea[required=required]:placeholder-shown):after {
    content: "*";
    color: #F74626;
}

.two-column-layout.contact-strip form textarea {
    min-height: 295px;
}

.two-column-layout__inner {
    display: flex;
    align-items: center;
}

.two-column-layout__pre-title {
    font-size: 15px;
    font-weight: 700;
}

.two-column-layout__pre-title {
    color: #007EAD;
}

.two-column-layout__title {
    font-size: 48px;
    font-weight: 900;
    line-height: 120%;
    color: #282828;
    margin: 12px 0 20px;
}

@media (max-width:767px) {
    .two-column-layout__title {
        font-size: 48px;
    }
}

.two-column-layout__title {
    font-family: "Nunito Sans", sans-serif;
}

@media (max-width:767px) {
    .two-column-layout__title {
        font-size: 40px;
    }
}

.two-column-layout__description {
    margin-bottom: 27px;
}

.two-column-layout__description>p,
.two-column-layout__description>a,
.two-column-layout__description>p a {
    font-size: 17px;
    font-weight: 400;
    line-height: 29px;
}

.two-column-layout__description>p,
.two-column-layout__description>a,
.two-column-layout__description>p a {
    color: #282828;
}

@media (max-width:767px) {
    .two-column-layout__description>p,
    .two-column-layout__description>a,
    .two-column-layout__description>p a {
        line-height: 26px;
    }
}

.two-column-layout__description a {}

.two-column-layout .two-column-layout__cta a {
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.5s;
    display: flex;
    align-items: baseline;
    width: -webkit-max-content;
    width: max-content;
    position: relative;
    line-height: normal;
    margin-bottom: 10px;
}

.two-column-layout .two-column-layout__cta a:after {
    height: 15px;
    width: 15px;
    content: "";
    -webkit-transform: translate(10px, 2px);
    transform: translate(10px, 2px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(/themes/custom/jj_custom/resources/icons/arrow-forward--black.svg);
    transition: 0.5s;
}

.two-column-layout .two-column-layout__cta a:hover,
.two-column-layout .two-column-layout__cta a:focus,
.two-column-layout .two-column-layout__cta a:active {
    text-decoration: underline;
}

.two-column-layout .two-column-layout__cta a:hover:after,
.two-column-layout .two-column-layout__cta a:focus:after,
.two-column-layout .two-column-layout__cta a:active:after {
    -webkit-transform: translate(15px, 2px);
    transform: translate(15px, 2px);
}

.two-column-layout .two-column-layout__cta a {
    width: -webkit-max-content;
    width: max-content;
}

.two-column-layout .block--two-column-layout__image img:not([width="760px"]) {
    width: 100%;
    height: auto;
}

.two-column-layout .block--two-column-layout__image>div {
    display: flex;
}

.two-column-layout .block--two-column-layout__content {
    display: flex;
    flex-wrap: wrap;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}

@media (min-width:1025px) {
    .two-column-layout .block--two-column-layout__content {
        width: 40%;
    }
    .two-column-layout .block--two-column-layout__content {
        max-width: 615px;
    }
}

@media (min-width:768px) {
    .two-column-layout.image-size--small {
        padding: 120px 0;
    }
    .two-column-layout.image-size--small.contact-strip {
        padding: 150px 0 170px;
    }
}

@media (max-width:767px) {
    .two-column-layout.image-size--small {
        padding: 80px 0;
    }
}

@media (min-width:1025px) {
    .two-column-layout.image-size--small .block--two-column-layout__image {
        width: 60%;
    }
    .two-column-layout.image-size--small .block--two-column-layout__image {
        max-width: 700px;
    }
}

@media (max-width:1024px) {
    .two-column-layout.image-size--small .block--two-column-layout__image {
        width: 100%;
    }
}

@media (min-width:1025px) {
    .two-column-layout.image-size--small .two-column-layout__inner {
        gap: 60px;
    }
}

@media (max-width:1024px) {
    .two-column-layout.image-size--small .two-column-layout__inner {
        flex-direction: column;
    }
    .two-column-layout.image-size--small .two-column-layout__inner {
        gap: 20px;
    }
}

.two-column-layout.image-size--small img {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}

.two-column-layout.image-size--big .block--two-column-layout__image {}

@media (min-width:1025px) {
    .two-column-layout.image-size--big .block--two-column-layout__image {
        width: 55%;
    }
}

@media (max-width:1024px) {
    .two-column-layout.image-size--big .block--two-column-layout__image {
        width: 100%;
    }
    .two-column-layout.image-size--big .block--two-column-layout__image img {
        max-height: 400px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media (min-width:767px) and (max-width:1024px) {
    .two-column-layout.image-size--big .block--two-column-layout__image {
        margin-right: auto;
    }
    .two-column-layout.image-size--big .block--two-column-layout__image {
        width: calc(100% - 100px);
    }
}

.two-column-layout.image-size--big .block--two-column-layout__content {
    box-sizing: border-box;
    padding: 30px 15px;
}

.two-column-layout.image-size--big .block--two-column-layout__content>div {
    width: 100%;
}

@media (min-width:1025px) {
    .two-column-layout.image-size--big .block--two-column-layout__content {
        max-width: 535px;
    }
}

@media (max-width:1024px) {
    .two-column-layout.image-size--big .block--two-column-layout__content {
        max-width: 860px;
    }
}

@media (max-width:767px) {
    .two-column-layout.image-size--big .block--two-column-layout__content {
        max-width: 662px;
    }
    .two-column-layout.image-size--big .block--two-column-layout__content {
        padding: 30px 24px;
    }
}

.two-column-layout.image-size--big .two-column-layout__inner {
    gap: 100px;
}

@media (max-width:1024px) {
    .two-column-layout.image-size--big .two-column-layout__inner {
        gap: 20px;
    }
    .two-column-layout.image-size--big .two-column-layout__inner {
        flex-direction: column-reverse;
    }
}

@media (min-width:1025px) {
    .two-column-layout.image-position--right .two-column-layout__inner {
        flex-direction: row-reverse;
    }
}

.two-column-layout.image-position--right .two-column-layout__inner .block--two-column-layout__image {}

@media (min-width:767px) and (max-width:1024px) {
    .two-column-layout.image-position--right .two-column-layout__inner .block--two-column-layout__image {
        margin-right: unset;
    }
    .two-column-layout.image-position--right .two-column-layout__inner .block--two-column-layout__image {
        margin-left: auto;
    }
}

.two-column-layout.image-size--small .block--two-column-layout__content>* {
    width: 100%;
}

@media (min-width:1025px) {
    .two-column-layout.image-size--small .block--two-column-layout__content {
        max-width: 535px;
    }
}

.two-column-layout.image-size--small.image-position--left .block--two-column-layout__content {
    margin-left: auto;
}

@media (min-width:1600px) {
    .two-column-layout.image-size--small.image-position--left .block--two-column-layout__content {
        margin-right: 100px;
    }
}

@media (min-width:1025px) {
    .two-column-layout.image-size--small.image-position--left .block--two-column-layout__content {
        margin-left: auto;
    }
}

.two-column-layout.image-size--small.image-position--right .block--two-column-layout__content {
    margin-right: auto;
}

@media (min-width:1600px) {
    .two-column-layout.image-size--small.image-position--right .block--two-column-layout__content {
        margin-left: 100px;
    }
}

@media (min-width:1025px) {
    .two-column-layout.image-size--small.image-position--right .block--two-column-layout__content {
        margin-right: auto;
    }
}