.elementor-334 .elementor-element.elementor-element-7465b6b{--display:flex;--min-height:450px;--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;--justify-content:flex-end;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-334 .elementor-element.elementor-element-7465b6b:not(.elementor-motion-effects-element-type-background), .elementor-334 .elementor-element.elementor-element-7465b6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://creativemakersretreat.anabiatech.com/wp-content/uploads/2025/02/2672771ae09e6021743e30ca51a0cff1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-334 .elementor-element.elementor-element-7465b6b::before, .elementor-334 .elementor-element.elementor-element-7465b6b > .elementor-background-video-container::before, .elementor-334 .elementor-element.elementor-element-7465b6b > .e-con-inner > .elementor-background-video-container::before, .elementor-334 .elementor-element.elementor-element-7465b6b > .elementor-background-slideshow::before, .elementor-334 .elementor-element.elementor-element-7465b6b > .e-con-inner > .elementor-background-slideshow::before, .elementor-334 .elementor-element.elementor-element-7465b6b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-334 .elementor-element.elementor-element-c285e08.elementor-element{--align-self:center;}.elementor-334 .elementor-element.elementor-element-c285e08 > .elementor-widget-container{border-style:solid;border-width:0px 0px 3px 0px;border-color:#FFFFFF;}.elementor-334 .elementor-element.elementor-element-c285e08{text-align:center;}.elementor-334 .elementor-element.elementor-element-c285e08 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:51px;font-weight:700;text-transform:capitalize;line-height:1em;letter-spacing:-2px;color:var( --e-global-color-a291686 );}.elementor-334 .elementor-element.elementor-element-15370e06{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-334 .elementor-element.elementor-element-c285e08 .elementor-heading-title{font-size:54px;}}@media(max-width:767px){.elementor-334 .elementor-element.elementor-element-c285e08 .elementor-heading-title{font-size:40px;}.elementor-334 .elementor-element.elementor-element-15370e06{--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-7db5db98 *//* Grid Layout for Accommodations */
.mphb_sc_rooms-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust minmax for column width */
    gap: 20px; /* Space between grid items */
    
}

/* Style for each accommodation item */
.mphb-room-type {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mphb-room-type:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

/* Style for the gallery/images */
.mphb-room-type-images {
    position: relative;
    overflow: hidden;
}

.mphb-room-type-images img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px 8px 0 0;
}

/* Style for the title */
.mphb-room-type-title {
    font-size: 24px;
    margin: 15px;
    color: #333;
}

.mphb-room-type-title a {
    color: inherit;
    text-decoration: none;
}

.mphb-room-type-title a:hover {
    color: #C57D8A; /* Use your preferred hover color */
}

/* Style for the description */
.mphb-room-type p {
    margin: 0 15px 15px;
    font-size: 14px;
    color: #555;
}

/* Style for the details section */
.mphb-room-type-details-title {
    font-size: 18px;
    margin: 15px;
    color: #333;
}

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

.mphb-loop-room-type-attributes li {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

/* Style for the price */
.mphb-regular-price {
    margin: 15px;
    font-size: 18px;
    color: #333;
}

.mphb-regular-price .mphb-price {
    color: #C57D8A; /* Use your preferred price color */
    font-weight: bold;
}

/* Style for the buttons */
.mphb-view-details-button-wrapper,
.mphb-to-book-btn-wrapper {
    margin: 15px;
}

.mphb-view-details-button,
.mphb-book-button {
    background-color: #C57D8A;
    color: #fff !important;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

.mphb-view-details-button:hover,
.mphb-book-button:hover {
    background-color: #A36672; 
    color: white !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .mphb_sc_rooms-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .mphb-room-type-title {
        font-size: 20px;
    }

    .mphb-regular-price {
        font-size: 16px;
    }

    .mphb-view-details-button,
    .mphb-book-button {
        font-size: 14px;
        padding: 8px 16px;
    }
}/* End custom CSS */