body,html {width: 100%; height: 100%; }

body {font-size:14px; line-height:1.3; }
body.menu-open::-webkit-scrollbar {
    display: none;
}
body .wp-site-blocks::after {content:""; position: fixed; z-index: 12; top:0; left:0; width:100dvw; height:100dvh; background: rgba(0,0,0,0); transition:background 0.6s cubic-bezier(0, 0, 0.4, 0.2); pointer-events: none; }
body.menu-open .wp-site-blocks::after {background: rgba(0,0,0,.5); }

.hide-title .hide-if-hide-title {display: none;}

h1.has-text-align-left, h2.has-text-align-left, h3.has-text-align-left, h4.has-text-align-left, h5.has-text-align-left, h6.has-text-align-left {transform:translateX(-0.09em); padding-left: 1px;}
h1,h2,h3,h4,h5,h6 {font-weight:300;}

body:not(.wp-admin) [type='text'], body:not(.wp-admin) [type='password'], body:not(.wp-admin) [type='date'], body:not(.wp-admin) [type='datetime'], body:not(.wp-admin) [type='datetime-local'], 
        body:not(.wp-admin) [type='month'], body:not(.wp-admin) [type='week'], body:not(.wp-admin) [type='email'], body:not(.wp-admin) [type='number'], body:not(.wp-admin) [type='search'], 
        body:not(.wp-admin) [type='tel'], body:not(.wp-admin) [type='time'], body:not(.wp-admin) [type='url'], body:not(.wp-admin) [type='color'], body:not(.wp-admin) textarea {
    display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 0.5rem; padding: 0.5rem;
    border: 1px solid #cacaca; border-radius: 0; background-color: transparent; color: var(--wp--preset--color--purewhite);
    border-width: 0 0 1px 0; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: var(--wp--preset--color--purewhite);
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    appearance: none; outline:none;
}
body:not(.wp-admin) input[type]:not([type=submit]):focus {border-color:var(--wp--preset--color--lotusyellow); border-width: 0 0 2px 0; color: currentColor;}
body:not(.wp-admin) input[type].error {border-color:var(--wp--preset--color--cinnabar); border-width: 0 0 2px 0; color: currentColor;}
body:not(.wp-admin) input[type="checkbox"] {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    display: inline-block;
}
body:not(.wp-admin) input[type="checkbox"]:checked {accent-color:var(--wp--preset--color--lotusyellow) !important; }
body:not(.wp-admin) [type='checkbox'] + label[for], [type='radio'] + label[for] {
    cursor: pointer;
}
body:not(.wp-admin) [type='checkbox'] + label, [type='radio'] + label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
}

@media(min-width: 1200px) {
    body:not(.wp-admin) {
        font-size:16px;
        line-height: 1.5
    }
}

.error {color: var(--wp--preset--color--cinnabar);}

.nowrap {white-space: nowrap;}

:root :where(.is-layout-flow) > *, :root :where(.is-layout-flow) > :last-child, :where(.wp-site-blocks) > * {margin-block-start:0 !important;}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    position: absolute;
    right: -5px
}

::-webkit-scrollbar-track-piece {
    width: 5px;
    background-color: #f2f1f0;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1)
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    opacity: 0
}

::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical {
    width: 5px;
    background-color: #000;
    -webkit-border-radius: 5px
}

::-webkit-scrollbar-corner {
    display: none
}

/*  D   */
.d-flex {display:flex;}
.align-start {align-items:flex-start;}
.align-center {align-items:center;}
.align-end {align-items:flex-end;}
.justify-start {justify-content:flex-start;}
.justify-center {justify-content:center;}
.justify-end {justify-content:flex-end;}
.justify-space-between {justify-content:space-between;}

/*  H   */
.h-100 {height:100%;}


/*  HEADER      */
header.wp-block-template-part {position:fixed; top:0; left:0; right:0; height:80px; z-index: 11; transition:all 0.6s cubic-bezier(0, 0, 0.4, 0.2); }
header.wp-block-template-part .spacer, header.wp-block-template-part .menu-trigger-block {width:80px; height:80px; display:flex; justify-content: center; align-items: center; 
    transition:background 0.6s cubic-bezier(0, 0, 0.4, 0.2); }
body.hide-header header.wp-block-template-part {transform: translateY(-100%);}
body.solid-header header.wp-block-template-part {background:var(--wp--preset--color--carbonblack); }
body.solid-header header.wp-block-template-part .menu-trigger-block {background:var(--wp--preset--color--lotusyellow);  }
body.solid-header header.wp-block-template-part .menu-trigger-block .e-menu-trigger > span {background: var(--wp--preset--color--carbonblack)}

/*  BRANDING    */
.site-logo {height:28px; max-width:65vw; display: block;}
@media(max-width: 480px) {
    header.wp-block-template-part {height: 64px;}
    header.wp-block-template-part .spacer {width:0; height: 64px;}
    header.wp-block-template-part .menu-trigger-block {width:64px; height: 64px;}
}

/*  NAV         */
.e-menu-trigger {display: flex; flex-direction: column; gap:4px; cursor: pointer;  }
.e-menu-trigger > span {width:22px; height:2px; background:var(--wp--preset--color--purewhite); }
.e-menu-trigger > span:nth-child(2) {width:17px;}
.e-menu-trigger > span:nth-child(3) {width:12px;}

.primary-navigation {position: fixed; right:0; top:0; bottom: 0; overflow-y: auto; background: var(--wp--preset--color--lotusyellow); left:0; transform:translateX(100%); 
    padding:50px calc(4.16667vw + .33333px); z-index: 100; transition:transform 0.6s cubic-bezier(0,0.66,0.33,1); }
.primary-navigation .level-1 {font-size:2rem; font-family:var(--wp--preset--font-family--overpass-lotus-headlines); letter-spacing:2px;}
.primary-navigation .level-1 + .level-2 {margin-top: 2rem;}
.primary-navigation .level-2 {padding: 3px 0 2px;}
.primary-navigation .menu-close {position: absolute; top:0; right:0; padding:24px; z-index: 101; cursor: pointer;}

.wp-block-button.is-style-outline:hover a {background:var(--wp--preset--color--lotusyellow);  }
.wp-block-button.is-style-outline:hover a {color:var(--wp--preset--color--carbonblack);}

body.menu-open .primary-navigation {transform: translateX(0);}

@media(min-width: 961px) {
    .primary-navigation {
        min-width:30%; width:auto; left:auto;
    }
}

.single-casestudy h1.wp-block-post-title {color:var(--wp--preset--color--purewhite);}


section.files {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:4rem;}
section.files .file {display: flex; justify-content: space-between; gap:2rem; }
section.files .file .details {display: flex; justify-content: space-between; flex-direction: column;}
section.files .file h5 {margin: 0;} 
section.files .file .specs {display: flex; gap:1rem; align-items: center;  }
section.files .file .specs a {display: block; height:24px;}
section.files .file .specs a svg {fill:#FFFFFF;}
section.files .file .specs a:hover svg {fill:var(--wp--preset--color--lotusyellow);}
section.files .file .specs hr {height:100%; width:1px; margin: 0; background:var(--wp--preset--color--lotusyellow); border:none; }
section.files .file figure {aspect-ratio: 1; margin: 0; width:96px;}
section.files .file figure img {width:100%; height:100%; object-fit: cover;}
section.files .file svg {fill:var(--wp--preset--color--lotusyellow); }

section.salesforce form {display: flex; flex-direction: column; gap:1rem;}
section.salesforce select#lead_source {display: none;}

.post-password-form { max-width:var(--wp--style--global--content-size); margin:4rem auto 8rem !important; }
.post-password-form label {display: flex; flex-direction: column; gap:0.5rem; align-items: flex-start; margin-bottom: 1rem; text-transform: uppercase;}
.post-password-form input[type=password] {padding: 0.5rem 1rem; font-size:1rem; width:100%;}
input[type=submit] {background: transparent none; border-color: var(--wp--preset--color--lotusyellow); border-width: 1px; text-transform: uppercase; font-size:1rem;
    border-style: solid; color: var(--wp--preset--color--lotusyellow); padding-top: 0.667em; padding-right: 1.33em; padding-bottom: 0.667em; padding-left: 1.33em;}

section.gallery {position:relative; width:100%; height:75vh; overflow:hidden; }
section.gallery figure {position:absolute; width: 100%; height:100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0,0.66,0.33,1);}
section.gallery figure img {position:absolute; width: 100%; height:100%; object-fit: cover; }
section.gallery .gallery-nav {position:absolute; top:50%; transform: translateY(-50%); width:calc(3rem - 2px); height:calc(3rem - 2px); display:flex; align-items: center; justify-content: center;
    border:1px solid var(--wp--preset--color--lotusyellow); cursor:pointer; }
section.gallery .gallery-nav-prev {left:3rem;}
section.gallery .gallery-nav-next {right:3rem;}

section.scroll-arrow.aligncenter {display: flex; justify-content: center;}
section.scroll-arrow svg {width:64px; max-width:12vw; }
section.scroll-arrow.animated svg {animation-name: arrow; animation-duration: 2.5s; animation-iteration-count: infinite; }
@keyframes arrow {
    0% {transform: translateY(-50%); opacity:0;}
    40% {transform: translateY(0%); opacity:1;}
    60% {transform: translateY(0%); opacity:1;}
    100% {transform: translateY(50%); opacity:0;}
}

footer {background:var(--wp--preset--color--carbonblack); color:var(--wp--preset--color--purewhite); }
footer #social {gap:0.75rem;}
footer #social a {width:38px; height:38px; display:flex; align-items: center; justify-content: center; border:1px solid var(--wp--preset--color--lotusyellow); border-radius: 50%; transition: transform .2s linear; }
footer #social a:hover {transform: scale(1.05);}
footer #social a img {height:20px;}

footer nav a span {text-transform: none; font-size:0.75rem;}