/*
    Theme Name: Hotel Esplanade
	Theme URI: http://www.hotelduomosalo.it
	Description: 
	Version: 1.0
	Author: Dhynet
	Author URI: http://www.dhynet.it
	Tags: 3

	License: 
	License URI: 
*/



@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,500,600,700|Dosis:200,300,400,500,600,700,800|Montserrat:100,200,300,400,500,600,700,800,900|Nunito:200,300,400,600,700,800,900&display=swap');

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}


html {
    width:100%;
    margin:0;
    padding:0;
	font-size: 16px;
    overflow-x:hidden;
}
body {
    width:100%;
    background:#FBFBFB;
    margin:0;
    padding:0;
    overflow-x:hidden;
    
    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-name: fadein;
    -webkit-animation-name: fadein;
    animation-name: fadein;
    
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    line-height: 1.45;
    /* color:#1A3B5D; */
    color: #730102;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	text-decoration:none;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
a:hover {
	-webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}






/* Hamburgher Menu */
*{  
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}

.mobilenav-hidden {overflow:hidden;}

.top-animate {background: #D5D1C9 !important; width:15px !important; left:0 !important; top: 13px !important; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mid-animate {opacity: 1; left:2px;}
.bottom-animate {background: #D5D1C9 !important; width:15px !important; left:0 !important; top: 3px !important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}

/* .top-animate {background: #D5D1C9 !important; top: 8px !important; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mid-animate {opacity: 0;}
.bottom-animate {background: #D5D1C9 !important; top: 8px !important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);} */


.top-menu {top: 0px; width: 30px; height: 3px; border-radius: 0; background-color: #D5D1C9;}
.mid-menu {top: 8px; right:0px; width: 30px; height: 3px; border-radius: 0; background-color: #D5D1C9;}
.bottom-menu {top: 16px; width: 20px; height: 3px; border-radius: 0; background-color: #D5D1C9;}


.menui {
    background: #D5D1C9; 
    transition: 0.4s ease; 
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01); 
    position: absolute; 
    z-index: 99999;
}

.icon {
    display:block; 
    padding:0; 
    height:20px; 
    width:20px; 
    margin:0;
}

.hamburger-menu {
    float:left;
    width:80px;
    height:110px;
    background:rgba(115, 1, 3);
    position:relative;
}

.hamburger {
    position:absolute;
    top:44px;
    left:25px;
    display:block; 
    width:30px; 
    height:20px; 
    margin:0;
    z-index:9999;
}









.mobilenav { 
    position:fixed;
    top: 110px; 
    left:0; 
    padding:0;
    z-index: 10; 
    display:none; 
    width:30vw;
    height:calc(100vh - 170px);
    /* background:rgba(205,215,224,0.95); */
    background: white;
    overflow-x: hidden; 
    overflow-y: auto;
}

.mobilenav .mobilenav-inner {
    
    width:100%;
    padding:20px 50px 5px 50px;
}





.mobilenav ul {
    float:left;
    width:calc(30vw - 80px);
    margin:0;
    padding:0;
}

.mobilenav li {
    list-style-type: none;
    padding:0;
    margin:0;
    
    opacity:0;
    
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.mobilenav li a {
    position:relative;
    display:block;
    margin: 0;
    padding:10px 20px;
    font-size: 24px; 
    /* color: #1A3B5D; */
    color:  #666;
    text-decoration: none;
    width: calc(100% - 20px);
    
    transition:all 0.6s ease-in-out;
}

.mobilenav li a:hover {
    color:rgba(115, 1, 3, 0.9);
    transition:all 0.6s ease-in-out;
}

.mobilenav-animate li {
    width:100%;
    opacity: 1;
    
    -webkit-transform: translateY(0);
    transform: translateY(0);  
    
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}    

.mobilenav li.current_page_item a {
    color:#fff;
    /* background:#BBCBD9; */
    background: rgba(87, 3, 3, 0.8);
}

.mobilenav li.current_page_item a:before {
    content: '';
    position: absolute;
    top: calc(50% - 6px);
    left: 3%;
    width: 40px;
    height: 12px;
}

.mobilenav li.current_page_item a:after {
    content: '';
    position: absolute;
    top: calc(50% - 6px);
    right: 3%;
    width: 40px;
    height: 12px;
}

/* .mobile--nav {display:none;} */

.languages {
    padding:10px 0;
    margin-bottom:20px;
    border-bottom:1px solid /* #152F4A */ #570303;
    font-size:18px;
}


























/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/



.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}








.header {
    width:100vw;
    height:110px;
    position:fixed;
    top:0;
    left:0;
    background-color: rgba(115, 1, 3, 0.9);
    /* background:rgba(26,59,93,0.9); */
    /* background:rgba(11,106,114,0.9); */
    /* background:#1A3B5D; */
    /* background:#CDD7E0; */
    color:#fff;
    z-index:999;
}


/* .logo.xy{display: none;} */
.logo {
    float:left;
    margin:0;
    padding:0 2%;
    background:#fff;
    height:110px;
}

.logo img {
    width:100px !important;
    height:auto !important;
}
.link-white-home{color: white;}
.main-title {
    float:left;
    font-size:30px;
    font-weight:600;
    letter-spacing:1px;
    /* text-transform: uppercase; */
    padding:0 4%;
    margin:10px 0 0 0;

    text-transform: uppercase;
}
.main-title a{font-family: 'Cormorant Garamond', serif;}
.main-title span {
    display:inline-block;
    font-size:35px;
    color:#F5C753;
    letter-spacing:10px;
}

.main-claim {
    font-size:18px;
    font-weight: normal;
    text-transform: none;
    margin:0;
    padding:0;
    font-family: 'Poppins', sans-serif;
}


.main-contacts {
    height:90px;
    float:right;
    padding: 10px 4% 0 1%;
    margin:0;
    font-size:15px;
    text-align:right;
}

.main-contacts a {
    color:#CDD7E0;
}

.main-contacts a:hover {
    color:#F5C753;
}










/* nav */
.nav {

}












/* footer */
.footer {
    width:100%;
    float:left;
    margin:70px 0 60px 0;
    padding:0;
}


.call-to-action {
    position:relative;
    width:100%;
    height:400px;
    float:left;
    text-align:center;
    color:#fff;
}

.call-to-action .cover-trasp {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    /* background:rgba(26,59,93,0.85); */
    background: rgba(0, 0, 0, 0.7);
    z-index:1;
}

.call-to-action h6 {
    font-size:36px;
    font-weight:500;
    margin:0;
    padding:0;
    line-height:40px;
}

.call-to-action p {
    font-size:18px;
    line-height:20px;
}

.call-to-action a {
    color:#000;
    font-size:20px;
    font-weight:200;
    display:inline-block;
    background:#F5C753;
    line-height:60px;
    padding:0 40px;
    margin:50px 0 0 0;
    border-radius:5px;
}

.call-to-action a:hover {
    background:#EDB118;
}





.hds-map {
    width:50%;
    height:500px;
    float:left;
    /*background-image:url(img/map-temp.jpg) !important; */
    
}
.hds-map iframe{
    width: 100%;
    height: 100%;
}





.hds-where-we-are {
    width:50%;
    height:500px;
    float:left;
    /* background-image:url(img/bg_where-we-are.jpg) !important; */
    background-image: url(img/23109869.jpg)!important;;
    color:#fff;
    text-align:center;
}

.hds-where-we-are .widget_text {
    padding:55px 70px;
    /* background:rgba(26,59,93,0.85); */
    background: rgba(87, 3, 3, 0.8);
}

.hds-where-we-are a {
    /* display:inline-block; */
    display: none;
    line-height:50px;
    font-size:18px;
    color:#fff;
    border:1px solid #CDD7E0;
    text-transform: uppercase;
    padding:0 26px;
    margin:30px 0 0 0;
    border-radius:4px;
}

.hds-where-we-are a:hover {
    background:#CDD7E0;
    /* color:#152F4A; */
    color: #570303;
}
.hds-where-we-are p{
    margin-bottom: 0;
}






.hds-contacts {
    width:50%;
    height:350px;
    float:left;
    /* background:#E4E9ED; */
    background: rgba(115, 1, 3, 0.1);
    padding:0 5%;
    font-size:14px;
    line-height:18px;
    /* color:#535353; */
    color: #730102;
}

.hds-contacts a {
    /* color:#152F4A; */
    color: #730102;
    font-weight:400;
}

.hds-contacts h3 {
    font-size:18px;
    color: #730102;
    font-weight:600;
}

.hds-contacts h3:after {
    content:'.';
    color:#F5C753;
}

.hds-contacts .half--col .widget_text {
    padding-top:44px;
}

.hds-contacts .half--col:first-child .widget_text {
    background:url(img/ico_marker.svg) left top  no-repeat;
    
}

.hds-contacts .half--col:last-child .widget_text {
    background:url(img/ico_baloon.svg) left top no-repeat;
}





.hds-newsletter {
    width:50%;
    height:350px;
    float:left;
    /* background:#CDD7E0; */
    background: rgba(255, 230, 230, 0.3);
    padding:0 5%;
}




.footer .colophon {
    width:100%;
    float:left;
    /* background:#152F4A; */
    background: #350101;
    padding:20px 0;
    margin:0;
    color:#fff;
    font-size:14px;
    line-height:20px;
}

.footer .colophon a {
    color:#fff;
    opacity:1;
}

.footer .colophon a:hover {
    color:#fff;
    opacity:0.7;
}

.footer .colophon .three--col:nth-child(2) {
    text-align:center;
}

.footer .colophon .three--col:nth-child(3) {
    text-align:right;
}


.fb-ico {
    display:inline-block;
    width:40px;
    height:40px;
    background:url(img/ico_facebook.svg) center center no-repeat;
    margin:0 10px;
}

.ig-ico {
    display:inline-block;
    width:40px;
    height:40px;
    background:url(img/ico_instagram.svg) center center no-repeat;
    margin:0 10px;
}

























/*------------------------------------*\
    BOOKING
\*------------------------------------*/

.booking--desktop {
    width:100%;
    height:60px;
    position:fixed;
    bottom:0;
    left:0;
    z-index:9999;
    /* background:rgba(26,59,93,0.98); */
    /* background:rgba(11,106,114,0.9); */
    background: rgba(87, 3, 3, 0.8);
}

.booking--desktop .form-group {
    float:left;
    margin:0 5px;
}

.booking--desktop select {
    height:40px;
    border:0;
    border-radius:5px;
}

.booking--desktop .btn-info {
    background:#F5C753;
    color:#000;
    border:0;
    border-radius:5px;
    line-height:40px;
    padding:0 30px;
    margin-left:24px;
}

/* -- Booking Mobile --*/


.booking--mobile {
    display:none;
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    background:#000;
    text-align:center;
    z-index:99;
}

.booking--mobile a {
    display:block;
    line-height:60px;
    color:#000;
    background:#F5C753;
}















/*------------------------------------*\
    PAGES
\*------------------------------------*/


/* Homepage */


.video-wall {
    width:100vw;
    height:calc(100vh - 60px);
    float:left;
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    background-image: url(./img/intro.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.video-background {
    background: #eaeaea;
    position: absolute;
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0;
    z-index: -99;
}


.video-wall .my-iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 0;
    
    /* border:1px solid red !important; */
    /* pointer-events: none; */
}













.home-welcome {
    float:left;
    width:100%;
    text-align:center;
    color:#570303;
    margin-bottom:-120px;
}

.home-welcome h1 {
    font-weight:bold;
    margin:0;
    padding:0;
    color: #333;
}

.home-welcome span {
    font-size:50px;
    line-height:10px;
    color:#F5C753;
}

.home-welcome h4 {
    margin-bottom:50px;
}

.home-welcome .wrapper {
    background:#fff;
    position:relative;
    z-index:1;
    padding:80px 10% !important;
    border-radius:20px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    transform: translateY(-60px)
}




.home-camere {
    width:100%;
    height:80vh;
    float:left;
}

.home-camere .half--col {
    height:80vh;
    /* background: rgba(205,215,224,0.6); */
    background: rgba(253, 240, 240, 0.6);
}

.home-camere .half--col div {
    width:55%;
    text-align:center;
}

.home-camere h3 {
    font-size:42px;
    font-weight:500;
    /* color:#152F4A; */
    margin:0 0 30px 0;
    padding:0;
    text-align:left;
}

.home-camere .half--col div p {
    /* color:#152F4A; */
    color: #333;
    font-size:22px !important;
    line-height:34px !important;
    font-weight:normal !important;
    text-align:left;
}

.home-camere .half--col div p .view-article {
    display:none;
}






.home-colazione-posizione {
    width:100%;
    float:left;
    position: relative;
}

.home-colazione-posizione .half--col {
    height:50vh;
}

.home-colazione-posizione div {
    width:60%;
}

.home-colazione-posizione h3 {
    font-size:42px;
    font-weight:500;
    /* color:#152F4A; */
    color:white;
    margin:0 0 30px 0;
    padding:0;
}

.home-colazione-posizione h3:after {
    content:'.';
    color:#F5C753;
}

.home-colazione-posizione p {
    /* color:#152F4A; */
    color:white;
    padding:0;
    margin:0;
}


.img-sfondo-colazione{
    width: 100%!important;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.bg-red-op{
    background-color: rgba(115, 1, 3, 0.7);
}
.home-colazione-posizione .posizione-destra{float: right!important;}





.home-ristorante-rosa {
    width:100%;
    height:80vh;
    float:left;
}

.home-ristorante-rosa .half--col {
    height:80vh;
    background: -moz-linear-gradient(270deg,  rgba(121,37,0,0) 0%, rgba(87, 3, 3, 0.8) 100%);
    background: -webkit-linear-gradient(270deg,  rgba(121,37,0,0) 0%,rgba(87, 3, 3, 0.8) 100%);
    background: linear-gradient(270deg,  rgba(121,37,0,0) 0%,rgba(87, 3, 3, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00792500', endColorstr='#cc792500',GradientType=1 );
}

.home-ristorante-rosa .half--col div {
    width:55%;
    text-align:center;
}

.home-ristorante-rosa .half--col div p {
    color:#fff;
    font-size:22px !important;
    line-height:34px !important;
    font-weight:normal !important;
    text-align:left;
}

.home-ristorante-rosa .half--col div p .view-article {
    display:none;
}
.home-ristorante-rosa h3{text-align: left;color: white;}






.home-reviews {
    width:100%;
    float:left;
    /* background:#CDD7E0; */
    background: rgba(255, 244, 244, 0.6);
    padding:90px 0;
    text-align:center;
    
    /* display:none; */
}

.home-reviews h3 {
    text-align:center;
    font-size:50px;
    /* color:#152F4A; */
    color: #666;
    font-weight:600;
    margin-bottom:40px;
}

.home-reviews h4 {
    width:100%;
    float:left;
    margin:0;
    padding:0;
    text-align:center;
    position:relative;
}

.home-reviews h4:after {
    content:'';
    position:absolute;
    bottom:-20px;
    left:calc(50% - 15px);
    width:30px;
    height:3px;
    /* background:#68ACDA; */
    background: #730102;
}

.home-reviews ul {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}

.home-reviews .swiper-slide {
    /* background: #CDD7E0; */
}

.home-reviews p {
    font-size:18px;
    line-height:24px;
    padding:0 15%;
}

.home-reviews .swiper-slide a {
    /* color:#68ACDA; */
    color: rgb(255, 112, 112);
}

.home-reviews .swiper-slide a:hover {
    text-decoration:underline;
}

.home-reviews .logo-ta {
    width:160px;
    height:auto;
    margin-top:30px;
}

.home-reviews .swiper-pagination-bullet-active {
    background:#F5C753 !important;
}
:root{
    --swiper-theme-color: #730102!important;
}




.wptripadvisor_t1_DIV_2{
    background-color: rgba(255, 255, 255, 0)!important;
    box-shadow: none!important;
    bordern:none!important;
}
#wprev-slider-1 .wprev_preview_bg1_T1::after{display: none!important;}
img.wptripadvisor_t1_tripadvisor_logo{display: none!important;}
.wprs_unslider{
    margin: auto;
    width: 90%;
    max-width: 1024px;
}

/*
.wprs_unslider-nav ol li {
    background:#fff;
    border:1px solid #152F4A;
    border-radius:100% !important;
    width:12px;
    height:12px;
}

.wprs_unslider-nav ol li.wprs_unslider-active {
    background:#152F4A;
}

.wprs_unslider-arrow {
    opacity:1;
    width:60px;
    height:60px;
}

.wptripadvisor_t1_DIV_2 {
    box-shadow:none !important;
    border-radius:5px !important;
    margin-left:30px !important;
    margin-right:30px !important;
}

.wptripadvisor_t1_IMG_4 {
    display:none;
}

#wprev-slider-1 .wprev_preview_tcolor2_T1 {
    text-align:center !important;
    margin-left:30px !important;
    margin-right:30px !important;

}

.wptripadvisor_t1_DIV_2:after {
    left:48% !important;
}
*/












.home-eventi-attivita {}

.home-eventi-attivita h3 {
    position:relative;
    float:left;
    width:50%;
    font-size:50px;
    font-weight:600;
    color:#535353;
    background:#F5F5F5;
    padding:60px 5% 100px 10%;
}

.home-eventi-attivita h3:after {
    content:'';
    position:absolute;
    top:0;
    left:100%;
    width:100%;
    height:80px;
    background:#E4E9ED;
}

.home-eventi-attivita ul {
    width:100%;
    float:left;
    margin:0;
    padding:0;
    list-style:none;
    transform:translateY(-50px);
}

.home-eventi-attivita ul li {
    float:left;
    width:calc(50% - 4%);
    padding:0;
    margin:0 2%;
}

.home-eventi-attivita ul li .thumbnail {
    width:100%;
    height:350px;
    border-radius:10px;
}


.home-eventi-attivita ul li article {
    float:right;
    width:80%;
    background:#fff;
    padding:40px 50px 0 50px;
    transform:translateY(-100px);
}

.home-eventi-attivita ul li article h4 {
    min-height:60px;
    font-size:24px;
    line-height:26px;
    text-transform: uppercase;
}

.home-eventi-attivita ul li article h4 a {
    color:#1A3B5D;
}

.home-eventi-attivita ul li article p {
    margin:0;
    padding:0;
    color:#666;
}

.home-eventi-attivita ul li article .view-article{
    display:none;
}

.home-eventi-attivita ul li article .more {
    display:block;
    float:left;
    width:40%;
    background:#CDD7E0;
    color:#fff;
    font-size:30px;
    font-weight:300;
    text-align:center;
    line-height:60px;
    margin-top:35px;
}

.home-eventi-attivita ul li article .more:hover {
    background:#142E4A;
}


/* Hotel */


.hotel-servizi {
    width:100%;
    float:left;
    margin:0;
    padding:120px 0 30px 0;
}

.hotel-servizi h2 {
    width:100%;
    text-align:center;
    margin-bottom:80px;
}

.hotel-servizi img {
    margin-bottom:35px;
}








.hotel-photogallery {
    width:100%;
    float:left;
    margin:0;
    padding:0;
    background:#152F4A;
}

.hotel-photogallery .wp-block-gallery,
.hotel-photogallery .wp-block-gallery .blocks-gallery-item {
    margin:0 !important;
    overflow:hidden;
}

.hotel-photogallery img {
    
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.hotel-photogallery img:hover {
    transform: scale(1.2,1.2) rotate(-7deg);
    opacity:0.45;
    
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}


/* Eventi e attività */

.eventi-attivita-loop {
    width:100%;
    float:left;
    margin:0;
    padding:0;
    list-style:none;
}

.eventi-attivita-loop li {
    width:calc(50% - 40px);
    float:left;
    margin:20px;
}

.eventi-attivita-loop li .thumbnail {
    width:100%;
    height:240px;
    border-radius:10px 10px 0 0;
    
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.eventi-attivita-loop li .thumbnail:hover {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    
    -webkit-filter: sepia(120%);
    filter: sepia(120%);
}

.eventi-attivita-loop li .preview {
    background:#fff;
    padding:4% 5% 0 5%;
}

.eventi-attivita-loop li .preview h3 {
    font-size:30px;
    margin-bottom:30px;
}

.eventi-attivita-loop li .preview a {
    color:#1A3B5D;
}

.eventi-attivita-loop li .preview a:hover {
    color:#CDD7E0;
}

.eventi-attivita-loop li .preview .view-article {
    display:none;
}

.eventi-attivita-loop li .preview .more {
    display:block;
    color:#fff;
    font-size:30px;
    background:#CDD7E0;
    text-align:center;
    line-height:70px;
    width:35%;
    margin-top:30px;
}

.eventi-attivita-loop li .preview .more:hover {
    background:#1A3B5D;
}


/* Single "Eventi e Attività" */

.single-eventi-attivita h2 {
    font-size:48px;
    font-weight:bold;
    float:left;
    width:100%;
    margin:0 0 50px 0;
    padding:0 0 40px 10px;
    border-bottom:1px dotted #eaeaea;
    text-align:center;
}

.single-eventi-attivita .post-content {
    float:none;
    max-width:960px;
    margin:0 auto;
    margin-bottom:50px;
}

.single-eventi-attivita .post-content img {
    margin:10px 0 50px 0;
}

.single-eventi-attivita .post-content a {
    color:#152F4A;
    text-decoration:underline;
}

.single-eventi-attivita .post-content a:hover {
    text-decoration:none;
}

.single-eventi-attivita .post-content .dpsp-content-wrapper {
    margin-top:80px !important;
}






.next-prev-link {
    margin-top:100px;
}

.next-prev-link a {
    color:#1A3B5D;
}

.next-prev-link a:hover {
    opacity:0.5;
}









/* Offerte Speciali */


.offerte_loop {
    float:left;
    width:100%;
    margin:100px 0 0 0;
    padding:0;
    list-style: none;
}

.offerte_loop li {
    float:left;
    width:100%;
    margin:0;
    padding:0;
}

.offerte_loop li .half--col {
    min-height:50vh;
    /* background-size: 50% 50% !important; */
}

.offerte_loop li .item-two {
    padding:6%;
}

.offerte_loop li:nth-child(odd) .item-one {
    float:left !important;
}
.offerte_loop li:nth-child(even) .item-one {
    float:right !important;
}


.offerte_loop li:nth-child(odd) .item-two {
    float:right !important;
}
.offerte_loop li:nth-child(even) .item-two {
    float:left !important;
    background:#E4E9ED !important;
}

.offerte_loop li .item-two .view-article {
    display:none;
}




/* Offerte Speciali - Single */

.hero-image-offerte {
    float:left;
    width:100vw;
    height:30vh;
    position:relative;
    display: flex;
    flex-direction: column;
}

.hero-image-offerte .big-title {
    font-size:120px;
    line-height:80px;
    font-size:60px;
    color:#fff;
    max-width:1280px;
	width:95%;
	margin:auto auto 0 auto;
    z-index:2;
    padding-bottom:35px;
}

.hero-image-offerte .bg-sfum {
    position:absolute;
    width:100%;
    height:100%;
    bottom:0;
    left:0;
    z-index:1;
    background:rgba(26,59,93,0.9);

}

.side-post-offerte {
    float:left;
    width:calc(50% - 10vw);
    margin-left:10vw;
}

.feat-image-post-offerte {
    float:left;
    width:100%;
    height:60vh;
    
}

.direct-contact {
    width:100%;
    float:left;
    text-align:center;
    font-size:28px;
    padding:30px;
    color:#1A3B5D;
}

.direct-contact a {
    color:#1A3B5D;
}

.ico-tel {
    background:url(img/ico_tel.svg) left center no-repeat;
    padding:0 0 0 30px;
    margin:10px 0;
    font-size:22px;
}


.cont-post-offerte {
    float:left;
    width:50%;
    padding:10vh 15vw 10vh 5vw;
    background:#fff;
}

.cont-post-offerte h2 {
    margin-bottom:40px;
    font-size:28px;
}







/* Contacts ---------*/

.wpcf7-form {
    max-width:650px;
    margin:0 auto;
}

.wpcf7-form input[type='text'],
.wpcf7-form input[type='email'] {
    width:calc(100% - 20px);
    height:70px;
    border:1px solid #D3D3D3;
    background:#fff;
    color:#BCBCBC;
    font-size:14px;
    line-height:70px;
    margin:10px;
    padding:20px 30px;
}

.wpcf7-form textarea {
    width:calc(100% - 20px);
    height:280px;
    border:1px solid #D3D3D3;
    background:#fff;
    color:#BCBCBC;
    font-size:14px;
    line-height:70px;
    margin:10px;
    padding:20px 30px;
}

.wpcf7-form input[type='submit'] {
    background:#1A3B5D !important;
    color:#fff !important;
    font-weight:600 !important;
    border:0;
    padding:14px 40px;
    text-align:center;
    margin:30px 0 0 10px;
    border-radius:5px;
}

.wpcf7-form input:hover[type='submit'] {
    background:#000;
}







/* Privacy Policy ---------*/

.privacy-policy .parallax-mirror,
.privacy-policy .bg-sfum {
    display:none;
}

.privacy-policy .big-title {
    text-align:center;
    color:#000;
    margin:160px 0 40px 30px;
    font-weight:bold;
    color:#142E4A;
} 

.privacy-policy h2 {
    font-size:22px;
    font-weight:500;
}

.privacy-policy h2:before {
    content:'.';
}

.privacy-policy h3 {
    font-size:19px;
    font-weight:500;
}

.privacy-policy main a {
    color:#2E797F;
    text-decoration:underline;
}






















/*------------------------------------*\
	ASSETS
\*------------------------------------*/


.xy {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.img-cover {
    background: center center no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}


.button-more-yellow {
    display:inline-block;
    background:url(img/more-yellow.svg) center center no-repeat;
    width:40px;
    height:30px;
    margin:30px 0 0 0;
    padding:0;
}

.button-more-yellow:hover {
    opacity:0.7;
}

.button-more-blue {
    display:inline-block;
    background:url(img/more-yellow.svg) center center no-repeat;
    width:40px;
    height:30px;
    margin:30px 0 0 0;
    padding:0;
}

.button-more-blue:hover {
    opacity:0.7;
}




/* Page Template */

.hero-image {
    float:left;
    width:100vw;
    height:60vh;
    position:relative;
    margin-bottom:70px;
    display: flex;
    flex-direction: column;
}

.hero-image .big-title {
    position:relative;
    font-size:80px;
    text-transform: uppercase;
    line-height:55px;
    /* font-size:70px; */
    color:#fff;
    max-width:1280px;
	width:95%;
	margin:auto auto 0 auto;
    z-index:2;
    /* padding-bottom:50px; */
    font-weight:700;
}

/* .hero-image .big-title:before {
    content:'';
    position:absolute;
    bottom:0;
    left:4px;
    width:100%;
    height:4px;
    background:#CDD7E0;
    z-index:-1;
} */


.hero-image .bg-sfum {
    position:absolute;
    width:100%;
    height:50%;
    bottom:0;
    left:0;
    z-index:1;
    
    background: -moz-linear-gradient(top,  rgba(26,59,93,0) 0%, rgba(26,59,93,0.65) 100%);
    background: -webkit-linear-gradient(top,  rgba(26,59,93,0) 0%,rgba(26,59,93,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(26,59,93,0) 0%,rgba(26,59,93,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a3b5d', endColorstr='#a61a3b5d',GradientType=0 );

}

.page-id-14 .hero-image .bg-sfum {
    background: -moz-linear-gradient(top,  rgba(141,76,54,0) 0%, rgba(141,76,54,0.65) 100%);
    background: -webkit-linear-gradient(top,  rgba(141,76,54,0) 0%,rgba(141,76,54,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(141,76,54,0) 0%,rgba(141,76,54,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008d4c36', endColorstr='#a68d4c36',GradientType=0 );
}

.page-id-14 .hds-page-temp a {
    color:rgba(141,76,54,1);
    font-size:22px;
    font-weight:600;
}

.hds-page-temp p:first-child {
    width:70%;
    margin:0 auto !important;
    padding:0 0 7vh 0;
}

.hds-page-temp .wp-block-blockgallery-masonry img {
    border-radius:20px 0 20px 0;
}


.hds-page-temp  .wp-block-blockgallery-masonry .blockgallery--item figcaption {
    position:relative !important;
    font-size:16px !important;
    color:#1A3B5D !important;
    font-style:italic !important;
    padding:10% !important;
    background:transparent !important;
    text-align:left !important;
}



/* Pagina 404 ----------*/

#post-404 {
    text-align:center;
    margin:150px 0 0 0;
    padding:20vh 0;
}

#post-404 h1 {
    margin-bottom:3vh;
}

#post-404 a {
    color:#21787F;
}


















/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i|Vollkorn:400,600,700,900&display=swap');
/*
font-family: 'Poppins', sans-serif;
font-family: 'Cormorant Garamond', serif;
*/

p {line-height:24px; font-weight:300;}

p b, p strong {font-weight:400;}

h1, h2, h3, h4, h5, h6 {
  margin: 2.75rem 0 1rem;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  line-height: 1.15;
}

h1 {
  margin: 0;
  font-size: 3.052em /* 48.83px */;
}

h2 {font-size: 2.441em /* 39.06px */; margin:0;}

h3 {font-size: 1.953em /* 31.25px */; margin:0;}

h4 {font-size: 1.563em /* 25px */; margin:0;}

h5 {font-size: 1.25em /* 20px */; margin:0;}

small, .text_small {font-size: 0.8em /* 12.80px */;}



/*------------------------------------*\
    FRAMEWORK
\*------------------------------------*/

/* - Column */

.row           {width:100% !important; float:left !important; padding:0 2% !important;}
.row90         {max-width:90%; margin-left:auto; margin-right:auto;}
.row80         {max-width:80%; margin-left:auto; margin-right:auto;}

.half--col     {width:50% !important; float:left !important; padding:0 2%;}
.three--col    {width:33.333% !important; float:left !important; padding:0 2% !important;}
.four--col     {width:25% !important; float:left !important; padding:0 2% !important;}
.five--col     {width:20% !important; float:left !important; padding:0 2% !important;}

.three--two-col {width:66.66% !important; float:left !important; padding:0 2% !important;}

.w90_col {width:90% !important; float:left !important;}
.w80_col {width:80% !important; float:left !important;}
.w70_col {width:70% !important; float:left !important;}
.w60_col {width:60% !important; float:left !important;}
.w40_col {width:40% !important; float:left !important;}
.w30_col {width:30% !important; float:left !important;}
.w20_col {width:20% !important; float:left !important;}
.w10_col {width:10% !important; float:left !important;}
.w5_col  {width:5% !important; float:left !important;}


/* Aligment */

.xy {display: flex; justify-content: center; align-items: center;}


/* - Text Alignment */

.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

.txl {text-align: left !important;}
.txc {text-align: center !important;}
.txr {text-align:right !important}
.txj {text-align: justify !important;}


/* - Position */

.psr {position:relative !important;}
.psa {position:absolute !important;}
.psf {position:fixed !important;}
.clear {clear:both !important;}


/* - MARGIN - */

.mauto {margin:0 auto !important;}

/* - Margin Around */
.m10 {margin:10px !important;}
.m20 {margin:20px !important;}
.m30 {margin:30px !important;}
.m40 {margin:40px !important;}
.m50 {margin:50px !important;}


/* - Margin Left */
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

/* - Margin Right */
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

/* - Margin Top */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}

/* - Margin Bottom */
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb110 {margin-bottom:110px !important;}
.mb120 {margin-bottom:120px !important;}
.mb130 {margin-bottom:130px !important;}
.mb140 {margin-bottom:140px !important;}
.mb150 {margin-bottom:150px !important;}





/* - Padding - */

/* - Padding Around */
.p10 {padding:10px;}

.pp10 {padding-left:10px; padding-right:10px;}
.pp20 {padding-left:20px; padding-right:20px;}


/* - Padding Left */
.pl5  {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}

/* - Padding Right */
.pr5  {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}

/* - Padding Top */
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

/* - Padding Bottom */
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}





/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/

@-moz-keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}

@-webkit-keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}

@keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}















/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}





















/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/










/* SMARTPHONE PORTRAIT ------------------------------------------------------------------------------------------------*/
@media only screen 
    and (min-width: 300px) 
    and (max-width: 470px) 
    and (orientation: portrait) {
        
        .half--col,
        .three--col {width:100% !important;}
        
        .booking--desktop {display:none;}
        .booking--mobile {display:block;}
        
        .header {background:#fff;}
        .header, .hamburger-menu, .logo {height:80px;}
        .header .hamburger {top:30px;}
        .header .hamburger-menu {width:25% !important; background:#fff;} 
        .menui {background:#730102 !important;}
        .header .logo {width:50% !important;}
        .header .logo img {width:70px !important;}
        .header .main-contacts {width:100%; background:#730102; height:36px; line-height:36px; font-size:12px; padding:0 4%; margin:0; border:0;}
        .header .main-contacts .contact-tel {float:left;}
        .header .main-contacts .contact-mail {float:right;}



        /* .header .main-title, */
        .main-claim,
        .header .main-contacts span{display:none;}

        header{position: relative;}
        .main-title{
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            margin: 0;
        }
        .link-white-home{
            display: block;
            color: #350101;
        }
        .main-title a{
            text-align: right;
            font-size: 6vw;
        }
        .main-title span{
            display: none;
        }



        
        .mobilenav, .mobilenav ul {width:90vw;}
        .mobilenav .mobilenav-inner {padding:10px;}
        .mobilenav li a {font-size:20px; padding:9px 15px;}
        .languages {padding:0; margin-bottom:10px;}
        
        
        .call-to-action {height:70vh; padding:0 4%;}
        .call-to-action h6 {font-size:26px;}
        .call-to-action a {display:none;}
        .hds-map {display:none;}
        .hds-where-we-are .widget_text {padding:25px;}
        .hds-where-we-are, .hds-contacts, .hds-newsletter {width:100%; height:60vh;}
        .hds-contacts {text-align:center;}
        .hds-contacts .half--col:last-child .widget_text, .hds-contacts .half--col:first-child .widget_text {background:none; padding-top: 20px;}
        .colophon, .footer .colophon .three--col:nth-child(3) {text-align:center;}
        .colophon .three--col {margin:8px 0 !important;}
        
        .hds-newsletter {display:none;} /*Rimuovere quando viene aggiunto il widget*/
        
        
        
        /* Homepage */
        .video-wall {height:calc(100vh - 60px) !important;}
        .home-welcome {margin:10px 0;}
        .home-welcome .wrapper {padding:50px 4% !important; transform: translateY(0px); border-radius:0;}
        .home-camere, .home-camere .half--col, .home-ristorante-rosa, .home-ristorante-rosa .half--col {height:100vh;}
        .home-colazione-posizione .half--col {height:70vh;}
        .home-camere .half--col div, .home-colazione-posizione div, .home-ristorante-rosa .half--col div {width: 80%;}
        .home-reviews h3 {font-size: 40px;}
        .wptripadvisor_t1_DIV_2 {margin-left:0 !important; margin-right:0 !important;}
        .home-eventi-attivita h3 {width:100%; font-size: 40px; padding-left:0; padding-right:0; text-align:center;}
        .home-eventi-attivita ul {transform: translateY(0px);}
        .home-eventi-attivita ul li {width:100%; margin:0 0 20px 0;}
        .home-eventi-attivita ul li article {width:85%; padding-left:8%; padding-right:8%;}
        .home-eventi-attivita ul li article .more {width:70%;}
        
        
        /* Page Template */
        .hero-image .big-title {font-size:50px; line-height:35px; text-align:center;}
        .wp-block-gallery .blocks-gallery-item {width:100% !important;}
        
        .hotel-servizi .wp-block-column {flex-basis:50%;}
        
        .eventi-attivita-loop li {width: calc(100% - 20px); margin:20px 10px;}
        .eventi-attivita-loop li .preview h3 {font-size:24px;}
        .eventi-attivita-loop li .preview .more {width:70%;}
        .post-content {padding-left:0;}
        .next-prev-link div {text-align:center !important;}
        
        .hero-image-offerte {display:none;}
        .side-post-offerte {width:100% !important; padding:0; margin:110px 0 0 0;}
        .feat-image-post-offerte {height:40vh;}
        .cont-post-offerte {width:100% !important; padding:20px 5%; margin:0;} 
            
}



@media only screen 
    and (min-width: 480px) 
    and (max-width: 760px) 
    and (orientation: landscape) {
        
        .half--col {width:100% !important;}
        
        .booking--desktop {display:none;}
        .booking--mobile {display:block;}
        
        .header {background:#fff; height:70px;}
        .header, .hamburger-menu, .logo {height:70px;}
        .header .hamburger {top:24px;}
        .header .logo {width:20% !important;}
        .header .logo img {width:100px !important;}
        .header .main-title {display:none;}
        /* .header .main-contacts span{display:none;} */
        .header .main-contacts {width:calc(80% - 80px); background:#152F4A; border:0; float:right; margin:0; padding:10px 20px 0 0; font-size:12px; text-align:right; height:70px;}
        
        .mobilenav {width:100vw; top:70px; height:calc(100vh - 130px);} 
        .mobilenav ul {width:100vw;}
        .mobilenav .nav ul {columns: 2; -webkit-columns: 2; -moz-columns: 2;}
        .mobilenav .mobilenav-inner {padding:10px;}
        .mobilenav li a {font-size:22px; padding:5px 15px;}
        .languages {padding:0; margin-bottom:10px; width:100%; float:left;}
        
        .hds-contacts {text-align:center;}
        .hds-contacts .half--col:last-child .widget_text, .hds-contacts .half--col:first-child .widget_text {background:none; padding-top: 20px;}
        
        
        
        /* Homepage */
        .video-wall, .video-foreground, .video-background iframe {height:100vh !important;} 
        .home-welcome {margin-bottom:0;}
        .home-welcome .wrapper {transform: translateY(-30px);}
        .home-camere, .home-camere .half--col, .home-ristorante-rosa, .home-ristorante-rosa .half--col {height:100vh;}
        .home-camere .half--col div, .home-colazione-posizione div, .home-ristorante-rosa .half--col div {width: 80%;}
        .home-colazione-posizione .half--col {height:100vh;}
        .home-eventi-attivita ul li article {width: 90%;}
        .home-eventi-attivita ul li article .more {width:80%;}
        
        /* Page Template */
        .hero-image .big-title {font-size:50px; line-height:54px;}
        
        
        
}



/* TABLET PORTRAIT ------------------------------------------------------------------------------------------------*/
@media only screen 
    and (min-width: 768px) 
    and (max-width: 1023px)
    and (orientation: portrait){
      
        .booking--desktop {display:none;}
        .booking--mobile {display:block;}
        
        .header .main-title {display:none;}
        .header .main-contacts {border:0; float:right; text-align:right;}
        
        .mobilenav {width:60vw;}
        .mobilenav ul {width:100%;}
        
        .video-wall, .video-foreground, .video-background iframe {height:50vh !important;}
        
        /* Page Template */
        .hero-image .big-title {font-size:80px; line-height:85px;}
        .wp-block-gallery.columns-4 .blocks-gallery-item {width: calc((100% - 48px)/2);}
        .hero-image {height:50vh;}
        
        .side-post-offerte {width:50%; margin:0;}
        .cont-post-offerte {padding: 10vh 5vw;}
        
        /* Homepage */
        .home-camere .half--col div, .home-colazione-posizione div, .home-ristorante-rosa .half--col div {width: 80%;}
        .home-eventi-attivita ul li article {width:90%;}
        .home-eventi-attivita ul li article .more {width:80%;}
        
        
}





/* TABLET LANDSCAPE ------------------------------------------------------------------------------------------------*/
@media only screen 
    and (min-width: 1024px) 
    and (max-width: 1180px)
    and (orientation: landscape){
        
        .main-title, .main-contacts {padding-left:2%; padding-right:2%;}
        .mobilenav {width:40vw;}
        .mobilenav ul {width:100%;}
        
}









@media (max-width: 1025px){
    .main-title{display: none;}
}







/* ----------------------------------------------------------------------------------------- BOOKING */
#btn-booking-mobile{
    display: none;
    margin: auto;
    width: 100%!important;
}


#booking{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.9);
	height: 60px;
    width: 100%;
}



#booking-form{
    height: 100%;
    /* max-width: 1280px; */
    margin: auto;
}
#booking-form > div{height: 100%;margin: 0;}
#booking-form form{
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    -webkit-align-items:center;
}

#booking-form div{margin-right: 20px;}
#booking-form label{
    font-family: 'Poppins', sans-serif;
    /* font-weight: 700; */
    margin-right: 20px;
    color: white;
}
#booking-form .date-picker-control{
    background-image: url(img/calendar.svg);
    background-position: center;
    background-size: 14px cover;
    margin-left: 10px;
}
#booking-form input,
#booking-form select,
#booking-form button{
    border: none;
    /* border-radius: 3px; */
}
#booking-form input{
    width: 110px;
    height: 34px;
    text-align: center;
    /* padding-left: 20px; */
}
#booking-form select{
    padding: 0 5px;
    width: 45px;
    height: 34px;
    appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
    -ms-appearance:none;
    cursor: pointer;

    background-image: url(img/down-up-arrow.svg);
    background-position: 85%;
    background-repeat: no-repeat;
    background-size: 18px;
    background-color: none;
}
#booking-form form input::placeholder{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #0453AE;
}
#btn-booking-mobile, 
#booking-form button{
    background-color: #730102;
    height: 100%;
    width: 170px;
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    transition: 1s;
}
#booking-form button:hover{
    background-color: #8b0d0f;
    transition: 1s;
}
#btn-booking-mobile a{
    color: black;
}


#ITH_Extra_div > select{
    margin-right: 15px;
}


                    @media (max-width:1160px){
                        #booking-form{display: none;}
                        #btn-booking-mobile{display: block;}
                        #btn-booking-mobile a{color: white;}
                    }
                    @media (max-width:500px){
                        #booking{height: 40px;}
                    }