/* =========================
CARAVAN LANDING TOP SECTION
========================= */
.page-template-page-template-caravan-model #section1{background:transparent;}
.page-template-page-template-caravan-model #section2{background:transparent;}
.page-template-page-template-caravan-model #section3{background:transparent;}
.page-template-page-template-caravan-model #section4{background:transparent;}
.page-template-page-template-caravan-model #section5{background:transparent;}
.page-template-page-template-caravan-model #section6{background:transparent;}
.caravan-landing-top-section{
    background:url('https://www.retreatcaravans.com.au/wp-content/uploads/2026/04/Banner-BG.jpg') no-repeat center top!important;
    background-size:cover;
    padding:80px 0;
    position:relative;
}
.product-details-gallery-section{ background:url('https://www.retreatcaravans.com.au/wp-content/uploads/2026/04/BG1.jpg') no-repeat center top!important;
    /*background-size:cover!important;*/
    padding:80px 0;
    position:relative;}
#specification-section{background:url('https://www.retreatcaravans.com.au/wp-content/uploads/2026/04/BG2.jpg') no-repeat center top!important;
    background-size:cover!important;
    padding:80px 0;
    position:relative;}
.walkthrough-section{background:#000!important;
    background-size:cover;
    padding:80px 0;
    position:relative;}
.enquiry-section{background:url('https://www.retreatcaravans.com.au/wp-content/uploads/2026/04/BG3.jpg') no-repeat center top!important;
    background-size:cover!important;
    padding:80px 0;
    position:relative;}
/* MAIN WRAPPER */

.topsection-video-price-button{
    max-width:1180px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

/* =========================
VIDEO SECTION
========================= */

.image_video{
    flex:1;
    min-width:0;
}

.image_video img{
    width:100%;
    display:block;
}

/* =========================
PRICE COLUMN
========================= */

.price_year_but_section{
    width:100%;
    max-width:330px;
    color:#fff;
}

/* PRICE LABEL IMAGE */

.price_year_but_section img{
    margin-bottom:0;
}

/* SAVE PRICE */

.save_price{
    display:table;
    background:#3487c3;
    color:#fff;
    font-size:22px;
    font-family:'Eurostile-BoldOblique';
    padding:6px 10px;
    margin:10px 0;
}

/* MAIN SALE PRICE */

.sale_price{
    font-family:'Eurostile-BoldOblique';
    font-size:45.5px;
    line-height:45px;
    color:#3487c3;    margin-bottom: 5px;
}

/* ORIGINAL PRICE */

.price{
    font-family:'Eurostile-BoldOblique';
    font-size:24px;
    text-decoration:line-through;
    color:#ffffff;
    margin-bottom:25px;
}

.line-br{
    width:100%;
    height:1px;
    background:#303233;
    margin:20px 0;
}

/* YEAR */

.year{
    font-family:'Eurostile-BoldOblique';
    font-size:45.5px;
    line-height:45px;
    color:#3487c3;
    margin-bottom:20px;
}

/* =========================
BUTTONS
========================= */

.button_top{
    display:flex;
    flex-direction:column;
  /*  gap:15px; */
}

.button_top img{
    width:100%;
    transition:all .3s ease;
}

.button_top img:hover{
    transform:translateY(-3px);
}

/* =========================
TABLET
========================= */

@media (max-width:1024px){

.topsection-video-price-button{
    flex-direction:column;
    text-align:center;
}

.image_video{
    width:100%;
}

.price_year_but_section{
    max-width:500px;
    margin:auto;
}

.button_top{
    align-items:center;
}

}

/* =========================
MOBILE
========================= */

@media (max-width:768px){

.caravan-landing-top-section{
    padding:50px 20px;
}

.sale_price{
    font-size:36px;
}

.price{
    font-size:20px;
}

.year{
    font-size:32px;
}

.button_top img{
    width:220px;
}

}

/* =========================
SMALL MOBILE
========================= */

@media (max-width:480px){

.sale_price{
    font-size:28px;
}

.year{
    font-size:26px;
}

.button_top img{
    width:200px;
}

}
.product-details_section img{
  max-width: 100%;
    margin: 0 auto 50px;
    display: block;
}
.gallery-section img{  max-width: 100%;
    margin: 0 auto 50px;
    display: block;}
#specification-section img{  max-width: 100%;
    margin: 0 auto 50px;
    display: block;}
.walkthrough-section img{  max-width: 100%;
    margin: 0 auto 50px;
    display: block;}
.enquiry-section img{  max-width: 100%;
    margin: 0 auto 20px;
    display: block;}
/* CONTENT OVER IMAGE */

.prod_det{
    width:100%;
    max-width:1180px;
    text-align:center;
}

/* NEW TAG */

.new_tag{
    display:inline-block;
    background:#2da4df;
    padding:6px 18px;
    font-family:'Roboto',sans-serif;
    font-weight:700;
    margin-bottom:20px;
}

/* TITLE */

.prod_title{
    font-family:'Eurostile-BoldOblique';
    font-size:60px;
    letter-spacing:2px;
    margin-bottom:15px;
}
.product-details_section{margin:0 0 35px;}
.gallery-section{padding:35px 0 35px;}
/* SUBTITLE */

.prod_subtitle{
    font-family:'Eurostile-BoldOblique';
    font-size:28px;
    color:#cfcfcf;
    margin-bottom:50px;
}

/* SPECS ROW */

.prod_specs{
    display:flex;
    justify-content:space-between;
    gap:30px;
}

/* SPEC BOX */

.spec_box{
    text-align:center;
    position:relative;
}

.spec_box span{
    display:block;
    font-family:'Roboto',sans-serif;
    font-size:14px;font-weight: bold;
    color:#ddd;
    margin-bottom:6px;
}

.spec_box strong{
    font-family:'Eurostile-BoldOblique';
    font-size:32px;
    color:#2da4df;
}

/* divider line */

.spec_box:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -34%;
    top: 0;
    height: 57px;
    width: 1px;
    background: #575355;
}

/* RESPONSIVE */

@media (max-width:1024px){

.prod_title{
    font-size:42px;
}

.prod_subtitle{
    font-size:22px;
}

.prod_specs{
    flex-wrap:wrap;
    justify-content:center;
}

.spec_box{
    width:30%;
    margin-bottom:25px;
}

.spec_box::after{
    display:none;
}

}

@media (max-width:768px){

.prod_title{
    font-size:32px;
}

.prod_subtitle{
    font-size:18px;
}

.spec_box{
    width:45%;
}

}

@media (max-width:480px){

.prod_title{
    font-size:26px;
}
/*
.spec_box{
    width:100%;
}
*/
}
/* GALLERY SECTION */

.caravan-gallery-section{
 margin:0 auto;padding:0;
}

.gallery-title{
    text-align:center;
    font-family:'EurostileLTStdBoldEx2';
    font-size:40px;
    color:#fff;
    margin-bottom:50px;
    letter-spacing:2px;
}

/* GRID */

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

/* IMAGE */

.gallery-grid a{
    display:block;
    overflow:hidden;
}

.gallery-grid img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.3s;
}

.gallery-grid a:hover img{
    transform:scale(1.05);
}
@media (max-width:1024px){

.gallery-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:600px){

.gallery-grid{
    grid-template-columns:1fr;
}

.gallery-title{
    font-size:28px;
}

}
/* layout container */

/* MAIN LAYOUT */
/* MAIN LAYOUT */

.specification-section #clsCarFeatures .clsContainer{
display:flex;
gap:80px;
align-items:flex-start;
}

/* LEFT SIDE */

.specification-section .clsCarFeatHeadWrap{
width:295px;
flex:0 0 295px;
}

/* HEADING */

.specification-section .clsCaravanHeading{
color:#fff;
font-size:48px;
font-weight:800;
letter-spacing:2px;
margin-bottom:10px;
}

/* TABS */

.specification-section .clsCarFeatHeadWrap ul{
display:flex;
flex-direction:column;
gap:14px;
margin-top:30px;
padding:0;
}

/* TAB STYLE */

.specification-section .clsCarFeatHeadWrap ul li{
font-size:23px;
font-family:'Eurostile-BoldOblique';
list-style:none;
padding:18px 20px;
border:1px solid #626262;
color:#d3d3d3;width:100%!important;
cursor:pointer;
font-weight:600;
letter-spacing:1px;
background:#1a1a1b !important;
transition:all .3s ease;
}

/* ACTIVE + HOVER */

.specification-section .clsCarFeatHeadWrap ul li:hover,
.specification-section .clsCarFeatHeadWrap ul li.active{
background:#1a1a1b !important;
color:#378ecd;
border:1px solid #378ecd;
}
#specification-section #section3 #clsCarFeatures h5{font-size:30px;color:#378ecd;
font-family:'Eurostile-BoldOblique';}
/* RIGHT SIDE */

.specification-section .clsCarRight{
width: 100% !important;
    flex: 0 0 660px;
}

#specification-section #section3 .clsFeatureWrap {
    padding: 0 10px 20px 10px !important;
}
.specification-section .clsCarFeatureNotes {
    background: transparent;
    width: 100%;
    padding:0 0px;
}
.specification-section .clsCarFeatureNotes p{color:#828282;font-size:13px;font-weight:normal;padding:0;}
/* CATEGORY TITLE */
#specification-section #clsCarFeatures .clsCarRight p{color:#828282;font-size:13px;font-weight:normal;    padding: 0 20px;}
.specification-section .clsCarRight h4{
color:#1e9bff;
font-size:28px;
margin-bottom:20px;
}

/* SPEC LIST */

.specification-section .clsCarRight ul{
column-count:2;
column-gap:70px;
padding-left:0;
}

/* SPEC ITEMS */

.specification-section .clsCarRight ul li{
list-style:none;
color:#fff;background: none;
margin-bottom:10px;
font-size:17px;
position:relative;padding: 0;
padding-left:18px;
break-inside:avoid;
}

/* BULLET */

.specification-section .clsCarRight ul li:before{
content:"•";
position:absolute;
left:0;
color:#aaa;
}

/* NOTE SECTION */

.specification-section .clsCarDown{
margin-top:35px;
color:#ccc;
font-size:13px;
line-height:1.6;
max-width:700px;
}

/* NOTE TITLE */

.specification-section .clsCarDown strong{
color:#fff;
}

/* SECTION BACKGROUND FIX */

#specification-section #section3 #clsCarFeatures{
background:transparent !important;
padding:0px !important;
}

/* MOBILE */

@media(max-width:768px){

.specification-section #clsCarFeatures .clsContainer{
flex-direction:column;
}

.specification-section .clsCarRight{
width:100%;
}

.specification-section .clsCarRight ul{
column-count:1;
}

}
#clsCarFloor .clsCarLeft .Virtual-tour-title h3{
  font-size:60px;font-family:'Eurostile-BoldOblique';    line-height: 60px;
    font-weight: 900;    text-align: left !important;
}
.clsFloorDetails .clsFloorVideo.caravan-land{    margin: 20px 0;}
/* GRID */

.walkthrough-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

/* VIDEO CARD */

.video-card{
position:relative;
overflow:hidden;
}

/* VIDEO IMAGE */

.video-card img{
width:100%;
height:420px;
object-fit:cover;
display:block;
}

/* PLAY BUTTON */

.play-btn{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:70px;
height:70px;
background:rgba(0,0,0,0.7);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}

/* PLAY TRIANGLE */

.play-btn:after{
content:"";
border-left:20px solid #fff;
border-top:12px solid transparent;
border-bottom:12px solid transparent;
margin-left:4px;
}

/* HOVER EFFECT */

.video-card:hover img{
transform:scale(1.05);
transition:all .4s ease;
}

/* TABLET */

@media(max-width:1024px){

.walkthrough-grid{
grid-template-columns:repeat(2,1fr);
}

}

/* MOBILE */

@media(max-width:600px){

.walkthrough-grid{
grid-template-columns:1fr;
}

.video-card img{
height:300px;
}

}
/* Form container */
#section6.enquiry-section .pre-sub-form{
max-width:530px;
margin:0 auto;
}

/* Heading */
#section6.enquiry-section h2{
color:#fff;
text-align:center;
margin-bottom:30px;
font-size:26px;
letter-spacing:1px;
}

/* Row layout */
#section6.enquiry-section .clsFormRow{
display:flex;
gap:20px;
margin-bottom:18px;
}

#section6.enquiry-section .clsLeft,
#section6.enquiry-section .clsRight{
flex:1;
}

/* Input fields */
#section6.enquiry-section input,
#section6.enquiry-section select,
#section6.enquiry-section textarea{
width:100%;
background:transparent;
border:1px solid #808080;
color:#808080;
padding:14px 16px;
font-size:15px;
border-radius:3px;
box-sizing:border-box;
}
.enquiry-form-container{background:url('https://www.retreatcaravans.com.au/wp-content/uploads/2026/04/opacity-bg.png') repeat left top;padding:50px 30px;max-width:620px;margin:0 auto;}
/* Placeholder color */
#section6.enquiry-section input::placeholder,
#section6.enquiry-section textarea::placeholder{
color:#808080;
}

/* Textarea */
#section6.enquiry-section textarea{
height:120px;
resize:none;
}

/* Quote row */
#section6.enquiry-section .clsQuote{
color:#808080;
margin:15px 0;
}

/* Submit button */
#section6.enquiry-section .clsNewsBtn{
background:#0d93e5;
color:#fff;
border:none;
width:100%;
padding: 20px 10px;
    line-height: 23px;
font-size:26px;font-family:'Eurostile-BoldOblique';
font-weight:600;
cursor:pointer;
text-transform:uppercase;
letter-spacing:1px;
}
.button-row{display:block!important;}
#section6.enquiry-section .clsNewsBtn:hover{
background:#087bc1;
}

/* Mobile */
@media(max-width:768px){

#section6.enquiry-section .clsFormRow{
flex-direction:column;
gap:12px;
}

#section6.enquiry-section .pre-sub-form{
max-width:100%;
}

}
@media(min-width:1025px){

.specification-section .clsCarFeatHeadWrap{
flex:0 0 295px;
}

.specification-section .clsCarRight{
flex:1;
}

}
@media(max-width:1024px){.clsCarFeatHeadWrap {
    text-align: left;
    width: 100% !important;
    text-align: center;
    float: none !important;
}
    .specification-section .clsCarFeatHeadWrap ul li{    font-size: 15px;}
    #clsCarFloor .clsCarLeft .Virtual-tour-title h3{    font-size: 32px;
    line-height: 39px;}
    .specification-section .clsCarFeatHeadWrap ul {
    display: inline-flex;
    flex-direction: row;
    gap: 0px;
    margin-top: 30px;
    padding: 0;
}
.save_price {
    display: block;}
.specification-section #clsCarFeatures .clsContainer{
flex-direction:column;
gap:30px;
}

.specification-section .clsCarFeatHeadWrap{
width:100%;
flex:none;
}

.specification-section .clsCarRight{
width:100%;
flex:none;
}

}
@media(max-width:881px){.caravan-landing-top-section, #specification-section, .enquiry-section{ background-size:cover!important;}.page-template-page-template-caravan-model .clsCarMenu {
    float: left;
    width: 100%;
}}
@media (max-width: 768px) {

  #specification-section .specification-section #clsCarFeatures .clsContainer{
    display:block !important;
  }

  #specification-section .specification-section .clsCarFeatHeadWrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    margin:0 0 20px 0 !important;
  }

  #specification-section .specification-section .clsCarFeatHeadWrap ul{
    display:flex !important;
    flex-wrap:nowrap !important;
    width:max-content !important;
    min-width:max-content !important;
    margin:0 !important;
    padding:0 15px !important;
    gap:12px !important;
    list-style:none !important;
    overflow:visible !important;
  }

  #specification-section .specification-section .clsCarFeatHeadWrap ul li{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:160px !important;
    padding:14px 22px !important;
    margin:0 !important;
    white-space:nowrap !important;
    float:none !important;
  }

  #specification-section .specification-section .clsCarRight{
    width:100% !important;
    max-width:100% !important;
    flex:none !important;
  }

  #specification-section .specification-section .clsCarRight ul{
    column-count:1 !important;
    padding-left:20px !important;
  }

  #specification-section .specification-section .clsCarFeatHeadWrap::-webkit-scrollbar{
    display:none;
  }
}
@media (max-width:767px){ .prod_specs{    gap: 5px;} .product-details_section img, .gallery-section img, #specification-section img, .walkthrough-section img, .enquiry-section img{margin: 0 auto 20px;    max-width: 80%;} .page-template-page-template-caravan-model #clsCarFloor .clsCarLeft .Virtual-tour-title h3 {
        font-size: 25px;
        line-height: 28px;
        text-align: center !important;
    }.page-template-page-template-caravan-model .clsFloorDetails .clsFloorVideo.caravan-land {
    margin: 20px auto;
}.page-template-page-template-caravan-model #clsCarFloor .clsCarRight {
    float: none;
    width: 100% !important;}.page-template-page-template-caravan-model #clsCarFloor .clsCarLeft {
    float: none;
    width: 100% !important;
    text-align: center;
}.page-template-page-template-caravan-model .clsFloorDetails {
    padding: 60px 0 0 0;
    float: none;
    text-align: center;
    width: 50%;
}}
@media (max-width:768px){

.gallery-grid,
.walkthrough-grid{
display:block !important;
}

.gallery-grid .slick-slide,
.walkthrough-grid .slick-slide{
padding:0 6px;
}

.gallery-grid img,
.walkthrough-grid img{
width:100%;
height:auto;
}

}