/* ========================================
Fonts
======================================== */
@font-face {
font-family: "Victor Serif";
src: url("../fonts/VictorSerif-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Neue Montreal";
src: url("../fonts/NeueMontreal-Medium.woff2") format("woff2"),
url("../fonts/NeueMontreal-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Neue Montreal";
src: url("../fonts/NeueMontreal-Bold.woff2") format("woff2"),
url("../fonts/NeueMontreal-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
:root {
--page-width: 100vw;
--primary: #000222;
--secondary: #BCF2B8;
--light-secondary: rgb(from var(--secondary) r g b / 0.57);
--accent: #C4BAFF40;
--light-accent: rgb(from var(--accent) r g b / 0.57);
--lighter-accent: rgb(from var(--accent) r g b / 0.25);
--dark-accent: #c4baff;
--text: #000000;
--gray: rgba(0, 0, 0, .6);
--light-gray: #F4F4F4;
--radius: 20px;
--side-margin: calc((100vw - var(--page-width)) / -2);
font-size: 20px;
--font-heading: "Victor Serif", serif;
--font-body: "Neue Montreal", Helvetica, Arial, sans-serif;
overflow-x: clip;
--header-height: 58px;
--footer-height: 835px;
--member-verbiage: "Explore member-only tools, resources, and connections—all in one place.";
}
:root {
--page-width: 100%;
}
/* @media (min-width: 768px) {
:root {
--page-width: 750px;
}
} */
@media (min-width: 992px) {
:root {
--page-width: 970px;
}
}
@media (min-width: 1201px) {
:root {
--page-width: 1170px;
}
}
@media (min-width: 1512px) {
:root {
--page-width: 1474px;
}
}
* {
scroll-margin-top: var(--header-height);
}
body {
color: var(--text);
position: relative;
max-width: 100%;
overflow-x: inherit;
font-family: var(--font-body);
font-weight: 500;
-webkit-font-smoothing: antialiased;
}
body,
header,
nav,
footer {
font-family: inherit !important;
font-size: inherit !important;
/*^^ Overwrites mms_styles.css*/
}
/*--------------------------------------------------------
H1 - H6
--------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
margin-bottom: .5em;
padding: 0;
line-height: 1em;
text-transform: none;
color: var(--primary);
font-family: var(--font-heading);
font-weight: 500;
}
h1 {
font-size: 70px;
}
h1.title:empty {
/*^^Hides the extra margin that is added on pages without a title*/
display: none;
}
h2 {
font-size: 35px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
p {
font-family: var(--font-body);
font-weight: 500;
}
p+h1,
p+h2,
p+h3,
p+h4 {
margin-top: 1.25em;
}
main:is(#subpage-main, #homepage-main) hr {
margin-left: 0px !important;
margin-right: 0px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
border-top: 1px solid rgba(0, 0, 0, 0.5);
}
/*--------------------------------------------------------
LINKS
--------------------------------------------------------*/
a {
color: inherit;
text-decoration: none;
transition: .125s color ease-in-out;
font-family: var(--font-body);
font-weight: 500;
text-decoration-color: currentColor;
text-underline-offset: 2px;
transition: text-decoration-color 0.25s ease;
}
a:is(:hover, :focus) {
color: var(--primary);
text-decoration: none;
outline: 0;
text-decoration: underline;
}
a:focus-visible {
outline: 2px solid #000;
}
.button-link {
color: #fff;
border: none;
text-transform: capitalize;
font-weight: 500;
padding: .65em 1.65ch;
display: block;
width: fit-content;
margin: 1.25em 0;
transition: .125s background-color ease-in-out, .125s color ease-in-out;
line-height: 1;
text-decoration: none;
background-color: var(--primary);
border-radius: 0px;
white-space: nowrap;
font-family: sans-serif;
}
.button-link:first-child {
margin-top: 0;
}
.button-link:last-child {
margin-bottom: 0;
}
/* Button inside .background-row */
.background-row .button-link:not(.arrow-link):not(header .button-link, footer .button-link):is(:hover, :focus) {
background-color: #fff;
color: var(--primary);
text-decoration: none;
}
/* Button NOT inside .background-row */
.button-link:not(.arrow-link):not(header .button-link, footer .button-link):is(:hover, :focus):not(.background-row .button-link) {
background-color: var(--secondary);
color: var(--primary);
text-decoration: none;
}
.arrow-link {
position: relative;
text-transform: uppercase;
text-decoration: none;
font-size: 18px;
}
.arrow-link:after {
content: "";
position: relative;
align-items: center;
background-color: #fff;
width: 14px;
height: 14px;
display: inline-block;
margin-left: 10px;
-webkit-mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
}
.arrow-link:where(:not(.background-row .arrow-link, footer .arrow-link, header .arrow-link, .cta-link-item .arrow-link, #hero-row .arrow-link)):after {
background-color: var(--primary);
}
:is(.background-row, .swiper-row, header, footer):not(#gm-canvas :is(.background-row, .swiper-row, header, footer)) .arrow-link:is(:hover, :focus)::after {
background-color: var(--secondary);
}
.arrow-link.button-link {
padding: 0px;
}
/*--------------------------------------------------------
Objects
--------------------------------------------------------*/
.offscreen {
position: absolute;
left: -200vw;
}
.embed-wrapper {
/* Essentially remove the div added for Embed Script from the DOM */
display: contents;
}
/* Wrappers*/
.wrapper {
/* .wrapper acts as a more symantic stand-in for |
in sections of this build that don't require stacking columns */
margin-right: auto;
margin-left: auto;
max-width: 100%;
position: relative;
height: inherit;
padding-left: 30px;
padding-right: 30px;
width: calc(var(--page-width) - 30px);
width: var(--page-width);
}
.full-width {
/* Make an element span the width of the viewport */
position: relative;
left: calc(calc((var(--side-margin) + (var(--scrollbarWidth) - 60px) / 2)));
right: calc(var(--side-margin) - var(--scrollbarWidth));
width: 100vw;
margin: 0;
}
main:is(#homepage-main, #subpage-main) .full-width>.column {
padding-left: 0;
padding-right: 0;
}
#gm-canvas .full-width,
#gm-canvas .background-row {
left: unset;
right: unset;
width: unset;
}
.background-row {
position: relative;
}
.background-row:not(#mycanvas .background-row):not(#cta-row, .box-arrow-row) {
/* background: var(--secondary); */
padding-block: 6em 5em;
}
.background-row:not(#mycanvas .background-row, .row .background-row) {
/* background: var(--secondary); */
padding-inline: 0;
}
.background-row:not(#mycanvas .background-row)::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: calc(var(--side-margin) - 60px);
right: calc(var(--side-margin) - 60px);
display: block;
background: var(--secondary);
}
.background-row:not(#mycanvas .background-row)>.column {
background: transparent !important;
font-size: inherit;
color: var(--primary);
/* text-align: center;
font-weight: bold; */
/* max-width: 1200px;
margin: auto;
line-height: 1.3; */
}
.background-row.blue:not(#mycanvas .background-row)::before {
background-color: var(--primary);
}
.background-row.blue:not(#mycanvas .background-row)>.column {
color: white;
}
.background-row.blue:not(#mycanvas .background-row) * {
color: white;
}
.background-row:not(#mycanvas .background-row)>.column:not(.column:has(+.column)) {
/* Since element is extended past where the scrollbar is, extra padding is added to make sure it's content is not hidden under the scrollbar */
/* padding-right: calc(15px + var(--scrollbarWidth)); */
}
.background-row:not(#gm-canvas .background-row) .column:has(img)>img {
margin-left: auto;
}
#subpage-main:has(.background-row:last-child) {
/* If .background-row is the last row, don't include a gap between main and footer */
margin-bottom: 0;
padding-bottom: 0;
}
#subpage-main>.background-row:last-child {
/* If .background-row is the last row, don't include a gap between main and footer */
margin-bottom: 0;
}
@media (max-width: 767px) {
.background-row:not(#mycanvas .background-row)>.column {
font-size: inherit;
}
}
@media (max-width: 992px) {
.container,
.wrapper {
/* Extra wiggle room at a breakpoint that needs it */
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.full-width {
left: calc(var(--side-margin) + (var(--scrollbarWidth) / 2));
}
.full-width,
.background-row {
/* left: var(--side-margin); */
/* right: var(--side-margin);
width: calc(100vw + var(--scrollbarWidth)); */
}
}
.container {
width: 100%;
/* if this is changed, also change in .full-width calc */
padding-left: 30px;
padding-right: 30px;
}
@media (min-width: 992px) and (max-width: 1201px) {
.container,
header.wrapper,
footer>section.wrapper {
width: 970px;
}
}
@media (min-width: 1201px) {
.container,
header.wrapper,
footer>section.wrapper {
width: 1170px;
}
}
@media (min-width: 1512px) {
.container,
header.wrapper,
footer>section.wrapper {
width: 1474px;
}
}
/* Lists */
.three-column-grid {
display: grid;
gap: 1rem 20px;
grid-template-columns: repeat(auto-fill, minmax(min(275px, 100%), 1fr));
}
ul.three-column-grid {
list-style: none;
padding: 0;
margin: 0;
}
/* Tables */
#subpage-main .column:has(table) {
overflow-x: auto;
}
#subpage-main table {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 990px) {
#subpage-main table {
max-width: 100%;
}
}
@media (max-width: 550px) {
#subpage-main table {
font-size: 16px;
line-height: 1.25em;
}
}
#subpage-main *+table {
margin-top: 2em;
}
#subpage-main table+* {
margin-top: 3em;
}
#subpage-main table caption {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
#subpage-main table tr {
border-left: .35em solid white;
border-right: .35em solid white;
}
#subpage-main table *+strong {
margin-top: .75em;
}
#subpage-main table tbody>tr:nth-of-type(even) {
background: #F6F6F6;
border-left: .35em solid #F6F6F6;
border-right: .35em solid #F6F6F6;
}
/* Modal */
.modal .modal-dialog {
margin-inline: auto;
}
.modal .modal-content {
max-width: calc(100vw - var(--scrollbarWidth));
}
.modal .modal-title {
padding-right: 20px;
}
.modal .modal-header button {
position: absolute;
top: 15px;
right: 15px;
}
/*Feed items */
[class*="item"] img[src=""] {
/* Don't display a broken image if no image has been added to a feed item */
display: none;
}
[class*="item"] img {
max-width: 100%;
height: auto;
}
main [class*="item"] br {
/* Remove gaps in description text of feed items */
/* included in selector to prevent the inclusion of ...-items in the footer*/
display: none;
}
/* Contact Form and Newsletter Sign-up */
:is(#contact-form, #newsletter-form) {
container-name: contact-container;
container-type: inline-size;
}
@media (min-width: 991px) {
@container contact-container (width < 600px) {
:is(#contact-form, #newsletter-form) .form-group label {
width: 100%;
margin-bottom: 5px;
text-align: left;
}
:is(#contact-form, #newsletter-form) .form-group:has(input[type="submit"])>div {
margin-left: 0;
}
}
}
:is(#contact-form, #newsletter-form) label[for="contactCaptcha"] {
padding-top: 0;
}
/* Slideshow defaults */
.carousel {
font-size: 20px;
}
.carousel-control.left,
.carousel-control.right {
display: none;
}
.caption-text {
font-size: 28px;
font-weight: bold;
display: block;
margin-bottom: 10px;
}
.alt-text {
font-size: inherit;
color: initial;
margin-bottom: 10px;
}
/*Responsive Nivo Slideshow*/
div[id^=slider-container-FD],
div[id^=slider_FD],
.nivoSlider img {
max-width: 100% !important;
height: auto !important;
}
/*Nivo slideshow controls*/
.nivo-prevNav,
.nivo-nextNav {
background-image: none !important;
width: 25px !important;
top: 25% !important;
/*Fallback for browsers that don't support calc*/
top: calc(50% - 50px) !important;
text-decoration: none;
color: white;
font-weight: bold;
font-size: 75px;
font-family: Arial, sans-serif;
text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.4);
}
.nivo-prevNav:hover,
.nivo-nextNav:hover {
text-decoration: none;
color: #ae0e0d;
text-shadow: none;
}
.nivo-prevNav {
left: 10px !important;
}
.nivo-nextNav {
right: 10px !important;
}
.nivo-prevNav:after {
content: "‹";
}
.nivo-nextNav:after {
content: "›";
}
/*Misc. Objects */
.script-row:not(#mycanvas .script-row) {
/* Allows scripts to be added via the Grid Editor without displaying the padding, etc that would be included on the published page */
display: none;
}
address {
margin-bottom: unset;
/*Overwrites Bootstrap style*/
}
/* Modal */
.modal-header {
/*Applies to any modal on the site*/
border: none;
}
.close,
.close:hover {
opacity: 1;
}
.close svg.menu-trigger {
width: 30px;
height: 30px;
}
.close svg.menu-trigger line {
stroke-width: 4px;
}
.close svg.menu-trigger .line-1 {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
}
.close svg.menu-trigger .line-4 {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
}
.close svg.menu-trigger .line-2 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.close svg.menu-trigger .line-3 {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center;
transform-origin: center;
}
/* Header */
header.wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
color: #fff;
top: 0;
z-index: 99;
/* position: sticky; */
position: fixed;
z-index: 999;
left: 0;
right: 0;
padding: 0 15px;
box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
transition: .125s box-shadow ease-in-out, .125s padding ease-in-out;
}
header.scrolled,
body:not(:has(#subpage-main, #mms-main)) header:has(#nav_menu .dropdown.open) {
position: fixed;
z-index: 999;
left: 0;
right: 0;
gap: 0;
margin: 0 auto;
/* padding-top: 0.75rem;
padding-bottom: 0.75rem; */
background: var(--primary);
box-shadow: 0 2px 14px rgba(0, 0, 0, .10);
transition: .125s box-shadow ease-in-out, .125s padding ease-in-out;
}
body:has(#mms-admin-sidebar) header.wrapper {
left: 312px;
width: calc(100vw - 312px - var(--scrollbarWidth));
}
body:has(#mms-admin-sidebar.is-collapsed) header.wrapper {
left: 64px;
width: calc(100vw - 64px- var(--scrollbarWidth));
}
@media (max-width: 991px) {
body:has(#mms-admin-sidebar.is-collapsed) header.wrapper {
left: 64px;
width: calc(100vw - 64px - var(--scrollbarWidth));
}
}
header.wrapper::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: var(--side-margin);
right: var(--side-margin);
display: block;
z-index: -1;
background: var(--primary);
}
header svg.logo-img {
position: absolute;
top: 13px;
left: 15px;
z-index: 201;
transition: .125s all ease-in-out;
transform-origin: top left;
}
header.scrolled svg.logo-img,
body:not(:has(#subpage-main, #mms-main)) header:has(#nav_menu .dropdown.open) svg.logo-img {
width: 160px;
height: 50px;
top: 5px;
}
header a:is(:hover,:focus) {
text-decoration: none;
}
@media (max-width: 1199px) {
/* header svg.logo-img {
position: relative;
} */
/* header.scrolled svg.logo-img {
transform: none;
} */
body:not(:has(#subpage-main, #mms-main)) header:has(#nav_menu .dropdown.open) svg.logo-img {
transform: none;
}
header.wrapper,
header.scrolled,
body:not(:has(#subpage-main, #mms-main)) header:has(#nav_menu .dropdown.open) {
padding: 0 15px;
}
}
@media (max-width: 991px) {
header svg.logo-img,
header.scrolled svg.logo-img {
width: 160px;
position: relative;
height: 50px;
top: 5px;
left: 15px;
}
}
@media (max-width: 767px) {
header svg.logo-img {
max-width: 100%;
}
}
body:has(#subpage-main, #mms-main) header {
padding-top: 0;
padding-bottom: 0;
}
body:has(#subpage-main, #mms-main) header svg.logo-img {
width: 160px;
position: relative;
height: 50px;
top: 5px;
left: 0;
}
body:has(#subpage-main, #mms-main) header.scrolled svg.logo-img {
transform: none;
}
header a:is(:hover, :focus) {
color: var(--secondary);
}
header>ul {
display: flex;
align-items: center;
padding: 0;
margin: 0;
list-style-type: none;
gap: 1em;
justify-content: flex-end;
margin-block: 19px;
}
li.member-login:not(#mobile-menu li.member-login) {
line-height: 0;
}
li.member-login a {
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
letter-spacing: 5%;
line-height: 1;
}
li.member-login a:after {
content: "";
position: relative;
align-items: center;
background-color: #fff;
width: 14px;
height: 14px;
display: inline-block;
margin-left: 10px;
-webkit-mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
}
li.member-login a:is(:hover, :focus):after {
background-color: var(--secondary);
}
/* Navigation */
header>nav {
display: flex;
margin-left: 200px;
}
@media (max-width: 767px) {
header>nav {
margin-left: 0;
}
}
#nav_menu {
padding: 0;
margin-top: 20px;
margin-bottom: 20px;
}
#nav_menu::before,
#nav_menu::after,
#nav_menu>ul::before,
#nav_menu>ul::after {
content: none;
}
#nav_menu>ul {
display: flex;
justify-content: flex-start;
gap: 1rem 30px;
/* Overwrite BS defaults */
float: none;
margin: 0;
align-items: flex-start;
flex-wrap: wrap;
}
@media (max-width: 1511px) {
#nav_menu>ul {
gap: 1rem 20px;
}
}
#nav_menu a {
font-weight: 500;
text-decoration: none;
transition: .125s color ease-in-out;
font-family: var(--font-body);
}
#nav_menu>.nav>li>a {
font-size: 18px;
padding: 0;
position: relative;
line-height: 1;
}
#nav_menu a:is(a:hover, a:focus) {
color: var(--secondary);
}
#nav_menu>.nav>li>a:focus,
#nav_menu>.nav>li>a:hover {
/* Overwrite BS defaults */
background: unset;
}
#nav_menu .nav .open>a,
#nav_menu .nav .open>a:focus,
#nav_menu .nav .open>a:hover {
transition: .125s background ease-in-out;
background-color: transparent;
border: none;
}
#nav_menu .caret {
position: absolute;
color: var(--text);
bottom: .4em;
margin-left: 5px;
display: none;
}
#nav_menu .dropdown-submenu .caret {
bottom: unset;
top: .8em;
}
#nav_menu .caret::after {
/* content: url(../images/dropdown-arrow.svg); */
}
#nav_menu li:has(.caret) {
/* Adjust width for absolutely positioned caret */
padding-right: 0px;
}
#nav_menu .dropdown-menu {
top: calc(100% + 9px);
border: none;
font-size: 1rem;
}
#nav_menu .dropdown-menu:is(.men-level-1, .men-level-2) {
top: -7px;
margin-left: 15px;
}
#nav_menu .dropdown-menu>li {
position: relative;
}
#nav_menu .dropdown-menu>li>a:focus,
#nav_menu .dropdown-menu>li>a:hover {
color: var(--primary);
background: transparent;
}
/* Large Menu Drop-down Modification */
#nav_menu>.nav>li {
position: unset;
}
#nav_menu>ul>li.open>.dropdown-menu {
transition-delay: .25s;
}
/* Menu is not transparent for subpages */
body:has(#subpage-main, #mms-main) #nav_menu>ul>li>.dropdown-menu {
background: hsla(from var(--primary) h s l / 1);
}
/* Transition */
#nav_menu>ul>li>.dropdown-menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 15px;
list-style: none;
margin: 0;
left: 0;
right: 0;
top: 100%;
border: none;
font-size: 1rem;
box-shadow: none;
background: var(--primary);
overflow: hidden;
left: calc(var(--side-margin) + (var(--scrollbarWidth) / 2));
right: calc(var(--side-margin) + (var(--scrollbarWidth) / 2));
width: 100vw;
/* max-height: 0; */
/* padding-top: 0;
padding-bottom: 0; */
/* padding-inline: 45px; */
padding: 5em 60px 5em 30px;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease, visibility 0s linear 0.25s, max-height 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95), padding 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
body:has(#mms-admin-sidebar) #nav_menu>ul>li>.dropdown-menu {
left: 0;
width: calc(100vw - 312px - var(--scrollbarWidth));
}
body:has(#mms-admin-sidebar.is-collapsed) #nav_menu>ul>li>.dropdown-menu {
left: 0;
width: calc(100vw - 64px - var(--scrollbarWidth));
}
#nav_menu>ul>li.open>.dropdown-menu {
/* max-height: 100vh; */
/* padding: 5em 45px; */
opacity: 1;
visibility: visible;
transition: opacity 0.25s ease, visibility 0s, max-height 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95), padding 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
#nav_menu>ul>li.open>.dropdown-menu.men-level->li:first-child,
#nav_menu>ul>li.open>.dropdown-menu.men-level-0>li:first-child {
grid-column: 1;
grid-row: 1 / -1;
margin-top: -2.75em;
}
#nav_menu .dropdown-menu.men-level->li:first-child a:after,
#nav_menu .dropdown-menu.men-level-0>li:first-child a:after,
#about-menu .dropdown-menu>li a:first-child:after {
content: var(--member-verbiage);
display: block;
color: #fff;
transition: .125s color ease-in-out;
font-size: 35px;
font-family: var(--font-heading);
padding-top: 0.5em;
padding-right: 3em;
position: absolute;
}
#nav_menu .dropdown-menu.men-level->li:first-child a:is(:hover, :focus):after,
#nav_menu .dropdown-menu.men-level-0>li:first-child a:is(:hover, :focus):after,
#about-menu .dropdown-menu>li a:first-child:is(:hover, :focus):after {
color: var(--secondary);
}
#nav_menu .dropdown-menu>li:not(:first-child) a {
height: 100%;
background: rgb(from var(--secondary) r g b / 0.1);
position: relative;
padding: 0px;
transition: .125s background ease-in-out;
padding: 20px 20px 195px 20px;
font-size: 28px;
font-weight: 500 !important;
font-family: var(--font-heading);
display: flex;
/* align-items: center; */
}
#nav_menu .dropdown-menu:has(li:nth-child(4))>li:not(:first-child) a {
padding: 20px 20px 60px 20px;
}
#nav_menu .dropdown-menu>li:not(:first-child) a:after {
content: "";
position: relative;
align-items: center;
background-color: #fff;
width: 25px;
height: 25px;
display: inline-block;
margin-left: auto;
-webkit-mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
padding: 0px;
}
#nav_menu .dropdown-menu>li:not(:first-child) a:is(:hover, :focus) {
background: #0c1125;
transition: .125s background ease-in-out;
color: var(--secondary);
}
#nav_menu .dropdown-menu>li:not(:first-child) a:is(:hover, :focus):after {
background-color: var(--secondary);
}
#nav_menu>.nav>li.dropdown>.dropdown-menu>li>a:has(span.menu-description) {
display: flex;
flex-direction: column;
}
#nav_menu>.nav>li.dropdown>.dropdown-menu span.menu-description {
color: #fff;
transition: .125s color ease-in-out;
font-size: 35px;
font-family: var(--font-heading);
padding-top: 1.25em;
padding-right: 3em;
position: absolute;
}
#nav_menu>.nav>li.dropdown>.dropdown-menu:has(span.menu-description) a:is(:hover, :focus) span.menu-description {
color: var(--secondary);
}
#nav_menu>.nav>li.dropdown>a>span.menu-description,
#nav_menu>.nav>li.dropdown>.dropdown-menu>li>a:has(span.menu-description)::after,
#mobileMenuWrapper #mobile-menu>li>a span.menu-description,
#mobileMenuWrapper ul.mDropdown.open>li>a:has(span.menu-description)::after {
display: none;
}
/* mobile menu dropdown for menu description */
#mobileMenuWrapper ul.mDropdown.open>li:first-child>a {
position: relative;
}
#mobileMenuWrapper ul.mDropdown.open>li:first-child>a:after {
content: var(--member-verbiage);
display: block;
color: #fff;
transition: .125s color ease-in-out;
font-size: 16px;
font-family: var(--font-heading);
margin-bottom: 15px;
}
#mobileMenuWrapper ul.mDropdown.open>li>a span.menu-description {
display: inline-block;
color: #fff;
transition: .125s color ease-in-out;
font-size: 16px;
font-family: var(--font-heading);
margin-bottom: 15px;
}
#mobileMenuWrapper ul.mDropdown.open>li>a:is(:hover, :focus):after,
#mobileMenuWrapper ul.mDropdown.open>li>a:is(:hover, :focus) span.menu-description {
color: var(--secondary);
}
/* For career support or other menu item (no arrow or style for dropdown menu) */
#nav_menu>.nav>li#career-support>.dropdown-menu>li:not(:first-child) a,
#nav_menu>ul>li.dropdown.open>ul:has(li:first-child.no-arrow-menu)>li:not(:first-child) a {
background: transparent;
padding: 0;
}
#nav_menu>.nav>li#career-support>.dropdown-menu>li:not(:first-child) a:after,
#nav_menu>ul>li.dropdown.open>ul:has(li:first-child.no-arrow-menu)>li:not(:first-child) a:after {
display: none;
}
#nav_menu .dropdown-menu a[href="#"] {
/* Make menu items that are just meant to function as headings unclickable */
/*pointer-events: none;*/
}
#nav_menu .dropdown-menu a {
color: white;
}
#nav_menu .dropdown-menu>li a:is(:hover, :focus) {
color: var(--secondary);
}
#nav_menu .dropdown-menu .dropdown-menu {
display: block;
/* top: 100%; */
left: 0;
float: left;
border: none;
padding: 0;
margin: 0;
box-shadow: none;
position: relative;
font-size: inherit;
background: transparent;
}
#nav_menu .dropdown-menu>.dropdown-submenu {
break-after: column;
break-before: column;
page-break-inside: avoid;
}
#nav_menu .dropdown-menu>.dropdown-submenu .caret {
display: none;
}
#nav_menu li:not(.dropdown-submenu) {
break-after: avoid;
}
#nav_menu .dropdown-menu>li {
position: relative;
/* page-break-inside: avoid; */
}
#nav_menu .dropdown-menu>li>a {
white-space: normal;
padding: 0;
}
#nav_menu>.nav>li.dropdown>.dropdown-menu>li>a,
#nav_menu>.nav>li.dropdown>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li a {
font-weight: 400;
}
/* Menu links in drop-down that have child pages */
#nav_menu>.nav>li.dropdown>.dropdown-menu>li.dropdown-submenu>a {
font-size: 18px;
font-weight: 700;
padding-bottom: 15px;
line-height: 1.1;
}
@media (max-width: 790px) {}
/* Large Menu Drop-down Modification - End */
/* Original MQs for Menu */
@media (max-width:990px) {
#nav_menu {
margin-bottom: 30px;
display: block;
/* Overwrite .collapse that hides desktop menu on smaller screens */
}
#nav_menu>.nav>li>a {
font-size: 18px;
}
}
@media (max-width:767px) {
#nav_menu {
margin-top: 0;
}
}
@media (max-width:550px) {
#nav_menu {
margin-bottom: 18px;
}
#nav_menu>.nav>li>a {
font-size: 16px;
}
}
/* Site originally had no Mobile Navigation per design from outside designers, but this was abandoned by Ilana during Content Population */
#mobileMenuWrapper {
position: fixed;
background: var(--primary);
z-index: 202;
top: 0;
bottom: 0;
left: -200vw;
overflow-y: auto;
overflow-x: hidden;
width: 300px;
transition: .125s left ease-in-out;
padding: .5rem 2ch;
box-shadow: 7px 0 5px rgba(0, 0, 0, 0.1);
}
#mobileMenuWrapper.open {
left: 0;
}
@media (min-width: 1200px) {
.mobileMenuTrigger-wrap,
.mobileMenuTrigger {
display: none;
}
}
.mobileMenuTrigger-wrap {
line-height: 0;
}
button.mobileMenuTrigger {
background: none;
border: none;
margin-left: auto;
padding: 0;
line-height: 0;
}
.mobileMenuTrigger label {
position: absolute;
left: -200vw;
}
#mobile-menu {
display: flex;
flex-direction: column;
gap: .25rem;
font-size: 20px;
list-style-type: none;
padding-inline-start: 0;
margin-bottom: 0;
}
.triggerClose {
display: block;
margin-left: auto;
}
.triggerClose button {
background: none;
border: none;
font-size: 1.5em;
line-height: 1;
}
svg.menu-trigger {
vertical-align: middle;
}
.mDropdown {
display: none;
list-style-type: none;
padding-inline-start: 1em;
margin-bottom: 0;
}
.mDropdown.open {
display: block;
}
#mobile-menu>li>a {
font-weight: 500;
}
#mobile-menu .caret {
border-top-color: var(--primary);
}
/* .mDropdown a {
} */
@media (max-width: 1199px) {
body:has(.mobileMenuTrigger) #nav_menu {
display: none !important;
}
}
/* Raw menu */
nav ul.raw-menu {
display: flex;
justify-content: flex-start;
gap: 1rem 30px;
float: none;
margin: 0;
align-items: flex-start;
list-style: none;
padding: 0;
}
nav ul.raw-menu li {
list-style: none;
padding: 0;
margin: 0;
}
/* Search */
.searchbox {
position: relative;
--size: 17.5px;
}
.searchbox .search-input {
padding: .5em 2ch;
padding-left: calc(2ch + (var(--size)));
border: none;
border-radius: .75em;
font-size: 1rem;
width: 507px;
max-width: 100%;
}
.searchbox .search-button {
background: url(../images/search-new.svg.php?fc=000);
background-size: 120%;
height: var(--size);
width: var(--size);
position: absolute;
right: calc(var(--size) / 1.5);
top: calc(50% - (var(--size) / 2));
color: transparent;
border: none;
outline: none;
}
/* Main */
main {
--gap: 90px;
min-height: calc(100vh - var(--header-height) - var(--footer-height));
margin-top: var(--header-height);
}
#mms-main:not(:has(>.row), :has(#member-login)) {
padding-block: var(--gap);
}
main>.row:where(:not(.image-row)) {
position: relative;
padding-block: var(--gap);
/* padding-top: var(--gap); */
}
main:is(#subpage-main, #mms-main)>.row:where(:not(.image-row)) {
padding-block: calc(var(--gap) / 1);
}
main:is(#subpage-main, #mms-main)>.row:first-child {
padding-top: var(--gap);
}
main:is(#subpage-main, #mms-main)>.row:last-of-type {
padding-bottom: var(--gap);
}
main>.row .row {
padding-block: calc(var(--gap) / 4);
padding-inline: 15px 0;
/* padding-inline: 15px; */
}
main>.row .row:first-child {
padding-top: 0;
}
main>.row .row:last-of-type {
padding-bottom: 0;
}
@media (max-width: 990px) {
main:is(#homepage-main, #subpage-main)>.row>.column:not(:first-child) {
margin-top: var(--gap);
}
}
@media (max-width: 767px) {
main {
--gap: 45px;
}
}
@media (max-width: 550px) {
main {
--gap: 24px;
}
}
/* ----------------------------------------
Vertical Grid Lines
-------------------------------------------- */
/* Column Adjustment for vertical grid line alignment */
:is(#homepage-main, #subpage-main) .col-lg-1,
:is(#homepage-main, #subpage-main) .col-lg-10,
:is(#homepage-main, #subpage-main) .col-lg-11,
:is(#homepage-main, #subpage-main) .col-lg-12,
:is(#homepage-main, #subpage-main) .col-lg-2,
:is(#homepage-main, #subpage-main) .col-lg-3,
:is(#homepage-main, #subpage-main) .col-lg-4,
:is(#homepage-main, #subpage-main) .col-lg-5,
:is(#homepage-main, #subpage-main) .col-lg-6,
:is(#homepage-main, #subpage-main) .col-lg-7,
:is(#homepage-main, #subpage-main) .col-lg-8,
:is(#homepage-main, #subpage-main) .col-lg-9,
:is(#homepage-main, #subpage-main) .col-md-1,
:is(#homepage-main, #subpage-main) .col-md-10,
:is(#homepage-main, #subpage-main) .col-md-11,
:is(#homepage-main, #subpage-main) .col-md-12,
:is(#homepage-main, #subpage-main) .col-md-2,
:is(#homepage-main, #subpage-main) .col-md-3,
:is(#homepage-main, #subpage-main) .col-md-4,
:is(#homepage-main, #subpage-main) .col-md-5,
:is(#homepage-main, #subpage-main) .col-md-6,
:is(#homepage-main, #subpage-main) .col-md-7,
:is(#homepage-main, #subpage-main) .col-md-8,
:is(#homepage-main, #subpage-main) .col-md-9,
:is(#homepage-main, #subpage-main) .col-sm-1,
:is(#homepage-main, #subpage-main) .col-sm-10,
:is(#homepage-main, #subpage-main) .col-sm-11,
:is(#homepage-main, #subpage-main) .col-sm-12,
:is(#homepage-main, #subpage-main) .col-sm-2,
:is(#homepage-main, #subpage-main) .col-sm-3,
:is(#homepage-main, #subpage-main) .col-sm-4,
:is(#homepage-main, #subpage-main) .col-sm-5,
:is(#homepage-main, #subpage-main) .col-sm-6,
:is(#homepage-main, #subpage-main) .col-sm-7,
:is(#homepage-main, #subpage-main) .col-sm-8,
:is(#homepage-main, #subpage-main) .col-sm-9,
:is(#homepage-main, #subpage-main) .col-xs-1,
:is(#homepage-main, #subpage-main) .col-xs-10,
:is(#homepage-main, #subpage-main) .col-xs-11,
:is(#homepage-main, #subpage-main) .col-xs-12,
:is(#homepage-main, #subpage-main) .col-xs-2,
:is(#homepage-main, #subpage-main) .col-xs-3,
:is(#homepage-main, #subpage-main) .col-xs-4,
:is(#homepage-main, #subpage-main) .col-xs-5,
:is(#homepage-main, #subpage-main) .col-xs-6,
:is(#homepage-main, #subpage-main) .col-xs-7,
:is(#homepage-main, #subpage-main) .col-xs-8,
:is(#homepage-main, #subpage-main) .col-xs-9 {
padding-left: 0;
}
/* Vertical Grid Lines */
:is(#homepage-main, #subpage-main)>.row {
position: relative;
}
:is(#homepage-main, #subpage-main)>.row:not(#hero-row, #cta-link-row, #swiper-row, #image-cta-row, .split-background, .box-arrow-row, .board-list-row, .full-width, .no-grid)>.column:first-child,
:is(#homepage-main, #subpage-main)>.row:not(#hero-row, #swiper-row, #image-cta-row, .split-background, .box-arrow-row, .board-list-row, .full-width, .no-grid)>.column:last-child,
:is(#homepage-main, #subpage-main)>.row.grid>.column:first-child,
:is(#homepage-main, #subpage-main)>.row.grid>.column:last-child {
position: unset;
}
:is(#homepage-main, #subpage-main)>.row:not(#hero-row, #cta-link-row, #swiper-row, #image-cta-row, .split-background, .box-arrow-row, .board-list-row, .full-width, .no-grid)>.column:first-child::before,
:is(#homepage-main, #subpage-main)>.row.grid>.column:first-child::before {
content: '';
display: block;
position: absolute;
width: calc(33.3% + 1px);
height: auto;
top: 0;
bottom: 0;
left: 0;
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: 1px solid rgba(0, 0, 0, 0.2);
z-index: -1;
pointer-events: none;
}
:is(#homepage-main, #subpage-main)>.row:not(#hero-row, #cta-link-row, #swiper-row, #image-cta-row, .split-background, .box-arrow-row, .board-list-row, .full-width, .no-grid)>.column:last-child::after,
:is(#homepage-main, #subpage-main)>.row.grid>.column:first-child::after {
content: '';
display: block;
position: absolute;
width: calc(33.3% + 1px);
height: auto;
top: 0;
bottom: 0;
right: 0;
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: 1px solid rgba(0, 0, 0, 0.2);
z-index: -1;
pointer-events: none;
}
:is(#homepage-main, #subpage-main)>.row.no-grid-inside .column:first-child::before {
border-right: 0px !important;
}
:is(#homepage-main, #subpage-main)>.row.no-grid-inside .column:last-child::after {
border-left: 0px !important;
}
:is(#homepage-main, #subpage-main)>.row.no-grid-inside>.column:last-child {
padding-right: 0;
}
:is(#homepage-main, #subpage-main)>.row.no-grid-inside.accordion-row .column .x_accordion {
margin-right: 0px;
}
@media (max-width: 991px) {
:is(#homepage-main, #subpage-main)>.row:not(#not-found-page, #hero-row, #cta-link-row, #swiper-row, #image-cta-row, .split-background, .box-arrow-row, .board-list-row, .full-width, .no-grid)>.column,
:is(#homepage-main, #subpage-main)>.row.grid>.column {
position: unset;
padding-right: 0px;
}
:is(#homepage-main, #subpage-main)>.row:not(#hero-row, #cta-link-row, #swiper-row, #image-cta-row, .split-background, .box-arrow-row, .board-list-row, .full-width, .no-grid)>.column:first-child::before,
:is(#homepage-main, #subpage-main)>.row:not(#hero-row, #cta-link-row, #swiper-row, #image-cta-row, .split-background, .box-arrow-row, .board-list-row, .full-width, .no-grid)>.column:last-child::after,
:is(#homepage-main, #subpage-main)>.row.grid>.column:first-child::before,
:is(#homepage-main, #subpage-main)>.row.grid>.column:last-child::before {
width: 100%;
}
:is(#homepage-main, #subpage-main)>.row:not(#hero-row, #cta-link-row, #swiper-row, #image-cta-row, .split-background, .box-arrow-row, .board-list-row, .full-width, .no-grid)>.column:first-child::before,
:is(#homepage-main, #subpage-main)>.row.grid>.column:first-child::before {
border-left: 0px;
border-right: 0px;
}
:is(#homepage-main, #subpage-main)>.row#list-item-row>.column:first-child::before {
border-left: 1px solid rgba(0, 0, 0, 0.2);
}
:is(#homepage-main, #subpage-main)>.row:not(#hero-row, #cta-link-row, #swiper-row, #image-cta-row, .split-background, .box-arrow-row, .board-list-row, .full-width, .no-grid)>.column::before,
:is(#homepage-main, #subpage-main)>.row.grid>.column::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: auto;
top: 0;
bottom: 0;
right: 0;
z-index: -1;
border-left: 0px;
border-right: 0px;
}
:is(#homepage-main, #subpage-main)>.row.no-grid-inside .column:first-child::before {
border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
}
}
/* -- Modifications to Grid Lines for individual Rows -- */
/* List item Row Grid Lines*/
:is(#homepage-main, #subpage-main)>.row#list-item-row>.column:first-child::before {
border-right: 0;
}
:is(#homepage-main, #subpage-main)>.row#list-item-row>.column:last-child::after {
border-left: 0;
}
@media (max-width: 991px) {
/*:is(#homepage-main, #subpage-main)>.row#list-item-row>.column:first-child::before {
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
:is(#homepage-main, #subpage-main)>.row#list-item-row>.column:last-child::after {
border-left: 1px solid rgba(0, 0, 0, 0.2);
}*/
}
/* Events Row Grid Lines*/
:is(#homepage-main, #subpage-main)>.row#events-row>.column:first-child::before {
top: calc((0em + 8px) * -1);
}
:is(#homepage-main, #subpage-main)>.row#events-row>.column:last-child::after {
top: calc((0em + 8px) * -1);
}
@media (max-width: 991px) {
:is(#homepage-main, #subpage-main)>.row#events-row>.column:first-child::before {
top: 0px;
}
:is(#homepage-main, #subpage-main)>.row#events-row>.column:last-child::after {
top: 0px;
}
}
/* --New Grid Lines for unique individual Rows -- */
/* Menu Grid Lines */
#nav_menu>ul>li>.dropdown-menu::before {
content: '';
display: block;
position: absolute;
width: calc((100vw - 90px) * .333 + 1px + 5px);
height: auto;
top: 0;
bottom: 0;
left: 30px;
border-left: 1px solid rgb(252, 252, 252, 0.2);
border-right: 1px solid rgb(252, 252, 252, 0.2);
z-index: -1;
pointer-events: none;
}
body:has(#mms-admin-sidebar) #nav_menu>ul>li>.dropdown-menu::before {
width: calc((100vw - 90px) * .333 + 1px + 5px - 108px);
left: 30px;
}
body:has(#mms-admin-sidebar.is-collapsed) #nav_menu>ul>li>.dropdown-menu::before {
width: calc((100vw - 90px) * .333 + 1px + 5px - 26px);
left: 30px;
}
#nav_menu>ul>li>.dropdown-menu::after {
content: '';
display: block;
position: absolute;
width: calc((100vw - 90px) * .333 + 1px + 20px + 15px - var(--scrollbarWidth));
height: auto;
top: 0;
bottom: 0;
right: calc(var(--scrollbarWidth) + 15px);
border-left: 1px solid rgb(252, 252, 252, 0.2);
z-index: -1;
pointer-events: none;
}
body:has(#mms-admin-sidebar) #nav_menu>ul>li>.dropdown-menu::after {
width: calc((100vw - 90px) * .333 + 1px + 20px + 15px - var(--scrollbarWidth) - 109px);
right: calc(var(--scrollbarWidth) + 15px);
}
body:has(#mms-admin-sidebar.is-collapsed) #nav_menu>ul>li>.dropdown-menu::after {
width: calc((100vw - 90px) * .333 + 1px + 20px + 15px - var(--scrollbarWidth) - 26px);
right: calc(var(--scrollbarWidth) + 15px);
}
#nav_menu>ul>li>.dropdown-menu li:first-of-type::before {
content: '';
display: block;
position: absolute;
width: 100vw;
height: auto;
top: 2.75em;
left: -30px;
border-top: 1px solid rgb(252, 252, 252, 0.2);
z-index: -1;
pointer-events: none;
}
/* Homepage Swiper Row Grid Lines */
#swiper-row:not(#gm-canvas #swiper-row) {
display: flex;
flex-wrap: wrap;
}
#swiper-row:not(#gm-canvas #swiper-row)::before {
content: '';
display: block;
position: absolute;
width: calc((.333 * var(--page-width)) + 1px - 10px);
height: auto;
top: 0;
bottom: 0;
left: calc((var(--side-margin) * -1) + 15px - ((var(--scrollbarWidth) / 2)));
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: 1px solid rgba(0, 0, 0, 0.2);
z-index: 2;
pointer-events: none;
}
#swiper-row:not(#gm-canvas #swiper-row)::after {
content: '';
display: block;
position: absolute;
width: calc((.333 * var(--page-width)) + 1px - 10px);
height: auto;
top: 0;
bottom: 0;
right: calc((var(--side-margin) * -1) + (var(--scrollbarWidth) / 2) + 15px);
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: 1px solid rgba(0, 0, 0, 0.2);
z-index: 2;
pointer-events: none;
}
@media (max-width: 991px) {
#swiper-row:not(#gm-canvas #swiper-row)::before {
width: calc(100% - var(--scrollbarWidth) - 30px);
left: calc((var(--side-margin) * -1) + 15px);
}
#swiper-row:not(#gm-canvas #swiper-row)::after {
display: none;
border: 0;
}
}
/* Hero-row Grid Lines */
#hero-row:not(#gm-canvas #hero-row) {
display: flex;
flex-wrap: wrap;
}
#hero-row:not(#gm-canvas #hero-row)>.column:first-child,
#hero-row:not(#gm-canvas #hero-row)>.column:last-child {
position: relative;
}
#hero-row:not(#gm-canvas #hero-row)>.column:first-child::before {
content: '';
display: block;
position: absolute;
width: calc((.333 * var(--page-width)) + 1px - 10px);
height: auto;
top: 0;
bottom: 0;
left: 0;
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-right: 0;
z-index: 2;
pointer-events: none;
}
@media (max-width: 991px) {
#hero-row:not(#gm-canvas #hero-row)>.column:first-child::before {
width: 100%;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
}
#hero-row:not(#gm-canvas #hero-row):not(.background-row)>.column:first-child::before {
border-left: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
#hero-row:not(#gm-canvas #hero-row):not(.background-row)>.column:first-child::before {
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
}
#hero-row:not(#gm-canvas #hero-row):not(.background-row)>.column:last-child::after {
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
#hero-row:not(#gm-canvas #hero-row)>.column:last-child:after {
content: '';
display: block;
position: absolute;
width: calc((.333 * var(--page-width)) + 1px - 10px);
height: auto;
top: 0;
bottom: 0;
right: 0;
border-left: 0px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
z-index: 2;
pointer-events: none;
}
/* #hero-row:not(#gm-canvas #hero-row):not(.background-row)>.column:last-child:after {
border-right: 1px solid rgba(0, 0, 0, 0.2);
} */
#hero-row:not(#gm-canvas #hero-row) .column h1:before,
#hero-row:not(#gm-canvas #hero-row).flex-end .column p:first-of-type:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 1px;
bottom: auto;
left: 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
z-index: 2;
right: 0;
}
@media (min-width: 991px) and (max-width: 1201px) {
#hero-row:not(#gm-canvas #hero-row)>.column.col-md-12:first-child::before {
border-right: 1px solid rgba(0, 0, 0, 0.2);
width: calc(var(--page-width) - 30px);
}
#hero-row:not(#gm-canvas #hero-row)>.column.col-md-12:last-child:after {
border-left: 1px solid rgba(0, 0, 0, 0.2);
width: calc(var(--page-width) - 30px);
}
}
@media (max-width: 991px) {
#hero-row:not(#gm-canvas #hero-row)>.column:only-child:after {
border-right: 0px;
}
}
/* #hero-row:not(#gm-canvas #hero-row) .column:last-of-type {
padding-right: 0;
}
#hero-row:not(#gm-canvas #hero-row) .column:last-of-type img {
height: 100%;
width: 100%;
object-fit: cover;
}
@media (min-width: 991px) {
#hero-row:not(#gm-canvas #hero-row) .column:last-of-type img {
width: calc(100% + (var(--side-margin) * -1) + var(--scrollbarWidth));
max-width: none;
}
} */
/* Image CTA Grid Lines */
/* .cta-link-item:not(#gm-canvas .cta-link-item)::before,
.cta-box-item:not(#gm-canvas .cta-box-item)::before {
content: '';
display: block;
position: absolute;
width: calc((.333 * var(--page-width)) + 1px - 10px);
height: auto;
top: 0;
bottom: 0;
left: calc((var(--side-margin) * -1) + (var(--scrollbarWidth) / 2));
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-right: 1px solid rgba(255, 255, 255, 0.2);
z-index: 2;
pointer-events: none;
}
.cta-link-item:not(#gm-canvas .cta-link-item)::after,
.cta-box-item:not(#gm-canvas .cta-box-item)::after {
content: '';
display: block;
position: absolute;
width: calc((.333 * var(--page-width)) + 1px - 10px);
height: auto;
top: 0;
bottom: 0;
right: calc((var(--side-margin) * -1) + (var(--scrollbarWidth) / 2) + 15px);
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-right: 1px solid rgba(255, 255, 255, 0.2);
z-index: 2;
pointer-events: none;
} */
/* CTA Grid Lines - copy */
#cta-link-row:not(#gm-canvas #cta-link-row)::before {
content: '';
display: block;
position: absolute;
width: calc((var(--page-width) * .333) - 9px);
height: auto;
top: 45%;
bottom: 0;
left: 0;
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-right: 1px solid rgba(255, 255, 255, 0.2);
z-index: 2;
pointer-events: none;
}
#cta-link-row:not(#gm-canvas #cta-link-row)::after {
content: '';
display: block;
position: absolute;
width: calc((var(--page-width) * .333) - 9px);
height: auto;
top: 45%;
bottom: 0;
right: 0;
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-right: 1px solid rgba(255, 255, 255, 0.2);
z-index: 2;
pointer-events: none;
}
@media (max-width: 1200px) {
#cta-link-row:not(#gm-canvas #cta-link-row)::before {
border-right: 0;
}
#cta-link-row:not(#gm-canvas #cta-link-row)::after {
border-left: 0;
}
}
@media (max-width: 991px) {
#cta-link-row:not(#gm-canvas #cta-link-row)::before {
top: 0;
}
#cta-link-row:not(#gm-canvas #cta-link-row)::after {
top: 0;
}
}
/* Board list Grid lines */
.board-list-row:not(#gm-canvas .board-list-row)>.column:first-child {
position: unset;
}
.board-list-row:not(#gm-canvas .board-list-row)>.column:first-child:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: auto;
top: 0;
bottom: 0;
left: 0;
z-index: -1;
pointer-events: none;
background: repeating-linear-gradient(to right, transparent 0, transparent calc(25% - 1px), rgba(0, 0, 0, 0.2) calc(25% - 1px), rgba(0, 0, 0, 0.2) 25%);
border-left: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
.board-list-row:not(#gm-canvas .board-list-row)>.column:first-child:before {
background: transparent;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
}
/* Split Background Row Grid Lines */
.split-background:not(#gm-canvas .split-background) {
position: relative;
}
.split-background:not(#gm-canvas .split-background)::before {
content: '';
display: block;
position: absolute;
width: calc(33.3% + 1px);
height: auto;
top: 0;
bottom: 0;
left: 0;
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: 1px solid rgba(0, 0, 0, 0.2);
z-index: -1;
pointer-events: none;
}
.split-background:not(#gm-canvas .split-background)::after {
content: '';
display: block;
position: absolute;
width: calc(33.3% + 1px);
height: auto;
top: 0;
bottom: 0;
right: 0;
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: 1px solid rgba(0, 0, 0, 0.2);
z-index: -1;
pointer-events: none;
}
@media (max-width: 767px) {
.split-background:not(#gm-canvas .split-background)::before {
border-right: 0;
}
.split-background:not(#gm-canvas .split-background)::after {
border-left: 0;
}
}
/*Footer Grid Lines */
footer:before {
content: '';
display: block;
position: absolute;
width: calc((.333 * var(--page-width)) + 1px - 10px);
height: auto;
top: 0;
bottom: 0;
left: calc((var(--side-margin) * -1) + 15px - ((var(--scrollbarWidth) / 2)));
border-left: 1px solid rgba(252, 252, 252, 0.2);
border-right: 1px solid rgba(252, 252, 252, 0.2);
z-index: 2;
pointer-events: none;
}
body:has(#mms-admin-sidebar) footer:before {
width: min(calc((.333 * var(--page-width)) + 1px - 10px), calc((100vw - 312px - var(--scrollbarWidth) - 30px)) * .333);
left: max(calc((var(--side-margin) * -1) + 15px - ((var(--scrollbarWidth) / 2)) - 156px), 15px);
}
body:has(#mms-admin-sidebar.is-collapsed) footer:before {
width: calc((.333 * var(--page-width)) + 1px - 10px);
left: max(calc((var(--side-margin) * -1) + 15px - ((var(--scrollbarWidth) / 2)) - 32px), 15px);
}
footer:after {
content: '';
display: block;
position: absolute;
width: calc((.333 * var(--page-width)) + 1px - 10px);
height: auto;
top: 0;
bottom: 0;
right: calc((var(--side-margin) * -1) + 15px - ((var(--scrollbarWidth) / 2)));
border-left: 1px solid rgba(252, 252, 252, 0.2);
border-right: 1px solid rgba(252, 252, 252, 0.2);
z-index: 2;
pointer-events: none;
}
body:has(#mms-admin-sidebar) footer:after {
width: min(calc((.333 * var(--page-width)) + 1px - 10px), calc((100vw - 312px - var(--scrollbarWidth) - 30px)) * .333);
right: max(calc((var(--side-margin) * -1) + 15px - ((var(--scrollbarWidth) / 2)) - 156px), 15px);
}
body:has(#mms-admin-sidebar.is-collapsed) footer:after {
width: calc((.333 * var(--page-width)) + 1px - 10px);
right: max(calc((var(--side-margin) * -1) + 15px - ((var(--scrollbarWidth) / 2)) - 32px), 15px);
}
@media (max-width: 991px) {
footer:before {
border-right: 0;
}
footer:after {
border-left: 0;
}
}
/* ----------------------------------------
Homepage
-------------------------------------------- */
/* Swiper Row */
#swiper-row:not(#gm-canvas #swiper-row),
#slideshow-row:not(#gm-canvas #slideshow-row) {
--gap: 0;
--swiper-left-third-width: calc((.333 * var(--page-width)) + 1px - 10px);
}
#swiper-row:not(#gm-canvas #swiper-row) .swiper-slide {
padding: 0;
}
.full-width .carousel img,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-slide img {
width: 100%;
max-width: 100%;
}
#slideshow-row .carousel-caption,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-content {
position: absolute;
z-index: 100;
left: auto;
top: 0;
right: 0px;
bottom: 0;
width: 100%;
text-align: left;
text-shadow: none;
margin: 0;
display: flex;
align-items: center;
padding: 30px 30px 0;
padding-bottom: 40px;
inset: 0;
background: linear-gradient(272.55deg, rgb(from var(--primary) r g b / 0) 17.17%, rgb(from var(--primary) r g b / 0.7) 55.41%, rgb(from var(--primary) r g b / 1) 70.03%);
}
@media (min-width: 991px) {
#slideshow-row .carousel-caption,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-content {
padding-left: calc((var(--side-margin) * -1) + (var(--scrollbarWidth) / 2));
padding-bottom: calc(var(--swiper-left-third-width) * .666);
}
}
@media (max-width: 991px) {
#slideshow-row .carousel-caption,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-content {
position: relative;
padding: 15px;
background: linear-gradient(to bottom, rgb(from var(--primary) r g b / 0.9), rgb(from var(--primary) r g b / 0.9));
padding-bottom: 0px;
flex-direction: column;
align-items: flex-start;
}
}
#slideshow-row .caption-text,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-content h1 {
font-size: 70px;
font-family: var(--font-heading);
font-weight: 500;
line-height: 93%;
width: 660px;
color: #fff;
}
@media (min-width: 991px) {
#slideshow-row .caption-text,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-content h1 {
margin-bottom: 0;
}
}
#slideshow-row .alt-text,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-content .button-link {
position: absolute;
top: auto;
color: #fff;
right: 0;
bottom: 0;
background: var(--primary);
margin: 0px;
padding: 1.5em 1em 4.5em;
font-size: 18px;
font-weight: 700;
width: calc((var(--page-width) * .333) + (var(--side-margin) * -1) + 8px - 2px + (var(--scrollbarWidth) - var(--scrollbarWidth) / 2));
}
#slideshow-row .alt-text .arrow-link:after,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-content .button-link:after {
content: "";
position: relative;
align-items: center;
background-color: #fff;
width: 14px;
height: 14px;
display: inline-block;
margin-left: 10px;
-webkit-mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
}
#slideshow-row .alt-text a:is(:hover, :focus),
#swiper-row:not(#gm-canvas #swiper-row) .swiper-content .button-link:is(:hover, :focus) {
color: var(--secondary);
}
#slideshow-row .alt-text .arrow-link:is(:hover, :focus):after,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-content .button-link:is(:hover, :focus):after {
background-color: var(--secondary);
}
#slideshow-row .carousel:before,
#swiper-row:not(#gm-canvas #swiper-row)>.column:before {
content: "";
position: absolute;
align-items: center;
background-color: var(--secondary);
/* width: 343px; */
/* height: 343px; */
width: calc(var(--swiper-left-third-width) * .666);
aspect-ratio: 1 / 1;
display: inline-block;
-webkit-mask: url(../images/bg-top-arrow.svg) no-repeat center / contain;
mask: url(../images/bg-top-arrow.svg) no-repeat center / contain;
z-index: 11;
bottom: -1px;
/* left: 287px; */
left: calc((var(--side-margin) * -1) + 15px - (var(--scrollbarWidth) / 2) + (var(--swiper-left-third-width) * .666) - (var(--swiper-left-third-width) * .666 * 84.374 / 344));
/* side margin + width of one arrow minus the right bar of the bototm arrow svg */
transition: delay 75s ease-in-out;
opacity: 0;
animation: showLine 0s linear 0.75s forwards;
}
#slideshow-row .carousel:after,
#swiper-row:not(#gm-canvas #swiper-row)>.column:after {
content: "";
position: absolute;
align-items: center;
background-color: var(--secondary);
/* width: 343px; */
/* height: 343px; */
width: calc(var(--swiper-left-third-width) * .666);
aspect-ratio: 1 / 1;
display: inline-block;
-webkit-mask: url(../images/bg-bottom-arrow.svg) no-repeat center / contain;
mask: url(../images/bg-bottom-arrow.svg) no-repeat center / contain;
z-index: 11;
/* left: 30px; */
left: calc((var(--side-margin) * -1) + 15px - (var(--scrollbarWidth) / 2));
/* bottom: 0; */
/* bottom: 38px; */
bottom: 0;
/* margin-bottom: -220px; */
margin-bottom: calc(((var(--swiper-left-third-width) * .666) * -1) + (var(--swiper-left-third-width) * .666 * 84.374 / 344));
transition: delay 75s ease-in-out;
opacity: 0;
animation: showLine 0s linear 0.75s forwards;
}
@keyframes showLine {
to {
opacity: 1;
}
}
#swiper-row:not(#gm-canvas #swiper-row) .swiper-pagination-bullets {
bottom: 50px;
}
#slideshow-row .carousel-indicators li:first-child,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-pagination-bullet:first-child {
margin-left: 0px;
}
#slideshow-row .carousel-indicators li,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 0;
margin-left: 3px;
background: transparent;
border: 1px solid #fff;
border-radius: 100%;
opacity: 1;
}
#slideshow-row .carousel-indicators li.active,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 12px;
height: 12px;
background: #fff;
border: 1px solid #fff;
opacity: 1;
}
/* @media (max-width: 1400px) {
#slideshow-row .carousel:before,
#swiper-row:not(#gm-canvas #swiper-row) > .column:before,
#slideshow-row .carousel:after,
#swiper-row:not(#gm-canvas #swiper-row) > .column:after {
width: 220px;
height: 200px;
}
#slideshow-row .carousel:before,
#swiper-row:not(#gm-canvas #swiper-row) > .column:before {
left: 182px;
bottom: 38px;
}
#slideshow-row .carousel:after,
#swiper-row:not(#gm-canvas #swiper-row) > .column:after {
margin-bottom: -111px;
}
} */
/* @media (max-width: 1200px) {
#slideshow-row .carousel:before,
#swiper-row:not(#gm-canvas #swiper-row) > .column:before,
#slideshow-row .carousel:after,
#swiper-row:not(#gm-canvas #swiper-row) > .column:after {
width: 143px;
height: 143px;
}
#slideshow-row .carousel:before,
#swiper-row:not(#gm-canvas #swiper-row) > .column:before {
left: 128px;
bottom: 38px;
}
#slideshow-row .carousel:after,
#swiper-row:not(#gm-canvas #swiper-row) > .column:after {
margin-bottom: -70px;
}
} */
@media (max-width: 991px) {
#slideshow-row .carousel:before,
#swiper-row:not(#gm-canvas #swiper-row)>.column:before,
#slideshow-row .carousel:after,
#swiper-row:not(#gm-canvas #swiper-row)>.column:after {
display: none;
}
#slideshow-row .alt-text,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-content .button-link {
width: calc(100% - var(--scrollbarWidth));
position: relative;
}
#slideshow-row .caption-text,
#swiper-row:not(#gm-canvas #swiper-row) .swiper-content h1 {
width: 100%;
}
}
#intro-row p {
font-size: 35px;
font-family: var(--font-heading);
}
#intro-row p u {
text-decoration: none;
background: linear-gradient(var(--secondary), var(--secondary)) no-repeat;
background-size: 100% 30%;
background-position: 0 92%;
position: relative;
}
/* list-item-row - What We Offer */
#list-item-row:not(#gm-canvas #list-item-row) {
background: transparent;
}
#list-item-row:not(#gm-canvas #list-item-row):before {
background: rgb(from var(--secondary) r g b / 0.4);
}
/* #list-item-col > .row {
margin: 0px;
margin-right: -15px;
} */
#list-item-col:not(#gm-canvas #list-item-row)>.row>.column {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
align-items: center;
padding-bottom: 1.75rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
margin-bottom: 1.75rem;
padding-left: 0px;
padding-right: 15px;
}
#list-item-col:not(#gm-canvas #list-item-row)>.row>.column:last-child {
margin-bottom: 0px;
}
#list-item-col h3 {
font-size: 30px;
font-family: var(--font-body);
font-weight: 500;
margin-bottom: 0;
}
#list-item-col p {
font-size: 20px;
line-height: 1.25em;
margin-bottom: 0;
}
/* Image CTA Row */
/* #image-cta-row:not(#gm-canvas #image-cta-row) {
--gap: 0px;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column#cta-col-item {
position: relative;
background-color: var(--primary);
display: flex;
flex-direction: column;
justify-content: flex-end;
transition: .125s background-color ease-in-out;
padding: 0px 30px 7em;
margin-bottom: -200px;
bottom: 200px;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column#cta-col-item::before {
content: '';
position: absolute;
height: 400px;
bottom: 100%;
right: 0;
left: 0;
background: linear-gradient(transparent 0%, hsla(from var(--primary) h s l / 0.4) 25%, hsla(from var(--primary) h s l / 0.75) 55%, hsla(from var(--primary) h s l / 0.95) 85%, var(--primary) 100%);
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column * {
color: #fff;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column h1 {
width: 630px;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column a {
position: relative;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column a:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#image-cta-row:not(#gm-canvas #image-cta-row) img {
max-width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
width: 100% !important;
height: 100% !important;
object-fit: cover;
position: relative;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem 20px;
text-align: left;
list-style: none;
padding: 0;
margin: 0;
margin-top: 2em;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column ul li {
background: rgb(from var(--secondary) r g b / 0.1);
position: relative;
padding: 10px 20px 80px 20px;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column ul li:is(:hover,:focus) {
background: #0c1125;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column ul li a {
font-size: 35px;
font-family: var(--font-heading);
display: flex;
align-items: center;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column ul li a:is(:hover, :focus) {
color: var(--secondary);
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column ul li a:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column ul li a:after {
content: "";
position: relative;
align-items: center;
background-color: #fff;
width: 25px;
height: 25px;
display: inline-block;
margin-left: 10px;
-webkit-mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
margin-left: auto;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column ul li a:is(:hover, :focus):after {
background-color: var(--secondary);
}
.cta-link-item:not(#gm-canvas .cta-link-item),
.cta-box-item:not(#gm-canvas .cta-box-item) {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem 20px;
text-align: left;
list-style: none;
padding: 0;
margin: 0;
margin-top: 2em;
}
.cta-link-item:not(#gm-canvas .cta-link-item) .column,
.cta-box-item:not(#gm-canvas .cta-box-item) .column {
width: 100%;
background: rgb(from var(--secondary) r g b / 0.1);
position: relative;
padding: 0px;
transition: .125s background ease-in-out;
}
.cta-link-item:not(#gm-canvas .cta-link-item) .column:is(:hover, :focus),
.cta-box-item:not(#gm-canvas .cta-box-item) .column:is(:hover, :focus) {
background: #0c1125;
transition: .125s background ease-in-out;
}
.cta-link-item:not(#gm-canvas .cta-link-item) :is(.button-link, .arrow-link) {
background: transparent;
font-size: 35px;
font-family: var(--font-heading);
display: flex;
align-items: center;
padding: 10px 20px 115px 20px;
position: relative;
width: 100%;
transition: .125s background-color ease-in-out, .125s color ease-in-out;
flex-wrap: wrap;
text-transform: none;
}
.cta-link-item:not(#gm-canvas .cta-link-item) :is(.button-link, .arrow-link):is(:hover, :focus) {
color: var(--secondary) !important;
}
.cta-link-item:not(#gm-canvas .cta-link-item) :is(.button-link, .arrow-link):before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cta-link-item:not(#gm-canvas .cta-link-item) :is(.button-link, .arrow-link):after {
margin-left: auto;
width: 25px;
height: 25px;
}
.cta-link-item:not(#gm-canvas .cta-link-item) :is(.button-link, .arrow-link):is(:hover, :focus):after {
background-color: var(--secondary);
}
.cta-box-item:not(#gm-canvas .cta-box-item) .column {
padding: 10px 20px;
}
.cta-box-item:not(#gm-canvas .cta-box-item) .column p,
.cta-box-item:not(#gm-canvas .cta-box-item) .column p a {
color: var(--secondary) !important;
margin-top: 3em;
}
.cta-box-item:not(#gm-canvas .cta-box-item) .column:has(.button-link) {
background: transparent;
margin-top: auto;
}
.cta-box-item:not(#gm-canvas .cta-box-item) .column:has(.button-link) .button-link {
background: var(--secondary);
color: var(--primary) !important;
text-transform: none;
text-decoration: none;
}
.cta-box-item:not(#gm-canvas .cta-box-item) .column:has(.button-link) a:not(.button-link) {
text-transform: uppercase;
text-decoration: underline;
text-underline-offset: 0.25em;
text-decoration-thickness: 2px;
font-weight: 700;
font-size: 18px;
}
.cta-box-item:not(#gm-canvas .cta-box-item) .column:has(.button-link) p {
margin-top: 2em;
}
@media (max-width: 1200px) {
#image-cta-row:not(#gm-canvas #image-cta-row) .column#cta-col-item {
bottom: 0px;
margin-bottom: 0px;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column#cta-col-item::before {
height: 200px;
}
.cta-link-item:not(#gm-canvas .cta-link-item),
.cta-box-item:not(#gm-canvas .cta-box-item) {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 991px) {
.cta-link-item:not(#gm-canvas .cta-link-item) :is(.button-link, .arrow-link) {
font-size: 28px;
}
}
@media (max-width: 767px) {
#image-cta-row:not(#gm-canvas #image-cta-row) .column#cta-col-item::before {
height: 100px;
}
#image-cta-row:not(#gm-canvas #image-cta-row) .column h1 {
width: auto;
}
.cta-link-item:not(#gm-canvas .cta-link-item),
.cta-box-item:not(#gm-canvas .cta-box-item) {
grid-template-columns: repeat(1, 1fr);
}
.cta-link-item:not(#gm-canvas .cta-link-item) :is(.button-link, .arrow-link) {
font-size: 24px;
}
} */
/* CTA Row - Copy */
#cta-row:not(#gm-canvas #cta-row) {
--gap: 0px;
padding-bottom: 90px;
}
#cta-row:not(#gm-canvas #cta-row)>.column:first-of-type {
padding-right: 0;
}
#cta-row:not(#gm-canvas #cta-row) .row:first-of-type {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
transition: .125s background-color ease-in-out;
/* padding: 0px 30px 7em; */
padding: 0;
/* margin-bottom: -200px;
bottom: 200px; */
left: calc(calc((var(--side-margin) + (var(--scrollbarWidth) - 60px) / 2)));
right: calc(var(--side-margin) - var(--scrollbarWidth));
width: 100vw;
margin: 0;
}
@media (max-width: 991px) {
#cta-row:not(#gm-canvas #cta-row) .row:first-of-type {
left: -30px;
right: -30px;
}
}
#cta-row:not(#gm-canvas #cta-row) .row:first-of-type>.column {
padding-right: 0;
}
/* #cta-row:not(#gm-canvas #cta-row) .row:first-of-type>.column *:not(img) {
padding-left: calc((var(--side-margin) * -1) + 25px);
padding-right: 15px;
} */
/* @media (max-width: 991px) {
#cta-row:not(#gm-canvas #cta-row) .row:first-of-type>.column *:not(img) {
padding-left: 30px;
}
} */
#cta-row:not(#gm-canvas #cta-row) .row:first-of-type .column .x_content {
display: block;
position: absolute;
bottom: 0;
left: 0;
padding-left: calc((var(--side-margin) * -1) + 25px);
padding-right: calc((var(--side-margin) * -1) + 25px);
}
@media (max-width: 991px) {
#cta-row:not(#gm-canvas #cta-row) .row:first-of-type .column .x_content {
padding-left: 30px;
padding-right: 15px;
position: relative;
}
}
#cta-row:not(#gm-canvas #cta-row) .row:first-of-type .column::before {
content: '';
position: absolute;
height: 400px;
/* bottom: 100%; */
bottom: 0;
right: 0;
left: 0;
background: linear-gradient(transparent 0%, hsla(from var(--primary) h s l / 0.4) 25%, hsla(from var(--primary) h s l / 0.75) 55%, hsla(from var(--primary) h s l / 0.95) 85%, var(--primary) 95%);
z-index: 1;
}
#cta-row:not(#gm-canvas #cta-row) .row:first-of-type h1 {
max-width: calc((var(--page-width) * .333) - 15px);
}
@media (max-width: 1201px) {
#cta-row:not(#gm-canvas #cta-row) .row:first-of-type h1 {
max-width: calc((var(--page-width) * .666) - 15px);
}
}
@media (max-width: 991px) {
#cta-row:not(#gm-canvas #cta-row) .row:first-of-type h1 {
max-width: unset;
}
}
#cta-row:not(#gm-canvas #cta-row) .row:first-of-type *:not(img) {
z-index: 2;
position: relative;
}
#cta-row:not(#gm-canvas #cta-row) img {
max-width: 100%;
/* position: absolute; */
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
width: 100% !important;
height: 100% !important;
object-fit: cover;
position: relative;
margin-bottom: 0;
}
/* #cta-row:not(#gm-canvas #cta-row) .column ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem 20px;
text-align: left;
list-style: none;
padding: 0;
margin: 0;
margin-top: 2em;
} */
#cta-link-row:not(#gm-canvas #cta-link-row) {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1em 0;
text-align: left;
list-style: none;
padding: 0;
margin: 0;
margin-top: 2em;
}
#cta-link-row:not(#gm-canvas #cta-link-row) .column {
width: 100%;
/* background: rgb(from var(--secondary) r g b / 0.1); */
position: relative;
/* padding: 0px; */
padding: 10px 35px 10px 20px;
transition: .125s background ease-in-out;
/* padding-right: 15px; */
}
#cta-link-row:not(#gm-canvas #cta-link-row) .column:has(.arrow-link) {
padding-bottom: 115px;
}
#cta-link-row:not(#gm-canvas #cta-link-row) .column:not(:has(.button-link))::before {
content: '';
position: absolute;
top: 0;
right: 15px;
bottom: 0;
left: 0;
z-index: -1;
background: rgb(from var(--secondary) r g b / 0.1);
}
@media (max-width: 767px) {
#cta-link-row:not(#gm-canvas #cta-link-row) .column:not(:has(.button-link))::before {
right: 0px;
}
}
#cta-link-row:not(#gm-canvas #cta-link-row) .column:has(a:not(.button-link)):is(:hover, :focus)::before {
background: #0c1125;
transition: .125s background ease-in-out;
}
/* #cta-row:not(#gm-canvas #cta-row) a {
font-size: 35px;
font-family: var(--font-heading);
display: flex;
align-items: center;
}
#cta-row:not(#gm-canvas #cta-row) a:is(:hover, :focus) {
color: var(--secondary);
}
#cta-row:not(#gm-canvas #cta-row) a:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#cta-row:not(#gm-canvas #cta-row) a:after {
content: "";
position: relative;
align-items: center;
background-color: #fff;
width: 25px;
height: 25px;
display: inline-block;
margin-left: 10px;
-webkit-mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
margin-left: auto;
}
#cta-row:not(#gm-canvas #cta-row) .column a:is(:hover, :focus):after {
background-color: var(--secondary);
} */
#cta-link-row:not(#gm-canvas #cta-link-row) a {
position: relative;
}
#cta-link-row:not(#gm-canvas #cta-link-row) a:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#cta-link-row:not(#gm-canvas #cta-link-row) :is(.button-link, .arrow-link) {
background: transparent;
display: flex;
align-items: center;
/* padding: 10px 20px 115px 20px; */
position: relative;
text-decoration: none;
transition: .125s background-color ease-in-out, .125s color ease-in-out;
flex-wrap: wrap;
text-transform: none;
}
#cta-link-row:not(#gm-canvas #cta-link-row) :is(.arrow-link) {
font-size: 35px;
font-family: var(--font-heading);
width: 100%;
}
#cta-link-row:not(#gm-canvas #cta-link-row) :is(.button-link, .arrow-link):is(:hover, :focus) {
color: var(--secondary);
}
#cta-link-row:not(#gm-canvas #cta-link-row) :is(.button-link, .arrow-link):before {
content: '';
position: absolute;
/* top: 0;
right: 0;
bottom: 0;
left: 0; */
top: -10px;
right: -15px;
bottom: -115px;
left: -20px;
}
#cta-link-row:not(#gm-canvas #cta-link-row) :is(.button-link, .arrow-link):after {
margin-left: auto;
width: 25px;
height: 25px;
}
/*#cta-link-row:not(#gm-canvas #cta-link-row) :is(.button-link, .arrow-link):is(:hover, :focus):after {
background-color: var(--secondary);
}*/
/* #cta-link-row:not(#gm-canvas #cta-link-row) .column {
padding: 10px 20p x;
} */
#cta-link-row:not(#gm-canvas #cta-link-row) .column p,
#cta-link-row:not(#gm-canvas #cta-link-row) .column p a {
color: var(--secondary);
margin-top: 3em;
}
#cta-link-row:not(#gm-canvas #cta-link-row) .column p:last-child {
margin-bottom: 0;
}
#cta-link-row:not(#gm-canvas #cta-link-row) .column:not(:has(.button-link)) p a:not(.button-link) {
position: static;
}
/* If there is a button-link class in a column */
#cta-link-row:not(#gm-canvas #cta-link-row) .column:has(.button-link) a:not(.button-link) {
text-transform: uppercase;
text-decoration: underline;
text-underline-offset: 0.25em;
text-decoration-thickness: 2px;
text-decoration-color: currentColor;
transition: text-decoration-color 0.25s ease;
font-weight: 700;
font-size: 18px;
}
#cta-link-row:not(#gm-canvas #cta-link-row) .column:has(.button-link) a:not(.button-link):is(:hover,:focus) {
color: #fff;
text-decoration-color: transparent;
}
#cta-link-row:not(#gm-canvas #cta-link-row) .column:has(.button-link) p {
margin-top: 2em;
}
#cta-link-row:not(#gm-canvas #cta-link-row) .column:has(.button-link) {
background: transparent;
margin-top: auto;
}
#cta-link-row:not(#gm-canvas #cta-link-row) .column:has(.button-link:not(.button-link.arrow-link)) .button-link {
background: var(--secondary);
color: var(--primary);
text-transform: none;
text-decoration: none;
}
#cta-link-row:not(#gm-canvas #cta-link-row) .column:has(.button-link:not(.button-link.arrow-link)) .button-link:is(:hover, :focus) {
background: #fff;
color: var(--primary);
}
#cta-link-row:not(#gm-canvas #cta-link-row) .column:has(.button-link) p {
margin-top: 2em;
}
@media (max-width: 1200px) {
#cta-row:not(#gm-canvas #cta-row) #cta-link-row {
bottom: 0px;
margin-bottom: 0px;
}
#cta-row:not(#gm-canvas #cta-row) .row:first-of-type .column::before {
height: 200px;
}
#cta-link-row:not(#gm-canvas #cta-link-row) {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 991px) {
#cta-link-row:not(#gm-canvas #cta-link-row) :is(.button-link, .arrow-link) {
font-size: 28px;
}
}
@media (max-width: 767px) {
#cta-row:not(#gm-canvas #cta-row) .row:first-of-type .column::before {
height: 100px;
}
#cta-row:not(#gm-canvas #cta-row) .column h1 {
width: auto;
}
#cta-link-row:not(#gm-canvas #cta-link-row) {
grid-template-columns: repeat(1, 1fr);
}
#cta-link-row:not(#gm-canvas #cta-link-row) :is(.button-link, .arrow-link) {
font-size: 24px;
}
}
/* Testamonial Row */
#testimonial-row:not(#gm-canvas #testimonial-row) {
background: transparent;
padding: 12em 0px 8em;
display: inline-block;
}
#testimonial-row:not(#gm-canvas #testimonial-row):before {
background: var(--lighter-accent);
}
#testimonial-row:not(#gm-canvas #testimonial-row) #testimonial-quote-col p {
font-size: 45px;
font-family: var(--font-heading);
}
#testimonial-row:not(#gm-canvas #testimonial-row):after {
content: "";
position: absolute;
width: 495px;
width: calc((var(--page-width) * .333) - 10px);
/* height: 165px; */
aspect-ratio: 495 / 165;
background: rgb(from var(--accent) r g b / 0.95);
-webkit-mask: url("../images/intersect-arrow-icon.svg") 0% 0 / 33.333% 100% no-repeat,
url("../images/intersect-arrow-icon.svg") 50% 0 / 33.333% 100% no-repeat,
url("../images/intersect-arrow-icon.svg") 100% 0 / 33.333% 100% no-repeat;
mask: url("../images/intersect-arrow-icon.svg") 0% 0 / 33.333% 100% no-repeat,
url("../images/intersect-arrow-icon.svg") 50% 0 / 33.333% 100% no-repeat,
url("../images/intersect-arrow-icon.svg") 100% 0 / 33.333% 100% no-repeat;
position: absolute;
bottom: auto;
z-index: 101;
top: 0;
left: auto;
right: 0;
}
.heading-link:not(#gm-canvas .heading-link) {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1em;
}
.heading-link:not(#gm-canvas .heading-link) :is(.button-link, .arrow-link) {
background: transparent;
margin: 0;
padding: 0;
color: var(--primary);
text-transform: uppercase;
font-weight: 700;
right: calc(33.3% - 10px);
}
.heading-link:not(#gm-canvas .heading-link) :is(.button-link, .arrow-link)::after {
background-color: var(--primary);
}
@media (max-width: 767px) {
.heading-link:not(#gm-canvas .heading-link) {
flex-direction: column;
align-items: flex-start;
}
.heading-link:not(#gm-canvas .heading-link) :is(.button-link, .arrow-link) {
right: 0;
}
}
.feed-item {
position: relative;
}
.feed-item time {
background: linear-gradient(var(--secondary), var(--secondary)) no-repeat;
background-size: 100% 30%;
background-position: 0 92%;
position: relative;
}
.feed-item.event-item {
display: flex;
gap: 5em;
margin-bottom: 1em;
justify-content: space-between;
}
.feed-item.event-item:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 1px;
bottom: auto;
left: 0;
border-top: 1px solid rgba(0, 0, 0, 0.2);
z-index: 2;
right: 0;
}
.feed-item.event-item>div {
flex: 1;
padding-top: 2em;
}
@media (min-width: 991px) {
.feed-item.event-item>div {
max-width: 33.3%;
}
}
.feed-item a.ev-title-link,
.feed-item a.news-title-link {
font-family: var(--font-heading);
}
.feed-item a.news-title-link {
text-decoration: none;
background: linear-gradient(var(--secondary), var(--secondary)) no-repeat;
background-size: 0% 30%;
background-position: 0 92%;
display: inline;
margin-bottom: 0.75em;
transition: background-size 0.3s ease;
}
.feed-item a.news-title-link:is(:hover, :focus) {
background-size: 100% 30%;
}
.feed-item a.news-title-link:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.feed-item .news-section h3 {
margin-bottom: 0.75em;
}
.feed-item.event-item img {
width: 705px;
max-width: 100%;
height: 260px;
object-fit: cover;
margin-bottom: 0px;
flex-shrink: 0;
position: relative;
z-index: 13;
}
@media (min-width: 991px) {
.feed-item.event-item img {
max-width: 50%;
}
}
.feed-item.event-item:not(:has(img))>div {
width: 100%;
}
#events-row:not(#gm-canvas #events-row) {
padding-top: 12em;
}
@media (min-width: 990px) and (max-width: 1199px) {
.feed-item.event-item img {
width: 50%;
}
}
@media (max-width: 991px) {
.feed-item.event-item {
flex-direction: column;
gap: 1em;
align-items: flex-start;
}
#events-row:not(#gm-canvas #events-row) {
padding-top: 5em;
}
#events-row:not(#gm-canvas #events-row)>.column:not(:first-child),
.row:not(#gm-canvas .row) > .column:has(.event-item):only-child {
margin-top: 0.5em;
padding-right: 0px;
}
}
#news-row .column:has(.feed-item),
#subpage-main .row .column:has(>.x_widget>.feed-item:not(.event-item)) {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0.25rem 15px;
}
#news-row .column:has(.feed-item) .feed-item,
#subpage-main .row .column:has(.feed-item:not(.event-item)) .feed-item {
margin-bottom: 2em;
}
#news-row .feed-item img,
.feed-item img {
width: 100%;
max-width: 100%;
height: 260px;
object-fit: cover;
margin-bottom: 1em;
}
.news-section p {
font-size: 16px;
font-weight: 400;
}
@media (max-width: 991px) {
#news-row .column:has(.feed-item).column:not(:first-child) {
margin-top: 0.5em;
padding-right: 0px;
}
}
@media (max-width: 767px) {
#news-row .column:has(.feed-item),
#subpage-main .row .column:has(>.x_widget>.feed-item:not(.event-item)) {
grid-template-columns: repeat(1, 1fr);
}
}
/* Membership CTA Row */
#member-cta-row:not(#gm-canvas #member-cta-row) {
--gap: 0px;
padding: 0px;
display: flex;
align-items: center;
}
#member-cta-row:not(#gm-canvas #member-cta-row) .column h2 {
font-size: 45px;
font-weight: 500;
}
#member-cta-row:not(#gm-canvas #member-cta-row) .button-link {
margin-top: 4em;
}
#member-cta-row:not(#gm-canvas #member-cta-row) .column:not(:has(img)) {
padding-top: 2em;
padding-bottom: 2em;
}
@media (min-width: 991px) {
#member-cta-row:not(#gm-canvas #member-cta-row)>.column:not(.column:has(+.column)) {
padding-inline: 0px;
}
}
@media (max-width: 767px) {
#member-cta-row:not(#gm-canvas #member-cta-row) {
flex-direction: column;
padding-top: 3em;
}
#member-cta-row:not(#gm-canvas #member-cta-row) .column img {
margin-top: 2em;
}
}
#member-cta-row:not(#gm-canvas #member-cta-row) .column:first-child::before {
border-right: 0px !important;
}
/* Subpage */
main:is(#subpage-main) h2 {
font-weight: 500;
line-height: 1.2em;
}
/* Hero Row */
#hero-row:not(#mycanvas #hero-row) {
/* position: relative;
left: calc(calc((var(--side-margin) + (var(--scrollbarWidth) - 60px) / 2)));
right: calc(var(--side-margin) - var(--scrollbarWidth));
width: 100vw; */
/* margin: 0; */
padding-top: var(--gap);
/* background: var(--primary); */
color: inherit;
display: flex;
/* align-items: center; */
--gap: 0px;
padding-bottom: 0px;
/* padding-right: calc(var(--side-margin) * -1);
padding-left: calc(var(--side-margin) * -1); */
}
/* @media (max-width: 991px) {
#hero-row:not(#mycanvas #hero-row) {
left: calc(calc((var(--side-margin) + (var(--scrollbarWidth) - 0px) / 2)));
}
} */
/* #hero-row:not(#mycanvas #hero-row)::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: calc(var(--side-margin) - 60px);
right: calc(var(--side-margin) - 60px);
display: block;
background: var(--primary);
z-index: -1;
} */
#hero-row:not(#mycanvas #hero-row)>.column {
background: transparent !important;
font-size: inherit;
}
#hero-row:not(#mycanvas #hero-row):not(:has(.column img)) {
padding-top: 3.5em;
}
#hero-row:not(#mycanvas #hero-row)>.column img {
margin-left: auto;
width: 100%;
max-width: 100%;
}
#hero-row:not(#mycanvas #hero-row):not(:has(.row)) .column:first-child {
/* padding-left: 15px; */
padding-right: 30px;
padding-top: 4em;
padding-bottom: 2.2em;
}
#hero-row:not(#mycanvas #hero-row) .column {
padding-right: 0px;
/* margin-right: 15px; */
}
#hero-row:not(#mycanvas #hero-row) .column h1 {
font-size: 24px;
font-family: var(--font-body);
font-weight: 500;
width: 700px;
max-width: 100%;
}
#hero-row:not(#mycanvas #hero-row) .column p:first-of-type {
font-size: 55px;
font-family: var(--font-heading);
margin-top: 0.75em;
line-height: 1.2em;
}
@media (max-width: 480px) {
#hero-row:not(#mycanvas #hero-row) .column p:first-of-type {
font-size: 38px;
}
}
#hero-row:not(#mycanvas #hero-row) .column p {
max-width: 700px;
}
#hero-row:not(#mycanvas #hero-row) .column:has(img) {
padding-right: 0px;
}
#hero-row:not(#mycanvas #hero-row) .column:has(img.image-overlay) {
background: var(--dark-accent) !important;
padding-right: 0px;
/* margin-right: 15px; */
}
#hero-row:not(#mycanvas #hero-row) .column:has(img.dark-image-overlay) {
background: rgb(from var(--dark-accent) r g b / 0.5) !important;
}
/* Additional class to add to #hero-row - .background-transparent */
/* #hero-row:not(#mycanvas #hero-row):before {
background: var(--primary);
} */
/* #hero-row:not(#mycanvas #hero-row, #hero-row.background-transparent) * {
color: #fff;
} */
/* #hero-row:not(#mycanvas #hero-row).background-transparent {
background: #fff;
padding-right: calc(var(--side-margin) * -1) !important;
align-items: flex-start;
} */
/* #hero-row:not(#mycanvas #hero-row).background-transparent .column:first-child {
margin-right: 5px;
} */
/*#hero-row:not(#mycanvas #hero-row).background-transparent .column:first-child h1 {
font-size: 45px;
margin-bottom: 1em;
}*/
/* .background-transparent:not(#mycanvas .background-transparent) {
background: #fff;
padding-right: 30px !important;
} */
/* .background-transparent:not(#mycanvas .background-transparent)::before,
#hero-row:not(#mycanvas #hero-row).background-transparent::before {
background: transparent;
right: 0px;
} */
/* #hero-row.background-transparent:before {
left: calc((var(--side-margin) * -1) + 15px) !important;
z-index: 2 !important;
} */
/* @media (max-width: 767px) {
.background-transparent:not(#mycanvas .background-transparent),
#hero-row:not(#mycanvas #hero-row).background-transparent {
padding-right: 0px !important;
padding-top: 2em;
padding-bottom: 2em;
}
} */
/* Additional class to add to #hero-row - .flex-end */
#hero-row:not(#mycanvas #hero-row).flex-end {
align-items: flex-end;
}
#hero-row.flex-end:not(#gm-canvas #hero-row) .column h1:before {
display: none;
}
/* If there is a row in #hero-row */
#hero-row:not(#mycanvas #hero-row):has(.row) .row {
margin-inline: 0;
padding-left: 0;
}
#hero-row:not(#mycanvas #hero-row):has(.row) h1 {
padding-top: 4em;
padding-bottom: 0.75em;
}
#hero-row:not(#mycanvas #hero-row):has(.row) .column p:first-of-type {
margin-top: 0;
font-size: 45px;
}
#hero-row:not(#mycanvas #hero-row):has(.row) .row>.column:first-of-type {
padding-right: 4em;
}
@media (max-width: 1201px) {
#hero-row:not(#mycanvas #hero-row):has(.row) .row>.column {
width: 100%;
}
#hero-row:not(#mycanvas #hero-row):has(.row) .row>.column:first-of-type {
padding-bottom: 2em;
}
}
.image-overlay:not(#mycanvas .image-overlay),
.dark-image-overlay:not(#mycanvas .dark-image-overlay) {
position: relative;
display: inline-block;
filter: grayscale(1);
mix-blend-mode: overlay;
}
.full-width>.column img {
width: 100%;
max-width: 100%;
}
main:is(#subpage-main, #mms-main)>.row.full-width:has(.column img),
main:is(#subpage-main)>.row.background-row.full-width:first-child:has(.column img),
#hero-row:not(#mycanvas #hero-row):has(.column img) {
--gap: 0;
}
main:is(#subpage-main)>.row.background-row.full-width:first-child .arrow-link:is(:hover, :focus),
#hero-row:not(#mycanvas #hero-row) .arrow-link:is(:hover, :focus) {
color: var(--secondary);
}
@media (min-width: 768px) and (max-width: 1199px) {
#hero-row:not(#mycanvas #hero-row) .column * {
width: 100% !important;
}
}
@media (max-width: 767px) {
#hero-row:not(#mycanvas #hero-row) {
flex-direction: column;
flex-wrap: nowrap;
}
#hero-row:not(#mycanvas #hero-row) .column * {
width: 100% !important;
padding-right: 1px;
}
}
.background-row:not(#gm-canvas .background-row, .box-arrow-row).light-purple,
.background-row:not(#gm-canvas .background-row).light-green {
background: transparent;
padding-block: 4em;
}
.background-row:not(#gm-canvas .background-row, .box-arrow-row, .row .background-row).light-purple,
.background-row:not(#gm-canvas .background-row, .row .background-row).light-green {
padding-inline: 0;
}
#gm-canvas .background-row.light-purple,
.background-row:not(#mycanvas .background-row).light-purple::before {
background: var(--light-accent);
}
#gm-canvas .background-row.light-green,
.background-row:not(#mycanvas .background-row).light-green::before {
background: var(--light-secondary);
}
.background-row:not(#mycanvas .background-row).light-purple h2 {
font-weight: 500;
padding-right: 3em;
}
@media (max-width: 991px) {
.background-row:not(#mycanvas .background-row).light-purple h2 {
padding-right: 0px;
}
}
.background-row:not(#mycanvas .background-row).light-green h2 {
font-weight: 500;
}
.table-bottom-col>.row {
position: relative;
display: flex;
padding-bottom: 1em;
margin-bottom: 1em;
}
@media (max-width: 767px) {
.table-bottom-col>.row {
flex-direction: column;
}
}
.table-bottom-col>.row::after {
content: "";
position: absolute;
left: 15px;
right: 0;
bottom: 0;
height: 1px;
background: rgb(from var(--primary) r g b / 0.2);
display: block;
}
@media (max-width: 991px) {
.table-bottom-col>.row::after {
right: 15px;
}
}
/* Split Background */
.split-background {
--gap: 0px;
display: flex;
flex-wrap: wrap;
}
.split-background .column {
position: relative;
padding-top: 16em;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 90px;
}
/* .split-background ::before {
background: transparent !important;
} */
.split-background .column::before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
z-index: -2;
}
.split-background .column:not(:first-of-type)::before {
left: -15px;
}
.split-background .column:first-of-type::before {
left: calc(var(--side-margin) - 30px);
}
.split-background .column:not(:last-of-type)::before {
right: 15px;
}
.split-background .column:last-of-type::before {
right: calc(var(--side-margin) - 30px);
}
.split-background .column.light-purple::before {
background-color: var(--light-accent);
}
.split-background .column.light-green::before {
background-color: var(--light-secondary);
}
.split-background .column::after {
content: "";
position: absolute;
width: 330px;
height: 165px;
top: 4em;
right: 0;
z-index: 101;
left: 30px;
}
.split-background .column.light-purple::after {
background: rgb(from var(--primary) r g b / 0.95);
-webkit-mask: url(../images/four-intersect-arrow.svg) 0 0 / 165px 165px no-repeat,
url(../images/four-intersect-arrow-reverse.svg) 165px 0 / 165px 165px no-repeat;
mask: url(../images/four-intersect-arrow.svg) 0 0 / 165px 165px no-repeat,
url(../images/four-intersect-arrow-reverse.svg) 165px 0 / 165px 165px no-repeat;
}
.split-background .column.light-green::after {
background: rgb(from var(--primary) r g b / 0.95);
-webkit-mask: url(../images/four-pointing-arrow.svg) 0 0 / 165px 165px no-repeat,
url(../images/four-pointing-arrow.svg) 165px 0 / 165px 165px no-repeat;
mask: url(../images/four-pointing-arrow.svg) 0 0 / 165px 165px no-repeat,
url(../images/four-pointing-arrow.svg) 165px 0 / 165px 165px no-repeat;
}
.split-background .button-link.arrow-link {
background: transparent;
color: var(--primary);
text-transform: uppercase;
font-weight: 700;
padding: 0;
margin-top: 1.5em;
}
.split-background .button-link.arrow-link::after {
background-color: var(--primary);
}
/* @media (max-width: 767px) {
.split-background .column {
width: 100%;
}
} */
@media (max-width: 991px) {
.split-background .column:not(:first-of-type)::before {
left: var(--side-margin);
}
.split-background .column:not(:last-of-type)::before {
right: var(--side-margin);
}
}
.row.row-no-gap:not(#mycanvas .row-no-gap, .row-no-gap.background-row) {
--gap: 0px;
padding: 0px;
}
.background-row.row-no-gap:not(#mycanvas .background-row) {
--gap: 0px;
padding: 0px;
display: flex;
align-items: center;
}
.background-row.row-no-gap:not(#mycanvas .background-row) .column h2 {
font-size: 45px;
font-weight: 500;
}
.background-row.row-no-gap:not(#mycanvas .background-row) .column .button-link {
margin-top: 4em;
}
@media (min-width: 991px) {
.background-row.row-no-gap:not(#mycanvas .background-row)>.column:not(.column:has(+.column)) {
padding-right: 0px;
}
}
@media (max-width: 767px) {
.background-row.row-no-gap:not(#mycanvas .background-row) {
flex-direction: column;
padding-top: 3em;
--gap: 2em;
}
.row.row-no-gap:not(#mycanvas .row-no-gap, .row-no-gap.background-row) {
padding-block: calc(var(--gap) / 1);
--gap: 30px;
}
.row.row-no-gap:not(#mycanvas .row-no-gap, .row-no-gap.background-row) .column img {
margin-bottom: 1em;
}
}
/* Leadership - Board Members */
.board-list-row:not(#gm-canvas .board-list-row) {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.board-list-row:not(#gm-canvas .board-list-row) .column h2 {
margin-bottom: 1em;
}
.board-list-row:not(#gm-canvas .board-list-row)>.column>.row {
padding-bottom: 2em;
}
.board-list-row:not(#gm-canvas .board-list-row)>.column>.row:not(.x_content + .row)>.column {
border-top: 1px solid rgba(0, 0, 0, 0.2)
}
.board-list-row:not(#gm-canvas .board-list-row) .row>.column:first-child img {
padding-left: 1px;
}
.board-list-row:not(#gm-canvas .board-list-row) .row>.column img {
width: 350px;
max-width: 100%;
height: 310px;
object-fit: cover;
margin-bottom: 1em;
}
.board-list-row:not(#gm-canvas .board-list-row) .row>.column p {
font-size: 16px;
font-family: var(--font-body);
font-weight: 400;
}
.board-list-row:not(#gm-canvas .board-list-row) .row>.column p:first-child {
text-transform: uppercase;
}
.board-list-row:not(#gm-canvas .board-list-row) .row>.column h3 {
margin-top: 0;
font-size: 36px;
font-family: var(--font-heading);
font-weight: 500;
}
.board-list-row:not(#gm-canvas .board-list-row) .row>.column a {
position: relative;
padding-top: 8px;
display: block;
}
.board-list-row:not(#gm-canvas .board-list-row) .row>.column a:after {
content: "";
position: relative;
align-items: center;
background-color: var(--primary);
width: 8px;
height: 8px;
display: inline-block;
margin-left: 10px;
top: -2px;
-webkit-mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
}
@media (max-width: 991px) {
.board-list-row:not(#gm-canvas .board-list-row)>.column>.row .column.col-sm-12 {
width: 50%;
border-top: 0px;
}
.board-list-row:not(#gm-canvas .board-list-row)>.column>.row .column.col-sm-12 img {
padding-left: 1px;
}
.board-list-row:not(#gm-canvas .board-list-row)>.column>.row:not(.x_content + .row)>.column {
border-top: 0px;
}
}
@media (max-width: 767px) {
.board-list-row:not(#gm-canvas .board-list-row)>.column>.row .column.col-sm-12 {
width: 100%;
}
}
#for-organization-row:not(#gm-canvas #for-organization-row) {
position: relative;
display: inline-block;
}
#for-organization-row:not(#gm-canvas #for-organization-row):after {
content: "";
position: absolute;
align-items: center;
width: 497px;
height: 248px;
-webkit-mask: url(../images/org-arrow-icon.svg) no-repeat center / contain;
mask: url(../images/org-arrow-icon.svg) no-repeat center / contain;
z-index: 101;
left: auto;
bottom: 40px;
transition: delay 75s ease-in-out;
background-color: rgb(from var(--primary) r g b / 1);
right: 0;
pointer-events: none;
}
@media (min-width: 991px) {
#for-organization-row:not(#gm-canvas #for-organization-row):after {
width: 33.3%;
}
}
#for-organization-row:not(#gm-canvas #for-organization-row) .column a,
main:is(#subpage-main) .column p>a:not(.button-link, .arrow-link) {
text-transform: uppercase;
text-decoration: underline;
text-underline-offset: 0.25em;
text-decoration-thickness: 2px;
text-decoration-color: currentColor;
transition: text-decoration-color 0.25s ease;
font-weight: 700;
font-size: 18px;
}
#for-organization-row:not(#gm-canvas #for-organization-row) .column a:is(:hover, :focus),
main:is(#subpage-main) .column p>a:not(.button-link, .arrow-link):is(:hover, :focus) {
text-decoration-color: transparent;
}
#for-organization-row:not(#gm-canvas #for-organization-row) .column p>a.download-icon:after {
content: "";
position: relative;
align-items: center;
background-color: var(--primary);
width: 15px;
height: 15px;
display: inline-block;
margin-left: 10px;
-webkit-mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
transform: rotate(135deg);
}
/* .transparent-color-row:not(#gm-canvas .transparent-color-row) {
display: flex;
gap: 2em 0;
justify-content: space-between;
--gap: 0px;
}
.transparent-color-row:not(#gm-canvas .transparent-color-row)::before {
display: none;
}
@media (max-width: 767px) {
.transparent-color-row:not(#gm-canvas .transparent-color-row) {
flex-direction: column;
gap: 0;
padding: 0 15px;
}
} */
main:is(#homepage-main, #subpage-main) .full-width>.column.content-text-wrap {
padding: 30px;
}
@media (max-width: 767px) {
main:is(#homepage-main, #subpage-main) .full-width>.column.content-text-wrap {
padding: 30px 15px;
}
}
/* Left Box */
.left-box {
display: grid;
grid-template-columns: 33.3% 66.6%;
}
.left-box::before,
.left-box::after {
display: none;
}
.left-box>.column {
width: unset;
}
/* main:is(#subpage-main, #mms-main)>.row.left-box {
padding-right: 30px;
} */
main:is(#subpage-main, #mms-main)>.row.left-box .column:first-of-type {
padding: 45px 30px;
margin-right: 75px;
/* width: calc(33.33333333% - 75px); */
background: var(--lighter-accent);
}
@media (max-width: 767px) {
main:is(#subpage-main, #mms-main)>.row.left-box .column:first-of-type {
padding: 45px 30px !important;
}
}
main:is(#subpage-main, #mms-main)>.row.left-box .column:first-of-type h2 {
font-size: 25px;
font-weight: 700;
font-family: var(--font-body);
}
main:is(#subpage-main, #mms-main)>.row.left-box .column:first-of-type p>a:not(.button-link):after {
content: "";
position: relative;
align-items: center;
background-color: var(--primary);
width: 15px;
height: 15px;
display: inline-block;
margin-left: 10px;
-webkit-mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
}
@media (max-width: 991px) {
.left-box {
grid-template-columns: 100%;
}
/* main:is(#subpage-main, #mms-main)>.row.left-box {
padding: 15px;
} */
main:is(#subpage-main, #mms-main)>.row.left-box .column:first-of-type {
margin-right: 0px;
width: 100%;
}
}
/* Accordion-Row */
.background-row:not(#mycanvas .background-row).light-green.accordion-row::before {
background: rgb(from var(--secondary) r g b / 0.20);
}
.accordion-row .column .x_accordion {
margin-bottom: 0px;
background-color: white;
}
@media (min-width: 991px) {
.accordion-row .column:last-of-type .x_accordion {
margin-right: -15px;
}
}
.accordion-row.background-row.light-green .column .x_accordion {
background-color: #f2fcf2;
}
.accordion-row .column .x_accordion>.x_accordion-header {
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 1em;
}
.accordion-row .column .x_accordion>.x_accordion-header p {
font-size: 36px;
}
.accordion-row .column .x_accordion:not(.x_accordion:not([open]):last-child, .x_accordion:has(+ script)) .x_accordion-header {
border-bottom: 0px;
}
.accordion-row .column :is(.x_accordion[open]:last-child, .x_accordion[open]:has(+ script)) .x_accordion-header {
border-bottom: 1px solid transparent;
}
.accordion-row .column .x_accordion:not(.x_accordion ~ .x_accordion) {
margin-top: 2em;
}
.accordion-row .column .x_accordion>.x_accordion-content {
border: 1px solid rgba(0, 0, 0, 0.2);
}
.accordion-row .column .x_accordion:not(:last-of-type)>.x_accordion-content {
border-bottom: 0px;
}
.accordion-row .column .x_accordion>.x_accordion-header .gjs-plg-accordion-marker {
position: relative;
width: 45px;
height: 45px;
}
.accordion-row .column .x_accordion>.x_accordion-header .gjs-plg-accordion-marker:before,
.accordion-row .column .x_accordion>.x_accordion-header .gjs-plg-accordion-marker:after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 45px;
height: 2px;
background: currentColor;
border-radius: 2px;
transition: transform .25s ease;
}
.accordion-row .column .x_accordion>.x_accordion-header .gjs-plg-accordion-marker:before {
transform: translateY(-50%);
}
.accordion-row .column .x_accordion>.x_accordion-header .gjs-plg-accordion-marker:after {
transform: translateY(-50%) rotate(90deg);
}
.accordion-row .column .x_accordion[open]>.x_accordion-header .gjs-plg-accordion-marker::after {
transform: translateY(-50%) rotate(0deg);
}
.accordion-row .column .x_accordion>.x_accordion-header .gjs-plg-accordion-marker svg {
display: none;
}
.accordion-row .x_accordion-content {
padding: 20px 15px 10px;
}
#subpage-main .table-reg-row table {
max-width: 100%;
margin-bottom: 2em;
}
#subpage-main .table-reg-row table tbody>tr:nth-of-type(even) {
background: transparent;
border: 0px solid rgba(0, 0, 0, 0.2);
}
#subpage-main .table-reg-row table tr.x_table_row:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-left: 0px;
border-right: 0px;
font-weight: 700;
font-size: 25px;
}
#subpage-main .table-reg-row table tr.x_table_row {
border-left: 0px;
border-right: 0px;
}
#subpage-main .table-reg-row table tr.x_table_row:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#subpage-main .table-reg-row table tr.x_table_row:first-child+tr p {
margin-top: 1em;
}
#subpage-main .table-reg-row table tr.x_table_row:first-child p {
padding-top: 0.5em;
padding-bottom: 0.5em;
font-weight: 700;
font-size: 25px;
}
#subpage-main .table-reg-row table tr.x_table_row p {
font-size: 25px;
padding-left: 15px;
}
@media (max-width: 767px) {
#subpage-main .table-reg-row table tr.x_table_row p {
padding-right: 15px;
}
}
#subpage-main .table-reg-row table tr.x_table_row:last-child p {
padding-bottom: 1.5em;
}
.table-reg-row .button-link {
margin-bottom: 2.5em;
}
#subpage-main .table-reg-row .column p>a:not(.button-link) {
text-transform: none;
margin-top: 1.25em;
display: block;
}
.sponsors-row>.column>.row .column img {
width: 100%;
max-width: 100%;
margin-bottom: 1em;
}
.sponsors-row p>a:not(.button-link):after {
content: "";
position: relative;
align-items: center;
background-color: var(--primary);
width: 15px;
height: 15px;
display: inline-block;
margin-left: 10px;
-webkit-mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
transform: rotate(135deg);
}
.box-arrow-row:not(#gm-canvas .box-arrow-row) {
padding: 0;
}
.box-arrow-row:not(#gm-canvas .box-arrow-row).background-row.light-purple::before {
background: #E6E3FF;
}
.box-arrow-row:not(#gm-canvas .box-arrow-row)>.column {
padding-right: 0;
}
.box-arrow-row:not(#gm-canvas .box-arrow-row) .row {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-left: 1px solid rgba(0, 0, 0, 0.2);
margin-inline: 0;
padding-inline: 0;
}
.box-arrow-row:not(#gm-canvas .box-arrow-row) .row:before {
display: none;
}
.box-arrow-row:not(#gm-canvas .box-arrow-row) .row>.column {
width: 100%;
border-right: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 1em 1em 2em;
display: flex;
flex-direction: column;
}
.box-arrow-row:not(#gm-canvas .box-arrow-row) .row>.column:has(a)::before {
content: "";
position: relative;
align-items: center;
background-color: var(--primary);
width: 35px;
height: 35px;
display: inline-block;
-webkit-mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
align-self: flex-end;
margin-bottom: 7em;
}
.box-arrow-row:not(#gm-canvas .box-arrow-row) .row>.column h2 {
font-size: 45px;
}
.box-arrow-row:not(#gm-canvas .box-arrow-row) .row>.column h2 a {
font-family: var(--font-heading);
text-decoration: none;
}
.box-arrow-row:not(#gm-canvas .box-arrow-row) .row>.column a:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.box-arrow-row:not(#gm-canvas .box-arrow-row) .row>.column {
transition: .125s background-color ease-in-out, .125s color ease-in-out;
}
.box-arrow-row:not(#gm-canvas .box-arrow-row) .row>.column:is(:hover, :focus) {
background: var(--accent);
transition: .125s background-color ease-in-out, .125s color ease-in-out;
}
.box-arrow-row:not(#gm-canvas .box-arrow-row) .row > .column:not(:has(a)):is(:hover, :focus) {
transition: none;
background: transparent;
}
@media (max-width: 1200px) {
.box-arrow-row:not(#gm-canvas .box-arrow-row) .row {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.box-arrow-row:not(#gm-canvas .box-arrow-row) .row {
grid-template-columns: repeat(1, 1fr);
}
}
.background-row:not(#gm-canvas .background-row).role-requires-row .row:not(.row:last-child) {
margin-bottom: 4em;
}
.background-row:not(#gm-canvas .background-row).role-requires-row .column p>a:after {
content: "";
position: relative;
align-items: center;
background-color: var(--primary);
width: 15px;
height: 15px;
display: inline-block;
margin-left: 10px;
-webkit-mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
}
.background-row:not(#gm-canvas .background-row).role-requires-row .column p>a.download-icon:after,
.column p>a.download-icon:after {
transform: rotate(135deg);
}
/* main:is(#subpage-main, #mms-main) .row:not(.background-row,.full-width) .column>.row {
padding-top: 2em;
} */
main#subpage-main>.row .column ol li {
border-top: 1px solid rgba(0, 0, 0, 0.2);
padding-top: 12px;
margin-top: 12px;
}
/* Footer */
footer {
position: relative;
--left-third-width: calc((var(--page-width) * .333) + 1px - 10px);
}
footer>section.wrapper {
padding: 0px 15px;
}
footer>section.wrapper::before {
/* Right side down arrow */
content: "";
position: absolute;
align-items: center;
/* width: 475px; */
/* height: 475px; */
width: var(--left-third-width);
aspect-ratio: 1 / 1;
display: inline-block;
-webkit-mask: url(../images/bg-top-arrow.svg) no-repeat center / contain;
mask: url(../images/bg-top-arrow.svg) no-repeat center / contain;
z-index: 1;
bottom: auto;
/* left: 395px; */
/* left: calc(33.3% - (112px)); */
/* left: calc(33.3% - (((84.4px * 33.3%) / 344px) - 8px)); */
left: calc(var(--left-third-width) - (((84.4 / 344) * var(--left-third-width)) - 15px));
/* 344px is width of SVG by default and 84.4 is the width of the left bar of the svg - calculate the width based on that ratio depending on the overall width */
transition: delay 75s ease-in-out;
background-color: rgb(from var(--secondary) r g b / 0.10);
pointer-events: none;
}
footer>section.wrapper::after {
/* Left side up arrow */
content: "";
position: absolute;
align-items: center;
/* width: 485px;
height: 485px; */
width: var(--left-third-width);
aspect-ratio: 1 / 1;
display: inline-block;
-webkit-mask: url(../images/bg-bottom-arrow.svg) no-repeat center / contain;
mask: url(../images/bg-bottom-arrow.svg) no-repeat center / contain;
z-index: 1;
left: 15px;
bottom: 0;
transition: delay 75s ease-in-out;
background-color: rgb(from var(--secondary) r g b / 0.10);
pointer-events: none;
}
footer>section.wrapper>div#footer-top {
min-height: var(--left-third-width);
display: flex;
justify-content: center;
align-items: flex-end;
background: var(--primary);
color: #fff;
/* padding: 10rem 0px 30px; */
padding: 30px 0;
gap: 10rem 30px;
font-size: inherit;
font-family: inherit;
margin-top: 0px;
flex-direction: column;
}
footer>section.wrapper>div#footer-bottom {
height: calc(var(--left-third-width) - ((((84.4 * var(--left-third-width)) / 344) - 0px)));
/* minus the same amount used for left position of top arrow */
/* display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 10rem 30px;
flex-direction: column; */
background: var(--primary);
color: #fff;
/* padding: 10rem 0px 30px; */
padding: 0 0 30px;
font-size: inherit;
font-family: inherit;
margin-top: 0px;
}
footer>section.wrapper>div::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: var(--side-margin);
right: var(--side-margin);
display: block;
z-index: -1;
background: var(--primary);
}
.footer-newsletter-wrap {
width: calc((var(--left-third-width) - 2px) * 2);
/* text-align: center; */
}
.footer-newsletter-wrap * {
color: #fff;
}
.footer-newsletter-wrap h2 {
text-transform: uppercase;
font-family: var(--font-body);
font-weight: 500;
font-size: 20px;
margin-bottom: 1.5em;
}
.footer-newsletter-wrap :is(#contact-form, #newsletter-form) {
display: flex;
gap: 2em;
justify-content: flex-start;
align-items: center;
}
.footer-newsletter-wrap :is(#contact-form, #newsletter-form) .form-group {
/* width: 100%; */
width: calc((var(--page-width) * .333) - 22px);
}
@media (max-width: 991px) {
.footer-newsletter-wrap :is(#contact-form, #newsletter-form) .form-group {
width: 100%;
}
}
.footer-newsletter-wrap .form-group:has(label[for="contactCaptcha"]) {
display: flex;
width: 100%;
gap: 0;
align-items: center;
}
.footer-newsletter-wrap :is(#contact-form, #newsletter-form) label[for="contactCaptcha"] {
width: auto;
padding: 0;
}
.footer-newsletter-wrap input.form-control {
background: transparent;
border: 0px;
border-bottom: 1px solid #fff;
border-radius: 0px;
padding: 0px;
outline: none;
box-shadow: none !important;
}
.footer-newsletter-wrap input.form-control::placeholder {
color: #fff;
opacity: 1;
}
.footer-newsletter-wrap input.form-control:is(:hover, :focus) {
outline: none;
border-bottom: 1px solid var(--secondary);
}
.footer-newsletter-wrap input.form-control:is(:hover, :focus)::placeholder {
color: var(--secondary);
}
.footer-newsletter-wrap :is(#contact-form, #newsletter-form) label:not(label[for="contactCaptcha"]) {
display: none;
}
.footer-newsletter-wrap :is(#contact-form, #newsletter-form) .form-group:has(.button-link) {
width: auto;
margin: 0;
padding: 0;
}
.footer-newsletter-wrap :is(#contact-form, #newsletter-form) .button-link.arrow-link {
padding: 0;
text-transform: uppercase;
font-weight: 700;
}
.footer-newsletter-wrap :is(#contact-form, #newsletter-form) .button-link.arrow-link:is(:hover,:focus) {
color: var(--secondary);
}
.footer-newsletter-wrap :is(#contact-form, #newsletter-form) .form-group .col-sm-offset-2.col-sm-10:has(.button-link) {
display: flex;
align-items: center;
margin-left: 0px;
padding: 0;
width: 100%;
}
/* .footer-newsletter-wrap :is(#contact-form, #newsletter-form) .form-group .col-sm-offset-2.col-sm-10:has(.button-link):after {
content: "";
position: relative;
align-items: center;
background-color: #fff;
width: 14px;
height: 14px;
display: inline-block;
margin-left: 10px;
-webkit-mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
mask: url(../images/arrow-link-icon.svg) no-repeat center / contain;
} */
.footer-newsletter-wrap :is(#contact-form, #newsletter-form) .form-group .col-sm-offset-2.col-sm-10:has(.button-link):is(:hover, :focus):after {
background-color: var(--secondary);
}
.footer-bottom-section {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0.25rem 0px;
width: 100%;
height: 100%;
position: relative;
}
.footer-bottom-section *:not(svg, path, rect, g) {
color: #fff;
}
.footer-bottom-section>div:not(#footer-contact-wrap) {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 30px;
}
.footer-bottom-section>*> :last-child:not(.social-list) {
margin-bottom: 0;
margin-top: auto;
}
.footer-logo-wrap {
padding-right: 15px;
}
.footer-logo-wrap h2 {
font-size: 25px;
font-weight: 500;
font-family: var(--font-heading);
}
.footer-logo-wrap svg.logo-img {
width: 230px;
position: relative;
top: -15px;
}
#footer-contact-wrap {
padding-right: 15px;
display: flex;
flex-direction: column;
gap: 5px;
}
footer address {
font-family: var(--font-body);
/* padding-right: 15px; */
}
footer a:is(:hover, :focus) {
color: var(--secondary);
}
footer .social-list {
margin-top: 0;
list-style-type: none;
padding-inline: 0;
margin-bottom: 0;
display: flex;
justify-content: space-between;
gap: 10px;
width: fit-content;
}
footer .social-list li {
display: inline-block;
line-height: 0;
}
footer .social-list li>a {
display: inline-block;
line-height: 0;
}
footer .social-list li>a svg {
color: white;
fill: white;
}
footer .social-list li>a:is(:hover, :focus) svg {
color: var(--secondary);
fill: var(--secondary);
}
footer .social-list svg rect {
display: none;
}
.footer-menu-links {
padding-right: 15px;
}
.footer-menu-links ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-menu-links ul li a {
font-size: 18px;
font-weight: 500;
font-family: var(--font-body);
}
@media (max-width: 991px) {
footer.wrapper {
padding: 0 15px;
}
footer.wrapper>div {
flex-direction: column;
gap: 5rem 30px;
}
footer>section.wrapper>div#footer-top {
padding-block: 60px;
align-items: center;
}
footer>section.wrapper>div#footer-bottom {
height: unset;
min-height: 610px;
}
.footer-bottom-section {
display: flex;
flex-direction: column-reverse;
}
.footer-newsletter-wrap .form-group:has(label[for="contactCaptcha"]) {
display: inline-block;
}
/* Arrows */
footer>section.wrapper::before {
/* Left side up arrow */
content: none;
}
footer>section.wrapper::after {
width: calc(var(--left-third-width) * 2);
/* max-width: calc(var(--left-third-width) - ((((84.4px * var(--left-third-width)) / 344px) - 0px) )); */
-webkit-mask: url(../images/bg-full-arrow.svg) no-repeat center / contain;
mask: url(../images/bg-full-arrow.svg) no-repeat center / contain;
}
}
@media (max-width: 767px) {
.footer-newsletter-wrap {
width: 100%;
}
.footer-newsletter-wrap :is(#contact-form, #newsletter-form) {
flex-direction: column;
gap: 1em;
}
.footer-newsletter-wrap .col-sm-12 {
padding-inline: 0;
}
}
/* Footer Horizontal Grid Line */
.footer-bottom-section:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 1px;
bottom: auto;
left: 0;
border-top: 1px solid rgba(252, 252, 252, 0.2);
z-index: 2;
right: 0;
/* top: 5px; */
top: -1px;
}
/*--------------------------------------------------------
Subpage Styles
--------------------------------------------------------*/
/* Events / Programs */
.image-row {
padding-block: 0;
display: flex;
flex-wrap: wrap;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.image-row+div {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.image-row .column:first-of-type {
padding: calc(var(--gap) / 2);
}
.image-row .column:last-of-type {
padding-right: 0;
}
.image-row .column:last-of-type img {
height: 100%;
width: 100%;
object-fit: cover;
}
/* @media (min-width: 991px) {
.image-row .column:last-of-type img {
width: calc(100% + (var(--side-margin) * -1.15) + var(--scrollbarWidth));
max-width: none;
}
} */
.white-green-row>.column>.row {
position: relative;
}
.white-green-row>.column>.row::before {
content: '';
position: absolute;
top: calc(var(--gap) * -1);
bottom: calc(var(--gap) * -1);
left: 15px;
right: calc(var(--side-margin) - var(--scrollbarWidth) - 15px);
display: block;
background: var(--light-secondary);
z-index: -2;
}
@media (max-width: 991px) {
.white-green-row>.column>.row::before {
left: calc(var(--side-margin) - var(--scrollbarWidth));
}
}
/* News Article Page */
#news-feed-row .row:first-child>.column:last-of-type {
text-align: right;
}
.date-column {
font-size: 28px;
}
.date-column p {
font-family: var(--font-heading);
}
.intro-row {
font-size: 28px;
line-height: 1;
}
.intro-row p {
font-family: var(--font-heading);
}
.quote-row {
font-size: 45px;
line-height: 1;
color: #010331;
}
.quote-row p {
font-family: var(--font-heading);
}
.quote-row>.column:first-child {
padding-top: calc(var(--gap) / 4);
border-left: 15px solid var(--dark-accent);
padding-left: 20px;
}
.highlight-row {
font-family: var(--font-heading);
font-size: 45px;
line-height: 1;
color: #010331;
}
.highlight-row p {
font-family: var(--font-heading);
}
/* Job Board */
#job-row .column {
margin-left: auto;
float: unset;
}
#job-row .classified-search-box {
display: none;
}
#job-row.accordion-row .column .x_accordion>.x_accordion-header p {
font-size: 20px;
}
#job-row.accordion-row .x_accordion {
margin-left: -1px;
}
#job-row.accordion-row .x_accordion h3 {
flex-grow: 1;
}
#job-row.accordion-row .x_accordion .ca-header-content {
min-width: 75px;
}
#job-row .x_accordion .ca-gray {
color: rgb(1, 3, 49, 0.6);
}
#job-row .classified-readmore a {
color: #fff;
border: none;
text-transform: capitalize;
font-weight: 500;
padding: .65em 1.65ch;
display: block;
width: fit-content;
margin: 1.25em 0;
transition: .125s background-color ease-in-out, .125s color ease-in-out;
line-height: 1;
text-decoration: none;
background-color: var(--primary);
border-radius: 0px;
white-space: nowrap;
}
#job-row .classified-readmore a:is(:hover, :focus) {
background-color: var(--primary);
color: var(--secondary);
text-decoration: none;
}
@media (max-width: 991px) {
#job-row.accordion-row .x_accordion-header {
flex-direction: column;
}
}
/* Individual Event - Spring Workshop */
/* 404 page */
main#subpage-main:has(#not-found-page) {
background: var(--primary);
color: #fff;
min-height: calc(100vh - var(--header-height));
}
main#subpage-main:has(#not-found-page):before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: calc(var(--side-margin) - 60px);
right: calc(var(--side-margin) - 60px);
display: block;
background: var(--primary);
}
main#subpage-main:has(#not-found-page) .row#not-found-page {
display: flex;
align-items: center;
}
main#subpage-main:has(#not-found-page) * {
color: #fff;
}
main#subpage-main:has(#not-found-page) .row#not-found-page .column:first-child {
padding-left: 4em;
}
main#subpage-main:has(#not-found-page) .column p.eyebrow {
font-size: 24px;
}
main:is(#subpage-main:has(#not-found-page))>.row:first-child .column h1 {
font-size: 70px;
font-family: var(--font-heading);
margin-top: 0.75em;
line-height: 1.2em;
}
main#subpage-main:has(#not-found-page) .column p:last-child,
main#subpage-main:has(#not-found-page) .column p:last-child * {
font-family: var(--font-heading);
font-size: 30px;
text-transform: none;
}
#not-found-page :is(svg, img) {
max-width: 100%;
height: auto;
}
body:has(#not-found-page) footer {
display: none;
}
@media (max-width: 767px) {
main#subpage-main:has(#not-found-page) .row#not-found-page {
flex-direction: column;
}
main#subpage-main:has(#not-found-page) .row#not-found-page .column:first-child {
padding-left: 15px;
}
main#subpage-main:has(#not-found-page) .row#not-found-page svg.not-found-icon {
width: 100%;
max-width: 100%;
}
}
/*--------------------------------------------------------
MMS Styling
--------------------------------------------------------*/
#mms-main *[face] {
font-family: inherit;
font-size: inherit;
}
#mms-main *[style*="erdana"],
#mms-main *[font-family*="erdana"],
/*^^Targets both elements with Verdana and verdana spec'd*/
#mms-main div,
#mms-main span:not([class^="fa"]),
/*Allows the Font Awesome icons in the Grid Editor to show*/
#mms-main td,
#mms-main tr,
#mms-main table,
#mms-main input,
#mms-main textarea,
#mms-main label
/*^^Styles are meant to overwrite the MMS styles that set everything to Verdana*/
{
font-family: inherit !important;
}
/*-----------Grid Page Editor-------------*/
#mycanvas a {
text-decoration: none;
}
#mycanvas a::before {
position: initial;
bottom: initial;
left: initial;
right: initial;
background: initial;
height: initial;
transition: initial;
display: initial;
z-index: initial;
}
/* Login Page */
main:has(#member-login) {
position: relative;
min-height: calc(100vh - var(--header-height));
}
main:has(#member-login)::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: calc(var(--side-margin) - 60px);
right: calc(var(--side-margin) - 60px);
display: block;
background-color: #BCF2B8;
background-image: url(../images/arrow-bg-icon.svg);
background-repeat: repeat-x;
background-position: -300px -150px;
background-size: 1202px 1002px;
}
main:has(#member-login)>.container>.row>div>div:first-child,
body:has(#mheader_5_wrapper article#member-login) footer {
display: none;
}
main:has(#member-login) .container #mheader_5_wrapper #member-login {
min-height: calc(100vh - var(--header-height));
}
/* #mms-main:has(#member-login) #mheader_5_wrapper {
min-height: calc(100vh - var(--header-height) var(--footer-height));
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} */
#member-login {
align-items: center;
width: fit-content;
margin-inline: auto;
position: relative;
}
#member-login::before {
content: '';
display: block;
position: absolute;
height: auto;
top: -25px;
bottom: -20px;
left: 0;
right: 0;
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: 1px solid rgba(0, 0, 0, 0.2);
z-index: 0;
}
#member-login #login-section {
width: fit-content;
margin-block: 90px;
z-index: 10;
}
#member-login h2 {
font-weight: 500;
font-size: 35px;
margin-bottom: 1.25em;
}
#member-login #login-form {
background-color: white;
padding: 32px 16px;
width: fit-content;
min-width: 400px;
}
#member-login #login-form .form-group {
position: relative;
}
#member-login #login-form .form-group:not(:last-child) {
margin-bottom: 32px;
}
#member-login #login-form .form-group:last-child {
margin-bottom: 0;
}
#member-login #login-form .form-group input:not(input[type="submit"]) {
padding: 12px 8px;
box-sizing: border-box;
border-radius: 0;
border: 0;
box-shadow: none;
border-bottom: 1px solid #000222;
}
#member-login #login-form .form-group input:not(input[type="submit"], input[type="password"], #mlogin-show-password, #mloginPassword) {
width: 100% !important;
}
#member-login #login-form .form-group input:not(input[type="submit"]):is(:focus) {
outline: 0;
box-shadow: none;
border-color: #000222;
}
#member-login #login-form .form-group input[type="password"],
#member-login #login-form .form-group input.short-input {
width: calc(100% - 22px) !important;
}
#member-login #login-form .form-group #mlogin-show-password {
bottom: 0;
top: auto;
margin-top: 0;
}
#member-login #login-form .form-group .show-password {
border-bottom: 1px solid #333;
padding-bottom: 5px;
height: 25px;
width: 21px;
vertical-align: bottom;
margin-left: -5px;
}
#member-login #login-form .form-group label {
color: #000222;
background: white;
padding: 0 4px;
font-weight: 500;
}
/* #member-login #login-form .form-group label {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
transition: all 0.125s ease-out;
opacity: 1;
display: block;
}
#member-login #login-form label:has(+ input:focus),
#member-login #login-form label:has(+ input:placeholder-shown){
opacity: 0;
display: none;
} */
#member-login #login-form input[type="submit"] {
color: #fff;
border: none;
text-transform: capitalize;
font-weight: 500;
font-size: 16px;
padding: .65em 1.65ch;
display: block;
width: fit-content;
margin: 0 0 32px;
transition: .125s background-color ease-in-out, .125s color ease-in-out;
line-height: 1;
text-decoration: none;
background-color: #000222;
border-radius: 0px;
white-space: nowrap;
}
#member-login #login-form input[type="submit"]:is(:hover, :focus) {
background-color: #000222;
color: #BCF2B8;
text-decoration: none;
}
#member-login #login-form .form-group:has(input[type="submit"]) a {
display: block;
color: black;
}
@media (max-width: 500px) {
#member-login #login-form {
min-width: unset;
}
}