/*
Theme Name: Vyoo Child
Template: Divi
Theme URI: https://ivyoo.digital
Author: Vyoo - Digital Agency for Le Andrianelle
Author URI: https://ivyoo.digital
Description: Flexible Multi-Purpose Responsive WordPress Theme
Version: 1.0.1
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready

/* Below you can write your style */
.img-fit .et_pb_image{
	overflow: hidden;
	position: relative;
	max-height: 400px;
	height: 400px;
}
.img-fit .et_pb_image_wrap{
	height: 100%;
	width: 100%;
}
.img-fit .et_pb_image:before{
	width: 95%;
	height: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: ' ';
	display: block;
	border: 1px solid;
	border-color: #fff;
	z-index: 2;
}
.img-fit:hover .et_pb_image:before{
	border-color: #c4a484 !important;
}
.img-fit *{
	transition: .5s;
}
.img-fit:hover img{
	transform: scale(1.08);
}
.img-fit img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.img-fit:hover h3{
	color: #c4a484 !important;
}
.img-fit:hover .et_pb_divider{
	width: 10% !important;
	max-width: 10% !important;
}
.et_pb_button.blur-button:hover{
	padding: 15px 35px !important;
}
.et_pb_button.blur-button{
	border-radius: 0 !important;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	padding: 15px 35px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
}
.et_pb_button.blur-button.radius{
	border-radius: 50px !important;
}
.et_pb_button.blur-button.blur-white{
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.25);
	color: #fff !important;
}
.special-column{
	overflow: hidden;
}
.special-column:before{
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(23, 23, 23, 1) 100%);
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index:2;
}
.special-column .special-img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.special-column .special-img .et_pb_image_wrap{
	height: 100%;
}
.special-column .special-img .et_pb_image_wrap img{
	object-fit: cover;
	transition: 1000ms;
	transition-property: transform;
}
.special-column:hover .special-img .et_pb_image_wrap img{
	transform: scale(1.05);
}
.transly{
	transition-delay: 100ms;
	transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-property: transform;
	z-index: 3;
}
.opac-0{
	opacity: 0;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-property: opacity;
	transition-delay: 100ms;
	transition-duration: 500ms;
}
.special-column:hover .transly{
	transform: translatey(-1rem);
}
.special-column:hover .opac-0{
	opacity: 1;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.go-to-menu a{
	color: #6b7280 !important;
    text-transform: none !important;
    font-style: italic !important;
    font-weight: 400 !important;
    padding-left: 15px !important;
}
/* Solo desktop */
@media (min-width: 981px) {

  .special-hover {
    display: flex;
  }

  .special-hover .et_pb_column {
    flex: 1 1 50%;
    transition: flex 0.4s ease;
  }

  /* Hover sulla singola colonna */
  .special-hover .et_pb_column:hover {
    flex: 1 1 60%;
  }

  /* L'altra colonna si riduce automaticamente */
  .special-hover:hover .et_pb_column:not(:hover) {
    flex: 1 1 40%;
  }

}
/* CARD ROOM */
.room_result-inner {
    border: none!important;
	position: relative!important;
}

.room_result{
	border: none !important;
}

.vblistroomblock {
    position: relative!important;
    overflow: hidden!important;
	display: block!important;
	width: 100%!important;
	border: none !important;
	min-height: 550px!important; 
}

.vbrowcdescr{
	display: none !important;
}

.vblist{
	display: grid!important;
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr))!important;
	column-gap: 3%!important;
}
.vblistroomblock .vbimglistdiv{
	width: 100%!important;
	height: 100%!important;
}
/* IMMAGINE */
.vbimglistdiv img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
    display: block!important;
	transition: 0.4s ease!important;
}

/* OVERLAY SCURO */
.vblistroomblock::after {
    content: ""!important;
    position: absolute!important;
    inset: 0!important;
    background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.1))!important;
}

/* TESTO OVERLAY */
.vbo-info-room {
    position: absolute!important;
    bottom: 100px!important;
    left: 20px!important;
    z-index: 2!important;
    color: #fff!important;
    max-width: 100%!important;
}

/* TITOLO */
.vbrowcname a {
    color: #fff!important;
    font-size: 32px!important;
    font-weight: 500!important;
    text-decoration: none!important;
}

/* DESCRIZIONE */
.vbrowcdescr {
    font-size: 14px!important;
    margin-top: 8px!important;
    opacity: 0.9!important;
}

.vbliststartfrom{
	display: none !important;
}

.vbsrowpricediv{
	text-align: right!important;
}
/* ICONE */
.vbo-room-carats {
    margin-top: 10px!important;
}

.vbo-info-room .vbo-room-carat i,
.vbo-info-room .vbo-room-carat {
    color: #fff !important;
    font-size: 14px!important;
}

/* PREZZO OVERLAY */
.vbcontdivtot {
    position: absolute!important;
    bottom: 20px!important;
    right: 0!important;
    z-index: 2!important;
    text-align: right!important;
    color: #fff!important;
}

/* PREZZO STILE */
.room_cost {
    font-size: 22px!important;
    font-weight: 600!important;
}

.vbliststartfrom {
    display: block!important;
    font-size: 12px!important;
}

/* NASCONDI ELEMENTI INUTILI */

/* HOVER EFFECT */
.vblistroomblock:hover img {
    transform: scale(1.05)!important;
}
.vbselectordiv a{
    display: inline-block!important;
    margin-top: 15px!important;
	text-transform: uppercase;
	background-color: transparent !important;
    letter-spacing: 1px!important;
	font-size: 14px !important;
	border-radius: 0 !important;
	text-align: left!important;
    text-decoration: underline;
	padding: 0 0 0 40px !important;
}
.vbdivtotinline{
	display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
}
.vbdivtotinline .vbsrowprice{
	order: 2 !important;
	display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
	flex-direction: row-reverse !important;
}
.vbdivtotinline .vbselectordiv{
	order: 1 !important;
	border-top: 0 !important;
	width: 100% !important;
	display: block;
	padding: 0 !important;
	text-align: left !important;
}
.vbrowroomcapacity{
	padding: 5px 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    border-radius: 50px !important;
}
.vbdetbooksubmit.vbo-pref-color-btn{
	background-color: #C4A484!important;
	color: #fff !important;
	border-radius: 0 !important;
}
.ui-datepicker .ui-state-highlight.date-tooltip{
	background-color: #C4A484!important;
}
.btn.booknow.vbo-pref-color-btn{
	background-color: #C4A484!important;
	color: #fff !important;
	border-radius: 0 !important;
	cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 8px 25px;
    text-align: center;
    transition: all 400ms ease-in-out 0s;
    text-decoration: none !important;
}
.vbo-goback-link{
	color: #C4A484!important;
	border-radius: 0 !important;
	border: 1px solid #C4A484 !important;
}
.wrap.plugin-container .pagination{
	display: none !important; 
}