/*
Theme Name: Motopress Booking Hotel Child
Theme URI: https://littlejay.my.id/
Template: motopress-booking-hotel
Author: LittleDev
Author URI: https://littlejay.my.id/
Description: Clean and responsive WordPress theme for your hospitality business.
Tags: one-column,two-columns,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,flexible-header,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog
Version: 1.1.0.1705487713
Updated: 2024-01-17 17:35:13

*/

.mphb_sc_rooms-wrapper {
    margin-right: -15px;
    margin-left: -15px;
}

.mphb_sc_rooms-wrapper .mphb-room-type {
	width: 50%;
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

body .mphb_sc_rooms-wrapper .mphb-room-type:not(:first-of-type){
	border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.mphb_sc_rooms-wrapper .mphb-room-type-title, .entry-content h2{
	margin-top:0 !important;
}

.mphb_sc_rooms-wrapper .entry-title .mphb-room-type-title{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
	color: #fff; /* You can adjust the text color as needed */
	font-size:0.7em;
	padding:5px 10px;
	background: rgba(72, 72, 72, 0.5);
    z-index: 10;
}

/* img zoom when hover */
.mphb_sc_rooms-wrapper .post-thumbnail:hover img{
	filter: brightness(0.5);
    transform: scale(1.5);
	transition: transform 0.5s ease;
}

.mphb-loop-room-thumbnail img {
    transition: transform 0.5s ease;
}

.mphb-room-type:hover .mphb-loop-room-thumbnail img {
	filter: brightness(0.5);
    transform: scale(1.5);
}

.mphb_sc_rooms-wrapper .post-thumbnail {
    overflow: hidden;
    max-width: 100%;
}