@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face{
    font-family: Campton;
    src: url('/wp-content/fonts/Campton-Bold.woff2');
    font-weight: 700;
    font-display:block;
}
@font-face{
    font-family: Campton Book;
    src: url('/wp-content/fonts/Campton-Book.woff2');
    font-display:block;
}
@font-face{
    font-family: Campton;
    src: url('/wp-content/fonts/Campton-Medium.woff2');
    font-weight: 400;
    font-display:block;
}
@font-face{
    font-family: Campton;
    src: url('/wp-content/fonts/Campton-Light.woff2');
    font-weight: 300;
    font-display:block;
}
@font-face{
    font-family: Gill Sans;
    src: url('/wp-content/fonts/Gill Sans Medium.woff2');
    font-weight: 500;
    font-display:block;
}
@font-face{
    font-family: Gill Sans;
    src: url('/wp-content/fonts/Gill Sans Bold.woff2');
    font-weight: 700;
    font-display:block;
}
@font-face{
    font-family: Gill Sans;
    src: url('/wp-content/fonts/Gill Sans Bold Italic.woff2');
    font-weight: 700;
    font-style:italic;  
    font-display:block;
}
@font-face{
    font-family: Gill Sans;
    src:url('/wp-content/fonts/GillSans-MediumItalic.woff2');
    font-weight: 500;
    font-style: italic;
    font-display: block;
}
@keyframes growDown {
    0% {
        transform: scaleY(0);
    }
    100% {
        transform: scaleY(1);
    }
}

@keyframes growDownR {
    0% {
        transform: scaleY(1);
    }
    100% {
        transform: scaleY(0);
    }
}
div#captcha-1 {
    pointer-events: none;
    z-index: -1;
    opacity: 0;
}

span.captcha {
    color: grey;
    font-family: 'Montserrat';
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 0.7em;
}

div:has(span.captcha) {
    position: relative!important;
}


ul#menu {
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.4))!important;
}

.subCategoryChevron.chevronActive svg {
    transform: rotate(-90deg)!important;
}

.subCategoryChevron svg *, .subCategoryChevron svg{
    pointer-events: none;
}

.subCategoryChevron svg {
    width: 13px;
    height: 100%;
    margin-left: 1em;
    transition: all 0.25s ease-in-out;
}
.phoneDropdown {
    height: auto;
    overflow: hidden;
    max-height: 0;
    transition: all 0.25s ease-in-out;
}
.subCategoryChevron {
    width: 100%;
}

.subCategoryDropdown {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.2em;
    justify-content: center;
}

.phoneDropdown {
    display: flex;
    flex-direction: column;
    transform: translateX(35px);
}

.phoneDropdown>a:not(:last-child) {
    border-bottom: 2px solid rgba(255,255,255,0.2);
}

ul#menu {
    display: flex;
    flex-direction: column;
}

nav.phoneNavigation {
    padding-right: 5%;
}

html body a.phoneCTA {
    color: #FF5A12!important;
    font-weight: 700;
    font-size: 1.7em!important;
    margin-top: 1em;
}

.phoneDropdown a {
    margin-bottom: 0.4em!important;
}

html body .subCategoryDropdown>a {
    margin: 0!important;
}

#menuToggle{
    display: block;
    position: relative;
    z-index: 10;
    -webkit-user-select: none;
    user-select: none;
  }
  
  #menuToggle a {
    text-decoration: none;
    color: white;
    transition: color 0.3s ease;
    width: fit-content;
    font-family: 'Campton';
    margin-bottom: 0.2em;
    font-size: 1.25em;
}
  
  #menuToggle a:hover{
    color: tomato;
  }
  
  
  #menuToggle input
  {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    z-index: 10;
    -webkit-touch-callout: none;
  }
 
  #menuToggle span{
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #cdcdcd;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                opacity 0.55s ease;
  }
  
  #menuToggle span:first-child{
    transform-origin: 0% 0%;
  }
  
  #menuToggle span:nth-last-child(2){
    transform-origin: 0% 100%;
  }
  #menuToggle input:checked ~ span{
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #FF5A12;
  }
  #menuToggle input:checked ~ span:nth-last-child(3){
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  
  #menuToggle input:checked ~ span:nth-last-child(2){
    transform: rotate(-45deg) translate(0, -1px);
  }
  
  #menu{
    position: fixed;
    width: 50%;
    height:100vh;
    padding: 50px;
    background: #29265B;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
     left:100%;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    top: 0;
    margin-top: 0;
    padding-top: 16%;
  }
  
  #menu li {
     padding: 10px 0;
     font-size: 22px;
     white-space: nowrap;
 }
  #menuToggle input:checked ~ ul {
     transform: translateX(-100%);
 }
 



.logoBlack{
	display:none;
}

body, html {
    overflow-x: clip!important;
	    margin: 0!important;
}

body{
    overflow:clip;
}

header {
    display: inline;
}
.sHeader {
    position: fixed;
    z-index: 20;
    width: 100%;
    height: 15vh;
}

.headerStuck {
    background-color: #29265B!important;
    padding: 1% 0!important;
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.4))!important;
}

.dropdown a {
    color: black!important;
    width: fit-content;
}
.dropdown {
    position: absolute;
    top: 100%;
    transform: translateY(5%);
    opacity: 0;
    visibility: hidden;
    left: 0;
    transition: all 0.25s ease-in-out;
    background-color: white;
    padding: 1em;
    display: flex;
    flex-direction: column;
    gap: 0.3em;
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.3));
}
.dropdown a:hover:after {
    background-color: black!important;
}
.dropdownContainer:hover .dropdown, .dropdown:hover{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdownContainer{
    position: relative;
 
}


.navigationMenu a:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: white;
    transition: all 0.3s ease-in-out;
    transform: scaleX(0);
}

.navigationMenu a {
    position: relative!important;
}


.navigationMenu {
    position: relative!important;
}


.navigationMenu a:hover:after {
    transform: scaleX(1);
}

.dropdownContainer>a:after {
content: unset!important;
}



.navigationContact a {
    font-family: 'Campton', 'Verdana';
    color: #FF5A12;
    text-decoration: none;
    font-size: 1.5em;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    font-weight: 700;
    white-space: nowrap;
    transition: all 0.25s ease-in-out;

}

.navigationContact {
    padding: 0.2em 0.7em 0.2em 0.7em;
    border-radius: 20px;
    transition: all 0.25s ease-in-out;

}

body {
    background-color: white!important;
}

.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    display: none!important;
}

.entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
    padding: 0;
    width: 100%;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%!important;
}

.entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained, .row1, main#wp--skip-link--target  {
    margin: 0!important;
}


.header {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    padding: 2% 0%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    gap: 4%;
    transition: all 0.25s ease-in-out;
}
.navigationContact {
    margin-right: 5%;
    position: relative;
}
.onHover path {
    stroke-dasharray: 1120;
    stroke-dashoffset: 1120;
    transition: all 0.5s ease-in-out;
}
.navigationContact:hover path{
    stroke-dashoffset:0!important;
}
.onHover svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.onHover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.brandImage {
    margin-right: auto;
    padding-left: 5%;
    width:10%;
}

.navigationMenu {
    display: flex;
    flex-direction: row;
    gap: 1.5em;
    align-items: baseline;
}

.navigationMenu a {
    font-family: 'Campton Book', 'Verdana';
    color: white;
    text-decoration: none;
    font-size: 0.87em;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    white-space: nowrap;
}
.brandImage img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.line {
    fill: none;
    stroke: white;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}
.line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}
.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}
.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

.burgerMenu{
    display:none;
}
.displayNone {
    display: none!important;
}
.growDown {
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
    filter: drop-shadow(-8px 8px 6px rgba(0,0,0,0.3));
}

.growDownR {
    animation: growDownR 300ms ease-in-out forwards;
    transform-origin: top center;
}
.brandImage a {
    display: block;
}


.phoneNavigation{
    display:none;
}
@media only screen and (max-width:1150px){
   
html body .phoneNavigation{
    display:block;
} 
}


@media only screen and (max-width:500px){
    .phoneDropdown>a:not(:last-child){
        width:100%!important
    }
}

@media only screen and (min-width:1100px) and (max-width:1600px){
    html body .navigationMenu a {
        font-size: 0.77em;
    }
    .navigationMenu {
        gap: 0.8em!important;
    }
    html body .header {
        gap: 2%;
    }
}

@media only screen and (min-width:500px) and (max-width:1100px){

    html body .header{
        padding: 2% 0%!important;
    }


    .mobileMenu::after {
        transform: translate(-510%,-100%)!important;
    }
    .brandImage {
        width: 23%!important;
    }


}
@media only screen and (min-width:200px) and (max-width:1100px){
    html .burgerMenu {
        display: flex;
        position: relative;
        padding-right: 5%;
    }
    .navigationMenu{
        display:none;
    }
    .mobileMenu::after {
        content: "";
        position: absolute;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #FF5A12 transparent;
        width: 0;
        top: 0%;
        left: 100%;
        transform: translate(-330%,-100%);
    }

    .mobileMenu ul li {
        border-bottom: 1px solid rgba(189, 195, 199, 0.5);
    }
    .mobileMenu ul li {
        margin-bottom: 0.3em;
    }
    .mobileMenu a {
        font-family: 'Campton Book', 'Verdana';
        text-decoration: none;
        font-size: 0.87em;
    }
    .mobileMenu ul {
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .burgerMenu button {
        background-color: transparent;
        border: none;
    }
    .burgerMenu svg {
        width: 45px;
        height: 45px;
    }
    .brandImage {
        width: 35%;
    }
    html .header {
        padding: 6% 0%!important;
        gap: 6em;
    }
    html body .headerStuck{
        padding:3% 0%!important;

    }
    .mobileMenu {
        position: absolute;
        z-index: 10;
        background-color: white;
        width: 200%;
        border-top: 2px solid #FF5A12;
        transition: all 0.4s ease-in-out;
        padding: 9% 20%;
        top: 90%;
        right: 23%;
    }
    .mobileMenu ul>a:not(:last-child) {
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }

}