/*
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
*/

#qodef-page-mobile-header,
.qodef-fullscreen-menu-animate--in #qodef-fullscreen-area {
    background-color: #c5c7b4 !important;
}

.qodef-fullscreen-menu>ul>li>a {
	font-size: 32px !important;
}

.qodef-header--sticky-display #qodef-page-header .qodef-header-logo-link {
	margin: 0;
    pointer-events: none;
    cursor: default;
}

.qodef-header-navigation>ul>li>a {
	padding: 0 !important;
	margin: 0 !important;
	line-height: inherit;
}

.qodef-header--light:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-logo-link .qodef--light,
#qodef-page-header .qodef-header-logo-link {
	pointer-events: none;
    cursor: default;
}

.elementor img {
	width: 100%;
}

.qodef-header-navigation ul li.qodef-menu-item--narrow .qodef-drop-down-second-inner>ul {
	background-color: rgba(239,239,239,0.8);
}

.qodef-header-navigation> ul > li > a,
.qodef-room-reservation-filter .qodef-m-form .qodef-m-field label,
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea,
.datepick-popup .datepick-month-header, .qodef-datepick-calendar .datepick-month-header,
.datepick-popup .datepick, .qodef-datepick-calendar .datepick,
button[type=submit],
select {
	/*font-family: "Mulish", sans-serif !important;*/
	font-family: Roboto !important;
}

input[type=date] {
	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;
    transition: color .25s ease-out, background-color .25s ease-out, border-color .25s ease-out;
}

.qodef-header-sticky .qodef-header-navigation> ul > li > a {
	/*color: rgb(85,85,85) !important;*/
}

/*.qodef-header-navigation>ul>li>a:hover,
.qodef-header-navigation>ul>li>a:active {
	color: #bc653b !important;
}*/

.qodef-qi-contact-form-7 button[type=submit]:focus, .qodef-qi-contact-form-7 button[type=submit]:hover, .qodef-qi-contact-form-7 input[type=submit]:focus, .qodef-qi-contact-form-7 input[type=submit]:hover {
	color: rgb(188,101,59)!important;
}

.qodef-header--light .qodef-header-sticky .qodef-header-navigation>ul>li.current-menu-item>a {
	/*color: rgb(188,101,59) !important;*/
	color: #bc653b !important;
}

body {
	font-family: Roboto;
}

.qodef-ei-content,
.qodef-ei-label {
	font-size: 15px;
    line-height: 28px;
	font-family: Roboto;
}

.qodef-button.qodef-html--link,
.qodef--booking-custom {
	font-family: Roboto !important;
	width: 100%;
    text-align: center;
}

#qodef-room-reservation-form .qodef-m-field.qodef--guests .qodef-m-field-persons.qodef--opened {
	background-color: #dce0d7;
}

#qodef-room-reservation-form .qodef-m-field.qodef--guests .qodef-m-field-person.qodef--infant {
	/*display: none;*/
}

.qodef-shortcode.qodef-m.qodef-qi-contact-form-7 button[type=submit] {
	border: 1px solid transparent;
    margin: 20px auto 0 auto;
    display: block;
}

#qodef-page-header #qodef-page-header-inner .qodef-header-navigation>ul>li.current-menu-item>a,
#qodef-page-header #qodef-page-header-inner .qodef-header-navigation>ul>li:hover>a {
	/*color: #c5c7b4 !important;*/
	color: #bc653b !important;
}

#qodef-page-header-inner {
	margin-top: 10px;
}

select {
	padding: 0px 0px 0px 2px !important;
}

.no-background,
#qodef-page-header {
	background-color: transparent;
}

.qodef-header--divided #qodef-page-header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.qodef-room-reservation-filter.qodef-layout--horizontal,
.qodef-room-reservation-filter .qodef-m-form .qodef-m-field.qodef--guests .qodef-m-field-persons,
.datepick-popup .datepick, .qodef-datepick-calendar .datepick {
	background-color: #c5c7b4f2 !important;
}

#qodef-page-footer.qodef-footer--light .widget a,
#qodef-page-footer.qodef-footer--light .fa {
	color: #fff !important;
	margin-bottom: 0 !important;
}

#qodef-page-footer.qodef-footer--light .widget a:hover,
#qodef-page-footer.qodef-footer--light .fa:hover {
	color: #b56953 !important;
}

#qodef-page-footer.qodef-footer--light .widget:last-child {
	/*margin-top: 0 !important;*/
}

.bottom-custom-menu {
    text-align: center;
    margin: 10px 0;
    color: #eee;
}

.bottom-custom-menu a {
	color: #555 !important;
}

.bottom-custom-text {
	color: #fff;
	margin: 10px 0;
	text-align: center;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: transparent;
	text-align: center;
}

#qodef-room-reservation,
.qodef-room-reservation-filter.qodef-layout--split {
	background-color: #C5C7B34D !important;
}

#qodef-room-reservation-form .qodef-m-field.qodef--extra-services .qodef-e-field-checkbox,
#qodef-room-reservation-form .qodef-m-field.qodef--extra-services .qodef-e-field-label-price,
.qodef-room-list.qodef-layout--boxed .qodef-e-button {
	display: none !important;
}

#qodef-room-reservation-form .qodef-m-field.qodef--extra-services .qodef-e-field-label-name {
	cursor: default !important;
}

.qodef-room-list.qodef-layout--boxed .qodef-e-content {
	width: 100% !important;
	background-color: #C5C7B34D !important;
}

.qodef-room-list.qodef-layout--boxed .qodef-e-media {
	padding: 0 !important;
}

.qodef-room .qodef-m-slider,
.qodef-page-title {
	margin-top: -60px;
}

#qodef-page-outer {
}

.qodef-qi-contact-form-7 select {
	width: 100%;
}

ul.contact-form-details {
	list-style-type: none;
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
	text-align: center;
}

ul.contact-form-details li {
}

ul.contact-form-details a {
}

ul.contact-form-details i {
}

.custom-google-map iframe {
    filter: grayscale(100%);
    opacity: 0.8; 
    transition: all 0.3s ease;
}

.custom-google-map iframe:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.qodef-grid.qodef-layout--columns.qodef-col-num--1>.qodef-grid-inner>.qodef-grid-item img {
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}

.qodef-grid.qodef-layout--columns.qodef-col-num--1>.qodef-grid-inner>.qodef-grid-item img:hover {
	opacity: 0.9;
	transition: opacity 0.3s ease-in-out;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: transparent;
    color: #bc653b;
    text-align: center;
}

#qodef-room-reservation-form .qodef-m-field.qodef--booking {
	display: none !important;
}