@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/*
Theme Name: Dolomiti Mountain Group
Author: Laura Titton
Author URI: http://www.lauratitton.it/
Description: Dolomiti Mountain Group - 2025
Version: 1.0
License: GNU General Public License v2 or later
*/

/*  FONTS e COLORI */
:root {
	--black: #28243F; 
	--white: #F4F2EF;
	--green: #2A4C3B;
	--raleway: "Raleway", sans-serif !important;
	--montserrat: "Montserrat", sans-serif;
}

html {
  scroll-behavior: smooth;
}

/* GENERAL */
html,body {  
	margin:0;
	padding:0;
	background-color:var(--white);
	color:var(--black);
	font-family: var(--raleway);
	font-weight: 400;
	font-size: 16px !important;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
}

@media (min-width: 1400px){ 
	html,body {
		font-size: 18px !important;
	}
}

@media (min-width: 1400px){ 
	html,body {
		font-size: 18px !important;
	}
	.container-fluid{
		padding-left: 10vw;
		padding-right: 10vw;
	}
	.container-left{
		padding-left: 10vw;	
		padding-right: 0;
	}
	.container-right{
		padding-right: 10vw;	
		padding-left: 0;
	}
}


@media (min-width: 992px){ 
	.container-fluid{
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.container-left{
		padding-left: 5vw;	
		padding-right: 0;
	}
	.container-right{
		padding-right: 5vw;	
		padding-left: 0;
	}
}


img,a img {
	border:none!important;
	width:100%;
	height: 100%;
	object-fit: cover;
}

::-moz-selection {
	background:none repeat scroll 0 0 #FFF;
	color:#000;
}

* {
	outline:0!important;
}

b,strong,.bold { 
	font-weight:600;
}

a{
	color:var(--black);
	text-decoration: underline;
}
a,a:visited { 
	outline-style:none;
	text-decoration: underline;
}

a:hover {  
	cursor:pointer !important;
	text-decoration:underline;
}


/* Margini */

.m-fluid {
	margin: clamp(1rem, 3vw, 2rem);
}

.mx-fluid {
	margin-left: clamp(1rem, 3vw, 2rem);
	margin-right: clamp(1rem, 3vw, 2rem);
}

.my-fluid {
	margin-top: clamp(1rem, 3vw, 2rem);
	margin-bottom: clamp(1rem, 3vw, 2rem);
}

.mt-fluid {
	margin-top: clamp(1rem, 3vw, 2rem);
}

.mb-fluid {
	margin-bottom: clamp(1rem, 3vw, 2rem);
}

.m2-fluid {
	margin: clamp(2rem, 6vw, 4rem);
}

.mt2-fluid {
	margin-top: clamp(2rem, 6vw, 4rem);
}

.mb2-fluid {
	margin-bottom: clamp(2rem, 6vw, 4rem);
}

.mx2-fluid {
	margin-left: clamp(2rem, 6vw, 4rem);
	margin-right: clamp(2rem, 6vw, 4rem);
}

.my2-fluid {
	margin-top: clamp(2rem, 6vw, 4rem);
	margin-bottom: clamp(2rem, 6vw, 4rem);
}

/* Padding */

.p-fluid {
	padding: clamp(1rem, 3vw, 2rem);
}

.px-fluid {
	padding-left: clamp(1rem, 3vw, 2rem);
	padding-right: clamp(1rem, 3vw, 2rem);
}

.py-fluid {
	padding-top: clamp(1rem, 3vw, 2rem);
	padding-bottom: clamp(1rem, 3vw, 2rem);
}

.pt-fluid {
	padding-top: clamp(1rem, 3vw, 2rem);
}

.pb-fluid {
	padding-bottom: clamp(1rem, 3vw, 2rem);
}

.p2-fluid {
	padding: clamp(2rem, 6vw, 4rem);
}

.px2-fluid {
	padding-left: clamp(2rem, 6vw, 4rem);
	padding-right: clamp(2rem, 6vw, 4rem);
}

.py2-fluid {
	padding-top: clamp(2rem, 6vw, 4rem);
	padding-bottom: clamp(2rem, 6vw, 4rem);
}

.pt2-fluid {
	padding-top: clamp(2rem, 6vw, 4rem);
}

.pb2-fluid {
	padding-bottom: clamp(2rem, 6vw, 4rem);
}



/* TYPO */

.big{
	font-size: 1.1rem;   
}
.small{
	font-size: 0.9rem;	 
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ 
	font-family: var(--raleway);
	font-weight: 400;
	color:var(--black);
}

h1,.h1{
	font-size: 3.2rem;  
	font-weight: 500;
	font-family: var(--raleway);
	color: var(--green);
}


h2,.h2{
	font-size: 2.1rem;  
	line-height: 1.3;
	font-weight: 600;
	font-family: var(--raleway);
	color: var(--green);
}

h2 strong,.h2 strong, h3 strong, .h3 strong, h4 strong, .h4 strong, h1 strong, .h1 strong {
	font-weight: 600;
}

h3,.h3{
	font-size: 1.4rem; /* 38 px */
	line-height: 1.5;
	font-weight: 600;
	font-family: var(--raleway);
	
}

h4,.h4{
	font-size: 1.2rem; /* 73 px */
	font-family: var(--raleway);
}

@media(max-width:991px){
	h1,.h1{
		font-size: 1.8rem;	
		font-weight: 600;	
	}
	h2,.h2{
		font-size: 1.8rem; 
		
	}
	h3,.h3, h3 p,.h3 p{
		font-size: 1.35rem; 
		
	}
	h4,.h4{
		font-size: 1.1rem;
	}


}





/* LOADER */
#loader {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9999; 
	display: flex;
	justify-content: center;
	align-items: center;
}

.loader-inner {
	border: 8px solid #fff; 
	border-top: 8px solid #000; 
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* HEADER */

#header{
	position: fixed;
	top: 0;
	left:0;
	width:100%;
	height:135px;
	z-index:3;
	opacity:0;
	background-color: var(--green);
	display: flex;
	align-items: center;
}

#header.show {
	opacity:1;	
}

#header.showfull {
	opacity:1;
}


#header .navbar{
	width: 100%;
}
#header .container-fluid{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#header .navbar-brand{
	height: 110px;
	width:auto;
	z-index:10;
	text-align: left;
}

@media(max-width:991px){
	#header .navbar-brand{
		height: 100px;
		width:auto;
		z-index:10;
	}
}

#header .navbar-brand img{
	
	object-fit: contain;
}

#header .navbar-toggler{
	
	z-index:10;
}

.menu_prenotazione a{
	margin-left:25px;
}

@media(max-width:991px){
	.menu_prenotazione{
		display: none;
		position: absolute;
		top:0;
		left:0;
		background-color:var(--green);
		height:90vh;
		width:100%;
		align-items: center;
		z-index:3;
		justify-content: center;
		flex-direction: column;
		font-size:1.1rem;
	}
	
	.menu_prenotazione a{
		padding-left:0;
		margin-left:0;
		margin-bottom:10px;
	}
	.menu_prenotazione.show{
		display: flex;
		
	}
}

/* FOOTER */

#footer{
	background-color: var(--green);
}

#footer .navbar-brand img{
	width:130px;
	height:auto;
}

#footer a, #footer p{
	color:#fff;
	margin:0;
	padding:0;
}



/* PAGINE */

.white{
	color:#fff;
}

.green{
	color: var(--green);
}

.margin-top{
	margin-top: 200px;
}

.button{
	color: var(--white);
	border: 1px solid var(--green);
	display: inline-block;
	background-color: var(--green);
	text-decoration: none;
	margin: 0 0 10px;
	width:230px;
	padding: 8px 25px;
	font-size: 16px;
	border-radius:20px;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	transition:0.3s;
}

.button-empty{
	color: var(--green);
	border: 1px solid var(--green);
	display: inline-block;
	background-color: transparent;
	text-decoration: none;
	margin: 0 0 10px;
	padding: 8px 25px;
	font-size: 16px;
	border-radius:20px;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	transition:0.3s;
}
.button-empty:hover{
	color:var(--white);
	background-color: var(--green);
	text-decoration: none;
}

input[type="submit"]{
	color: #fff;
	width:250px;
	border: 1px solid var(--green);
	display: inline-block;
	background-color: var(--green);
	text-decoration: none;
	margin: 20px 0 10px;
	padding: 8px 25px;
	font-size: 17px;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	transition:0.3s;
}

.mx7{
	margin-left: 7px;
	margin-right: 7px;
}

.button:hover{
	text-decoration: none;
	background-color: var(--white);
	color:var(--green);
	transition:0.3s;
}

.post-thumbnail{
	overflow: hidden;
	width:100%;
	height: 100%;
	display: inline-block;
}

.zoom_img{
	transition: 0.6s;
}

.zoom_img:hover{
	scale:1.1;
	transition: 0.6s;
}
.no-padding{
	padding:8px;
	margin:0;
}

.box-container{
	margin-bottom:30px;
	display: flex;
	align-items: center;
}

.box-white{
	width: 90%;
	padding:30px;
	margin: 0 auto;
}

@media(min-width:991.99px){
	.box-white{
		width: 60%;
		padding:50px;
		margin: 0;
	}
	.box-container#box_1, .box-container#box_3, .box-container#box_5{
		justify-content: end;
		padding-right: 4%;
	}
	
	.box-container#box_2, .box-container#box_4{
		padding-left: 4%;
	}
}
.box-white{
	
	background-color: rgba(255,255,255,0.9);
	color:var(--black);
}
.pt30{
	padding-top:30px;
}

.pb20{
	padding-bottom:20px;
}

.mb20{
	margin-bottom: 20px;
}

.mb5{
	margin-bottom: 5px;
}

.pt20{
	padding-top:20px;
}

.uppercase{
	text-transform: uppercase;
}

/* form di contatto */

.form-half p{
	display: flex;
	justify-content: space-between;
}

.form-half .wpcf7-form-control-wrap{
	width: 49%;
}

input,select{
	background-color: rgba(255,255,255,0.2);
	border:1px solid #333;
	border-radius:0;
	padding-left: 15px;
	height: 45px;
	width: 100%;
	color: #333;
}

textarea{
	background-color: rgba(255,255,255,0.2);
	border:1px solid #333;
	padding-top: 10px;
	border-radius:0;
	padding-left: 15px;
	/* height: 45px; */
	width: 100%;
	color: #333;
}

:placeholder{
	color: #333 !important;
}

input[type=checkbox]{
	width: 15px;
	height: 15px;
	display: inline;
	margin-right: 7px;
}

.wpcf7-list-item{
	margin: 0 !important;
}

.wpcf7-list-item-label{
	color:var(--black);
}

.icon, .icon:hover{
	text-decoration: none;
}
.icon i{
	font-size:30px;
	margin-left:3px;
	margin-right:3px;
	color:var(--black);
	transition: 0.3s;
	display: inline-block;
	
}

.icon i:hover{
	color:var(--green);
	text-decoration: none;
	transition: 0.3s;
	 
}

.wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions a{
	padding-top:0 !important;
	padding-bottom:0 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	color: var(--white) !important;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language span{
	font-weight: 600;
}

.wpml-ls-statics-shortcode_actions{
	position: relative;
	bottom:2px;
}

.w45{
	width:100%;
}

@media(min-width:991.99px){
	.wpml-ls-legacy-list-horizontal a{
		padding:0 !important;
	}
	.w45{
		width:47%;
	}
}

.no-margin{
	margin:0;
}



.elenco_pulsanti_struttura i{
	margin-right:5px;
}