.elementor-8018 .elementor-element.elementor-element-f3a7f36{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8018 .elementor-element.elementor-element-f3a7f36::before, .elementor-8018 .elementor-element.elementor-element-f3a7f36 > .elementor-background-video-container::before, .elementor-8018 .elementor-element.elementor-element-f3a7f36 > .e-con-inner > .elementor-background-video-container::before, .elementor-8018 .elementor-element.elementor-element-f3a7f36 > .elementor-background-slideshow::before, .elementor-8018 .elementor-element.elementor-element-f3a7f36 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8018 .elementor-element.elementor-element-f3a7f36 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8018 .elementor-element.elementor-element-d2ceb02{--display:flex;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.6;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8018 .elementor-element.elementor-element-d2ceb02:not(.elementor-motion-effects-element-type-background), .elementor-8018 .elementor-element.elementor-element-d2ceb02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-8018 .elementor-element.elementor-element-d2ceb02::before, .elementor-8018 .elementor-element.elementor-element-d2ceb02 > .elementor-background-video-container::before, .elementor-8018 .elementor-element.elementor-element-d2ceb02 > .e-con-inner > .elementor-background-video-container::before, .elementor-8018 .elementor-element.elementor-element-d2ceb02 > .elementor-background-slideshow::before, .elementor-8018 .elementor-element.elementor-element-d2ceb02 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8018 .elementor-element.elementor-element-d2ceb02 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8018 .elementor-element.elementor-element-69b7fcf{--display:flex;}.elementor-8018 .elementor-element.elementor-element-69b7fcf.e-con{--align-self:center;}.elementor-8018 .elementor-element.elementor-element-31d7c53{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;grid-column:span 1;}.elementor-8018 .elementor-element.elementor-element-31d7c53::before, .elementor-8018 .elementor-element.elementor-element-31d7c53 > .elementor-background-video-container::before, .elementor-8018 .elementor-element.elementor-element-31d7c53 > .e-con-inner > .elementor-background-video-container::before, .elementor-8018 .elementor-element.elementor-element-31d7c53 > .elementor-background-slideshow::before, .elementor-8018 .elementor-element.elementor-element-31d7c53 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8018 .elementor-element.elementor-element-31d7c53 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8018 .elementor-element.elementor-element-12e8707{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:start;}.elementor-8018 .elementor-element.elementor-element-12e8707 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:48px;font-weight:700;line-height:44px;color:var( --e-global-color-text );}.elementor-8018 .elementor-element.elementor-element-e3502e9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-8018 .elementor-element.elementor-element-e3502e9.e-con{--align-self:flex-start;}.elementor-8018 .elementor-element.elementor-element-52c5f9c{--display:flex;}.elementor-8018 .elementor-element.elementor-element-dca36de.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-8018 .elementor-element.elementor-element-e3502e9{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-8018 .elementor-element.elementor-element-12e8707{width:100%;max-width:100%;}.elementor-8018 .elementor-element.elementor-element-12e8707 .elementor-heading-title{font-size:35px;}.elementor-8018 .elementor-element.elementor-element-e3502e9{--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS */.accomodation_container .mphb-room-type {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 50px;
}

.accomodation_container  .room-left {
    width: 50%;
}

.accomodation_container  .room-right {
    width: 50%;
}

.accomodation_container  .gallery-item img.attachment-large.size-large {
    height: 500px !important;
}

.accomodation_container  .room-right h3.mphb-room-type-details-title {
    display: none;
}

.accomodation_container ul.mphb-loop-room-type-attributes {
    margin: 0px;
    margin-bottom: 30px;
}

.accomodation_container .mphb-loop-room-type-attributes {
    list-style: none;
    padding: 0;
}

.accomodation_container .mphb-loop-room-type-attributes li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
}

/* IMPORTANT - FA5 */
.accomodation_container .mphb-loop-room-type-attributes li::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important; /* solid icons */
    position: absolute;
    left: 0;
    top: 2px;
    color: #5c6902;
}

/* 👤 Adults */
 .mphb-room-type-adults-capacity::before {
    content: "\f007";
}

/* ☕ Amenities */
.mphb-room-type-facilities::before {
    content: "\f0f4";
}

/* 👁 View */
.mphb-room-type-view::before {
    content: "\f06e";
}

/* 🛏 Bed */
.mphb-room-type-bed-type::before {
    content: "\f236";
}

/* 🏷 Category */
.mphb-room-type-categories::before {
    content: "\f02b";
}


/* 🏷 Category */
.mphb-room-type-size::before {
    content: "\f545";
}

/* 👥 Guests */
.mphb-room-type-total-capacity::before {
    content: "\f007"; /* user icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
}


button.button.mphb-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    background-color: var(--trevlo-base, #FF5956);
    color: var(--trevlo-white, #ffffff);
    font-size: var(--trevlo-size-2xl, 16px);
    font-family: var(--trevlo-font);
    font-weight: 700;
    padding: 20px 40px;
    line-height: 1;
    transition: 500ms;
    text-transform: capitalize;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 1;
}

button.button.mphb-button::before {
    content: "";
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateX(-50%);
    width: 150%;
    height: 150%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    background-color: #5b6902;
    transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

button.button.mphb-button::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 150%;
    height: 150%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: #e6bd37;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
button.button.mphb-button:hover::before {
    top: 100%;
}
button.button.mphb-button:hover::after {
    bottom: -50%;
}

button.button.mphb-button {
    position: relative;
    color: #fff !important;
    z-index: 1;
}

button.button.mphb-button::before,
button.button.mphb-button::after {
    z-index: -1;
}

.accomodation_container  .mphb-recommendation {
    display: none;
}

.accomodation_container  h2.mphb-recommendation-title {
    display: none;
}
.mphb-reserve-room-section .mphb-button.mphb-remove-from-reservation{
    display: none !important;
}

.mphb-reserve-room-section.mphb-rooms-added .mphb-button.mphb-remove-from-reservation{
    display: inline-block !important;
}
.mphb-reserve-room-section.mphb-rooms-added .button.button.mphb-button{
    margin-bottom: 5px;
}
@media (max-width: 768px) {
    
    .accomodation_container .mphb-room-type {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.accomodation_container  .room-left {
    width: 100%;
}
.accomodation_container  .room-right {
    width: 100%;
}
}

.accomodation_container  .mphb-view-details-button-wrapper{
    
    display: none;
}/* End custom CSS */