/* Variables and color schemes */

:root {

    --primary: #2A7EA2;
    --blue: #2A7EA2;
    --secondary: #6FC1DF;
    --light-blue: #6FC1DF;
    --dark: #292F36;
    --dark-blue: #292F36;
    --light: #F8FBF6;
    --light-grey: #F8FBF6;

    --primary-tint: #d5e8f0;
    --secondary-tint: #ecf7fa;
    
    --font-header: 'Montserrat', 'Helvetica', sans-serif;
    
    --transition-speed: .3s all ease-in-out;
    --header-height_desktop_wide: 145px; 
    --header-height_desktop: 145px; 
    --header-height_mobile: 15px;    
    
    --line-width: 2px;
    
    --site-width-cap: 1200px;
    --site-text-width-cap: 900px;
    --site-margin: 30px;
    
    --line-height: 1.6;
    --line-height_header: 1.2;
    
    --image-cap: 2000px;
    
    --footer-bg: url('../images/EKO-Footer-BG.jpg');
    --footer-overlay-opacity: .5;
    
    
    }
    
    /* MEDIA QUERY REFRENCE #MQ
    
    small: 400px
    medium: 500px
    natural from theme mobile menu switchover: 560px
    tabet: 768px
    desktop: 950px
    xlarge: 1400px
    2xl: 2000px
    
    
    */
    
    /* OVERRIDES */
    .wp-block-group a, .wp-block-cover a, .wp-block-cover-image a, .wp-block-media-text a, p:not(.site-title) a {text-decoration: none;}
    .wp-block-quote p, .wp-block-quote[style*="text-align:center"] p, .wp-block-quote[style*="text-align:right"] p {font-family: var(--font-header);}
    .responsive-max-width, .entry-content > .wp-block-button.aligncenter, hr.wp-block-separator.is-style-wide, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment), .entry-content > :not(.wp-block-button), .entry-content [class*="inner-container"] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {max-width: none; margin-left: 0; margin-right: 0;}
    
    .site-footer > *, /* .site-main > article > *, */ .site-main > .not-found > *, .entry-content > *, .entry-content-child, .wp-block-premium-content-container .wp-premium-content-logged-out-view > *, .wp-block-premium-content-container .wp-block-premium-content-subscriber-view > *, [class*="inner-container"] > *, .widget-area > * {margin-top: unset; margin-bottom: unset;}
    
    .has-primary-background-color, .has-primary-background-color.has-background-dim {background-color: var(--primary);}
    .has-primary-background-color:hover, .has-primary-background-color.has-background-dim:hover {background-color: var(--dark-blue); opacity: 1;}
    
    button[data-load-more-btn], .button, button, input[type="submit"], .wp-block-button__link, .wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
        letter-spacing: .2rem; font-family: var(--font-header); font-weight: 600; padding: 1rem 2rem;
    }

    .has-foreground-dark-background-color, .has-foreground-dark-background-color.has-background-dim {background-color: var(--dark); color: var(--light);}
    .has-foreground-dark-background-color:hover, .has-foreground-dark-background-color.has-background-dim:focus, .has-foreground-dark-background-color:focus, .has-foreground-dark-background-color.has-background-dim:hover {color: #111111; background-color: var(--secondary); }
    /* DEBUGS and PLACEHOLDER */

    .placeholder {color: red;}

    .anchor-point {position: relative; display: block; visibility: hidden; top: -150px;}

    /* swiper overrides */
    .swiper-pagination-bullet {margin: 0 calc(var(--site-margin) / 4);}
    .swiper-pagination-bullet-active {background: var(--primary);}
    
    .testimonials .swiper-pagination-bullets {margin-bottom: var(--site-margin); }

    .testimonials--swiper-navigation {width: 100%; position: relative; min-height: 50px; text-align: right;}

    .testimonials--swiper-navigation .swiper-button-prev, .testimonials--swiper-navigation .swiper-button-next {display: inline-block; position: relative; width: 125px;  transform: translateX(0); transition: .2s all ease-in-out;}
    .testimonials--swiper-navigation .swiper-button-prev::after, .testimonials--swiper-navigation .swiper-button-next::after {
        background-repeat: no-repeat; color: transparent; width: 100%; background-size: contain; display: block; margin-right: 10px; background-position: 50% 100%; 
    }

    .testimonials--swiper-navigation .swiper-button-prev::after {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDgwIDMwMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyNzhiYjM7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEzOS4yOSwxNjQuMWwyMDkuMyw3Ni4xN2ExNSwxNSwwLDAsMCwxOS4yMi05aDBhMTUsMTUsMCwwLDAtOS0xOS4yMkwyMjkuNDksMTY1SDkzNS41OGExNSwxNSwwLDEsMCwwLTMwSDIyOS40OUwzNTguODUsODcuOTNhMTUsMTUsMCwwLDAsOS0xOS4yMXYwYTE1LDE1LDAsMCwwLTE5LjIzLTlMMTM5LjI5LDEzNS45MkMxMjYuMTMsMTQwLjcxLDEyNi4xMywxNTkuMzEsMTM5LjI5LDE2NC4xWiIvPjwvZz48L3N2Zz4=); }
    .testimonials--swiper-navigation .swiper-button-next::after {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDgwIDMwMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyNzhiYjM7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTk0MC43MSwxMzUuOSw3MzEuNDEsNTkuNzNhMTUsMTUsMCwwLDAtMTkuMjIsOWgwYTE1LDE1LDAsMCwwLDksMTkuMjJMODUwLjUxLDEzNUgxNDQuNDJhMTUsMTUsMCwxLDAsMCwzMEg4NTAuNTFMNzIxLjE1LDIxMi4wN2ExNSwxNSwwLDAsMC05LDE5LjIxdjBhMTUsMTUsMCwwLDAsMTkuMjMsOWwyMDkuMjktNzYuMTlDOTUzLjg3LDE1OS4yOSw5NTMuODcsMTQwLjY5LDk0MC43MSwxMzUuOVoiLz48L2c+PC9zdmc+);}

    .testimonials--swiper-navigation .swiper-button-prev:hover {transform: translateX(-1rem);}
    .testimonials--swiper-navigation .swiper-button-next:hover {transform: translateX(1rem);}
    


    .lock {overflow: hidden;}
    
    
    body {font-family: var(--font-header); overflow-x: hidden;}
	#page {overflow-x: hidden;}
    
    
    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, ol, ul, div, span, a {font-family: var(--font-header);}
    
    .btn, input[type="submit"], button {background-color: var(--primary); color: var(--light); text-transform: uppercase; font-weight: 700; letter-spacing: 3px; transition: var(--transition-speed);padding: calc(var(--site-margin) / 4) calc(var(--site-margin) / 2); display: block; text-align: center; width: max-content; margin: var(--site-margin) auto;}
    


    .btn:hover, input[type="submit"]:hover, button:hover, .btn:focus, input[type="submit"]:focus, button:focus {background-color: var(--dark); color: var(--light); }
    
    input[type="submit"]:disabled {cursor:not-allowed; background-color: #404040; opacity: 0.25;}
    input[type="submit"]:disabled:hover, input[type="submit"]:disabled:focus {background-color: #404040; cursor:not-allowed;}

    .ghost {background-color: transparent; border: 3px solid var(--light);} 
    .ghost.dark {border-color: var(--dark); color: var(--dark);}
    
    .ghost:hover, .ghost:focus {background-color: var(--light); color: var(--dark);}
    
    /* color classes */
    
    .primary {color: var(--primary);}
    .secondary {color: var(--secondary);}
    .dark {color: var(--dark);}
    .light {color: var(--light);}
    
    .primary-bg {background-color: var(--primary);}
    .secondary-bg {background-color: var(--secondary);}
    .dark-bg {background-color: var(--dark);}
    .light-bg {background-color: var(--light);}
    
    
    /* Typography */
    
    body, p, ol, ul, div, section, span, table, a, h1, h2, h3, h4, h5, h6 {color: var(--dark); }
    body, p, ol, ul, div, section, span, table {line-height: var(--line-height);}
    p, ol, ul {max-width: var(--site-text-width-cap);}
    
    h1, h2, h3, h4, h5, h6 {margin-bottom: calc(var(--site-margin) / 2); }
    h1, h2, h3, h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {line-height: var(--line-height_header);}
    
    h1, .h1 {font-size: 3rem;}
    h2, .h2 {font-size: 2.4rem;}
    h3, .h3 {font-size: 1.9rem;}
    h4, .h4 {font-size: 1.5rem;}
    h5, .h5, .subtitle {font-size: 1.25rem;}
    h6, .h6 {font-size: 1rem;}
    
    a, p a {text-decoration: none; transition: var(--transition-speed);}
    p a, h6 a {border-bottom: var(--line-width) solid var(--primary);}
    a:hover, a:focus, p a:hover, p a:focus {color: var(--primary);}
    
    .dark-bg h1, .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg a, .dark-bg p a {color: var(--light);}
    .dark-bg p a:hover, .dark-bg p a:focus, .dark-bg a:hover, .dark-bg a:focus {color: var(--primary);}
    
    .text-link {border-bottom: var(--line-width) solid var(--primary); font-weight: 700; margin-top: var(--site-margin);display: block; width: max-content;}
    .text-link.large {font-size: 1.2rem;}
    
    blockquote, blockquote p {padding: 0; font-style: italic; font-size: 1rem; line-height: 1.3;}
    
    .mission {padding: var(--site-margin) 0 0; margin-bottom: 0;}
    
    .subtitle {letter-spacing:.15rem; text-transform: uppercase; color: var(--primary);}

    @media screen and (max-width: 600px) {

        h4, .h4 {font-size: 1.4rem;}
        .mission {margin-top: 0;}

    }

    /* Header and Preheader */
    
    #masthead {border-bottom: 0px solid transparent; z-index: 999;}
    #masthead .site-header-wrapper {justify-content: space-between;}
    .site-header {padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; position: -webkit-sticky; position: sticky; top: 0;}
    .preheader {width: 100%; text-align: center; color: var(--dark); background-color: var(--secondary); text-transform: uppercase; font-weight: 700; letter-spacing: 5px; font-size: .7rem;}
    .preheader, .preheader a {transition: .3s all ease-in-out;}
    .preheader:hover, .preheader:focus {background-color: var(--dark); color: var(--secondary);}
    .preheader a {display: block; width: 100%;}
    .preheader:hover a, .preheader:focus a {cursor: pointer; color: var(--secondary);}
    .preheader input {margin: 0;background-color: transparent;text-align: center;width: 100%;border-radius: 0; color: var(--dark);}
    .preheader input:hover, .preheader input:focus {color: var(--secondary);}
    
    .site-header > * {margin-top: 0; margin-bottom: 0;}
    .site-header .site-header-wrapper {background-color: var(--dark); padding: 10px; margin-top: 0;}
    .site-header .site-header-wrapper .site-branding {max-width: 300px;}
    #masthead .site-header-wrapper .site-branding .site-logo, #masthead .site-header-wrapper .site-branding .site-logo a h1 {margin-bottom: 0;}
    
    @media screen and (max-width: 1226px) {
        .site-header .site-header-wrapper .site-branding {max-width: 250px;}
        .site-header .site-menu {width: calc(100% - 250px); text-align: right;}
        .main-navigation > div > ul {justify-content: flex-end;}
    
    }
    
    @media screen and (min-width: 768px) and (max-width: 900px) {
        .site-header .site-header-wrapper .site-branding {max-width: 199px;}
        .site-header .site-menu {width: calc(100% - 199px);}
    }
    
    @media only screen and (min-width: 560px) {
        .main-navigation > div {display: none;}
    }
    
    @media only screen and (min-width: 850px) {
        .main-navigation > div {display: inline-block;}
    }
    
    @media screen and (max-width: 849px) {
    
        .preheader a {letter-spacing: 3px;}
    
        #masthead .site-header-wrapper .site-branding .site-logo, .preheader  {position: relative; z-index: 999;}
        #masthead .site-header-wrapper .site-branding .site-logo img {max-width: 200px; height: auto; display: flex;}
    
    }
    
    /* Main Manu Nav */
    .main-navigation a {font-family: var(--font-header); text-transform: uppercase; letter-spacing: 3px; font-size: .7rem; transition: var(--transition-speed);}
    body:not(.fse-enabled) .main-navigation a {font-size: .65rem;}
    .main-navigation a:link, .main-navigation a:visited {color: var(--light);}
    .main-navigation a:hover, .main-navigation a:focus, body:not(.fse-enabled) .main-navigation a:hover, body:not(.fse-enabled) .main-navigation a:focus {color: var(--secondary);}
    
    
    #masthead .site-header-wrapper .main-navigation ul li a::after {color: var(--secondary);}
    .main-navigation > div > ul > li > .sub-menu {background-color: var(--dark); text-align: left;}
    #masthead .site-header-wrapper .main-navigation ul li ul li {border: 0px solid transparent;}
    #masthead .site-header-wrapper .main-navigation ul li ul li:first-child {border-top: 0px solid transparent;}
    .main-navigation > div > ul > .menu-item-has-children > a::after {content: "\00a0\00002b";}
    #masthead .site-header-wrapper .main-navigation ul li ul li a::before {content: "";}
    
    #masthead .site-header-wrapper .main-navigation ul li.current-menu-item > a {border-color: var(--light-blue); color: var(--light); }
    #masthead .site-header-wrapper .main-navigation ul li.current-menu-item ul li a:hover, #masthead .site-header-wrapper .main-navigation ul li.current-menu-item ul li a:focus {color: var(--secondary);}
    
    
    @media screen and (max-width: 1226px) {
        body:not(.fse-enabled) .main-navigation a {letter-spacing: .1rem;}
    }
    @media screen and (min-width: 850px) and (max-width: 1124px) {
    
        #masthead .site-header-wrapper .main-navigation ul li {max-width: 210px; text-align: left;}
        #masthead .site-header-wrapper .main-navigation ul li ul li {max-width: none;}
    }
    @media screen and (max-width: 1084px) {
        #masthead .site-header-wrapper .main-navigation ul li {max-width: 120px;}
}

    @media screen and (max-width: 1000px) {
        body:not(.fse-enabled) .main-navigation {padding-left: 1rem;}
        #masthead .site-header-wrapper .main-navigation ul li {max-width: 100px;}
        body:not(.fse-enabled) .main-navigation a {font-size: .6rem;}
    }
    
    @media screen and (min-width: 850px) {
        .main-navigation > div > ul > li > .sub-menu {padding: 20px;}
    }
    
    @media screen and (max-width: 849px) {
        .main-navigation > div > ul > .menu-item-has-children > a::after {font-size: 1rem;}
        #masthead .site-header-wrapper .main-navigation ul li:hover ul {left: 0; right: 0;}
        .main-navigation > div > ul > li > .sub-menu {padding: 0rem;}
        #masthead .site-header-wrapper .main-navigation ul li ul li a {padding: 0.5rem;}
        #masthead .site-header-wrapper .main-navigation ul li ul li a:hover, #masthead .site-header-wrapper .main-navigation ul li ul li a:focus {color: var(--secondary);}
        #masthead .site-header-wrapper .main-navigation ul li ul li:first-child {padding-top: 0;}
    
        .main-navigation ul li ul.sub-menu {border-radius: 0px; /* border: var(--line-width) solid var(--primary); */ text-align: left; transition: .2s all ease-in-out;}
        #masthead .site-header-wrapper .main-navigation ul li ul li:first-child {border-top-width: 0px}
        .main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {margin-top: initial;}
    }
    
    /* Main Menu Style (Mobile) */
    
    
    @media screen and (max-width: 849px) {
    
        #masthead .site-header-wrapper .main-navigation {position: absolute; right: 0; top: 25px;}
    
        /* Submenu Specific */
    
        #masthead .site-header-wrapper .main-navigation ul li {max-width: none;}
       /* #masthead .site-header-wrapper .main-navigation ul li ul {border: var(--line-width) solid var(--primary);} */
        #masthead .site-header-wrapper .main-navigation ul li ul li a {font-size: 1rem;}
        #masthead .site-header-wrapper .main-navigation ul li ul li a::before {content: "— ";}
        #masthead .site-header-wrapper .main-navigation ul li ul li:first-child {border-top: 0px solid transparent; padding-top: 0;}
    
        /* General */
    
        .main-navigation > div > ul {text-align: left; max-width: 90%; margin: 0 auto; flex-direction: column; }
        .main-navigation ul.main-menu li a {text-transform: none;font-size: 1.2rem;letter-spacing: 0.05rem;}
        /* .main-navigation ul.main-menu ul.sub-menu {max-height: 0; overflow: hidden; transition: var(--transition-speed);}
        .main-navigation ul.main-menu li a[aria-haspopup='true']:hover + ul.sub-menu, ul.sub-menu:hover  {max-height: 300px;} */
        #masthead .site-header-wrapper .main-navigation ul li {margin: 0 0 0.5rem;}
    
        /* Deals w/ opening / closing of submenus */
    
        #masthead .site-header-wrapper .main-navigation ul li a + .sub-menu {overflow-x: hidden;}
        #masthead .site-header-wrapper .main-navigation ul li a[aria-expanded="false"] + .sub-menu {max-height: 0;}
        #masthead .site-header-wrapper .main-navigation ul li a[aria-expanded="true"] + .sub-menu {max-height: 300px;}
    
    
    }
    
    
    
    /* Menu Open / Close Toggle Lines */
    
    
    .main-navigation #toggle-menu {background-color: transparent;}
    .main-navigation #toggle-menu .dropdown-icon {position: absolute; right: 1px; top: 8px;}
    .main-navigation .dropdown-icon.close {display: inline-block; margin-top: 6px;}
    
    .main-navigation #toggle-menu .dropdown-icon .patty {display: block; width: 30px; margin-bottom: 6px; background-color: var(--light); height: calc(var(--line-width) / 2);}
    
    .main-navigation #toggle-menu .dropdown-icon.open .patty {transition: opacity 0.1s ease-in-out .2s, transform .2s ease-in-out;}
    .main-navigation #toggle-menu .dropdown-icon.close .patty {opacity: 0; pointer-events: none; display: block; transition: opacity .3s ease-in-out .2s, transform .1s ease-in-out; transform: rotate(0deg);}
    
    
    
    /* Menu Open Toggle 
    --HOVER STATES
    */
    .main-navigation #toggle-menu:hover .dropdown-icon.open .patty:first-of-type {transform: translateY(-2px);}
    /* .main-navigation #toggle-menu:hover .dropdown-icon.open .patty:nth-of-type(2) {} */
    .main-navigation #toggle-menu:hover .dropdown-icon.open .patty:last-of-type {transform: translateY(2px);}
    /* Menu Open Toggle 
    --Animation when Clicked
    */
    
    .main-navigation #toggle:checked + #toggle-menu .open {display: inline-block;  pointer-events: none; height: 0;}
    .main-navigation #toggle:checked + #toggle-menu .open .patty {opacity: 0; transition: transform .1s ease-in-out .2s, opacity .2s ease-in-out .3s;}
    .main-navigation #toggle:checked + #toggle-menu .open .patty:first-of-type {transform: translateY(7px);}
    .main-navigation #toggle:checked + #toggle-menu .open .patty:last-of-type {transform: translateY(-7px);}
    
    
    /* Menu Close Toggle */
    .main-navigation #toggle-menu .dropdown-icon.close .patty:first-of-type {transform: rotate(0deg); margin-bottom: 0;}
    .main-navigation #toggle-menu .dropdown-icon.close .patty:last-of-type {transform: rotate(0deg);}
    
    .main-navigation #toggle:checked + #toggle-menu .close {display: inline-block;}
    .main-navigation #toggle:checked + #toggle-menu .dropdown-icon.close .patty  {opacity: 1;}
    .main-navigation #toggle:checked + #toggle-menu .dropdown-icon.close .patty:first-of-type {transform: rotate(-45deg);}
    .main-navigation #toggle:checked + #toggle-menu .dropdown-icon.close .patty:last-of-type {transform: rotate(45deg);}
    .main-navigation #toggle:checked + #toggle-menu:hover .dropdown-icon.close .patty:first-of-type {transform: rotate(45deg);}
    .main-navigation #toggle:checked + #toggle-menu:hover .dropdown-icon.close .patty:last-of-type {transform: rotate(-45deg);}
    
    
    @media screen and (max-width: 849px) {
        .main-navigation #toggle-menu {display: inline-block; top: 0px; right: calc(var(--site-margin) / 2); z-index: 999; position: relative;}
        .main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {background-color: var(--dark); position: fixed; z-index: 998; padding-top: var(--header-height_mobile); left: 0; top: 0; width: 100%; width: 100vw; display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 60px 0;}
    
    
    }
    
    
    /* Footer */
     
    footer {position: relative; background-color: var(--dark); background-image: var(--footer-bg); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: calc(var(--site-margin) * 2); padding-bottom: calc(var(--site-margin) * 2);}
    .footer--content {max-width: var(--site-width-cap); display: flex;}
    .footer--overlay {background-color: var(--dark); position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; pointer-events: unset; opacity: var(--footer-overlay-opacity);}
    
    .footer--content > * {z-index: 1; margin: 0 var(--site-margin);}
    footer, .footer--content .footer--overlay {z-index: 0;}
    
    footer .footer--logo img {max-width: 250px; margin-top: -15px; /* This adjusts for EKO logo so that text lines up across footer */}
    
    footer p a {border-bottom: 0px solid transparent;}
    
    .footer--mission {max-width: 400px;}
    .footer--mission__main {font-weight: 700; color: var(--light); line-height: 1.33; max-width: 330px;}
    .footer--mission hr {border: 0px solid transparent; height: var(--line-width); width: 80%; background-color: var(--secondary); margin: var(--site-margin) 0; }
    .footer--mission__cta {color: var(--light); font-size: .7rem;}
    .footer--mission .btn {margin-left: 0; font-size: .5rem; border-width: calc(var(--line-width) / 2);}
    
    .footer--contact h5 {border-bottom: var(--line-width) solid var(--secondary); width: max-content;}
    .footer--contact h5, .footer--contact p, .footer--contact p a {color: var(--light); padding-bottom: 5px; font-size: .7rem; margin-top: 10px; font-weight: 700;}
    .footer--contact p a:hover, .footer--contact p a:focus {color: var(--secondary);}
    .footer--contact nav {margin-top: var(--site-margin); display: inline-block;}
    
    .footer--contact .legal-links {margin-top: calc(var(--site-margin) / 2); border-top: var(--line-width) solid var(--secondary);}
    .footer--contact .legal-links ul {list-style: none; padding-left: 0;}
    .footer--contact .legal-links ul li a {color: var(--light); font-weight: 800; font-size: .7rem;}
    .footer--contact .legal-links ul li a:hover, .footer--contact .legal-links ul li a:focus {color: var(--secondary);}
    
    .footer--contact .social-navigation svg {fill: var(--light); transition: var(--transition-speed);}
    .footer--contact .social-navigation a {color: var(--light); transition: var(--transition-speed);}
    .footer--contact .social-navigation a:hover, .footer--contact .social-navigation a:focus {color: var(--secondary);}
    .footer--contact .social-navigation a:hover svg, .footer--contact .social-navigation a:focus svg {fill: var(--secondary);}
    
    
    
    
    @media screen and (max-width: 768px) {
    
        footer .footer--content {flex-wrap: wrap;}
        footer .footer--logo, footer .footer--mission, footer .footer--contact {margin:  calc(var(--site-margin) / 2);}
        footer .footer--logo {flex-basis: 100%;}
        footer .footer--mission {flex-basis: 50%;} 
        footer .footer--contact {flex-basis: 40%;}
    
    }
    
    @media screen and (max-width: 500px) {
    
        
        .footer--content {flex-direction: column;}
        footer .footer--logo, footer .footer--mission, footer .footer--contact  {flex-basis: 100%;}
        .footer--logo {margin-bottom: var(--site-margin); 
            /* Adjustment for circular logo alignment; comment out if non-circle logo used */
            margin-left: calc(var(--site-margin) - 7px); }
    }
    
    
    @media screen and (max-width: 560px) {
    
    
    
    }
    

    /* Video and Media */

    .videoWrapper {
        width: 100%; max-width: 100%; padding-top: 56.25%; overflow: hidden; position: relative;
    }

    .videoWrapper iframe {max-width: 100%; width: 100%; position: absolute; top: 0; left: 0; height: 100%; border: 0;}
    

    .video-grid {
        display: flex; flex-wrap: wrap;
    }

    .video-grid--item {width: calc(33% - var(--site-margin)); margin: 0 calc(var(--site-margin) / 2) 1rem; background-color: var(--light); font-weight: 800; text-align: center; display: flex; align-items: center; justify-content: center; padding: var(--site-margin); transition: .3s all ease-in-out;}

    .video-grid--item:hover {background-color: var(--secondary-tint); color: var(--primary); cursor: pointer;}

    .additional-videos {margin-bottom: calc(var(--site-margin) * 2) !important;}

    @media screen and (max-width: 550px) {
        .video-grid--item {width: calc( 50% - (var(--site-margin) / 2)); margin: 0 calc(var(--site-margin) / 4) 1rem}
    }

    /* Main Content */
    .site-main > * {margin-top: 0; margin-bottom: 0; padding: 0 calc(var(--site-margin) / 2);}
    .site-main  {padding: var(--site-margin) 0 0;}

    .page-template-default #primary {padding-bottom: 4rem; min-height: 50vh;}

    /*.site-content {padding-top: var(--header-height_desktop_wide);} */
    
    /*
    @media screen and (max-width: 560px) {
    .site-content {padding-top: var(--header-height_mobile);}
    
    } */
    
    
    /* Formbuilder Stuff */
    
    .formBuilderForm div:first-of-type {display: flex; flex-wrap: wrap;}
    .formBuilderForm .formBuilderField {display: flex; flex-direction: column; width: 50%; padding-right: 1rem; margin-bottom: 1rem;}
    .formBuilderForm .formBuilderField .control-label {font-weight: 800; color: var(--dark);}
    .formBuilderForm input {width: 100%;}
    .formBuilderForm input[type="text"], .formBuilderForm textarea {background-color: #fafafa;border-radius: 0; border: 0px solid transparent; border-bottom: .25rem solid var(--secondary); }
    .formBuilderForm input[type="text"]:focus, .formBuilderForm textarea:focus {outline: 2px solid var(--secondary) !important;}
    .formBuilderField.large-text-area, .formBuilderForm .large-text-area textarea {width: 100% !important;}
    .formBuilderSubmit input[type="submit"] {padding: 0.5rem 2rem;}
    .formBuilderForm .formBuilderError {color: var(--primary); font-weight: 300; font-style: italic;}
    .formBuilderHelpTextToggle {display: none;}
    .formBuilderForm .formBuilderLabel, .formBuilderForm .formBuilderLabelRequired {width: auto;}
    .formBuilderInput.controls {position: relative;}
    #formBuilderFieldDescription {margin-top: 1rem;}
    #formBuilderFieldPreApproval_Request .formBuilderLabel.control-label label {padding-left: 2rem; width: auto !important;}
    .formBuilderLabel.control-label label[for="fieldformBuilderFieldPreApproval_Request"]:hover {cursor: pointer;}
    .formBuilderForm .formBuilderLabel, .formBuilderForm .formBuilderLabelRequired {width: auto !important;}
    .formBuilderForm input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 25px;
        width: 25px;
        top: -1.9rem;
    }

    /* Create a custom checkbox */
    .formBuilderForm .formBuilderCheckboxDescription {
        position: absolute;
        top: -1.9rem;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: var(--light);
        z-index: -1;
        border: 3px solid var(--secondary);
    }

    /* On mouse-over, add a grey background color */
    .formBuilderForm input[type="checkbox"]:hover ~ .formBuilderCheckboxDescription {
    background-color: #eee;
    }
  
  /* When the checkbox is checked, add a blue background */
  .formBuilderForm input[type="checkbox"]:checked ~ .formBuilderCheckboxDescription {
    background-color: var(--primary);
  }
  .formBuilderCheckboxDescription:after {content: ""; position: absolute; opacity: 0;}
  .formBuilderForm input[type="checkbox"]:checked ~ .formBuilderCheckboxDescription:after{
    left: 5.5px;
    top: 1.5px;
    width: 9px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 1;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

    @media screen and (max-width: 650px) {
        .formBuilderForm .formBuilderField {width: 100%;}
    }


    /* Homepage */
    
    .headline {max-width: var(--site-text-width-cap); margin: var(--site-margin) auto calc(var(--site-margin) * 2);}
    .headline p {font-weight: 600;}
    
    .hero-image { overflow: hidden; padding: 0;}
    .hero-image img {object-position: center center; object-fit: cover; max-height: 600px; width: 100%; display: block; max-width: var(--image-cap); margin: 0 auto; }
    

@media screen and (min-width: 1100px) {
    .hero-image img {object-position: 50% 33%; }
    
}

    
    :root {
        --uvp-icon-width: 200px;
    }
    
    
    .uvp {padding: calc(var(--site-margin) * 2) var(--site-margin);}
    .uvp__content {max-width: var(--site-width-cap); margin: 0 auto; padding: var(--site-margin);}
    .uvp__content-item {display: flex; margin: 2rem auto 0; align-items: center;}
    
    .uvp h2,  .uvp h3, .uvp p  {color: white;} 
    .uvp.light-bg h2,  .uvp.light-bg h3, .uvp.light-bg p  {color: var(--dark);}
    
    .uvp p {font-weight: 700;}
    
    .uvp .btn {margin: var(--site-margin) 0; background-color: transparent; border: 1px solid var(--light); font-size: 0.6rem;}
    .uvp .btn:hover, .uvp .btn:focus {background-color: var(--light); border-color: var(--dark); color: var(--dark);}

    .uvp__content-item--icon {position: relative;margin-right: 2rem; width: var( --uvp-icon-width); height: var( --uvp-icon-width); min-width: var( --uvp-icon-width);}
    .uvp__content-item--icon img {width: 100%; height:100%; object-fit: contain; object-position: center center; z-index: 2; position: relative;}
    .uvp__content-item--icon::after {position: absolute; z-index: 1; content:''; background-color: var(--light); top: calc(var( --uvp-icon-width) / 8); left: 50%; transform: translateX(-50%); width: calc(var( --uvp-icon-width) - 30px); height: calc(var( --uvp-icon-width) - 30px); border-radius: var( --uvp-icon-width); }
    .uvp__content-item--content {}
    
    @media screen and (max-width: 767px) {
    
        :root {
            --uvp-icon-width: 100px;
        }
    
    }
    
    @media screen and (max-width: 500px) {
    
        .uvp__content-item {flex-wrap: wrap; flex-direction: column; align-items: flex-start;}
        .uvp__content-item--icon {margin-left: -1rem;}
    
    }
    
    
    
    /* Content Sections */
    
    .photo-section {width: 100%;}
    .photo-section .section--wrapper {display: flex; align-items: center; justify-content: center; padding: calc(var(--site-margin) * 2); max-width: var(--site-width-cap); margin: 0 auto;}
    .photo-section .section--wrapper img:first-child, .photo-section .section--wrapper .section--content:first-child {margin-right: calc(var(--site-margin) * 2);}
    .photo-section img {border-radius: 100%; height: 300px; width: 300px; margin: 0 auto; border: calc(var(--line-width) * 4) solid var(--primary);}
    .photo-section .section--content { margin: 0;}
    .photo-section .section--content .btn {margin-left: 0; font-size: .7rem; margin: var(--site-margin) 0 0;}
    
    @media screen and (max-width: 768px) {
        .photo-section .section--wrapper {flex-wrap: wrap; flex-direction: column;}
        .photo-section .section--wrapper img:first-child, .photo-section .section--wrapper .section--content:first-child {margin-right: auto; margin-left: auto; margin-bottom: var(--site-margin);}
    }
    
    @media screen and (max-width: 500px) {
        .photo-section .section--wrapper {width: 100%; padding: var(--site-margin) 0;}
        .photo-section img {width: 250px; height: 250px}
    
    }
    
    /* Testimonials Section */
    
    
    .testimonials {background-color: var(--light); width: 100%; padding: calc(var(--site-margin) * 2) var(--site-margin) 0;}
    .testimonials h2, .testimonials h3 {color: var(--primary);}
    .testimonials--wrapper {max-width: var(--site-width-cap); margin: 0 auto; padding: calc(var(--site-margin) * 2);}
    .testimonials--testimonial-items {display: flex; align-items: flex-start; margin-top: calc(var(--site-margin) * 2);}
    .testimonials--testimonial-items blockquote {width: 50%; padding-right: calc(var(--site-margin) * 2);padding-left: calc(var(--site-margin) * 1); font-style: italic; position: relative; border-left: var(--line-width) solid var(--primary);}
    .testimonials--testimonial-items blockquote::before, .testimonials--slider blockquote::before {content: ''; position: absolute; top: 0; left: -0.5rem; background-image: url('../images/icons/EKO-quote-open.svg'); background-repeat: no-repeat; background-size: 1rem; width: 1.25rem; height: 1.25rem; background-color: var(--light);}
    .testimonials--testimonial-items blockquote cite, .testimonials--slider blockquote cite  {display: block; font-weight: 700; font-style: normal;margin-top: calc(var(--site-margin) * 2); color: var(--dark);}
    
    
    .testimonials--header {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
    .testimonials--header h3 {margin-top: 0 !important;}
    .testimonials--slider blockquote {padding-left: var(--site-margin); position: relative; border-left: var(--line-width) solid var(--primary);}

    @media screen and (max-width: 500px) {
        .testimonials--header, .testimonials--testimonial-items {flex-direction: column;}
        .testimonials--header {align-items: flex-start;}
        .testimonials--header h3 {margin-bottom: 0;}
        .testimonials--testimonial-items blockquote {width: 100%; padding-right: var(--site-margin); margin-bottom: var(--site-margin);}
        .testimonials--testimonial-items blockquote cite {margin-top: var(--site-margin);}
    }
    
    
    /* Quick Facts About EKO Section */
    
    .quick-facts {padding: 4rem 0; position: relative; background-color: var(--primary); background-image: url('../images/EKO-QF-BG-1.jpg'); background-position: bottom center; background-size: cover; background-repeat: no-repeat;}
    .quick-facts__bg-overlay {width: 100%; height: 100%; pointer-events: none; position: absolute; left: 0; top: 0; background-color: var(--primary); opacity: .8; z-index: 1;}
    .quick-facts__content {max-width: var(--site-width-cap); z-index: 2; position: relative; margin: 0 auto; padding:calc(var(--site-margin) * 2);}
    .quick-facts__content--item-wrapper {display: flex; margin-top: 3rem; justify-content: space-between;}
    .quick-facts__content--item {max-width: 25%; padding-right: calc(var(--site-margin) * 2);}
    
    .quick-facts h2, .quick-facts h3, .quick-facts p {color: white; font-family: var(--font-header);}
    .quick-facts h2 {max-width: 450px;}
    .quick-facts p {font-weight: 700;}
    
    
    @media screen and (max-width: 768px) {
    
    .quick-facts {padding: 2rem 0;}
    .quick-facts__content {padding: var(--site-margin);}
    .quick-facts__content--item {padding-right: calc(var(--site-margin) * 1); max-width: 50%; width: 50%; margin-bottom: var(--site-margin);}
    .quick-facts__content--item-wrapper {margin-top: 1rem; flex-wrap: wrap;}
    .quick-facts p {line-height: 1.3; font-size: 1rem;}
    
    }
    
    
    @media screen and (max-width: 500px) {
        .quick-facts__content--item-wrapper {flex-direction: column;}
        .quick-facts__content--item {max-width: 100%; width: 100%; margin-bottom: var(--site-margin);}
        .quick-facts h2, .quick-facts h3 {margin-bottom: 0;}
    
    }
    
    
    
    
    
    /* MAIN PAGE STYLES */
    
    
    .page:not(.home) .site-main, .page:not(.home) .site-content {padding-top: 0;}
    .page .site-main article {padding: 0;}
    
    .page .site-main article section.entry-header,  section.entry-header {margin: 0 0 var(--site-margin); padding: var(--site-margin) calc(var(--site-margin) / 2); background-size: cover; background-repeat: no-repeat; background-positioN: center center; position: relative; height: 200px; height: 20vh; display: flex;}
    .page .site-main article section.entry-header .entry-header__bg-overlay, section.entry-header .entry-header__bg-overlay {position: absolute; width: 100%; top: 0; left: 0; z-index: 1; background-color: var(--dark-blue); opacity: .2; height: 100%;}
    .page .site-main article section.entry-header :not(.entry-header__bg-overlay), section.entry-header :not(.entry-header__bg-overlay)  {position: relative; z-index: 2;}
    .page .site-main article section.entry-header h1, section.entry-header h1 {color: var(--light); width: 100%; max-width: var(--site-width-cap); margin: 0 auto; align-self: flex-end; position: relative; z-index: 3;}
    
    .entry-header.events-header {margin-top: 0; padding: var(--site-margin) calc(var(--site-margin) / 2);}
    .entry-header.events-header h1 {color: var(--light); max-width: var(--site-width-cap); margin: 0 auto;}

    .entry-content {max-width: var(--site-width-cap); padding: calc(var(--site-margin) / 2) calc(var(--site-margin) * 2);}
    .entry-content:first-of-type {margin-top: 0; padding-top: 0;}
    .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {margin-bottom: calc(var(--site-margin));}
    .entry-content h1, .entry-content h2, .entry-content h3 {margin-top: calc(var(--site-margin) * 3);}
    .entry-content p, .entry-content ol, .entry-content ul, .entry-content blockquote {max-width: var(--site-text-width-cap); margin-top: 0; margin-bottom: var(--site-margin);}
    
    .fullWidth {width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap;}
    .fullWidth--section {display: flex; align-items:center; justify-content: center; width: 100%; }

    .fullWidth--section.threequarters {width: 75%;}
    .fullWidth--section.twothirds {width: 67%;}    
    .fullWidth--section.half {width: 50%;}
    .fullWidth--section.third {width: 33%;}
    .fullWidth--section.quarter {width: 25%;}

    .fullWidth--section img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}

    @media screen and (max-height: 600px) {
        .page .site-main article section.entry-header {min-height: 200px;}
    }
    
    @media screen and (max-width: 600px) {
        .entry-content {padding: calc(var(--site-margin) / 2) calc(var(--site-margin) / 2);}
        .fullWidth {flex-direction: column; flex-wrap: wrap;}
        .fullWidth--section.half, .fullWidth--section.third, .fullWidth--section.twothirds, .fullWidth--section.threequarters, .fullWidth--section.quarter {width: 100%;}
    }


    /* About page items */

    .page-template-page_about .quick-facts {margin-top: 0; margin-bottom: 0;}
    .page-template-page_about h3 {margin-top: 0;}
    .page-template-page_about .fullWidth blockquote   { padding: 2rem;}
    .page-template-page_about .fullWidth blockquote p {font-weight: 800; font-style: normal;}

    
    /* Board Member Loop Styles */
    
    .board-members--member-cards {display: flex; flex-wrap: wrap; flex-direction: row;}
    .board-members--card {width: calc(33% - var(--site-margin)); border-radius: 30px; box-shadow: 2px 2px 5px rgba(50,50,50,.3); margin: var(--site-margin) calc(var(--site-margin) / 2 ); text-align: center; transition: .3s all ease-in-out;}
    .board-members--card:hover {transform: scale(1.05); cursor: pointer;}
.board-members--card {float: none; margin-left: auto; margin-right: auto;}
    .board-members--card img {width: 100%; margin: 0 auto; border-radius: 30px 30px 0 0;}
    .board-members--card__meta {padding: var(--site-margin);}
    .board-members--card h6 {color: var(--primary); margin: 0 auto calc(var(--site-margin) / 2); max-width: 75%; }
    .board-members--position, p.board-members--position {text-transform: uppercase; letter-spacing: .1rem; color: var(--pdark); font-size: .8rem; margin-bottom: 0; font-weight: 700;}
    
    
    .board-members--modal {display: none; position: fixed; pointer-events: none; top: 0; left: 0; width: 100%; height: 100vh; background-color: var(--dark); z-index: 999; align-items: center; justify-content: center; opacity: 0; transition: .3s opacity ease-in-out .1s;}
    .board-members--modal.is-visible {display: flex; pointer-events: all; opacity: 1;}
    .board-members--modal .close-button-wrapper {position: absolute; top: 1rem; right: 1rem; display: flex; align-items: center; justify-content: center;}
    .board-members--modal .close-button {color: var(--light); font-size: 4rem; transition: .3s all ease-in-out;}
    .board-members--modal .close-button:hover, .board-members--modal .close-button:focus {color: var(--primary);}
    .board-members--modal__wrapper {width: 80%; height: 80vh; max-width: 1200px; min-height: 600px; overflow-y: auto; padding: var(--site-margin) calc(var(--site-margin) * 4); background-color: var(--light); border-radius: 30px; box-shadow: 5px 5px 15px rgba(50,50,50,.3); display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}
    
    .board-members--modal__wrapper img {width: 200px; height: 200px; border-radius: 200px; margin: 0 auto var(--site-margin); object-fit: cover;}
    .board-members--modal h3 {color: var(--primary); margin-top: 0;}
    .board-members--modal__wrapper .board-members--position, .board-members--modal__wrapper p.board-members--position {margin-bottom: var(--site-margin);}
    .board-members--modal__bio {padding: 0 0 var(--site-margin);}
    
    
    @media screen and (max-height: 600px) {
        .board-members--modal__wrapper {max-height: 100vh; min-height: 0px;}
    }
    
    @media screen and (max-width: 767px) {
        .board-members--card {width: calc(50% - var(--site-margin));}
        .board-members--modal__wrapper {padding: var(--site-margin) calc(var(--site-margin) * 2);}
    }
    
    @media screen and (max-width: 500px) {
        .board-members--card {width: 100%;}
        .board-members--modal__wrapper {width: calc(100% - var(--site-margin)); margin: 0 auto; padding: calc(var(--site-margin) / 2);}
        .board-members--modal .close-button-wrapper {background-color: var(--primary); box-shadow: 2px 2px 5px rgba(50,50,50,.3); width: 4rem; height: 4rem; border-radius: 4rem; top: 2.5rem;}
        .board-members--modal .close-button:hover, .board-members--modal .close-button:focus {color: var(--dark);}
    }


    /* Donation page items */

    .donation-ctas {max-width: var(--site-width-cap); margin: 0 auto; margin-top: var(--site-margin); margin-bottom:  calc(var(--site-margin) * 2);padding: 0 1rem;}
    .donation-ctas p {margin-bottom: var(--site-margin);}
    .donation-cards {display: flex; flex-wrap: nowrap; width: 100%; margin: var(--site-margin) auto calc(var(--site-margin) * 2); align-items: center; }
    .card {position: relative; border-top: 0.5rem solid var(--primary); box-shadow: 2px 2px 5px rgba(50,50,50,.3); padding: 2rem; margin: 0 1rem; width: 33%;transition: all .2s ease-in-out; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 300px; overflow: hidden;}
    .card:hover, .card:focus {transform: scale(1.05);}
    .card:first-of-type {margin-left: 0;}
    .card:last-of-type {margin-right: 0;}
    .card h3 {font-size: 1.5rem;}
    .card img {filter: saturate(0); opacity: .5; max-width: 200px; max-height: 80px; object-fit: contain;}

    /* Adding code to make <form> ehave like <a> in PayPal donation card */

    .card form {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .card form input[type="submit"] {position: absolute; top: -2rem; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 999;}

    @media screen and (max-width: 768px) {
        .donation-cards {flex-wrap: wrap;}
        .card {width: 100%; margin: 0 1rem 1rem; height: 200px;}
        .card img {max-height: 50px; max-width: 125px;}
        .card:first-of-type {margin-left: 1rem;}
        .card:last-of-type {margin-right: 1rem;}
    }

    .donation-reasons {background-color: var(--light); width: 100vw; padding: var(--site-margin) 1rem; margin-bottom: calc(var(--site-margin) * 2);}
    .why-donate {display: flex; flex-wrap: wrap; margin: 0 auto; margin-top: var(--site-margin); margin-bottom:  calc(var(--site-margin) * 2); max-width: var(--site-width-cap);}
    .why-donate h2, .why-donate p:first-of-type {width: 100%;}
    .why-donate--item {width: calc(33% - var(--site-margin)); margin: 1rem calc(var(--site-margin) / 2); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center;}
    .why-donate--item img {width: 80px; height: 80px; object-fit: contain;}
    .tax-deductible {text-align: center; margin: 0 auto;}
    .box {background-color: var(--secondary); color: var(--dark); padding: 1rem; font-weight: 300; font-style: italic;}
    
    @media screen and (max-width: 650px) {
        .why-donate--item {width: calc(50% - var(--site-margin));}
        .why-donate--item:nth-of-type(odd) {margin-left: 0; margin-right: 0;}
        .why-donate--item:nth-of-type(even) {margin-right: 0; margin-left: var(--site-margin);}
    }

    @media screen and (max-width: 450px) {
        .why-donate--item {width: 100%; text-align: left;}
        .why-donate--item:nth-of-type(odd), .why-donate--item:nth-of-type(even) {margin: calc(var(--site-margin) / 2 ) auto;}
    }

    .ralphsModal, .videoModal {opacity: 1;top: 0;left: 0;width: 100vw;height: 100vh;position: fixed;z-index: 999;background-color: rgba(41, 47, 54,.8); pointer-events: all; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: .3s all ease-in-out;}
    .ralphsModal.modalClosed, .videoModal.modalClosed {opacity: 0; pointer-events: none;}
    
    .ralphsModal--inner, .videoModal--inner {padding: calc(var(--site-margin) * 2); display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: var(--light); width: 80%; max-width: 900px; position: relative; border-radius: 30px;}
    .ralphsModal--close, .videoModal--close {position: absolute; top: -0.5rem; right: -0.5rem; font-size: 2rem; padding: calc(var(--site-margin) / 2); width: 2rem; height: 2rem; border-radius: 2rem; box-shadow: 2px 2px 5px rgba(30,30,30,.4); background-color: var(--secondary); border: 2px solid var(--light); transition: .3s all ease-in-out;}
    .ralphsModal--close::after, .videoModal--close::after {content:'\0000d7'; position: absolute; top: -14px; left: 7px; color: var(--light); transition: .3s all ease-in-out;}
    .ralphsModal--close:hover, .videoModal--close:hover {border-color: var(--secondary); background-color: var(--dark); cursor: pointer;}
    .ralphsModal--close:hover::after, .videoModal--close:hover::after {color: var(--secondary);}


    .sponsors--corporate, .sponsors--personal {display: flex; flex-wrap: wrap;}
    .sponsors--corporate {border: 1px solid var(--primary); margin: calc(var(--site-margin) * 2) auto;}
    .sponsors--personal {margin-bottom: calc(var(--site-margin) * 3) !important;}
    .sponsors--title-wrap {width: 100%; margin-top: -1rem;}
    .sponsors--title-wrap h5 {width: max-content; max-width: 100%; text-transform: uppercase; letter-spacing: .4rem; font-size: 1rem; color: var(--primary); padding: 1rem; background-color: white;}
    .sponsors--corporate .sponsors--title-wrap h5 {margin-top: -13px; margin-left: 2rem;}
    .sponsor-card {margin: 0 calc(var(--site-margin) / 2); width: calc(33% - var(--site-margin)); text-align: center;height: 200px;display: flex;align-items: center;justify-content: center;}
    .sponsors--personal .sponsor-card {height: 100px; width: calc(25% - var(--site-margin)); background-color: #f6f6f6;margin-bottom: var(--site-margin);padding: calc(var(--site-margin) / 2);}
    .sponsor-card img {max-width: 250px; width: 90%;}
    .sponsor-card h3 {color: var(--dark); font-size: 1.2rem; margin-top: 0; margin-bottom: 0;}

    @media screen and (max-width: 920px) {
        .sponsors--personal .sponsor-card  {width: calc(33% - var(--site-margin));}
    }    

    @media screen and (max-width: 800px) {
        .sponsor-card {}
        .sponsor-card img {max-width: 200px;}
    }

    @media screen and (max-width: 768px) {
        .sponsors--personal .sponsor-card  {width: calc(50% - var(--site-margin));}
    }    

    @media screen and (max-width: 650px) {
        .sponsor-card {width: calc(50% - var(--site-margin)); height: 100px;}
        .sponsor-card img {max-width: 150px;}
    }

    @media screen and (max-width: 450px) {
        .sponsors--title-wrap h5  {max-width: 70%; margin-left: 1rem; }
        .sponsors--personal .sponsors--title-wrap h5 {margin-left: 0; padding-left: 0;}
    }

    @media screen and (max-width: 400px) {
        .sponsors--corporate .sponsor-card, .sponsors--personal .sponsor-card {width: 100%; text-align: left;}
        .sponsors--personal .sponsor-card {justify-content: flex-start; height: auto; margin-bottom: calc(var(--site-margin) / 2); margin-left: 0;}
    }



    /* Contact Page Styles */


    .contact-info--wrap {background-color: var(--light-grey); padding: 2rem 1rem 1rem;}
    .contact-info {display: flex; flex-wrap: wrap; }
    .contact-info h2 {width: 100%;}
    .contact-info--item {width: calc(33% - var(--site-margin)); display: flex; flex-direction: column; margin: 0 calc(var(--site-margin) / 2) !important;}
    .contact-info--item:first-of-type {margin-left: 0 !important;}
    .contact-info--item:last-of-type {margin-right: 0 !important;}
    .contact-info--item h4 {margin-bottom: calc(var(--site-margin) / 2);text-transform: uppercase;font-size: 1rem;letter-spacing: .2rem;color: var(--primary);}

    @media screen and (max-width: 650px) {

        .contact-info--item {width: 100%; margin: 0 !important;}
    }


    /* EVENTS */

    .entry-content.event-header h2 {margin-top: calc(var(--site-margin) * 2);}
    .entry-content.event-header h6 {padding: 1rem; background-color: var(--primary-tint);}
    .event-gallery {display: flex; flex-wrap: wrap;}
    .entry-content.event-gallery img {max-width: 100% !important; width: 100%; padding-bottom: calc(var(--site-margin) / 2); object-fit: cover; max-height: 400px;}
    .event-gallery h2 {width: 100%;}
    .event-gallery h6 {margin-top: var(--site-margin);}
    .event-gallery img.half {width: 50%;}
    .event-gallery img.half.left {padding-right: calc(var(--site-margin) / 4);}
    .event-gallery img.half.right {padding-left: calc(var(--site-margin) / 4);}

    @media screen and (max-width: 650px) {
        .event-gallery img {max-height: 300px;}
        .event-gallery img.half {width: 100%;}
        .event-gallery img.half.left {padding-right: 0;}
        .event-gallery img.half.right {padding-left: 0}
        .event-gallery h6 {line-height: 1.5;}
    }


    /* WP Block Overrides */
    
    .wp-block-column .wp-block-image {width: 100%; height: 100%; margin-bottom: 0; margin-top: 0;}
    .wp-block-column .wp-block-image a {display: block; height: 100%;}
    .wp-block-column .wp-block-image img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
    
    .wp-block-column {display: flex; align-items: center; }
    .wp-block-column blockquote {background-color: var(--light); color: var(--dark); width: 100%; height: 100%; display: flex; align-items: center; padding: 3rem;}
    .wp-block-column blockquote p {font-style: normal; font-weight: 800;}


    /* Events Plugin Overrides */

    .tribe-common-l-container.tribe-events-l-container, .tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {max-width: var(--site-width-cap); padding: 0 calc(var(--site-margin) * 2); }
    .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {padding-top: 0; padding-bottom: 0;}
    .tribe-common .tribe-common-c-btn-border-small, .tribe-common a.tribe-common-c-btn-border-small, .tribe-events .tribe-events-calendar-list__event-date-tag-weekday, .tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6, .tribe-common .tribe-common-h7, .tribe-common .tribe-common-h8, .tribe-events .tribe-events-c-view-selector__list-item-text {font-family: var(--font-header); color: var(--dark);}
    .tribe-events .tribe-events-calendar-list__month-separator::after {background-color: var(--primary);}
    .tribe-events-c-top-bar__datepicker-time {font-size: 0.8rem;}
    .tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {font-family: var(--font-header); background-color: transparent; border: 1px solid var(--dark); color: var(--dark); border-radius: 0;}
    .tribe-common .tribe-common-c-btn:focus, .tribe-common .tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:focus, .tribe-common a.tribe-common-c-btn:hover {background-color: var(--dark); color: white;}
    .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {color: var(--primary);}
    .tribe-common a, .tribe-common a:active, .tribe-common a:focus, .tribe-common a:hover, .tribe-common a:visited {color: var(--dark);}
    .tribe-common .tribe-common-anchor-thin:active, .tribe-common .tribe-common-anchor-thin:focus, .tribe-common .tribe-common-anchor-thin:hover {border-bottom-color: var(--primary);}
    .tribe-common a.more-link {margin-left: 10px; color: var(--dark); border-bottom: 1px solid var(--primary);}
    .tribe-common a.more-link:hover, .tribe-common a.more-link:focus {color: var(--primary);}
    .tribe-events .tribe-events-c-ical {text-align: left;}
    .tribe-events .tribe-events-c-ical__link {border-color: var(--dark); color: var(--dark); border-radius: 0;}
    .tribe-events .tribe-events-c-ical__link:active, .tribe-events .tribe-events-c-ical__link:focus, .tribe-events .tribe-events-c-ical__link:hover {background-color: var(--dark); color: var(--light);}
    .tribe-common .tribe-common-c-svgicon {fill: var(--dark); color: var(--dark);}
    .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input, .tribe-common .tribe-common-form-control-text__input {font-family: var(--font-header);}
    .tribe-events .tribe-events-c-search__input-control--keyword-focus .tribe-events-c-search__input ~ .tribe-events-c-search__input-control-icon-svg path, .tribe-events .tribe-events-c-search__input-control--keyword .tribe-events-c-search__input:focus ~ .tribe-events-c-search__input-control-icon-svg path, .tribe-events .tribe-events-c-search__input-control--location-focus .tribe-events-c-search__input ~ .tribe-events-c-search__input-control-icon-svg path, .tribe-events .tribe-events-c-search__input-control--location .tribe-events-c-search__input:focus ~ .tribe-events-c-search__input-control-icon-svg path, .tribe-common .tribe-common-c-svgicon--featured path {fill: var(--primary);}
    .tribe-events .tribe-events-c-ical__link-icon-svg path {stroke: var(--dark);}
    .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item .tribe-events-c-view-selector__list-item-link::after {background-color:transparent;bottom: -1px;content: "";display: block;height: 2px;position: absolute;width: 100%;}
    .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item .tribe-events-c-view-selector__list-item-link:hover::after{background-color: var(--primary);}
    .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link::after, .tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime::after {
        background-color: var(--primary);    }
    .tribe-events-c-view-selector__list-item.tribe-events-c-view-selector__list-item--list.tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link {color: var(--primary);}
    .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-datetime-featured-text {color: var(--primary);}
    .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item .tribe-events-c-view-selector__list-item-link:focus::after {background-color: var(--primary);}
    .tribe-common .tribe-common-b2 {font-family: var(--font-header);}
    .tribe-events-c-nav__prev-label, .tribe-events-c-nav__next-label, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev, .tribe-events-c-nav__next .btn, .tribe-events-c-nav__next input[type="submit"], .tribe-events-c-nav__next button {text-transform: uppercase; letter-spacing: 3px; text-align: initial;}

    .tribe-events-c-nav__prev-label a:hover, .tribe-events-c-nav__next-label a:hover, .tribe-events-c-nav__prev-label a:focus, .tribe-events-c-nav__next-label a:focus  {color: var(--primary);}

    .single-tribe_events .tribe-events-event-meta {display: none;}

    @media screen and (max-width: 650px) {
        .tribe-common-l-container.tribe-events-l-container, .tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {padding: 0 calc(var(--site-margin) / 2);}
    }
    

    /* New featured event page & homepage section styles */


    .featured-event {padding: calc(var(--site-margin) * 2) calc(var(--site-margin) / 2); background-color: var(--dark);}
    .featured-event.homepage--featured-event {background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;}
    .featured-event.homepage--featured-event .event-overlay {position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: .75; background-color: var(--dark); z-index: 0;}
    .featured-event .section--wrapper {position: relative;}
    .featured-event .section--content h5, .featured-event .section--content h2, .featured-event .section--content p {color: var(--light);}

    .section--content.featured-event__event-details {margin-top: var(--site-margin); text-align: center;}
    .section--content.featured-event__event-details p {margin: 0 auto;}
    .section--content.featured-event__event-details input[type="submit"], .section--content.featured-event__event-details .btn {border-radius: 100px; padding: calc(var(--site-margin) / 4) calc(var(--site-margin) / 1);}

    .featured-event__columns {display: flex; flex-wrap: nowrap; }
    .featured-event-page .entry-content > :last-child {margin-bottom: calc(var(--site-margin) * 4);}
    .featured-event__columns .featured-event__column {width: 50%; padding: 0 1rem;}
    .featured-event__cta {width: 100%; text-align: left;}
    .featured-event__cta .btn, .featured-event__cta input[type="submit"] {margin-left: 0; padding: calc(var(--site-margin) / 4) calc(var(--site-margin) / 1);}
    .featured-event__event-details h5 {text-transform: uppercase; font-weight: 300; letter-spacing: 1px; margin-bottom: 0; font-size: .8rem;}
    .featured-event__event-details h4 {margin-top: calc(var(--site-margin) / 4);}


    @media screen and (max-width: 600px) {
        .featured-event__columns {display: flex; flex-wrap: wrap;}
        .featured-event__columns .featured-event__column {width: 100%;}
        .featured-event__column .featured-event__event-details {margin-top: var(--site-margin);}
    }


    /* MISC */


    .entry-content > .wp-block-button:not(.alignleft):not(.alignright).grant-app {margin-bottom: 3rem; min-width: 70%; margin-left: 0;}


    /* OVERRIDE to remove featured events from event roll if needed 

    .tribe-common-g-row.tribe-events-calendar-list__event-row.tribe-events-calendar-list__event-row--featured, .tribe-events-calendar-list .tribe-events-calendar-list__month-separator:nth-last-of-type(2) {display: none;} */