@charset "utf-8";
/*
Theme Name: Go RVing
Theme URI:
Author:
Author URI:
Description:
Version: 2022.08.03-01
Text Domain: Go RVing
*/


@import url("https://use.typekit.net/gqh1clh.css?family=acumin-pro&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');

@import url("css/_colors.css");
@import url("css/_reset.css");
@import url("css/_header.css");
@import url("css/_footer.css");


/*-- customized styles starts here --*/
body{color: var(--black); font-family: 'acumin-pro', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 28px; letter-spacing: normal; overflow-x: hidden;}
span.optional-text{margin-bottom: 10px; font-size: 18px; color: var(--btn-color); font-weight: 700; font-family: 'acumin-pro-condensed', sans-serif; text-transform: uppercase; display: block;}
.background-bg{width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -1;}
.background-text{width: 100%; height: 100%; top: 0; left: 0; right: 0; position: absolute; z-index: 1;}
.pos-relative{position: relative;}
figure.object-fit{width: 100%; height: 100%; display: block;}
picture.object-fit{width: 100%; height: 100%; display: block;}
.object-fit img{width: 100%; height: 100%; font-family: "object-fit: cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%; }
.full_width{width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; display: block !important; padding-left: 0 !important; padding-right: 0 !important; left: 0 !important;}

.slick-arrow{width: 48px; height: 48px; top: -37px; left: 58px; position: absolute; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-in-out; z-index: 2; background-color: var(--btn-color); color: var(--white); border: none; border-radius: 0; font-size: 24px; line-height: normal;}
.slick-arrow.prev-arrow{right: auto; left: 0;}
.slick-arrow.slick-disabled{background-color: var(--btn-color); pointer-events: none; opacity: 0.5;}
.slick-arrow:hover{background-color: var(--green); }

select.selectBox{display: none;}
body .selectBox-dropdown{outline: 0; width: 100%; font-size: 16px; line-height: 24px; background: var(--input-color); color: rgb(41 45 49 / 50%); box-shadow: none; border-radius: 4px; padding: 15px 37px 16px 21px; vertical-align: middle; font-weight: normal; height: auto; border: none; text-transform: capitalize; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; cursor: pointer; font-family: 'acumin-pro', sans-serif;}
body .selectBox-dropdown:focus, body .selectBox-dropdown:focus .selectBox-arrow{border-color: #ccc0b5;}
body .selectBox-dropdown .selectBox-label{padding: 0; display: block;}
body .selectBox-dropdown .selectBox-arrow{width: auto; right: 15px; top: 50%; transform: translateY(-50%); border: none; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; display: flex; align-items: center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;}
body .selectBox-dropdown .selectBox-arrow::after{content: "\f107"; }
body .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow{transform: translateY(-50%) rotate(-180deg);}
body ul.selectBox-dropdown-menu{border-color: transparent; padding: 17px 0 5px; margin: 0;}
body ul.selectBox-dropdown-menu li{margin-bottom: 12px; padding: 0 17px; }
body ul.selectBox-dropdown-menu li::before{display: none; }
body ul.selectBox-dropdown-menu li a{color: var(--f2t-text-50); font-size: 16px; line-height: 24px; letter-spacing: normal; display: block; padding: 0; white-space: normal; text-transform: capitalize;}
body ul.selectBox-dropdown-menu li.selectBox-selected a, body ul.selectBox-dropdown-menu li a:hover{color: var(--f2t-yellow-50); background-color: transparent; cursor: pointer; }

.mfp-bg{background-color: var(--black);}
.mfp-wrap .mfp-container{padding: 0;}
.video-overlay-main{padding: 100px 80px;}
.mfp-wrap button.mfp-close{width: 48px; height: 48px; right: 50px; top: 70px; opacity: 1; background-color: var(--btn-color); color: var(--white); font-size: 0; line-height: 0;}
.mfp-wrap button.mfp-close::before{font-family: "Font Awesome 6 Pro";font-weight: normal;content: "\f00d";font-size: 24px;line-height: 46px;background: none;}
.mfp-wrap button.mfp-close::after{display: none;}
.mfp-wrap button.mfp-close:hover::before{background-color: var(--green);}

.video-overlay-image{margin-bottom: 11px;}
.video-overlay-image iframe{width: 100%; height: 640px;}
.video-overlay-image video{width: 100%;}
.video-number{width: 40px; height: 40px; margin-top: 3px; margin-right: 12px; font-size: 24px; line-height: 28px; font-family: 'acumin-pro-condensed', sans-serif; font-weight: 900; position: relative; z-index: 1;}
.video-number::after{width: 40px; height: 40px; top: 2px; background-image: url('images/number-active.svg'); background-repeat: no-repeat; background-position: center; content: ""; display: block; position: absolute; z-index: -1;}
.video-text{width: calc(100% - 52px); font-family: "acumin-pro-condensed", sans-serif;}
.video-text p{margin-bottom: -3px; font-size: 12px; line-height: 14px; letter-spacing: 0.38px; color: var(--btn-color); font-weight: 900;}
.video-text span{font-size: 2rem; line-height: 2rem; letter-spacing: -0.3px; font-family: "acumin-pro-condensed", sans-serif; font-weight: 700; color: var(--white);}


/*-- media css starts here --*/
@media only screen and (min-width: 1300px){
    .container{max-width: 1300px; margin: 0 auto;}
    .container.md{max-width: 1160px;}
    .mfp-wrap .mfp-content{max-width: 1460px; margin: 0 auto;}
}
@media only screen and (min-width: 1024px){
    .hide-desktop{display: none;}

}
@media only screen and (max-width: 1340px) and (min-width: 1024px){
    .container{max-width: 100%; padding: 0 32px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .hide-tablet{display: none;}
    picture.hide-tablet{display: none;}
    .container{max-width: 100%; padding: 0 32px;}

    .video-overlay-main{padding: 30px 50px;}
    .mfp-wrap button.mfp-close{right: 27px; top: 6px;}
    .video-overlay-image iframe{width: 100%; height: 50vh;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .hide-mobile{display: none;}
    .container{max-width: 100%; padding: 0 20px;}

    .slick-arrow{width: 40px; height: 40px; left: 48px; top: -30px;}
    .video-overlay-main{padding: 30px 20px;}
    .mfp-wrap button.mfp-close {width: 40px;height: 40px;right: 2px;top: 10px;}
    .mfp-wrap button.mfp-close::before {font-size: 24px;line-height: 42px;}
    .mfp-wrap .mfp-content{vertical-align: top; margin-top: 70px;}

    body .selectBox-dropdown{padding: 11px 37px 12px 14px;}
    .video-overlay-image iframe{width: 100%; height: 50vh;}
}
@media only screen and (max-width: 370px) and (min-width: 200px){

}