/*
    Created on : 3 Jul 2023, 18:24:11
    Author     : Noel Hinton
*/

body {
    font-family: "Nunito", sans-serif;
    font-size: 16px !important;
}
body * {box-sizing: border-box;}

.wp-site-blocks {}
.wp-site-blocks:before {
    content:""; position: fixed; width: 100%; height: 100%; background-image:url('../images/bg-pattern.png'); background-size: 236px; opacity: 0.25; z-index: -1;
}
h1,h2,h3 {overflow-wrap:initial; word-break:initial;}

main {background: #EEEEEE;}
main p {margin-bottom: 1rem !important;}

main ::-webkit-scrollbar { height: 5px; width:5px; }
main ::-webkit-scrollbar-track { background: transparent; }
main ::-webkit-scrollbar-thumb { background: var(--wp--preset--color--secondary); }

main {max-width: var(--wp--style--global--content-size); margin: 0 auto;  }


/*      HELPERS         */
.shadow {box-shadow: 0 2px 6px rgba(0,0,0,0.25);}

.text-uppercase {text-transform: uppercase;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.hide {
  display: none;
}

@media screen and (max-width: 880px) {
  
}
@media screen and (min-width: 782px) {
    .hide-for-medium {display: none !important;}
}
@media screen and (max-width: 781px) {
    .show-for-medium {display: none !important;}
}
@media screen and (max-width: 1199px) {
    .show-for-large {display: none !important;}
}


/*      ELEMENTS        */
.wp-block-post-title {padding: 0 10% 2rem;}

.wp-block-button__link {transition: all 0.5s cubic-bezier(.1,0.7,0.3,0.9);}

.wp-block-quote {margin: 0; padding: 0;}

.wp-block-media-text ul {padding-left: 20px;}
@media screen and (max-width: 781px) {
    .wp-block-media-text {gap:2rem;}
}


/*      BLOCKS          */


/*      PATTERNS        */
header .swoosh {position: relative; z-index: 2; margin-top: -60px;}

.masthead {background: #00833E; position: relative; padding: 20px 0 20px 2rem; display: flex; flex-wrap: nowrap !important; gap:1rem !important; align-items: center !important;}
.masthead-content {display: flex; flex-direction: column; gap:1rem; align-items: flex-end; position:relative; z-index: 5;}
@media screen and (max-width: 1199px) {
    header .swoosh {margin-top: -30px;}
    .masthead {padding: 20px 0 20px 1.5rem;}
}
@media screen and (max-width: 781px) {
    header .swoosh {margin-top: 0px; padding-bottom: 1rem;}
    .masthead {padding: 10px 0 10px 10px;}
}
@media screen and (max-width: 500px) {
    header .swoosh {margin-top:0; padding-bottom: 2rem;}
    .masthead {flex-direction: column;}
}


.logo {width:200px; max-width: 30vw; display: block; position: relative; z-index: 11; }
.logo img {width:100%; display: block;}
.logo img.hide-for-medium {width: 64px; background: #FFF; border-radius: 50%;}
@media screen and (max-width: 781px) {
    .logo img.hide-for-medium {width: 48px;}
    .logo {width:48px;}
    .logo {max-width:50%;}
}




nav.main-navigation {position: relative; z-index: 11;}
nav.main-navigation ul {display: flex; list-style: none; margin: 0; padding: 0; justify-content: flex-end; align-items: center;}
nav.main-navigation ul li {text-transform: none; font-weight:900; font-size:1rem; padding: 0.25rem 1rem; text-align: center; line-height: 1.125em; border-left:1px solid #FFF;}
nav.main-navigation ul li:first-of-type {border-width: 0;}
nav.main-navigation ul li a {color:#fff; transition: color 0.5s cubic-bezier(.1,0.7,0.3,0.9);}
nav.main-navigation ul li a:hover {color:#51B5D4;}
nav.main-navigation ul li.cta a {background: #FFF; border-radius: 50px; color:#00833E; padding: 0.25rem 1.25rem; }
@media screen and (max-width: 781px) {
    nav.main-navigation ul li a {font-size:0.75rem;}
}



footer {position: relative; z-index: 10;}

footer .footer-info {background:var(--wp--preset--color--blue); color:var(--wp--preset--color--contrast); padding: 2.5rem 4rem; position: relative; display:flex; gap:2rem 4rem; justify-content: center;
    flex-wrap:wrap; border-top:6px solid #FFF;}
footer .footer-info .panel {display: flex; gap:4rem; flex-grow:1;  }
footer .footer-info .panel h4 {padding-bottom: 0;}
footer .footer-info .panel i {font-size:6rem; margin-top: 1rem;}
@media screen and (max-width: 659px) {
    footer .footer-info .panel i {font-size:15vw; margin-top: 1rem;}
}

footer .footer-navigation {background:#333333; color:var(--wp--preset--color--contrast); padding: 1.5rem; position: relative;}
footer .footer-navigation ul {display: flex; list-style: none; margin: 2rem 0 0; padding: 0 4rem; gap:1rem 4rem; justify-content: center; flex-wrap: wrap;}
footer .footer-navigation ul li {white-space: nowrap;}
footer .footer-navigation ul li a {transition: color 0.5s cubic-bezier(.1,0.7,0.3,0.9);}
footer .footer-navigation ul li a:hover {color:var(--wp--preset--color--quaternary);}

footer .footer-social {background:#333333; color:var(--wp--preset--color--contrast); padding: 1rem 0;}
footer .footer-social ol {list-style: none; margin:0 2rem 2rem; padding: 0; display: flex; justify-content: center; gap:5vw; font-size:2rem;}
footer .footer-social p {margin: 0; opacity: 0.5;}



/*				OMNI					*/
.omni { top:0; right:0; background: transparent; cursor: pointer; display:inline-block; pointer-events: all;
    z-index:999; transition: all 0.5s cubic-bezier(0,0.75,0.25,1); height: 28px;  }
.omni__content {width: 1.5rem; height:1.5rem; position:relative;}
.omni span {border-top: 3px solid #fff; display: block; position: absolute; transition: all 0.5s; left:0.75rem; top:0.75rem;}
.omni span:nth-child(1) {transform: translate(-0.7rem,-0.5rem); width:1.4rem;}
.omni span:nth-child(2) {transform: translate(-0.7rem,0); width:1.4rem;}
.omni span:nth-child(3) {transform: translate(-0.7rem,0.5rem); width:1.4rem;}
.omni.right span:nth-child(1) {transform: translate(-0.7rem,-0.4rem) rotate(45deg); width:80%;}
.omni.right span:nth-child(2) {opacity: 0;}
.omni.right span:nth-child(3) {transform: translate(-0.7rem,0.4rem) rotate(-45deg);width:80%;}
.omni.close span:nth-child(1) {transform: translate(-0.9rem,0) rotate(-45deg); width: 1.75rem;}
.omni.close span:nth-child(2) {opacity: 0;}
.omni.close span:nth-child(3) {transform: translate(-0.9rem,0) rotate(45deg); width: 1.75rem;}
.omni.left span:nth-child(1) {transform: translate(-0.7rem,-0.4rem) rotate(-45deg); width:80%;}
.omni.left span:nth-child(2) {opacity: 0;}
.omni.left span:nth-child(3) {transform: translate(-0.7rem,0.4rem) rotate(45deg);width:80%;}
@media screen and (min-width: 659px) {
    .omni {display: none;}
}


.wp-block-video video {display: block;}
.wp-block-embed.is-type-video {border-radius: 50px; overflow: hidden;}

.wp-block-cover.contain img {object-fit: contain !important;}


/*                  404                 */
.error404 .has-404-background {background: url('../images/bg-404.png');}
.error404 .wp-block-media-text__media img {max-width:200px;}
@media screen and (max-width: 599px) {
    .error404 .wp-block-media-text.is-stacked-on-mobile {gap:2rem;}
    .error404 .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {grid-row:3; text-align: center;}
}