/*
Theme Name: Complesso Delle Rose Theme
Theme URI: https://parrotto-websolution.it
Template: hello-elementor
Author: Parrotto Web Solution - Web Agency Lecce
Author URI: https://parrotto-websolution.it
Version: 2.6.1.1666871675
Updated: 2022-10-27 13:54:35

*/

/*HEADER BG CLASS HOME*/
.bg{background-color:#F4F0E7}
.bg i {color:#881526}
.bg .elementor-button{background-color: #881526!important; border-color:#881526!important}
/*LANGUAGE SELECTOR STYLE*/
.language-selector ul {list-style: none;padding: 0; text-align:center}
.language-selector ul li {display: inline-block;}
.language-selector ul li img{max-width:40px; border-radius:50%}

/*HOME ARTICLE CAROUSEL*/
#home_carousel_article .wb_ps_single_item{background:none;}
#home_carousel_article img{border-radius:50%; margin-top:10px}
#home_carousel_article .wb_ps_title h2 {background:#881526; padding:10px 15px; border-radius:15px}
#home_carousel_article .wb_ps_title h2 a{color:#fff; font-size:16px; }
#home_carousel_article .slick-active ~ .slick-active:not(.slick-active ~ .slick-active ~ .slick-active) img{transform:scale(1.25)!important}
#home_carousel_article .wbel-arrow{border: 2px solid #636466; color:#636466; background:none;width: 40px;height: 40px;line-height: 33px; font-size: 25px;}
#home_carousel_article .slick-arrow:after {content:'SCORRI'; position:absolute;text-align:center; display:block; font-size:12px}
#home_carousel_article p{display:none;}

/*BOOKING FORM STYLE*/
#booking_form{max-width:1100px; padding: 35px 20px 20px 20px; box-shadow: 0px 4px 5px -4px #000; margin: -15px auto}
#booking_form .column {display:flex; justify-content: space-around}
#booking_form .column:first-of-type{flex-basis:45%}
#booking_form .column:nth-child(2){flex-basis:30%}
#booking_form .column:nth-child(3){flex-basis:25%}
#booking_form .booking_fields{display:flex; justify-content:space-between;}
#booking_form .booking_fields .field{position: relative;}
#booking_form .booking_fields .date{width:45%}
#booking_form .booking_fields label{display:block; color:#a95566; font-weight:bold;margin-bottom: 10px;font-size: 13px;}
#booking_form .booking_fields input, .booking_fields select{border:0; border-radius:0px; border-bottom:2px solid #a80e2e; padding:5px 0; z-index: 1; position: relative; background: transparent; font-family: "Spectral", sans-serif; font-weight:600; font-size: 18px; color: #a80e2e}
#booking_form .booking_fields button{padding: 18px 20px; text-transform: uppercase; color: #a80e2e; font-weight: bold; background: #fff; border: none; box-shadow: 0px 4px 5px -4px #000;border-radius:0px}
#booking_form .booking_fields button:hover{color: #fff; background:#a80e2e}
#booking_form .booking_fields select{-webkit-appearance: none;-moz-appearance: none;appearance: none; padding-right: 20px;}
#booking_form .booking_fields select:focus, .booking_fields input:focus, .booking_fields button:focus{outline: none;}
.booking_fields .arrow::after{font-family: "Font Awesome 5 Free"; content: "\f107"; bottom:6px; right:0px; position: absolute; ; color: #a80e2e; z-index: 0; font-size:20px; font-weight:900}
.calendar-table table td, .calendar-table table th {padding:7px}
.daterangepicker td.active, .daterangepicker td.active:hover{background-color:#a95566!important}
/*CUSTOM SLIDE ARROWS*/
.slide_ca .elementor-swiper-button-prev{margin-left:-10px}
.slide_ca .elementor-swiper-button-next{margin-right:-10px}

/*RICHIESTA PREVENTIVO*/
#rich-preventivo .e-form__buttons{justify-content: space-between}
#rich-preventivo .e-form__buttons button{flex-basis: 48%}

@media screen and (max-width:1023px){
	#booking_form{max-width:800px; padding: 35px 5px 20px 5px;}
	#booking_form .booking_fields{flex-wrap:wrap}
	#booking_form .booking_fields .field:first-of-type,
	#booking_form .booking_fields .field:nth-child(2) {width:45%}
	#booking_form .booking_fields .adults, #booking_form .booking_fields .children{width:23%!important}
	#booking_form .booking_fields button {right:0; top:40px; position: absolute;margin-right: 50%; transform: translateX(50%)}
	#booking_form .booking_fields .button_field{width:100%!important; text-align:center}
	#booking_form .column:first-of-type{flex-basis:50%; justify-content:space-between; order: 1}
	#booking_form .column:nth-child(3){flex-basis:50%; order: 2}
	#booking_form .column:nth-child(2){flex-basis:50%; margin-top:20px; justify-content:space-between; order: 3}
}
@media screen and (max-width:768px){
	.language-selector ul li img{max-width:30px}
	#home_carousel_article .wb_ps_title h2 a{font-size: 14px; padding: 5px 10px; border-radius: 10px;}
	#rich-preventivo .e-form__buttons button{flex-basis: 100%; margin-top:10px}
}
@media screen and (max-width:600px){
	#booking_form .booking_fields .button_field{text-align:right}
}
@media screen and (max-width:530px){
	#booking_form .booking_fields button{white-space:normal; padding:10px 15px; font-size:12px; top:0; margin-right:0; position:relative; transform:none; width:100%}
	#booking_form .booking_fields .button_field{width:100%!important; text-align:center; margin-top:20px}
	#booking_form .booking_fields input, .booking_fields select{font-size:14px}
	#booking_form .column:nth-child(2), #booking_form .column:first-of-type{flex-basis:100%; order:2}
	#booking_form .column:nth-child(3){justify-content:end; flex-basis:100%; order:3}
}