@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@font-face {
    font-family: 'dealerplate_california';
    src: url('../fonts/dealerplate_california-webfont.woff2') format('woff2'),
         url('../fonts/dealerplate_california-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*
Orange : #FF681D
Blue : #03212C
Soft grey : #D7D2C5  


Light grey blade : background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #D7D2C5;
*/


/***** 
Overrides
    */
body{
    background: #03212C;
    color:#D7D2C5;
    font-family: 'Poppins', sans-serif !important; 
    hyphens: none !important;
}
.modal-body h2{
    color:rgb(33,37,41)
}
.container {
    max-width: 1040px;
}
li,a {
    word-wrap: break-word;
}
body h1 {
    font-family: 'dealerplate_california', sans-serif !important;
    text-transform: uppercase;
}
.wp-block-group__inner-container h2,  .wp-block-group__inner-container h2 span{
    font-family: 'dealerplate_california', sans-serif !important;
    text-transform: uppercase;
    font-weight: 400;
}
#body .wp-block-spacer {
    height: 40px !important;
}
#body .has-orange-background-color {
    background-color: #FF681D;
}
#body .has-orange-color,
#body h2 span {
    color: #FF681D;
}
#body .has-bg-light-background-color{
    background: #D7D2C5 
}
#body .has-blue-background-color{
    background: #03212C;
}

#body .has-bg-dark-background-color{
    background: #D7D2C5;
    color: #03212C
}
#body .has-bg-light-background-color{
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #D7D2C5;
}
#body .has-bg-light-background-color p,#body .has-bg-light-background-color li{
    color: #03212C
}
#body .has-bg-light-background-color h2{
    font-family: 'Poppins', sans-serif !important; 
    text-transform: none;
    color: #03212C;
    font-style: normal !important; 

    font-size: 36px !important;
    line-height: 54px !important;
}

.language_selector {
    padding: 0px;
}
.lang {
    top: 100%;
    width: 100%;
    background-color: #03212C;
    text-align: center;
}
.topMenu__lang{
    background: none !important;
    background-image: none !important;
    background-position: unset !important;
    background-repeat: no-repeat !important;
    background-size: unset !important;
    margin: 0px !important;
    padding: 0px !important;
    width: 100%;
}
.topMenu__lang .lang{
    position: relative;
    display: block;
}
.topMenu__lang a:hover{
    color:#FF681D
}
.lang__list .current-menu-item{
    border-bottom: 3px solid #FF681D;
    margin-bottom: -1px;
}
.lang__list li a{
    text-align: center;
    color: #D7D2C5;
    padding: 8px 12px;
}
.lang__list {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #D7D2C5;
    height: 40px;
}
@media screen and (min-width: 1200px){
    .lang__list {
        width: 100%;
    }
}

/*Hero Image */
.titleWithImage{
    overflow: hidden;
}
/* .titleWithImage>div img{
    width: unset;
    margin: 0 auto;
} */
.titleWithImage__image {
    object-position: 40% 50% !important;
}

/* only show gradient on mobile */
@media screen and (max-width: 767px){
    .titleWithImage__over {
        background-color: transparent;
        background: linear-gradient(180deg, rgba(3, 33, 44, 0.8) 48.85%, rgba(3, 33, 44, 0) 73.72%);
        opacity: 1;
    }
}
.titleWithImage>div{
    align-items:unset;
}
/*@media screen and (max-width:1200px){
    .titleWithImage>div{
        min-height:55vw;
        border: 1px solid green;
    }
}
@media screen and (max-width:900px){
    .titleWithImage>div{
        min-height:85vw;
        padding:0 25px;
        border: 1px solid red;
    }
}*/
@media screen and (max-width:768px){
    .titleWithImage{
        min-height: 782px;
        /*background: linear-gradient(180deg, rgba(3, 33, 44, 0.8) 48.85%, rgba(3, 33, 44, 0) 73.72%), url(../img/Header.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;*/
    }
    .titleWithImage>div img{
        width: 100%;
        margin: 0 auto;
    }
    /*.titleWithImage img{
        display: none;  
    }*/
}



/*centering the columns */
#body .wp-block-columns {
    justify-content: center;
}

/*Buttoncentering the columns */
.wp-block-button__link {
    padding: 24px !important;
    border-radius: 16px !important;
    color: #03212C !important;
    font-weight: 700 !important;
}

main > div > div:not(:last-of-type) .wp-block-button__link {
    border: 1px solid #FF681D !important;
}
main > div > div:not(:last-of-type) .wp-block-button__link:hover {
    background: transparent !important;
    color: #FF681D !important;
    border: 1px solid #FF681D !important;
}
@media screen and (min-width: 768px){
    .titleWithImage {
        min-height: 550px;
    }
}

video {
    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    background: linear-gradient(0deg, rgba(3, 33, 44, 0.6), rgba(3, 33, 44, 0.6)), url(Lighting the Way_P1_HR_5.1 6-Export.png);
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    /* flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 0; */
}

@media screen and (min-width: 992px){
    .titleImage {
        padding: 64px 0px;
    }
    #body .wp-block-spacer {
        height: 80px !important;
    }
    #body .large-spacer {
        height: 140px !important;
    }
    #body .med-spacer {
        height: 40px !important;
    }
    #body .small-spacer {
        height: 20px !important;
    }
    #body .footer-spacer {
        height: 30px !important;
    }
    video {
        border-radius: 16px;
    }
}

.wp-block-image figcaption {
    margin-top: 40px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #03212C !important;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}
@media screen and (max-width: 782px){
    .wp-block-image figcaption {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .wp-block-image.clip-mobile img{
        clip-path: inset(0px 0px 2px 0px);
        margin-top: 20px;
    }
}


/*fonts*/

#body h1 {
    font-size: 60px !important;
    line-height: 72px;
    font-weight: normal;
}
#body .titleWithImage {
    padding: 40px 0px;
}
#body .titleWithImage__title span{
    font-family: 'dealerplate_california', sans-serif !important;
    text-transform: uppercase;
    color: #FF681D;
}
#body .titleWithImage__subtitle{
    max-width: 890px;
    margin-inline: auto;
}
#body p span {
    color: #FF681D;
}

#body h2.has-x-large-font-size {
    font-size: 60px !important;
    line-height: 72px!important;
}
.has-large-font-size{
    font-size: 36px !important;
    line-height: 54px !important;
}
.has-medium-font-size {
    font-size: 24px !important;
    line-height: 36px !important;
}
.has-small-font-size {
    font-size: 16px !important;
    line-height: 24px !important;
}
.titleWithImage__title {
    color: #D7D2C5 !important;
}
.titleWithImage h2 {
    font-size: 24px !important;
    line-height: 36px !important;
    color: #d7d2c5 !important;
    font-weight: normal;
}

ol li  {
    margin-bottom: 20px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
ol li::marker {
    font-weight: 700;
}

@media screen and (max-width: 768px){
    .sign-up-text {
        font-size: 32px !important;
        line-height: 48px !important;
    }
}

figure strong a {
    color: inherit !important;
}

.find-out-more-section .container {
    padding: 0px;
    margin: 0px;
}
.find-out-more-section > .container {
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
}
.find-out-more-section .wp-block-buttons {
    justify-content: flex-start !important;
}
.find-out-more-section > div:nth-child(3) > div {
    flex-direction: column-reverse;
}

.find-out-more-section figure {
    display: flex;
}
.find-out-more-section figure img {
    margin-inline: auto
}


@media screen and (min-width: 992px){
    .find-out-more-section > div:nth-child(3) > div {
        flex-direction: row;
        flex-wrap: nowrap !important;
    }
    .large-align-text-center {
        text-align: center;
    }
    .find-out-more-section .wp-block-buttons {
        justify-content: center !important;
    }
}

.footer-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}
.footer-row > div:nth-child(2) > div {
    height: 100%;
} 

.footer-img {
    margin: 0px !important;
    flex-basis: unset;
}

.footer-links {
    flex-direction: row;
    height: 100%;
    column-gap: 36px;
    row-gap: 16px;
}

.footer-links a {
    background: none !important;
    color: #222222 !important;
    text-decoration: underline !important;   
    font-size: 13px !important;
    padding: 0px !important;
    font-weight: normal !important;
    margin: 0px !important;
}
.footer-links a:hover {
    color: #c04c1c !important;
}
.footer-text {
    padding-inline: 12px;
    font-size: 12px;
    color: #222222;
}

@media screen and (min-width: 992px){
    .footer-row {
        flex-direction: row;
    }
    .footer-row > div:nth-child(1) {
        max-width: 106px;
    }
    .footer-row > div:nth-child(1) > div {
        padding: 0px !important;
    }
    .footer-row > div:nth-child(2) > div {
        padding: 0px !important;
    }
    .footer-img {
        flex-basis: 212px;
    }
    .footer-links {
        justify-content: flex-end !important;
    }
    .footer-text {
        padding-inline: 0px;
    }
}

.no-margin {
    margin: 0px !important;
}

.gap-40 {
    gap: 40px !important;
}

footer {
    background-color: #D7D2C5 !important;
}
.footer__copy {
    color: black;
}

.titleWithImage:not(.slider):before , 
    .titleWithImage:not(.slider):after {
    content:none !important
}