/*
*Theme Name:     CozyStay Child Theme
*Theme URI: 	 https://cozystay.loftocean.com/
*Description:    CozyStay child theme for user customization
*Author:         Loft.Ocean
*Author URI:     http://www.loftocean.com
*License: 		 GNU General Public License v2 or later
*License URI: 	 http://www.gnu.org/licenses/gpl-2.0.html
*Tags: 			 full-width-template, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready
*Template:       cozystay
*Text Domain: 	 cozystay-child
*Version:        1.0
*/

 /** Add your styles below **/


 /*-------------------------------------------  GENERAL -------------------------------------------*/
 /*-------------------------------------------  GENERAL -------------------------------------------*/





 /*------------------------------------------- END GENERAL -------------------------------------------*/
 /*------------------------------------------- END GENERAL -------------------------------------------*/


 /*------------------------------------------- COLOR -------------------------------------------*/
 /*------------------------------------------- COLOR -------------------------------------------*/

:root{
  --secondary-color: #b45620;
}

h2,h3, h4,h5{
  color: #142D46 !important;
}

.white h2, .white h3, .white h4, .white h5{
  color: #fff !important;
}

.gt_switcher-popup{
  color: #000 !important;
}

.stickyHeader .sub-menu a:hover{
  color: #b45620 !important;
}

.room .post-header .item-subtitle{
  color: #B99D75 !important;
}

.stickyHeader  a{
  color: #2D2825 !important;
}

.stickyHeader .sub-menu a{
  color: #fff !important;
}

header .sub-menu, .button.cs-btn-color-black{
  background-color: #142D46 !important;
}

.button.cs-btn-color-black:hover{
  background-color: #B99D75 !important;
}

/* .main .elementor-top-section .elementor-background-overlay{
  background-color: #0b1826 !important;
} */



 /*------------------------------------------- END COLOR -------------------------------------------*/
 /*------------------------------------------- END COLOR -------------------------------------------*/

 /*------------------------------------------- FONT -------------------------------------------*/
 /*------------------------------------------- FONT -------------------------------------------*/

.elementor-button-link{
  font-family: "Marcellus" !important;
  font-weight: 300 !important;
}

.wc-block-components-product-name{
  font-size: 15px !important;
}

.gt_switcher-popup > span:first-of-type{
  font-size: 0 !important;
}

.cs-room-order-wrapper div{
  font-weight: 800 !important;
}

.small{
  font-size: 50%;
  line-height: 1.3;
  display: block;
}

 /*------------------------------------------- END FONT -------------------------------------------*/
 /*------------------------------------------- END FONT -------------------------------------------*/

 /*------------------------------------------------ TITLE ------------------------------------------------*/
 /*------------------------------------------------ TITLE ------------------------------------------------*/

.heroSection h1{
  text-shadow: 0 0 15px rgb(0, 0, 0, 0.95);
}

h2,h3,h4,h5,h6, .cs-cta-btn .button{
  font-family: "Marcellus", serif !important;
  font-weight: 400 !important;
}

h1{
  font-size: 60px !important;
  line-height: 1.1 !important;
  font-family: "Prata", serif !important;
  font-weight: 500 !important;
}

h2{
  font-size: 45px !important;
  line-height: 1.4 !important;
}

.single-room h2, .wp-block-heading{
  font-size: 35px !important;
}

h3{
  font-size: 31px !important;
}

h2.post-title{
  font-size: 23px !important;
}




 /*------------------------------------------------ END TITLE ------------------------------------------------*/
 /*------------------------------------------------ END TITLE ------------------------------------------------*/



 /*------------------------------------------------ ELEMENT ------------------------------------------------*/
 /*------------------------------------------------ ELEMENT ------------------------------------------------*/


.cs-rooms-wrapper.slick-slider .post:hover .featured-img:after, .room-availability {
  display: none;
}

ul p{
  margin-bottom: 0;
}

.homeTitle > div{
  background-color: #0b1826e3;
  outline: 1px solid #B99D75;
  outline-offset: -12px;
  padding: 40px !important;
  max-width: 900px;
}

  .homeTitle > div{
    animation: fadeSitemapBg 2.8s ease forwards;
    animation-delay: 10s;
  }


@keyframes fadeSitemapBg {
  from {
    background-color: #0b1826de;
    outline: 1px;
  }

  to {
    background-color: #0b182600;
    outline: 0px;
  }
}

.div_widget_itea_avis_contentAvisClient{
  max-height: 600px;
  overflow-y: scroll !important;
}



 /*------------------------------------------------ END ELEMENT ------------------------------------------------*/
 /*------------------------------------------------ END ELEMENT ------------------------------------------------*/


 /*------------------------------------------------ BUTTON ------------------------------------------------*/
 /*------------------------------------------------ BUTTON ------------------------------------------------*/

.stickyHeader .button.cs-btn-outline{
  border-color: #b45620 !important;
  background-color: #b45620 !important;
  color: #fff !important;
}

.stickyHeader .button.cs-btn-outline:hover{
  border-color: #142D46 !important;
  background-color: #142D46 !important;
  color: #fff !important;
}

.dispoButton {
  background-color: #b45620 !important;
}

 /*------------------------------------------- END BUTTON -------------------------------------------*/
 /*------------------------------------------- END BUTTON -------------------------------------------*/

 /*------------------------------------------------ HEADER ------------------------------------------------*/
 /*------------------------------------------------ HEADER ------------------------------------------------*/

/* .headerOverlay .elementor-background-overlay{
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 20%, rgb(0 0 0 / 84%) 50%, rgba(0, 0, 0, 0) 100%) !important;
  opacity: 0.5 !important;
  height: 320px;
} */


 /*------------------------------------------------ END HEADER ------------------------------------------------*/
 /*------------------------------------------------ END HEADER ------------------------------------------------*/


 /*------------------------------------------------- FOOTER -----------------------------------------------*/
 /*------------------------------------------------- FOOTER -----------------------------------------------*/


 /*------------------------------------------------ END FOOTER  ------------------------------------------------*/
 /*------------------------------------------------ END FOOTER ------------------------------------------------*/


 /*------------------------------------------------   FORM ------------------------------------------------*/
 /*------------------------------------------------   FORM ------------------------------------------------*/




 /*------------------------------------------------ END  FORM ------------------------------------------------*/
 /*------------------------------------------------ END  FORM ------------------------------------------------*/

 /*------------ Portfolio ---------------*/





 /* ---------- End Portfolio ------------*/

 /*------------------------------------------------  PAGE 2nd  ------------------------------------------------*/
 /*------------------------------------------------  PAGE 2nd  ------------------------------------------------*/






 /*------------------------------------------------- END PAGE 2nd -----------------------------------------------*/
 /*------------------------------------------------- END PAGE 2nd -----------------------------------------------*/

 /*------------------------------------------  BLOG -----------------------------------------------*/
 /*-----------------------------------------  BLOG -----------------------------------------------*/

.author{
  display: none;
}

.single-post h2, .woocommerce-page h2{
  font-size: 35px !important;
  margin-top: 60px !important;
  margin-bottom: 20px !important;
}

.single-post h2.post-title{
  font-size: 25px !important;
  margin-top: 20px !important;
}

.single-post h3{
  font-size: 24px !important;
  margin-bottom: 10px !important;
}


 /*----------------------------------------------- END BLOG -----------------------------------------------*/
 /*----------------------------------------------- END BLOG -----------------------------------------------*/


 /*------------------------------------------------- POPUP-----------------------------------------------*/
 /*------------------------------------------------- POPUP-----------------------------------------------*/

.cs-popup-box .container > .elementor::-webkit-scrollbar{
  display: block !important;
}


.cs-popup-box .container > .elementor{
  overflow-y: scroll;
  scrollbar-width: thin;
}


 /*------------------------------------------------- END POPUP -----------------------------------------------*/
 /*------------------------------------------------- END POPUP -----------------------------------------------*/

 /*------------------------------------------------- 4K-----------------------------------------------*/
 /*------------------------------------------------- 4K-----------------------------------------------*/




 @media screen and (min-width: 1920px){


 }



 @media screen and (min-width: 2559px){



 }



 /*------------------------------------------------- END 4K-----------------------------------------------*/
 /*------------------------------------------------- END 4K-----------------------------------------------*/


 /*------------------------------------------------- LAPTOP-----------------------------------------------*/
 /*------------------------------------------------- LAPTOP-----------------------------------------------*/

  @media screen and (max-width: 1650px){

    .home h1{
    font-size: 55px !important;
    }

  }


 @media screen and (max-width: 1450px){

   h1, .home h1{
   font-size: 52px !important;
   }

   h2{
     font-size: 42px !important;
   }

   .single-room h2, .wp-block-heading, h2.post-title{
     font-size: 32px !important;
   }

   h3{
     font-size: 30px !important;
   }

   .header{
     padding-left: 20px !important;
     padding-right: 20px !important;
   }

   header .elementor-widget-cs_logo img{
     max-width: 220px !important;
   }

 }

 @media screen and (max-width: 1350px){

   h1, .home h1{
   font-size: 45px !important;
   }

   h2{
     font-size: 35px !important;
   }

   h3{
     font-size: 25px !important;
   }

   .phoneHeader{
     display: none;
   }

   .cs-menu .primary-menu > li > a {
    font-size: 12px !important;
    padding: 0 10px !important;
  }


 }





 /*------------------------------------------------- END LAPTOP -----------------------------------------------*/
 /*------------------------------------------------- END LAPTOP -----------------------------------------------*/

 /*------------------------------------------------- TABLET-----------------------------------------------*/
 /*------------------------------------------------- TABLET-----------------------------------------------*/




 @media screen and (max-width: 1025px){

   h1, .home h1{
   font-size: 37px !important;
   }

   h2{
     font-size: 31px !important;
   }

   .single-room h2, .wp-block-heading, h2.post-title{
     font-size: 27px !important;
   }

   h3{
     font-size: 24px !important;
   }

   h2.post-title{
     font-size: 19px !important;
   }

  .headerOverlay .elementor-background-overlay{
    height: 250px;
  }

  #masthead{
    position: fixed !important;
   }

   .menu-toggle .menu-toggle-icon:before, .menu-toggle .menu-toggle-icon:after{
     border-color: #000;
   }

 }





 /*------------------------------------------------- END TABLET-----------------------------------------------*/
 /*------------------------------------------------- END TABLET-----------------------------------------------*/

 /*------------------------------------------------- LANDSCAPE-----------------------------------------------*/
 /*------------------------------------------------- LANDSCAPE-----------------------------------------------*/

 @media screen and (max-width: 767px){

   h1, .home h1{
   font-size: 34px !important;
   line-height: 1.3 !important;
   }

   h2, .single-room h2, .wp-block-heading, h2.post-title{
     font-size: 24px !important;
   }

   h3{
     font-size: 20px !important;
   }

   .single-post h2{
     font-size: 30px !important;
     margin-top: 40px !important;
   }

   .single-post h2.post-title{
     font-size: 21px !important;
     margin-top: 0 !important;
   }

   .homeTitle > div{
     padding: 40px 30px !important;
   }

   .gt_switcher-popup img{
     width: 15px;
   }

 }


 /*------------------------------------------------- END LANDSCAPE-----------------------------------------------*/
 /*------------------------------------------------- END LANDSCAPE-----------------------------------------------*/

 /*------------------------------------------------- PORTRAIT-----------------------------------------------*/
 /*------------------------------------------------- PORTRAIT-----------------------------------------------*/


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



 }



 /*------------------------------------------------- END PORTRAIT-----------------------------------------------*/
 /*------------------------------------------------- END PORTRAIT-----------------------------------------------*/