body {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

@media print, screen and (min-width: 64rem){
	p {
		font-size: 1.2rem;
	}
}


h1,h2,h3,h4,h5{
  /*font-family: "Caveat", cursive;*/
  font-family: "Spinnaker", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #63140e;
  letter-spacing: 0.5px;
}
@media print, screen and (min-width: 64rem) {
	h1{
		font-size: 3rem;
	}
	h2{
		font-size: 2.5rem;
	}
	h3{
		font-size: 1.93rem;
	}
}

#barraTop{
	width: 100%;
	background-color: #63140e;
	/*background-color: #2fadff;*/
}

/*Stile titolo fascia*/
.titoloPagina{
	width: 100%;
}
.titoloPagina h1{
	color: #63140e;
	padding-top: 20px;
}
/*FINE Stile titolo fascia*/

/*Stile titolo fascia*/
.titoloFascia{
	width: 100%;
}
.titoloFascia h2{
	color: #2c62ab;
	padding-top: 20px;
}
/*FINE Stile titolo fascia*/

/*divisore sotto titolo fascia*/
.dividiTit{
	width:60px;    
	height: 0;
    display: inline-block;
    border: 1px solid #63140e;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 18px;
}
/*FINE divisore sotto titolo fascia*/


/*MODIFICHE PER MENU*/

/*aumentata larghezza box submenu e ridotto padding voci submenu*/
.dropdown .is-dropdown-submenu {
    width: 300px;
}
.top-bar li{
	padding-right: 40px;
}
.menu > li > a {
  text-decoration: none;
  color:#FFFFFF;
}
.dropdown.menu > li.is-active > a {
  text-decoration: none;
  color:#FFFFFF;
}
/*FINE MODIFICHE PER MENU*/

/*SWIPER - PER CLAIM SLIDER HOME*/
    .swiper-container {
      /*width: 100vw;*/
      width: 100%;
      height: 100vh;
      z-index: 0;
	  position: relative;
    }
    .swiper-slide {
      text-align: center;
      font-size: 2rem;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    	background-size: cover;
    	background-repeat: no-repeat;
    }
    .swiper-slide .claim {
        font-size: 2rem;
	    font-family: 'Spinnaker';
		color: #FFFFFF;
    }
    .swiper-slide .credits {
        position: absolute;
        bottom: 1rem;
        left: 1rem;
        font-size: 0.8rem;
        font-style: italic;
	    font-family: 'Open Sans';
	    color: #ffffff;
    }
    .swiper-wrapper {
		/*height: auto;*/
	}
	.swiper-button-next{
		height: 25px;
	}
	.swiper-button-prev{
		height: 25px;
	}
@media print, screen and (min-width: 64rem) {
    .swiper-slide .claim {
      font-size: 3rem;
	}
    .swiper-slide .credits {
        position: absolute;
        bottom: 1rem;
    }
}
/*FINE SWIPER - PER CLAIM */


/*Contenitori HP */
/*Contenitore grigio */
.fasciaColore1{
	width:100%;   
	background-color: #f4f6f2;
	padding: 20px 0px 20px 0px;
	margin-top: 20px;
}
/*FINEContenitore grigio */


/*testo fascia img + testo su sfondo bianco */
.testoLatoImg{
    width: 100%;
    height: 100%;
	overflow: hidden;
}
.testoLatoImg .box{
	position: relative;
	/*top: 50%;
	transform: translateY(-50%);*/
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	text-align: center;
	width: 100%;
}
@media screen and (min-width: 68.75em) {
	.testoLatoImg .box {
		width: 80%;
		}
	}

.testoLatoImg .box .bottone{
   width: auto;
   display: inline-block;
   color: #b8a27d;
   border-top-color: transparent;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #877870;
   font-weight: 400;
   font-size: 1.275rem;
   line-height: 1.625rem;
   letter-spacing: 3px;
   text-align: inherit;
   /*text-transform: uppercase;*/
   padding: 10px;	
}
.testoLatoImg .box .descrizione{
   display: inline-block;
   color: #000;
   /*font-weight: 300;*/
   line-height: 1.625rem;
   margin-top: 20px;
}
.testoLatoImg .box .descrizione .button{
	background-color:#877870;
	color: #fefefe;	
	border-radius: 15px;
	padding: 10px 25px 10px 25px;
	font-size: 0.8rem;
	font-weight: 400;
}
/*FINE testo fascia img + testo su sfondo bianco */

/*FINE Contenitori HP */


/*credit immagini */
.creditFoto{
	/*font-size: 0.9rem;*/
	font-size: 0.7rem;
	font-style: italic;
	text-align: left;
}
/*FINE credit immagini */

/*box testo fascia testo + img 600x600 */
.boxTestoImg600 {
	padding: 0px;
}
@media print, screen and (min-width: 64rem){
	.boxTestoImg600 {
		padding: 50px;
	}
}
/*FINE box testo fascia testo + img 600x600 */



/*fascia Img allscreen titolo e testo BIANCO*/
.hero-section-h-varW{
	z-index: 1;
  position: relative;
  /*background: url("https://rifugiolagazuoi.com/Test1/Images/atmosfera.jpg");*/
  background-size: cover;
  background-position: center center;
  padding: 5rem 0rem 5rem 0rem;
  /*height: 60vh;*/
  height: 800px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero-section-h-varW .hero-section-h-var-textW {
  width:80%;
  /*color: #fefefe;*/
  color: #ffffff!important;
  text-align: center;
}
.hero-section-h-varW .hero-section-h-var-textW h2 {
	font-family: 'Spinnaker', sans-serif;
	text-shadow: 2px 2px 2px rgba(0,0,0,.1);
	text-align: center;
}
.hero-section-h-varW .hero-section-h-var-textW p {
	font-family: 'Open Sans', sans-serif;
	text-shadow: 2px 2px 2px rgba(0,0,0,.1);
}
/*FINE fascia Img allscreen titolo e testo BIANCO*/

/* per mettere i controlli prev e next di caurosel nella galleri e non sotto OK*/
.owl-carousel {
position: relative;
}
.owl-prev,
.owl-next {
position: absolute;
top: 50%;
margin-top: -10px; /* Half of the prev/next buttons height here in negatives to center them perfectly*/
}
.owl-prev {
left: 0;
}
.owl-next {
right: 0;
}



/*Gallery Masonry*/
.masonry-css {
  -webkit-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 1rem;
          column-gap: 1rem;
}
@media screen and (min-width: 25em) {
  .masonry-css {
    -webkit-column-count: 2;
            column-count: 2;
  }
}
@media screen and (min-width: 37.5em) {
  .masonry-css {
    -webkit-column-count: 3;
            column-count: 3;
  }
}
@media screen and (min-width: 50em) {
  .masonry-css {
    -webkit-column-count: 4;
            column-count: 4;
  }
}
@media screen and (min-width: 68.75em) {
  .masonry-css {
    -webkit-column-count: 5;
            column-count: 5;
  }
}
.masonry-css-item {
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;
}
/*FINE Gallery Masonry*/

/*RESPONSIVE HERO SECTION */
.hero-section {
  z-index: -10;
  /*background: url("https://static.pexels.com/photos/248064/pexels-photo-248064.jpeg") 50% no-repeat;*/
  background-size: cover;
  background-position: center;
  /*height: 60vh;*/
  height: 400px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media print, screen and (min-width: 64rem) {
	.hero-section{
		height: 600px;
	}
}


.hero-section .hero-section-text {
  width:80%;
  color: #fefefe;
  text-shadow: 1px 1px 2px #0a0a0a;
}
.hero-section .hero-section-text h1 {
	font-family: 'Spinnaker', sans-serif;
	/*font-size: 2.5rem;*/
	font-size: 2rem;
	text-shadow: 1px 1px 2px #0a0a0a;
}
@media print, screen and (min-width: 64rem) {
	.hero-section .hero-section-text h1{
		/*font-size: 3.5rem*/
		font-size: 3rem
	}
}

.hero-section .hero-section-text h2 {
	font-family: 'Spinnaker', sans-serif;
	font-size: 1,875rem;
	text-shadow: 1px 1px 2px #0a0a0a;
}
.hero-section .hero-section-text p {
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	text-shadow: 1px 1px 2px #0a0a0a;
}
/*FINE RESPONSIVE HERO SECTION*/





/* footer OK*/
/* footer bianco con divisore OK*/
#footer {
	background-color: #63140e;
	width:100%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 10px;
	margin-bottom: 30px;
}
#footer p { color:#e9e9e9; size:1rem; }
#footer a { text-decoration:none; color:#e9e9e9; }