@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap');





/**

 * All of the CSS for your public-facing functionality should be

 * included in this file.

 */

:root {

  --rss-img-height: 300px;

    /* https://trello.com/c/jhUMHx6B */

    --rss-img-height-mobile: 220px;

    --rss-img-height-small-screen: 250px;

    /* https://trello.com/c/jhUMHx6B */

  --rss-btn-bg: transparent;

  --btn-border: none;

  --rss-font: "itstrubal", sans-serif;

  --rss-font-he: "itstrubal", sans-serif;

  --rss-font-p: "Assistant", sans-serif;

  --rss-font-p-he: "Assistant", sans-serif;

}



.hotels-rss-widget {

  position: relative;

}



.hotels-rss-widget * {

  font-family: var(--rss-font) !important;

}



html[dir="rtl"] .hotels-rss-widget * {

  font-family: var(--rss-font-he) !important;

}



.hotels-rss-widget .slick-track {

  display: flex;

  gap: 20px;

  margin: 0 !important;

  height: 100%;

}



.hotels-rss-widget .slick-list {

  width: 100% !important;

}



.hotels-container {

  display: flex;

  gap: 20px;

  flex-wrap: wrap;

}



.hotels-item {

  position: relative;

  width: calc((100% - 60px) / 4);

  display: flex !important;

  flex-direction: column;

  gap: 20px;

  padding: 0;

  color: #000;

  background-color: #f9f6f2;

  transition: all 0.3s ease;

/*

  border-radius: 10px;

  overflow: hidden;

  */

}



.hotels-item-main {

  display: flex;

  flex-direction: column;

  gap: 10px;

  /* https://trello.com/c/jhUMHx6B */

  /* justify-content: space-between; */

  justify-content: flex-start;

  /*height: calc(100% - var(--rss-img-height));*/

  /* https://trello.com/c/jhUMHx6B */

}



.hotels-item-name {

  margin: 0;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  background: #000;

  font-size: 18px;

  font-weight: 600;

   

}



  /* https://trello.com/c/jhUMHx6B */

  .hotels-item-image {

    width: 100%;

    height: var(--rss-img-height);

  }

  

  .hotels-item-header {

    height: var(--rss-img-height);

    overflow: hidden;

  }

  

  body .hotels-item-header img {

    height: var(--rss-img-height) ;

    width: 100%;

    object-fit: cover;

  }

    /* https://trello.com/c/jhUMHx6B */

.hotels-item h2 {

  margin: 0 25px;

  padding: 0;

  font-size: 30px;

  line-height: 42px;

  font-weight: 400 ;

  letter-spacing: 1px;

}



.hotels-item .paragraph {

  color: #000;

  font-size: 15px;

  margin: 0 25px 15px;

  line-height: 1.5;

  font-weight: 400 !important;

  font-family: var(--rss-font-p) !important;



  /* https://trello.com/c/jhUMHx6B */

  display: -webkit-box;

  -webkit-line-clamp: 7;

  line-clamp:7;

  -webkit-box-orient: vertical;

  overflow: hidden;

  /* https://trello.com/c/jhUMHx6B */

}



/* https://trello.com/c/jhUMHx6B */

.hotels-item .paragraph_wrapper.expanded .paragraph{

  -webkit-line-clamp: none;

  line-clamp:none;

}

.paragraph_wrapper{margin-bottom: 15px;}

.hotels-item .paragraph{margin-bottom: 0;}

.hotels-item button.hotels-item-expand{

  font-family: var(--rss-font-he) !important;

  box-shadow: none; display: inline-block; background-color: transparent;

  padding: 0; margin:20px 25px 0; border:0; cursor: pointer;

  font-weight: 700;

}

/*

button.hotels-item-expand:after {

  display: inline-block;

  vertical-align: middle;

  content: '...';

}*/

.hotels-item-main-row{display: flex;flex-direction: column;}

/* https://trello.com/c/jhUMHx6B */

html[dir="rtl"] .hotels-item .paragraph {

  font-family: var(--rss-font-p-he) !important;

}



.hotels-item a {

  text-decoration: none;

  color: #000;

  font-size: 16px;

  font-weight: 500;

}



.hotels-item a:hover {

  text-decoration: none;

  color: #000;

}



.hotels-item a.btn {

  width: max-content;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 8px;

  color: #000;

  padding: 12px 32px;

  margin: 0 25px 0;

  text-align: center;

  font-size: 15px;

  line-height: 1;

  font-weight: 700;

  letter-spacing: 2px;

  text-decoration: none;

  border: var(--btn-border);

  background-color: var(--rss-btn-bg);

  box-sizing: border-box;

  transition: all 0.3s ease;



}



.hotels-rss-filter {

  display: flex;

  flex-direction: column;

  gap: 16px;

  margin-bottom: 30px;

}



.hotels-rss-filter-label {

  width: max-content;

  font-size: 20px;

  font-weight: 700;

  color: #000;

  display: flex;

  align-items: center;

  gap: 16px;

  cursor: pointer;

}



/* #region chackbox styles */

.hotels-rss-filter-settings-wrap {

  display: none;

}



.hotels-rss-filter-settings {

  display: flex;

  gap: 80px;

}



.hotels-rss-filter-settings label {

  display: flex;

  align-items: center;

  cursor: pointer;

  font-size: 16px;

  position: relative;

  padding-right: 35px;

  padding-left: 35px;

  margin-bottom: 12px;

  color: #000;

}



/* Custom checkbox styling */

.hotels-rss-filter-checkbox {

  position: absolute;

  opacity: 0;

  visibility: hidden;

}



/* Custom round checkbox mode */

.hotels-rss-filter-checkbox-mode {

  display: inline-block;

  width: 20px;

  height: 20px;

  border: 2px solid #333;

  border-radius: 50%;

  position: absolute;

  right: 0;

  left: 0;

  top: 0;

  transition: background-color 0.3s, border-color 0.3s;

}



/* When checkbox is checked */

.hotels-rss-filter-checkbox:checked+.hotels-rss-filter-checkbox-mode {

  background-color: #333;

  border-color: #333;

}



/* Adding a checkmark */

.hotels-rss-filter-checkbox:checked+.hotels-rss-filter-checkbox-mode::after {

  content: '\2713';

  position: absolute;

  color: white;

  font-size: 16px;

  right: 2px;

  left: 2px;

  top: 0;

  line-height: 1;

}



/* #endregion chackbox styles */



/* #region Popup */

.hotels-item-overlay {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 999;

  background: rgba(0, 0, 0, 0.2);

}



.hotels-item-popup {

  display: none;

  position: fixed;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  height: 90vh;

  width: 90vw;

  max-width: 1400px;

  z-index: 1000;

  padding: 50px 30px;

  overflow: auto;

  border-radius: 20px;

  background: #fff;

  box-shadow: 0px 10px 35px -5px rgba(0, 0, 0, 0.75);

}



button.hotels-item-popup-close {

  position: absolute;

  top: 10px;

  right: 15px;

  width: 40px;

  height: 40px;

  background: transparent;

  z-index: 10;

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 0;

}



button.hotels-item-popup-close:hover {

  background: rgba(0, 0, 0, 0.1);

}



.hotels-item-popup-image-wrapper {

  height: 400px;

  display: none;

}



.hotels-item-popup-image {

  display: block;

  margin: 0 auto;

  border-radius: 20px 20px 0 0;

}



.hotels-item-popup-content {

  color: #000;

}



.rssItemImage {

  display: none;

}



.hotels-item-popup-content .rssItemImage {

  float: right;

}



html[dir="rtl"] .hotels-item-popup-content .rssItemImage {

  float: left;

}



.hotels-item-popup-content .rssItemTitle {

  font-weight: 500;

  font-size: 20px;

}



.hotels-rss-widget .carousel-controls {

  position: absolute;

  top: 50%;

  left: -70px;

  right: -70px;

  transform: translateY(-50%);

  display: flex;

  justify-content: space-between;

  z-index: 10;

  gap: 4px;

}



 

 



.hotels-rss-widget .carousel-controls button.slick-arrow,

.hotels-rss-widget .carousel-controls button.slick-arrow:hover,

.hotels-rss-widget .carousel-controls button.slick-arrow:focus {

  width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: transparent;

  border: 1px solid #000;

  border-radius: 50px;

  padding: 0;

}



.hotels-rss-widget .carousel-controls button.slick-prev.slick-arrow {

  transform: rotate(180deg);

}







/* rtl khalil */



html[dir="rtl"] .hotels-rss-widget .slick-next.slick-arrow {

  right: auto;

  left: 0;

}



html[dir="rtl"] .hotels-rss-widget .slick-slider {

  direction: rtl;

}



.hotels-rss-widget .carousel-controls button.slick-arrow::before,

.hotels-rss-widget .carousel-controls button.slick-arrow::after {

  display: none;

}



html[dir="rtl"] .hotels-rss-widget .carousel-controls button.slick-arrow {

  border-radius: 0;

  background: transparent;

  border: 0;

  top: 0;

}



html[dir="rtl"] .hotels-rss-widget .carousel-controls button.slick-prev.slick-arrow {

  transform: rotate(0deg);

}





.hotels-item h2 {

  color:#000; 

  font-size: 35px;

  text-transform: uppercase;

  line-height: 39px;

  font-family: 'pigmentregularwebfont', sans-serif;

}



.hotels-item a.btn {

  padding: 10px 35px;

  font-weight: 600;

  outline: none !important;

  box-shadow: none !important;

  border-radius: 0px;

  z-index: 1;

  font-family: var(--heading-font);

  background: #000;

  color: #fff;

 /* bordered button start */

 text-decoration: none;

  border: 1px solid transparent;

    width: auto;

    margin: 20px auto;

    display: inline-block; 

      /* bordered button start */

}

/*

@media (hover: hover) {

  .hotels-item a.btn:hover {

    background: #fff!important;

    color: #000!important;

  }

}*/



.hotels-rss-widget .carousel-controls button.slick-arrow svg * {

  fill: #000;

}



/* rtl khalil */

/* #endregion Popup */



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

  .hotels-rss-widget .carousel-controls {

    left: 20px;

    right: 20px;

  }



  .hotels-rss-widget .carousel-controls button.slick-arrow,

  .hotels-rss-widget .carousel-controls button.slick-arrow:hover,

  .hotels-rss-widget .carousel-controls button.slick-arrow:focus {

    background: #fff;

  }

}



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

            /* https://trello.com/c/jhUMHx6B */

      .hotels-item-header,

      body .hotels-item-header img {

        height: var(--rss-img-height-small-screen) ;

    }

        /* https://trello.com/c/jhUMHx6B */



  .hotels-item {

    width: calc((100% - 20px) / 2);

    height: auto;

    gap: 20px;

    overflow: unset;

    transition: all 0.3s ease;

  }



  .hotels-item img {

        /* https://trello.com/c/jhUMHx6B */

    /*height: auto !important;*/

    /* https://trello.com/c/jhUMHx6B */

    width: 100%;

    max-width: 100% !important;

    position: relative;

    top: unset;

    left: unset;

    transform: none;

    transition: none;

  }



  .hotels-item-content {

    width: 100%;

    position: relative;

    bottom: unset;

    background: #fff;

    margin: 0;

    overflow: unset;

    height: auto;

    padding: 24px;

    transition: all 0.3s ease;

    border: 1px solid #54514f;

  }



  .hotels-item-header {

    height: auto;

  }



  .hotels-item h2 {

    max-height: unset;

  }



  .rss-slider .hotels-item {

    padding: 0;

  }



  .rss-slider .hotels-item-content {

    width: 90%;

    max-width: 900px;

    position: relative;

    top: -86px;

    bottom: unset;

    background: #fff;

    margin: 0 0 -86px;

    overflow: unset;

    height: auto;

    padding: 24px;

    transition: all 0.3s ease;

    border: 0;

  }



  .hotels-item h2 {

    margin: 50px 25px 20px;

  }

}



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

  .hotels-item {

    width: 100%;

  }

   /* https://trello.com/c/jhUMHx6B */

   .hotels-item-header,

   body .hotels-item-header img {

     height: var(--rss-img-height-mobile) ;

 }

     /* https://trello.com/c/jhUMHx6B */

}



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

  .hotels-item .hotels-item-image {

    height: 360px;

  }



  .hotels-item-footer {

    height: calc(100% - 360px);

  }



  .hotels-rss-widget {

    width: 94%;

    margin: 0 auto 30px;

  }



  .special-offer .hotels-rss-widget svg.icon.arrow-right.slick-arrow,

  .special-offer .hotels-rss-widget svg.icon.arrow-left.slick-arrow {

    position: static;

  }



  .hotels-rss-widget .carousel-controls button.slick-arrow {

    width: 27px;

  }



  .hotels-rss-widget .carousel-controls {

    width: calc(100% - 25px);

  }



  html[dir="rtl"] .hotels-rss-widget .carousel-controls {

    right: 19px;

  }



  html[dir="rtl"] .hotels-rss-widget .carousel-controls button.slick-prev.slick-arrow {

    right: -3px;

  }





}



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

  .hotels-item .hotels-item-image {

    height: 300px;

  }



  .hotels-item-footer {

    height: calc(100% - 300px);

  }







}



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

  .hotels-item .hotels-item-image {

    height: 250px;

  }



  .hotels-item-footer {

    height: calc(100% - 250px);

  }

}











/* rtl khalil */



html[dir="rtl"] .hotels-rss-widget .slick-next.slick-arrow {

  right: auto;

  left: 0;

}



html[dir="rtl"] .hotels-rss-widget .slick-slider {

  direction: rtl;

}



.hotels-rss-widget .slick-track {

  height: auto;

}



.hotels-rss-widget .carousel-controls .slick-arrow::before,

.hotels-rss-widget .carousel-controls .slick-arrow::after {

  display: none;

}



.hotels-rss-widget .carousel-controls button.slick-arrow {

  border-radius: 0;

  background: transparent;

  border: 0;

  top: 0;

}





html[dir="rtl"] .hotels-rss-widget .carousel-controls button.slick-next.slick-arrow {

  transform: rotate(180deg);

}





.slick-slide img {

  aspect-ratio: 1 / 1;

  max-width: 100%;

  object-fit: cover;

}



.hotels-item h2 {

  color: #000; 

  font-size: 35px;

  text-transform: uppercase;

  line-height: 39px;

  font-family: 'pigmentregularwebfont', sans-serif;

}



.hotels-item a.btn {

  padding: 10px 35px;

  font-weight: 600;

  outline: none !important;

  box-shadow: none !important;

  border-radius: 0px;

  z-index: 1;

  font-family: Arial;

  background: #000;

  color: #fff;

  margin-top:0;

    /* https://trello.com/c/jhUMHx6B */

    margin: 0;

    width: 100%;

    /* https://trello.com/c/jhUMHx6B */

}



 



/* rtl khalil */











/* extract some data from description html */

.hotels-item-availability > span{

  display: block;

}

.hotels-item-availability {

  margin: 20px  25px;

  width: calc(100% - 50px);

}

.hotels-item-availability table .rssItemTitle{display: none;}

.hotels-item-availability table td,

.hotels-item-availability table th{

  padding: 0; border: 0;

}

.hotels-item-availability table {border: 0;}

.hotels-item-availability table ,

.hotels-item-availability table *{

  background-color:transparent!important;

}

.hotels-item-meta{display: block;

  margin: 0;

  padding: 0;

}

/* extract some data from description html */







    /* https://trello.com/c/xnKq2P1G */

    .hotels-item button.hotels-item-expand{

      margin:20px 0 0 ;

    }

    .hotels-item-main{padding:0 0 20px;}

    .hotels-item .paragraph{

      margin: 0 0 15px;

    }

    .hotels-item h2 {

      margin: 30px 0 20px;

  }

        /* https://trello.com/c/xnKq2P1G */



















        

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

  .hotels-container[data-count="1"] .slick-list,

  .hotels-container[data-count="2"] .slick-list

   {

    display: flex;

    justify-content: center;

  }

}











/* tabs */

.hotels-tabs-country-title{

  color:#231F20;

  font-family: "Open Sans", Sans-serif;

  font-weight: normal;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.5;

}

.hotels-tabs-country-hotels,

.hotels-tabs-country,

.hotels-tabs{

  display: flex;

  justify-content: center;

  gap: 15px;

  align-items: center; 

}

.hotels-tabs{

 

  margin-bottom: 100px;

}

.hotels-tabs-country-hotels button{

  padding: 0; margin: 0; border: 0;

  display: block;

  background-color:#EDECE3;

  color:#231F20;

  font-family: "Open Sans", Sans-serif;

  font-weight: normal;

  font-size: 18px;

  height:45px;

  line-height:45px;

  padding: 0px 20px;  white-space: nowrap;

  border-radius: 45px;

  

}

.hotels-tabs-country-hotels button.active{

  background-color:#00355e;

  color:#fff;

}

.hotels-item.hidden{

  display: none!important;

}

@media (hover: hover){

  .hotels-tabs-country-hotels button:hover{

    background-color:#00355e;

    color:#fff;

  }

}



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



   



  .hotels-tabs{

    justify-content: flex-start;

   overflow-x: auto; 

  }



}

/* tabs */