/***** NUOVO FONT PER TITOLI *****/

@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
           

h1.section-title, h2.section-title, .info-room h2, #elements.section-element h1, #elements.section-element h2, #gallery-page.gallery-block h2, #contact-page h2, #contact-page h3, h2.section-sub-title, h3.section-sub-title{
  font-family: "Philosopher", sans-serif!important;
  font-weight: 400!important;
  font-style: normal!important;
}

/************* END *************/


#footer-page .text a{
	background-image:none; 
	padding:0; 
	margin:0;
}

#footer-page .credits a {
    display:inline;
    background: none;
    padding-left: 0;
	color:#FFF;
}

#footer-page .credits a:hover{
	color:#F9D300;
}

ul.language {
	margin:0;
	padding:0;
	list-style:none;
	line-height:20px;
	float:left;
	font-size:1em;
	text-align:center;
	width:100%;
    border-bottom: 1px solid rgba(55, 55, 55, 0.1);
    background-color: rgba(255, 255, 255, 0.85);
}
			
ul.language li {
	margin:0;
	padding:0;
	display:inline-block;
}
			
ul.language li a {
	margin:0 4px 0 4px;
	padding:0 0 10px 0;
	color:#BB8B39;
}
			
ul.language li a:hover {
	color:#8B0118;
	background-color:#FFF;
	text-decoration:underline;
}

h2.red {
	color:#8B0118;
}

#booking {
	padding: 50px 0 0 0;
}

#booking-mobile {
	padding: 0 0 0 0;
}

#elements {
	padding: 50px 0 50px 0;
}

#gallery-page {
	padding: 50px 0 50px 0;
}

#pages-package {
	padding: 50px 0 50px 0;
}

#contact-page {
	padding: 50px 0 50px 0;
}

.box-booking {
    position: relative;
    padding: 18px 25px 25px;
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

.box-booking button {
    margin-top: 30px;
    width: 100%;
    padding: 12px 0;
}

p.call-now {				
	display:block;
	position:fixed;
	top:0;
	right:0;
	width:75px;
	height:55px;
	background:url(../images/bg-call-now.png) no-repeat right top;
	z-index:10000;
}
			
p.call-now a {		
	text-decoration:none;
	text-align:center;
	padding:0 0 4px 0;
	line-height:20px;
	display:block;
	font-size:0.7em;
	float:right;
	width:64px;
	height:46px;
	color:#8B0118;
}
			
p.call-now a span{		
	font-size:1.8em;
	display:inline-block;
}

.nopaddingbottom{
	padding-bottom:0px!important;
}

.nopaddingtop{
	padding-top:0px!important;
}

.nomargintop{
	margin-top:0px!important;
}

.text-align-center{
	text-align:center!important;	
	color:#000!important;
}

a.text-decoration-underline{
	text-decoration:underline!important;
}

#bottomlinks{display:none!important;}


@media only screen  and (max-width: 991px) {
#bottomlinks{z-index:298;position:fixed;height:56px;width:100%;background:rgba(255,255,255,0.8);display:block!important;top:auto;left:auto!important;left:0!important;bottom:0;}
#bottomlinks ul{height:40px;width:auto;float:left!important;list-style:none!important;margin:8px 0 0 0!important; padding:0;}
#bottomlinks ul li{height:40px;width:40px;float:left!important;margin:0 0 0 10px;}
#bottomlinks ul li a{height:40px;width:40px;display:block;color:#FFF;text-align:center;font-size:1.2em!important;padding-top:8px!important;background:#8A0017!important;}
#bottomlinks ul li a:hover{background:#666!important;}
#bottomlinks a img{width:15px!important;height:15px!important;}
}

.covidfree{
	padding-bottom:20px!important; 
	padding-top:30px!important; 
	background-color:#4aacc5!important;
	color:#ffffff!important;
	}
.covidfree a{
	background-color:#FFF!important;
	color:#4aacc5!important;
	font-size:24px!important;
	text-decoration:underline!important;
	font-weight:600!important;
	padding-top:inherit!important;
	padding-bottom:inherit!important;
	}
	
.covidfree h2{
	padding-bottom:15px!important;
	}

.covidfree .block-container{
	position:relative;overflow:hidden!important;
	}


@media only screen and (min-width : 481px) {
   .flex-row.row {
	 display: flex;
	 flex-wrap: wrap;
   }
   .flex-row.row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
   }
  .flex-row.row:after, 
  .flex-row.row:before {
	 display: flex;
  }
}
.crosslinkfooter {text-align:left!important;}
.crosslinkfooter img {width:140px!important;height:auto;}

.crosslinkfooter:before, .crosslinkfooter:after {display:none!important;}

