:root {
    --rss-bg-container: #ffffff;
    --rss-title-font-size: 16px;
    --rss-title-font-weight: 400;
    --rss-default-font-size: 16px;
    --rss-default-line-height: 16px;
    --rss-button-font-size: 16px;
    --rss-container-padding: 0;

    --rss-description-font-weight: 400;

    --rss-item-bg-color: #ffffff;
    --rss-item-bg-color-content: #ffffff;
    --rss-item-padding: 15px;
    --rss-item-border-radius: 0px;
    --rss-item-border-size: 0px;
    --rss-item-border-color: #ccc;

    --rss-item-content-padding: 10px;

    --rss-item-text-align: start;
    --rss-item-text-color: #000000;
    --rss-item-title-color: #000000;
    --rss-item-content-description-padding: 0px;
 

    --rss-button-bg-color: #0073aa;
    --rss-button-bg-color-hover: #005a8c;
    --rss-button-text-color-hover: #ffffff;
    --rss-button-padding: 10px 15px;
    --rss-button-margin-horizontal: 0;
    --rss-button-margin-vertical: 0;
    --rss-button-border-radius: 4px;
    --rss-button-border-size: 0px;
    --rss-button-border-color: #0073aa;
    --rss-button-text-color: #ffffff;
    --rss-button-font-weight: 400;

    --rss-button-justify: start;
    --rss-button-size: 100%;

    --rss-description-lines: 3;
    --rss-description-lines-expand: block;


    --rss-item-image-aspect-ratio: 4/3;


    --rss-en-font-family: 'Alef', sans-serif;
    --rss-he-font-family: 'Alef', sans-serif;


    --rss-nav-button-bg-color: transparent; 
    --rss-nav-button-width: 40px;
    --rss-nav-button-height: 40px;
    --rss-nav-button-border-radius: 50%;
    --rss-nav-button-svg-width: 20px;
    --rss-nav-button-svg-height: 20px;
    --rss-nav-button-svg-fill: #000000;

    --rss-nav-button-border-size: 0px;
    --rss-nav-button-border-color: transparent;
    --rss-nav-button-inset: -50px;



    --rss-button-height:30px;
    --rss-button-line-height:30px;


    --rss-item-hotel-name-bg-color: #ffffff;
    --rss-item-hotel-name-border-radius: 50%;
    --rss-item-hotel-name-border-size: 0px;
    --rss-item-hotel-name-border-color: #ccc;
    --rss-item-hotel-name-text-color: #000000;
    --rss-item-hotel-name-font-size: 16px;



    --rss-item-toggle-margin-top: 10px;
    --rss-item-toggle-margin-bottom: 10px;
    --rss-item-toggle-font-size: 16px;
    --rss-item-toggle-font-weight: 400;
    --rss-item-toggle-text-color: #000000;
    --rss-item-toggle-line-height: 16px;
    --rss-item-toggle-svg-width: 16px;
    --rss-item-toggle-svg-height: 16px;

}




.sbhbt-rss * {
    box-sizing: border-box;
    font-family: var(--rss-en-font-family);
}

html[lang="he"] .sbhbt-rss * ,
html[lang="he-IL"] .sbhbt-rss * 
{
    font-family: var(--rss-he-font-family);
}


.sbhbt-rss-item-image img{
    aspect-ratio:  var(--rss-item-image-aspect-ratio);
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center; 
    overflow: hidden;
}
.sbhbt-rss-item-content{padding: var(--rss-item-content-padding);}
.sbhbt-rss-item-content-text{
   padding: var(--rss-item-content-description-padding);
}

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

.sbhbt-rss {
    background-color: var(--rss-bg-container);
    padding: var(--rss-container-padding);
}

.sbhbt-rss * {
    line-height: var(--rss-default-line-height);
    font-size: var(--rss-default-font-size);
    text-align: var(--rss-item-text-align);
    color: var(--rss-item-text-color);
}

.sbhbt-rss .sbhbt-rss-item-availability *{
    font-size: calc(var(--rss-default-font-size) - 2px);
}

.sbhbt-rss-item-description-measure,
.sbhbt-rss-item-description-measure *,
.sbhbt-rss-item-description *,
.sbhbt-rss-item-description {
    font-weight: var(--rss-description-font-weight);
}

.sbhbt-rss-item h3.sbhbt-rss-item-title {
    font-weight: var(--rss-title-font-weight);
    font-size: var(--rss-title-font-size);
    color: var(--rss-item-title-color);
}

.sbhbt-rss-item a.sbhbt-rss-item-link {
    font-size: var(--rss-button-font-size);
    font-weight: var(--rss-button-font-weight);

    height: var(--rss-button-height);
    line-height: var(--rss-button-line-height);

    background-color: var(--rss-button-bg-color);
    padding:0 var(--rss-button-padding);
    margin: var(--rss-button-margin-vertical) var(--rss-button-margin-horizontal);
    border-radius: var(--rss-button-border-radius);
    border: var(--rss-button-border-size) solid var(--rss-button-border-color);
    color: var(--rss-button-text-color);
    display: inline-block;
    text-decoration: none;

    width: var(--rss-button-size);
    align-self: var(--rss-button-justify);
}

@media (hover: hover) {
    .sbhbt-rss-item a.sbhbt-rss-item-link:hover {
        background-color: var(--rss-button-bg-color-hover);
        color: var(--rss-button-text-color-hover);
    }
}

.sbhbt-rss-item {
    background-color: var(--rss-item-bg-color);
    padding: var(--rss-item-padding);
    border-radius: var(--rss-item-border-radius);
    border: var(--rss-item-border-size) solid var(--rss-item-border-color);
    overflow: hidden;
}
.sbhbt-rss-item-content{
    background-color: var(--rss-item-bg-color-content);
}
.sbhbt-rss-item-image{
    border-radius: var(--rss-item-border-radius); 
    overflow: hidden;
}

.sbhbt-rss-item-description {
    display: -webkit-box;
    -webkit-line-clamp: var(--rss-description-lines);
    line-clamp: var(--rss-description-lines);
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.sbhbt-rss-item-toggle {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    text-decoration: none;

    margin-top: var(--rss-item-toggle-margin-top);
    margin-bottom: var(--rss-item-toggle-margin-bottom);
    font-size: var(--rss-item-toggle-font-size);
    font-weight: var(--rss-item-toggle-font-weight);
    color: var(--rss-item-toggle-text-color);
    line-height: var(--rss-item-toggle-line-height);
}

.sbhbt-rss-item-toggle span{
font-size: inherit;
font-weight: inherit;
color: inherit;
line-height: inherit;
}
.sbhbt-rss-item-toggle svg {
    width: var(--rss-item-toggle-svg-width);
    height: var(--rss-item-toggle-svg-height);
    flex: 0 0 var(--rss-item-toggle-svg-width);
    fill: var(--rss-item-toggle-text-color);

}

.sbhbt-rss-item-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.sbhbt-rss * {
    box-sizing: border-box;
}

.sbhbt-rss {
    margin: 0 0 30px 0;
    margin-block-start: 0;
    margin-block-end: 0;
    width: 100%;
    max-width: 100%;
}

.sbhbt-rss-item-image img {
    width: 100%;
    height: auto;
    display: block;
}

.sbhbt-rss-item-header,
.sbhbt-rss-item-content,
.sbhbt-rss-item.slick-slide,
.sbhbt-rss-item {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.sbhbt-rss-item-hotel-name{
    position: absolute;
    top: 10px;
    inset-inline-start: 10px;
    background-color: var(--rss-item-hotel-name-bg-color);
    padding: 5px;
    border-radius: var(--rss-item-hotel-name-border-radius);
    border: var(--rss-item-hotel-name-border-size) solid var(--rss-item-hotel-name-border-color);
    color: var(--rss-item-hotel-name-text-color);
    font-size: var(--rss-item-hotel-name-font-size);
}

.sbhbt-rss-item-header{
    position: relative;
}
.sbhbt-rss-item h3 {
    margin: 0 0 10px 0;
}

.sbhbt-rss-item-link {

    display: block;
    text-decoration: none;
}



/* grid */
.sbhbt-rss-grid {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: flex-start;
}

.sbhbt-rss-grid .sbhbt-rss-item {
    width: 100%;
}

@media (max-width: 1100px) {
    .sbhbt-rss-grid {
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .sbhbt-rss-grid { 
        grid-template-columns: 1fr;
    }
}

/* grid */
/* carousel */
.sbhbt-rss-carousel .slick-track {
    display: flex;
    gap: 20px;
    margin: 0;
    height: 100%;
}
.slick-arrow{
    position: absolute;
    top: 50%; 
    transform: translateY(-50%);
    z-index: 10;
display: flex;
align-items: center;
justify-content: center;
    background-color: var(--rss-nav-button-bg-color); 
    width: var(--rss-nav-button-width);
    height: var(--rss-nav-button-height);
    border-radius: var(--rss-nav-button-border-radius);
    border: var(--rss-nav-button-border-size) solid var(--rss-nav-button-border-color);
}
.slick-arrow svg path{
    fill: var(--rss-nav-button-svg-fill);
}
.slick-arrow svg{
    width: var(--rss-nav-button-svg-width);
    height: var(--rss-nav-button-svg-height); 
}
.slick-arrow.slick-next{
    right:var(--rss-nav-button-inset);
}
.slick-arrow.slick-prev{
    left:var(--rss-nav-button-inset);
}

html[dir="rtl"] .slick-arrow.slick-next{
    right:auto;
    left: var(--rss-nav-button-inset);
}
html[dir="rtl"] .slick-arrow.slick-prev{
    left:auto;
    right: var(--rss-nav-button-inset);
}
/* carousel */
/* list */
.sbhbt-rss-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sbhbt-rss-list .sbhbt-rss-item {
    flex-direction: row;
}

.sbhbt-rss-list .sbhbt-rss-item-header {
    width: 200px;
    flex: 0 0 200px;
}

.sbhbt-rss-list .sbhbt-rss-item-header img {
    width: 100%;
    height: auto;
    display: block;
}

.sbhbt-rss-list .sbhbt-rss-item-content {
    width: calc(100% - 220px);
    flex: 0 0 calc(100% - 220px);

}


/* list */


/* content position */
.sbhbt-rss-layer_above_image .sbhbt-rss-item{
    position: relative;
}
.sbhbt-rss-layer_above_image .sbhbt-rss-item-content{
    position: absolute;
    bottom:0; inset-inline-start: 0;
    z-index: 5;
    width: 100%;
} 
.sbhbt-rss-layer_above_image .sbhbt-rss-item-toggle{
    display: none;
}
.sbhbt-rss-layer_above_image .sbhbt-rss-item-content::after{
    z-index: -1;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #02010100 0%, #000000 100%);
}



/* content position */