/*
Theme Name: CozyStay Child
Template: cozystay
Version: 1.0
*/


/* **************************** home css start ************************* */




.home-slider-section > .elementor-container.elementor-column-gap-no {
    max-width: 100% !important;
    padding: 0 !important;
}

.check_availabiloty_form  .cs-form-field.cs-check-in.loftocean-highlighted input{
    border-color:rgba(84, 84, 84, 1) !important; 
}
.check_availabiloty_form .cs-reservation-form .loftocean-highlighted input, 
.check_availabiloty_form .cs-reservation-form .cs-form-field-group.loftocean-highlighted .cs-form-field-group-inner ,
.check_availabiloty_form  .cs-form-field.cs-check-in.loftocean-highlighted,.check_availabiloty_form .cs-form-field .cs-check-in .loftocean-highlighted input{
    border-color:rgba(84, 84, 84, 1) !important; 
}
.check_availabiloty_form   input{
    font-size: 16px !important;
        padding: 19px 35px 19px 18px !important;
    height: 100% !important;
    line-height: 100% !important;
      border-color:rgba(84, 84, 84, 1) !important;
}
.check_availabiloty_form .field-wrap{
    background: rgba(36, 36, 36, 1);
}
.home_inner_slider .cs-gallery  img{
	    width: 100% !important;
    height: 664px !important;
    object-fit: cover !important;
}
.home_inner_slider{
    margin-bottom: 26px !important;
}
    .relax_and_unwind_top_section{
        position: relative
    }
    /* .home_seaside_slider .swiper-slide-inner img.swiper-slide-image{
  height: 480px;
    object-fit: cover;
    width: 680px !important;
}
#home_seaside_slider2  img.swiper-slide-image {
    height: 350px ;
} */


.check_availabiloty_form .cs-reservation-form.style-banner button[type="submit"] {
    padding: 21px 15px !important;
    height: 100%;
}


.top_things_col_title .cs-title-text{
    max-width: 396px !important;
}
.indulge_img img{
    width: 100%;
        min-height: 100%;
    max-height: 100%;
}
.indulge_img{
    height: 100% !important;
        min-height: 100%;
    max-height: 100%;
}
.email_add form {
    color: #fff !important;
}
.email_add input[type="email"] {
    color: #fff !important;
}
.email_add input[type="email"]::placeholder {
    color: #AFAFAF !important;
    opacity: 1;
}
.find_us_map_img,.find_us_map_img  img {
    width: 100% !important;
}
.find_us_map_img  img{
    height: 565px !important;
    object-fit: cover !important;
}
.slider_html{
    margin: 0 !important;
}
.welcome_img1{
    width: 100% !important;
}
/* think to do css start */
 .contact_form_page_col p{
  margin-bottom: 0;
}
.contact_form_page_col p span input,.contact_form_page_col p span textarea{
  color: #FFF;
font-family: Jost;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
border: 1px solid #DBDBDB;
background: #000;
margin-bottom: 16px;
padding:23px 34px;
}
.contact_form_page_col p span input::placeholder,
.contact_form_page_col p span textarea::placeholder{
     color: #FFF !important;
     opacity: 1;
}
.contact_form_page_col input[type="submit"] {
    width:auto !important;
    background: #08C0CF;
    color: #FFF;
text-align: center;
font-family: Jost;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.72px;
}
.contact_form_page_col input[type="submit"]:hover{
        background: #08C0CF;
    color: #FFF;
}
.let-start-img img{
        height: 780px;
    object-fit: cover;
}
.your_stay_grid .cs-info-box-item{
    position: relative;
} 
.your_stay_grid .cs-info-box-item:after{
    position: absolute;
    content:"";
    background-color: rgba(202, 202, 202, 1);
    height:59px;
    width: 1px;
    right:1px;
    top:10px;

} 
.your_stay_grid .cs-info-box-item:before{
    position: absolute;
    content:"";
    background-color: rgba(202, 202, 202, 1);
    height:1px;
    width: 93%;
    left: 10px;
    bottom:-2px;

} 
.your_stay_grid .cs-info-box-item:nth-last-child(-n+4):before {
    display: none;
}
.your_stay_grid .cs-info-box-item:nth-child(4n):after {
    display: none;
}
/* think to do css end */


.getting_grid,.experience_col,.getting_grid1,.birdsong_container1,.birdsong_container{
    position: unset !important;
}

.top_things_col_img,.top_things_col_img img,.experience_right1 img ,.when_to_visit_img img,.when_to_visit_img{
    width: 100% !important;
}
.experience_img1 img{
    height: 746px !important;
    object-fit: cover;
}
.byron_bay .cs-title-text{
    max-width: 838px !important;
    margin: 0 auto !important;
}
.getting_grid_right_img img{
    width: 838px !important;
}

@media(max-width:1440px){
    .home_banner_section .elementor-element.elementor-element-3e0b4ff.elementor-absolute.elementor-widget.elementor-widget-html {
    right: 21.625rem;
}
.indulge_col_right{
    padding-left: 50px !important;
}
.indulge_card{
    right: -50px !important;
}
.home_slider_content{
    min-height: 150px !important;
    padding: 30px 35px !important;
} 
.experience_the_img img{
    width: 300px !important;
    height: 300px !important;
    object-fit: cover !important;
}
.enjoy_peaceful_img img{
    width: 225px !important;
    height: 225px !important;
    object-fit: cover !important;
}
}
@media(max-width:1200px){
       .home_banner_section .elementor-element.elementor-element-3e0b4ff.elementor-absolute.elementor-widget.elementor-widget-html {
    right: 10.875rem;
}
.welcome_top_my_beach_section{
    padding: 80px 0  !important;
}
.indulge_card {
        right: -20px !important;
    }
    .indulge_col_right{
        padding: 50px 30px !important;
    }
    .enjoy_div1{
        width: 100% !important;
        max-width: 700px !important;
        margin: 0 auto !important;
    }
    .experience_serenity .elementor-widget-container{
        padding-bottom: 80px !important;
    }
}
@media(max-width:1024px){
   .check_in_section,.home-slider-section{
    margin: 0 !important;
   }

   .seaside_data .cs-title-wrap{
    max-width: 100% !important;
   }
   .seaside_section .elementor-column{
    width: 100% !important;
   }
   .seaside_section{
    padding: 80px 0px 0398px 0px !important;
   }
   .experience_section{
    padding: 80px 0 !important;
   }
   .everything_sec .e-con-inner,.top_things_sec .e-con-inner{
    padding: 80px 0 !important;
   }
   .everything_sec_inner .elementor-widget-container{
    padding-bottom: 50px !important;
   }
   #dolphin_cove  .e-con-inner{
    padding-top: 20px !important;
   }
    .top_things_sec_inner{
       flex-direction: column !important;
       gap: 30px !important;
    }
    .top_things_sec_inner .elementor-element{
        width: 100% !important;
    }
   .experience_serenity .elementor-widget-container{
    padding-bottom: 50px !important;
   }
   .enjoy_div .elementor-widget-container{
    padding-top: 50px !important;
   }
  .your_stay_grid .cs-info-box.column-4 .cs-info-box-item{
    width: 33.33% !important;
   }
.home-slider-section .cs-gallery.style-overflow .slick-arrow.slick-next
{
right: 30px !important;
}
.home-slider-section .cs-gallery.style-overflow .slick-arrow.slick-prev{
left: 30px !important;}
.home-slider-section .slick-arrow{
    --arrow-size: 40px !important;
}
.home_inner_slider .cs-gallery img{
    height: 500px !important;
}
.relax_and_unwind_section > .e-con-inner{
    flex-direction: column !important;
}
.relax_and_unwind_right_section {
    position: unset !important;
    width: 100% !important;
}
.relax_and_unwind_right_section .relax_and_unwind_2_img, .relax_and_unwind_right_section .relax_and_unwind_2_img img{
    width: 100% !important;
}
.relax_and_unwind_left_section{
    width: 100% !important;
    margin-bottom: 30px !important;
}
.indulge_section{
    flex-direction: column !important;
   
}
.what_people_section .e-con-inner{
    padding: 80px 0!important;
}
.indulge_col_left,.indulge_col_right{
    width: 100% !important;
}
.what_people_title .elementor-widget-container{
    padding-bottom: 50px !important;
}
.enjoy_div{
    width: 100% !important;
    padding: 0 16px !important;
}
.enjoy_div .elementor-widget-container{
    padding-top: 50px !important;
}
.footer_row .e-con-inner{
    flex-direction: column !important;
}
.footer_row_left_col,.footer_row_right_col,.sign_up_title{
    width: 100% !important;
}
.experience_coastal p{
    margin-bottom: 0 !important;
}
.experience_the_img img {
        width: 200px !important;
        height: 200px !important;
    }
    .enjoy_peaceful_img img {
        width: 180px !important;
        height: 180px !important;
    }
    .top_thing_to_do_slider{
    position: unset !important;
    
}
.your_stay_grid .cs-info-box-item:nth-last-child(-n+4):before {
    display: block;
}
.your_stay_grid .cs-info-box-item:nth-child(4n):after {
    display: block;
}
.your_stay_grid .cs-info-box-item:nth-last-child(-n+3):before {
    display: none;
}
.your_stay_grid .cs-info-box-item:nth-child(3n):after {
    display: none;
}
.top_things_col_title .cs-title-text{
    max-width:100% !important;
}
.experience_right1,.getting_grid_right,.coastal_img_row,.find_us_right_map{
    position: unset !important;
}
.byron_bay .cs-title-text{
    max-width: 100% !important;
}
.getting_grid_right_img img,.visit_img img ,.visit_img,.when_to_visit_img img,.coastal_img_row1 img,.coastal_img_row2 img,.coastal_img_row2,.coastal_img_row1,.find_a_map,.find_a_map img
{
width: 100% !important;
}
.coastal_img_row1 img,.coastal_img_row2 img{
    object-fit: cover !important;
}
}
@media(max-width:768px){
    .home_banner_section .elementor-element.elementor-element-3e0b4ff.elementor-absolute.elementor-widget.elementor-widget-html {
    display: none;
    }
    .home_banner_section h1{
        font-size: 42px !important;
        line-height: 1 !important;
    }
    /* .welcome_title h2,.relax_and_unwind_left_section h2,.seaside_data h2,.your_stay_section h2,.experience_serenity h2,.everything_sec_inner h2,.top_things_sec h2,
    .indulge_col_right h2,.what_people_title h2{
        font-size: 38px !important;
        line-height: 1 !important;
    }
    .seaside_data .cs-subtitle,.relax_and_unwind_left_section .cs-subtitle,.experience_serenity .cs-subtitle,.everything_sec_inner .cs-subtitle,.top_things_sec .cs-subtitle,
    .indulge_col_right  .cs-subtitle,.what_people_title  .cs-subtitle
    {
        font-size: 16px !important;
    }
   .welcome_title .cs-title-text,.relax_and_unwind_left_section p,.seaside_data p,.your_stay_section p,.enjoy_div p,.everything_sec_inner p,.location_p p,.indulge_col_right p,
   .we_really_row h3
   
   {
    font-size: 18px !important;
   } */
    .we_really_row h4{
        font-size: 14px !important;
    }
    .we_really_row .elementor-element{
        gap: 10px !important;
    }
   .location_p p{
    margin-bottom: 10px !important;
   }
   .top_thing_imgs_1 img{
    width: 100% !important;
   }
   .indulge_card div {
    font-size: 25px !important;
    line-height: 30px !important;
   }
   .relax_and_unwind_left_section .cs-title-text{
    margin-bottom: 10px !important;
   }
  .home_seaside_slider .swiper{
    padding-bottom: 0 !important;
  }
    .check_availabiloty_form input , .check_availabiloty_form label,.check_availabiloty_form .cs-reservation-form.style-banner button[type="submit"]{
    font-size: 14px !important;
    padding: 15px 35px 15px 18px !important}
        .home-banner_title_section > .e-con-inner{
            padding-bottom: 50px !important;
        }
        .relax_and_unwind_right_section{
            position: unset !important;
        }
        .relax_and_unwind_top_img img{
            width: 500px !important;
        }
        .find_a_map img{
            width: 100% !important;
        }
        .your_stay_grid .cs-info-box.column-4 .cs-info-box-item{
    width: 50% !important;
   }

   .home_inner_slider .cs-gallery img {
        height: 400px !important;
    }
   .home_slider_content {
    width: calc(50% - 20px) !important;
    height: fit-content !important;
    min-height: fit-content !important;
    padding: 20px 40px !important;
}
.home_slider_content_2{
   padding: 20px 40px !important;  
}
.check_in_section .elementor-container
{
    max-width: 100% !important;
    padding: 0 !important;
}
.we_really_row{
    flex-direction: column !important;
}
.we_really_row .elementor-element{
    width: 100% !important;
}
.find_up_on_map_left_col{
    width: 100% !important;
}
.find_up_on_map_right_col   {
    position: unset !important;
    width: 100% !important;
}
.relax_and_unwind_top_img.find_us_map_img img {
    width: 100% !important;
}
.find_up_on_map_section {
    padding: 80px 0 !important;
}
.find_up_on_map_row .e-con-inner{
    flex-direction: column-reverse !important;

}
.find_us_title .cs-title{
    margin-bottom: 20px !important;
}
.welcome_top_my_beach_section .elementor-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.indulge_video_section .video-play-btn{
    width: 60px !important;
    height: 60px !important;
}
.find_us_right_map{
    position: unset !important;
}
.what_a_visit_sec,.what_a_visit_sec .elementor-element{
    height: 100% !important;
}
.welcome_img1 img {
    height: 100% !important;
}
    .your_stay_grid .cs-info-box-item:before,.your_stay_grid .cs-info-box-item:after  {
    display: none !important;
}

}

@media(max-width:575px){
    .home_inner_slider .cs-gallery img{
    height: 400px !important;
    
}
 .home_slider_content,.home_slider_content_2 {
    width: 100% !important;
   
}
.relax_and_unwind_top_img img{
            width: 300px !important;
        }
         .your_stay_grid .cs-info-box.column-4 .cs-info-box-item{
    width: 100% !important;
   }

   .welcome_top_my_beach_section{
    padding: 60px 0 !important;
   }
   /* .welcome_title h2, .relax_and_unwind_left_section h2, .seaside_data h2, .your_stay_section h2, .experience_serenity h2, .everything_sec_inner h2, .top_things_sec h2, .indulge_col_right h2, .what_people_title h2{
    font-size: 34px !important;
   } */
       .seaside_section {
        padding: 60px 0px 360px 0px !important;
    }
    .enjoy_div .elementor-widget-container{
        padding-top: 30px !important;
    }
    .experience_serenity .elementor-widget-container,.what_people_title .elementor-widget-container{
        padding-bottom: 30px !important;
    }
    .indulge_video_section .elementor-container{
        min-height: 400px !important;
    }
    .your_stay_grid .cs-info-box-item{
        padding: 0 !important;
    }
    .your_stay_grid  .cs-info-box-wrap{
        gap: 20px !important;
    }
    .find_us_map_img img{
        height: 400px !important;
    }
    .relax_and_unwind_section  .e-con-inner{
        gap: 30px !important;
    }
    .top_things_sec{
        padding: 0 !important;
    }
    .indulge_card {
        right: 0 !important;
    }
    .indulge_card div {
        font-size: 18px !important;
        line-height: 20px !important;
    }
    .find_a_map img{
            width: 100% !important;
        }
}
@media(max-width:513px){
    #experience_img1,#experience_img2{
        width: 100% !important;
    }
    #experience_img1 img,#experience_img2 img{
        height: 300px !important;
        object-fit: cover !important;
    }
}
/* **************************** home css end ************************* */