/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/*Form Contatti*/
#scroll_header.fixed_block{background: #fff;}
#scroll_header.fixed_block a{color: #474747}
#scroll_header.fixed_block .current_page_item a{color: #B58833}
#scroll_header.fixed_block .prenota_header a{color: #fff !important; padding: 30px 40px 30px 40px;}
#scroll_header.fixed_block .elementor-menu-toggle i{color: #55595c;}
.scroll_hotel .elementor-swiper-button-prev i{background-image: url("/wp-content/uploads/2022/04/arrow-sx.png"); width: 66px; height: 65px;}
.scroll_hotel .elementor-swiper-button-next i{background-image: url("/wp-content/uploads/2022/04/arrow-dx.png"); width: 66px; height: 65px;}
.scroll_hotel{padding-left: 120px; padding-right: 120px;}
.scroll_hotel .elementor-image-carousel-wrapper{width: 100%}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after{top: calc(50% - 0.4em) !important}
#scroll_header a.wpml-ls-item-toggle::after{-webkit-mask: url(/wp-content/uploads/2022/04/arrow.svg) no-repeat 100% 100%; mask: url(/wp-content/uploads/2022/04/arrow.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: 100%; background-color: #fff;}
#scroll_header.fixed_block a.wpml-ls-item-toggle::after{-webkit-mask: url(/wp-content/uploads/2022/04/arrow.svg) no-repeat 100% 100%; mask: url(/wp-content/uploads/2022/04/arrow.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: 100%; background-color: #474747;}
.lingue{padding-left: 25px;}
.lingue .wpml-ls-statics-shortcode_actions{width: auto; display: table; }
.lingue .wpml-ls-statics-shortcode_actions ul li a{width: auto; display: table; background: transparent; color: #fff; border: 0px; font-family: "Barlow", Sans-serif; font-size: 18px; font-weight: 500; text-transform: uppercase; letter-spacing: -0.5px;}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover{color: #fff; background: transparent;}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu{border-top: 0px !important}
strong{font-weight: 500}
form.wpcf7-form input, form.wpcf7-form textarea{color: #666; font-family: "Barlow", Sans-serif; font-size: 17px; font-weight: 400; padding: 10px; border: 1px solid #e7e6e4; margin-bottom: 20px}
form.wpcf7-form textarea{height: 150px; margin-bottom: 0px;}
form.wpcf7-form .left_block{width: 50%; float: left;}
form.wpcf7-form .right_block{width: 50%; float: left;}
form.wpcf7-form .left_block input, form.wpcf7-form .right_block input{width: 95%;}
form.wpcf7-form .right_block input{float: right;}
.wpcf7-list-item{margin: 0px}
.privacy{line-height: 25px; font-size: 14px; font-family: "Barlow", Sans-serif; font-weight: 400;}
input[type="checkbox"]{width: auto; margin-bottom: 0px !important;}
form.wpcf7-form input[type="submit"]{width: 100%; background: #b58833; color: #fff; border: 1px solid #b58833; font-weight: 400; margin-bottom: 0px;}
form.wpcf7-form input[type="submit"]:hover{width: 100%; background: #FFFDF8; color: #b58833; border: 1px solid #b58833; font-weight: 400;}
.wpcf7-not-valid-tip{display: none !important}
.wpcf7-not-valid{border: 1px solid #ff0000 !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border: none !important; margin: 0px !important; text-align: center; font-family: "Barlow", Sans-serif; font-weight: 400;}
.elementor-testimonial__footer{float: right; padding-right: 35px;}
.elementor-testimonial__footer .elementor-testimonial__cite{width: auto; display: block !important}
.elementor-testimonial__footer .elementor-testimonial__title{padding-left: 5px;}
.testimonial .elementor-main-swiper, .testimonial .swiper-slide{padding-bottom: 0px !important}
.testimonial .swiper-pagination{display: none !important}
.camere a.elementor-post__read-more{background: #b58833; padding: 16px 45px; display: table; margin-top: 35px; font-size: 15px; font-weight: 400; letter-spacing: -0.5px; border: 1px solid #fff;}
.camere a.elementor-post__read-more:hover{border: 1px solid #b58833; color: #b58833 !important; background: #fff}
.camere h3.elementor-post__title{height: 70px}
.otgs-development-site-front-end{display: none !important;}

/*Newsletter*/
.newsletter label{width: 65%; float: left}
.newsletter input{background: transparent; border: 1px solid #b58833 !important; color: #fff !important; margin: 0px !important; font-family: "Barlow", Sans-serif !important; font-size: 17px !important; font-weight: 400 !important; line-height: 23px; letter-spacing: -0.5px; text-align: left; padding-left: 20px !important; border-radius: 0px !important;}
.newsletter input[type="submit"]{width: 35% !important; border-radius: 0px !important; text-align: center; padding-left: 10px !important;}
.newsletter input[type="submit"]:hover{color: #b58833 !important;}
.newsletter .accetta label{width: 100%}
.newsletter .wpcf7-spinner{display: none}
.newsletter .accetta .wpcf7-list-item-label{text-align: center; color: #FFF; font-family: "Barlow", Sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; letter-spacing: -0.5px;}
.newsletter .accetta input[type="checkbox"]{margin-bottom: 20px !important; float: left; margin-top: 3px !important; margin-right: 5px !important;}
.newsletter .wpcf7-response-output{border: 1px solid #b58833 !important; color: #fff; text-align: center; font-family: "Barlow", Sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: -0.5px; padding: 10px;}

/*Extra*/
.lista_camere .camere{width: 33.33%; float: left; padding: 24px}
.lista_camere .camere .box_camere{box-shadow: 0px 0px 23px -15px rgba(0,0,0,0.5); padding-bottom: 30px; background: #fff}
.lista_camere .camere .space{padding-left: 30px; padding-right: 30px}
.lista_camere .camere .box_camere i{background: #b58833; color: #fff; font-family: "Barlow", Sans-serif; font-size: 20px; line-height: 25px; font-style: normal; padding: 5px 30px; text-transform: uppercase; font-weight: 500; letter-spacing: -0.5px; position: absolute; bottom: 0px; left: 30px}

.lista_camere .camere .space h2{margin-bottom: 30px; color: #2A2A2A; font-family: "Playfair Display", Sans-serif; font-size: 29px; font-weight: 500; height: 100px; margin-top: 0px; line-height: 34px; letter-spacing: -0.5px;}
.lista_camere .camere .space p{font-family: "Barlow", Sans-serif; font-size: 20px; font-weight: 400; line-height: 25px; color: #5a5a5a;}
.lista_camere .camere .space a{font-family: "Barlow", Sans-serif; font-weight: 500; background: #b58833; padding: 16px 45px; display: table; margin-top: 35px; font-size: 15px; letter-spacing: -0.5px; border: 1px solid #fff; color: #fff; text-transform: uppercase; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;   transition: all .3s ease-in-out;}
.lista_camere .camere .space a:hover{border: 1px solid #b58833; color: #b58833; background: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.lista_camere .camere:nth-child(4), .lista_camere .camere:nth-child(9){clear: both}
.lista_camere .box_camere .box_img{margin-bottom: 25px; height: 280px; background-position: center !important; background-size: cover !important; position: relative}
.elenco_servizi ul{padding-left: 15px; display: table; width: 100%;}
.elenco_servizi ul li{padding-left: 0px; padding-right: 40px; text-align: left; color: #5a5a5a; font-family: "Barlow", Sans-serif; font-size: 19px; font-weight: 300; line-height: 28px; letter-spacing: -0.5px; width: 33.33%; float: left;}
.lista_camere .camere span{font-size: 24px !important; line-height: 0; top: 2px; position: relative; left: 5px;}
.newsletter .wpcf7-list-item-label{color: #fff !important;}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{background: #616161;}
#scroll_header.fixed_block .wpml-ls-legacy-dropdown .wpml-ls-sub-menu span{color: #fff !important}
.clear{clear: both;}

/*Mobile*/
@media only screen
and (max-width : 1600px) and (min-width : 1350px){
    .text_icon p{font-size: 22px !important;}
}

@media only screen
and (max-width : 1500px) and (min-width : 1350px){
    .elenco_tutte_camere .lista_camere .camere .space h2 {font-size: 25px; height: 85px; line-height: 30px;}
    .lista_camere .camere .space p{font-size: 19px;}
}

@media only screen
and (max-width : 1349px) and (min-width : 1150px){
    .elenco_tutte_camere .lista_camere .camere .space h2{font-size: 22px; height: 80px; line-height: 28px; margin-bottom: 20px;}
    .lista_camere .camere .space p {font-size: 18px; line-height: 22px;}
}

@media only screen
and (max-width : 1149px) and (min-width : 1025px){
    .lista_camere .camere{padding: 15px;}
    .lista_camere .camere .space h2{margin-bottom: 15px; font-size: 20px; height: 75px; line-height: 26px;}
    .lista_camere .camere .space p{font-family: "Barlow", Sans-serif; font-size: 18px; font-weight: 400; line-height: 22px;}
    .lista_camere .camere .space{padding-left: 25px; padding-right: 25px;}
    .lista_camere .camere .box_camere i{font-size: 16px; line-height: 25px; padding: 5px 22px; left: 25px;}
}

@media only screen
and (max-width : 1400px) and (min-width : 1025px) {
    .section_info .elementor-widget-wrap{padding: 20px !important;}
    .section_info .elementor-widget-image-box{width: 100% !important; max-width: 100% !important;}
    .section_info p{font-size: 22px !important; line-height: 26px !important;}
    #carousel .item .img_scroll{background-position: 100% 90% !important;}
    .content{width: 50% !important; margin-right: -28% !important; padding: 35px 30px !important;}
    #carousel .item h2{font-size: 25px !important; line-height: 35px !important;}
    #carousel .item p{font-size: 18px !important;}
    .section_info .elementor-widget-wrap{padding: 15px !important;}
    .section_info p{font-size: 20px !important; line-height: 26px !important;}
}


@media only screen
and (max-width : 1400px) {
    .no_br_desktop br{display: none}
    #carousel .owl-item{padding-left: 100px !important; padding-right: 100px !important;}
}


@media only screen
and (max-width : 1250px) and (min-width : 1025px) {
    .menu nav ul li a{padding: 13px 15px !important;}
    .prenota_header a{padding: 25px 25px 25px 25px !important}
    .menu .elementor-widget-container{padding-right: 15px !important;}
}


@media only screen
and (max-width : 1120px) {
    .titolo_hotel h2{font-size: 28px !important; line-height: 35px !important; padding-top: 65px;}
    .text_home br{display: none}
    .section_info .elementor-widget-image-box{width: 100% !important; max-width: 100% !important;}
}


@media only screen
and (max-width : 1024px) {
    .no_br_desktop br, .no_br_tablet br{display: none}
    .elenco_servizi ul li{font-size: 18px; padding-right: 0px;}
    .elenco_tutte_camere .lista_camere .camere {width: 50%; float: left; padding: 20px !important; clear: none !important;}
    .lista_camere .camere .space h2{margin-bottom: 15px; font-size: 24px; height: 86px; line-height: 30px;}
    .scroll_hotel{padding-left: 90px; padding-right: 90px;}
    .titolo_hotel h2{padding-top: 35px;}
    #carousel .owl-item{padding-left: 85px !important; padding-right: 85px !important;}
    .content{width: 60% !important; margin-right: -38% !important; padding: 25px 30px !important;}
    #carousel .item i{font-size: 16px;}
    #carousel .item h2{font-size: 20px !important; line-height: 25px !important;}
    #carousel .item p{font-size: 16px !important; line-height: 20px !important;}
    #carousel .item a{padding: 10px 30px !important; font-size: 12px !important;}
    #carousel .item .img_scroll{padding-right: 20px !important; background-position: 100% 0% !important; background-repeat: no-repeat; padding-bottom: 20px !important;}
}

@media only screen
and (max-width : 768px) {
    .elenco_servizi ul li{width: 100%}
    .slider-outer	.prev, .slider-outer .next {height: 40px; width: 24px;}
    .slider-outer a.next{right: 15px !important;} .slider-outer a.prev{left: 15px !important;}
    .no_br_mobile br{display: none}
    .elenco_tutte_camere .lista_camere .camere {width: 100%; float: left; padding: 20px !important; clear: none !important;}
    .lista_camere .camere .space h2{margin-bottom: 15px; font-size: 22px; height: auto; line-height: 30px;}
    .lista_camere .camere .space a{padding: 14px 35px;}
    .lista_camere .camere .space p{font-size: 18px; line-height: 23px;}
    .scroll_hotel .elementor-swiper-button-prev i, .scroll_hotel .elementor-swiper-button-next i{width: 56px; height: 55px; background-size: 100%;}
    .scroll_hotel{padding-left: 70px; padding-right: 70px;}
    .titolo_hotel h2{font-size: 25px !important; line-height: 33px !important;}
    #carousel .owl-nav button span{height: 50px !important; width: 50px !important; background-size: 100% !important;}

}


@media only screen
and (max-width : 700px) {
    .owl-carousel .owl-stage-outer{height: auto !important;}
    #carousel .owl-item{padding-left: 60px !important; padding-right: 60px !important;}
    #carousel .item .img_scroll{width: 100% !important;}
    .content{padding: 20px 20px !important; width: 100% !important;}
    #carousel .item .img_scroll{padding: 10px !important;}
}


@media only screen
and (max-width : 550px) {
    .form_mobile .left_block, .form_mobile .right_block, .form_mobile .left_block input, .form_mobile .right_block input{width: 100% !important}
    .form_mobile .privacy{line-height: 19px;}
    .space_ul ul{padding-left: 15px}
    .scroll_hotel .elementor-swiper-button-prev i, .scroll_hotel .elementor-swiper-button-next i{width: 36px; height: 35px; background-size: 100%;}
    .scroll_hotel{padding-left: 50px; padding-right: 50px;}
    .elenco_servizi_home .serv_tot{width: 100% !important}
}