/*
Theme Name: Alloggio Child
Theme URI: https://alloggio.qodeinteractive.com
Description: A child theme of Alloggio
Author: Edge Themes
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: alloggio
Template: alloggio
*/


/* body */
.qodef--passepartout.qodef--passepartout { padding: 0px !important;}
body, .qodef-h4, h4 {color: #000000;}
.qodef-icon-holder.qodef-payment-icon .qodef-icon {color: rgb(0 0 0 / 50%);}
.qodef-page-footer a {color: #5a5a5a;}

a:hover, p a:hover, .qodef-icon-holder.qodef-payment-icon .qodef-icon:hover {color: rgb(94 60 13);}


/* header */
.home.qodef-header--standard #qodef-page-header {background: rgba(0,0,0,0.4) !important;}
#qodef-page-header .qodef-header-logo-link {max-height: 125px;}
#qodef-page-header #qodef-page-header-inner .qodef-header-logo-link {top: 50%;min-width:90px;height: 125px;}
#qodef-page-header .qodef-header-sticky .qodef-header-logo-link {top: -50%;min-width:90px;height: 125px;}
.qodef-header--sticky-display #qodef-page-header .qodef-header-sticky .qodef-header-logo-link {top: 50%;}

#qodef-page-mobile-header .qodef-header-logo-link {max-height: 125px;}
#qodef-page-mobile-header #qodef-page-mobile-header-inner .qodef-mobile-header-logo-link {top: 30%;min-width:50px;height: 70px;z-index:15;}
.qodef-mobile-header--sticky #qodef-page-mobile-header #qodef-page-mobile-header-inner .qodef-mobile-header-logo-link {margin-left:30px;}
.qodef-mobile-header--sticky #qodef-page-mobile-header #qodef-page-mobile-header-inner .qodef-mobile-header-opener {margin-right:30px;}


/* menu */
.qodef-header--dark:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation>ul>li.current-menu-ancestor>a:after,
.qodef-header--dark:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation>ul>li.current-menu-item>a:after,
.qodef-header--light:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation>ul>li.current-menu-ancestor>a:after,
.qodef-header--light:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation>ul>li.current-menu-item>a:after {position:absolute;background:#fff;width: 100%;height:100%;display:block;content:'';z-index: -1;padding: 5px 10px;margin-left: -11px;margin-top: -2px;}

.qodef-header-navigation .menu > li.menu-item.menu-item-type-custom.menu-item-object-custom:last-child > a {background: #b56953;height: 50px;color: #fff;padding: 5px 20px;margin-top: 20px;}
.qodef-header-navigation .menu > li.menu-item.menu-item-type-custom.menu-item-object-custom:last-child > a:hover {background: #723827;}
.qodef-header--sticky-display .qodef-header-navigation .menu > li.menu-item.menu-item-type-custom.menu-item-object-custom:last-child > a {margin-top: 10px;}

@media (max-width: 768px) {
    .home  .home-head-title * { padding: 0 !important; }
    .home  .home-head-title .elementor-heading-title { padding: 0.5em 0.2em !important; font-size: 3vh; }
	.book-eng-container .qodef-m-form {display: none;}
    .book-eng-container, .book-eng-container .elementor-widget-wrap {padding: 0 !important;margin: 0 !important;}
}


.qodef-shortcode.qodef-m.qodef-image-gallery.qodef-grid.qodef-swiper-container {
	visibility: visible;
}


/* reservation form */
.qodef-room-reservation-filter .qodef-m-form .qodef-m-field.qodef--guests .qodef-m-field-person .qodef-e-input,
#qodef-room-reservation-form .qodef-m-field.qodef--guests .qodef-m-field-person .qodef-e-input {width:auto;}
.qodef-grid.qodef-gutter--normal>.qodef-grid-inner>.qodef-grid-item .mbb-reserv {position:fixed;width:100%;display:block;background:#b56953;z-index:9999;bottom: 0;left: 0;padding: 7px 0;text-align: center;display:none;}
.qodef-grid.qodef-gutter--normal>.qodef-grid-inner>.qodef-grid-item .mbb-reserv a {font-family: Raleway,sans-serif; font-size: 14px; font-weight: 500; letter-spacing: .25em;text-transform: uppercase; color: #fff;}
@media screen and (max-width: 1024px){
	.qodef-grid.qodef-gutter--normal>.qodef-grid-inner>.qodef-grid-item .mbb-reserv {display:block;}
}

/* Header reservation form */
.book-form-header.qodef-room-reservation-filter {
    background: #009688 !important;
}
.book-form-header.qodef-room-reservation-filter .qodef-m-form .qodef-m-field input,
.book-form-header.qodef-room-reservation-filter .qodef-m-form .qodef-m-field select {
    color: #ffffff;
    border-color: rgb(250 253 255 / 50%);
}
.book-form-header.qodef-room-reservation-filter .qodef-m-form .qodef--guests .qodef-m-field-persons.qodef--opened input,
.book-form-header.qodef-room-reservation-filter .qodef-m-form .qodef--guests .qodef-m-field-persons.qodef--opened select {
    color: #4d4d4d;
    border-color: rgb(100 100 100 / 50%);
}
.book-form-header.qodef-room-reservation-filter .qodef-m-form .qodef--guests .qodef-m-field-persons.qodef--opened select {
    width: 75px
}
.book-form-header.qodef-room-reservation-filter .qodef-m-form .qodef-m-field-input-icon{
    stroke: #e4e4e4;
}
@media screen and (max-width:1024px){
    .book-form-header .qodef-m-form .qodef--resort select {max-width: 200px !important;}
}
@media screen and (max-width: 680px){
	.book-form-header .qodef-m-field {margin-bottom: 15px!important;}
	.book-form-header .qodef-m-form .qodef--resort select {max-width: 100% !important;width: 100% !important;display: inline-block;}
	.book-form-header .qodef-m-form .qodef-m-field.qodef--check-in,
	.book-form-header .qodef-m-form .qodef-m-field.qodef--check-out {width: calc(100%/2) !important;}
}


/* Header booking form and direct booking inclusions */
.shape-box {position: relative;z-index: 0;}
.shape-box .shape-wrap, .shape-box .shape-wrap picture {position: relative;display: inline-block;width: 100%;}
.shape-box .shape-wrap picture {background: #207c57;padding: 0;margin: 0 0 -10px;height: auto;}
.shape-box .shape-wrap img {position: relative;margin: 0 auto;display: block;max-width: 100%;}
/* @media screen and (max-width: 999px){
	.shape-box{position:relative !important;margin-top:-30px;bottom:0px;margin-bottom:0px;}
	.book-form-header{position:relative !important;margin-top:0px;bottom:0px;margin-bottom:-50px;}
	.book-form-header>.elementor-widget-container{margin:0px !important;}
	.metaslider .flex-control-nav {display: none;}
}
@media screen and (max-width: 680px){
	.shape-box{margin-top:-30px;margin-bottom:0px;}
	.book-form-header{margin-bottom:-50px;}
} */


/* testimonials */
.home-tripadvisor-review .qodef-e-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.home-tripadvisor-review,
.tripadvisor-review {overflow:visible;}
.home-tripadvisor-review:after,
.tripadvisor-review:after{position:absolute;width: 100%;height: 30px;display:block;content:'';z-index: 0;background: url("../alloggio/assets/img/tripadvisor-logo.png") no-repeat center;background-size: contain;bottom: 20px;}
.tripadvisor-review:after{bottom:-15%!important;}


/* foooter */
#qodef-page-footer .widget.widget_media_image img {width:60px;}
#qodef-page-footer-bottom-area .qodef-content-grid {width: 100%; padding: 0 70px;}
#qodef-page-footer-bottom-area .widget_text {text-align:left;}
#qodef-page-footer-bottom-area .widget_nav_menu {text-align: right;}
#qodef-page-footer-bottom-area .widget_nav_menu li {display:inline-block; padding:0 20px;}
#qodef-page-footer-bottom-area .widget ul:not(.qodef-shortcode-list) li:last-child {padding-right:0;}
#qodef-page-footer-bottom-area .widget_nav_menu a {margin: 10px 0;display: inline-block;}

.footer-above-top-widget {padding: 20px;background-color: #f1f1f1;}

#qodef-page-footer-bottom-area .widget_custom_html {position:relative;display: inline-block;float: left;}
#qodef-page-footer-bottom-area .widget_custom_html .copyright {display: block;padding: 10px 0px;}


/* meta slider*/
.metaslider .caption-wrap {height:100%;background: none !important;opacity:1 !important;}
.metaslider .caption {text-align:center;top:50%;display:inline-block;position:relative;left:50%;width: 85%;margin-left: calc(-85%/2);margin-top: calc(-25%/2);font-size: 4vw;font-family: "Josefin Sans",sans-serif !important;}
@media screen and (max-width: 1024px){
	.meta-slider-wrap .metaslider {width:180% !important;}
	.meta-slider-wrap .metaslider  {margin-top: 70px !important; margin-left:-40% !important;}
	.metaslider .caption {width: 85%;margin-left: calc(-85%/2);}
}
@media screen and (max-width: 640px){
	.metaslider .caption {top:85%;font-size:1.3em;}
}

/* footer awards */
#qodef-page-footer .gallery .gallery-item {max-width: 21%;display: block;margin-right:5px;}
#qodef-page-footer .gallery .gallery-item .gallery-icon{display: block;background: #fff;height:120px;border-radius:10px;overflow: hidden;}

#qodef-page-footer .gallery .gallery-item .gallery-icon img {border:none;position: relative;top:50%;margin-top:-40px;}
#qodef-page-footer .gallery .gallery-item:nth-child(3) .gallery-icon img {margin-top:-60px;width:60%;}
#qodef-page-footer .gallery .gallery-item:nth-child(4) .gallery-icon img {margin-top:-55px;width:80%;}

@media only screen and (max-width: 1440px) {
    #qodef-page-footer .gallery .gallery-item .gallery-icon{height:90px;}
    #qodef-page-footer .gallery .gallery-item .gallery-icon img {top:60%;margin-top:-50px;}
    #qodef-page-footer .gallery .gallery-item:nth-child(3) .gallery-icon img {margin-top:-52px;}
    #qodef-page-footer .gallery .gallery-item:nth-child(4) .gallery-icon img {margin-top:-55px;}
}

@media only screen and (max-width: 1024px) {
    #qodef-page-footer .gallery .gallery-item .gallery-icon{height:80px;}
}


/* input fields */
input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url], input[type=date], textarea {
	 position: relative;
	 display: inline-block;
	 width: 100%;
	 vertical-align: top;
	 margin: 0 0 30px;
	 padding: 9.5px 16px;
	 font-family: inherit;
	 font-size: 17px;
	 line-height: 29px;
	 font-weight: inherit;
	 color: #4d4d4d;
	 background-color: transparent;
	 border: 1px solid rgba(0,0,0,.18);
	 border-radius: 0;
	 outline: 0;
	 cursor: pointer;
	 -webkit-appearance: none;
	 -webkit-transition: color .25s ease-out,background-color .25s ease-out,border-color .25s ease-out;
	 -o-transition: color .25s ease-out,background-color .25s ease-out,border-color .25s ease-out;
	 transition: color .25s ease-out,background-color .25s ease-out,border-color .25s ease-out
}

input[type=checkbox] {
	 position: relative;
	 width:20px;
	 height:20px;
	 display: inline-block;
	 vertical-align: top;
	 margin: 3px 0 0 -20px;
	 border: 1px solid rgba(0,0,0,.18);
	 border-radius: 0;
	 outline: 0;
	 cursor: pointer;
	 background-color: #fff !important;
	 
	 -webkit-transition: color .25s ease-out,background-color .25s ease-out,border-color .25s ease-out;
	 -o-transition: color .25s ease-out,background-color .25s ease-out,border-color .25s ease-out;
	 transition: color .25s ease-out,background-color .25s ease-out,border-color .25s ease-out
}

::-webkit-calendar-picker-indicator {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23bbbbbb" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
}