/*
 Theme Name:   Legian Twenty Two
 Description:  Elementor & Motopress WordPress Theme For Hotel, Villa and Resort
 Author:       Riza Bahasuan
 Author URI:   http://zalnative.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

.rza-mphb-reservation {
    position: absolute;
    top: 0;
    right: 0;
}
.rza-hide {
	display:none;
}
.rza-mphb-grid .mphb-room-types {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content:space-between;
}
.rza-mphb-grid .mphb-room-type {
    border: 1px solid #f1f1f1;
    margin-bottom: 1.5em;
}
.rza-mphb-grid h2,
.rza-mphb-grid ul.mphb-loop-room-type-attributes,
.rza-mphb-grid .mphb-regular-price {
    padding: 0px 20px!important;
}
.rza-mphb-grid .mphb-room-type:not(:first-of-type) {
    margin-top: 0px
}
.rza-mphb-grid .mphb-gallery-thumbnail-slider {
    display: none;
}
.rza-mphb-grid .mphb-room-type .mphb-room-type-details-title {
    display: none;
}
.rza-mphb-grid ul {
    list-style: none;
    padding-left: 0px;
}
.rza-mphb-grid .mphb-view-details-button-wrapper,
.rza-mphb-grid .mphb-to-book-btn-wrapper {
    display: inline-block;
}
.rza-mphb-grid .mphb-to-book-btn-wrapper {
    float: left;
    margin-left:20px;
}
.rza-mphb-grid .mphb-view-details-button-wrapper {
    margin-top: 0.5em;
    margin-left: 1em;
    margin-bottom: 30px;
}
.rza-mphb-grid ul.mphb-loop-room-type-attributes {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 1em;
}
.rza-mphb-grid ul.mphb-loop-room-type-attributes li {
    display: inline;
    margin-right: 15px;
}
.rza-mphb-grid .mphb-attribute-title,
.rza-mphb-grid .mphb-room-type-view,
.rza-mphb-grid .mphb-room-type-facilities,
.rza-mphb-grid .mphb-room-type-categories {
    display: none!important;
}
.mphb-loop-room-type-attributes li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
}
.mphb-loop-room-type-attributes .mphb-room-type-adults-capacity:before {
    content: "\f2bd";
}
.mphb-loop-room-type-attributes .mphb-room-type-bedroom:before {
    content: "\f236";
}
.mphb-loop-room-type-attributes .mphb-room-type-size:before {
    content: "\f065";
}
@media only screen and (max-width: 768px) {
    .rza-mphb-grid .mphb-room-types {
		display: inherit;
	}
}