/*
Theme Name: Pelicula Child
Theme URI: https://pelicula.qodeinteractive.com/
Description: A child theme of Pelicula
Author: Edge Themes
Author URI: http://themeforest.net/user/edge-themes
Version: 1.0.1
Text Domain: pelicula
Template: pelicula
*/

div#room-layout {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 5%;
}
#room-layout .col-md-4.col-lg-4.mb-3 {
    flex: 0 30%;
	margin-bottom:45px;
}
#room-layout .effect-apollo figcaption{
	display:none;
}
#room-layout figure.effect-apollo {
    position: relative;
}
#room-layout figure.effect-apollo:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to top,rgba(255,255,255,.8) 0,rgba(255,255,255,0) 100%) !important;
    pointer-events: none;
    z-index: 1;
}
#room-layout .caption {
    margin-top: -40px;
    z-index: 2;
    position: relative;
    padding-left: 20px;
}
.caption h3 {
    margin-bottom: 0px;
}
a.btn.btn-room-carousel.btn-outline-primary {
    background-color: black;
    color: white;
    padding: 10px 25px;
    border: none;
	font-weight:bold;
}
a.btn.btn-room-carousel.btn-outline-primary:hover {
    border: 2px solid black;
    background-color: white;
    color: black;
	font-weight:bold;
}
.calender{
	position: absolute;
    width: 460px;
    top: calc(-9em * 5);
    right: 4%;
}
.calender p {
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    margin-top: -14px;
}
.qodef-portfolio-list.qodef-slider-layout--predefined2 .qodef-e-content {
    display: flex;
    z-index: 99999;
}
.wpcf7-form.init label {
    font-weight: bold;
    color: black;
    font-size: 16px;
}
input.wpcf7-form-control.wpcf7-text {
    border-radius: 10px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 10px;
}
.room-template-default .qodef-social-share{
	z-index:-1;
}
.is-layout-flow.wp-block-column:nth-child(2) {
    text-align: right !important;
}
@media only screen and (max-width: 1441px) {
	.calender{
		top: calc(-9em * 4);
	}
}
@media only screen and (max-width: 1200px) {
	.calender{
		top: calc(-9em * 3.8);
	}
}
@media only screen and (max-width: 1024px) {
	.calender{
		position: initial;
		width: 100%;
		margin:auto;
	}
	.calender p {
		color: #6d6d6d;
		font-size: 16px;
		margin-top: 0px;
	}
}
@media only screen and (max-width: 786px) {
	 .room-template-default  .qodef-e-media {
		flex: 0 100% !important;
	}
	.room-template-default  .qodef-e-content.qodef-e-content-main.qodef-e-content--appear {
		flex: 0 100% !important;
		  margin-top: -31px !important;
	}
	.col-md-4.col-lg-4.mb-3 {
		flex: 0 100% !important;
	}
	.is-layout-flow.wp-block-column{
		text-align:center !important;
	}
	.is-layout-flow.wp-block-column:nth-child(2) {
		text-align: center !important;
	}
}