/* ! Reset */
body, html{ font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; box-sizing: border-box;margin: 0;padding: 0;}
*,*:before,*:after{ box-sizing: border-box; }
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;}
ol,ul{list-style-type: none;}
img{height: auto;}
a{text-decoration: none;}
hr{border:none!important; border-bottom: 1px solid #ddd!important}

body::before{
  content: " "; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
   height: 150%; 
  background: linear-gradient(152deg, rgba(255,255,255,1) 16%, rgba(189,189,233,1) 100%);
  z-index: -100;
}



/* COLORS PALETTE
BLU LOGO = #0000FE


*/

.spacer{height: 60px;}

/* ! Title System */
.text-0{font-size: 5rem; line-height: 1;}
h1, .text-1{font-size: 5rem; text-shadow: 4px 4px 0px #fff; color:#0000FE }
h2, .text-2{font-size: 2.2rem; text-shadow: 4px 4px 0px #fff; color:#0000FE }
h3, .text-3 {font-size: 1.2rem;}
h4, p, .text-4{font-size: 1rem;}
 

h1, h2, h3, h4, p, ol, ul{margin-bottom: 1rem;}


h1:{padding: 20%;}
@media (max-width: 768px) {
  .text-0{font-size: 3.5rem}
  h1, .text-1{font-size: 3rem;}
  
}

/* ! Button system */
.button{font-size: 1.2rem; text-transform: uppercase; font-weight: bold; background: #0000FE; color:#fff; padding: 14px 25px;display: inline-block;border-radius: 4px}
.button:hover{background: #000;}

.button--small{  padding: 10px 20px;font-size: 1rem;}
.button--round{background: #fff; color:#000; padding: 15px 30px; border-radius: 100px; font-weight: bold;}
.button--round:hover{background: #000; color:#fff;}
.button--round-outline{background: transparent; color:#fff; padding: 15px 30px; border-radius: 100px; font-weight: bold;border: 1px solid #fff}
.button--round-outline:hover{background: #fff; color:#000;}



/* ! Animation */
/* --------------------------------------------------------- */

.fade-in{opacity: 0; transform: translateY(1rem);}
.text-reveal{transform: translateY(1rem);clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.fade-up{opacity: 0; transform: translateY(5rem);}



/* Components
--------------------------------------------------------- */

/* ! Header */
.header{display: flex; justify-content: center;width: 100%;position: absolute; top: 0; left: 0;}
.header__content{display: flex; justify-content: space-between;width: 80%; align-items: center; padding-top: 15px;}
.header a{color:#0000FE; display: block;font-size: 22px; padding-top: 15px;margin-left: 15px !important;}

.header__menu{margin-bottom: 0;}
.header__menu img {height: 30px; padding: 0 5px;}
.header__menu li{display: inline-block; margin-bottom: 10px;}
.header__logo{font-weight: bold;}
.header__logo {height: 60px};
.header__hamburger{display: none;}


@media (max-width: 768px) {
  
  .header__content{width: 100%; 
  position: relative;
  z-index: 500;
  }
  /* .header__menu li{display: block;} */
  .header__menu a {margin-left: -20px; height: 60px;}
  /* .menu-open .header__hamburger span:nth-child(1){transform: translateY(5px) rotate(45deg);}
  .menu-open .header__hamburger span:nth-child(2){transform: translateY(-5px) rotate(-45deg);} */

  .menu-open .header__menu{height: 100vh;}
  .menu-open{overflow:hidden;}

  .header__logo  {
    height: 40px;
    margin-left: 15px;
}
.header__menu li{ margin-bottom: 0px; margin-right: 15px; }
.header a {margin-left: 5px !important;}

}


/* ! Cover */
.prova {min-height: 50%;}
.prova2 {position:relative;
top:-300;}
@media (max-width: 768px) {
  .prova2 {
    margin-top:50px;}
}


.cover{
  /* background: linear-gradient(180deg, rgba(255,255,255,1) 10%, rgba(0,0,254,1) 100%);padding: 20px;min-height: 100vh; */

  /* background: linear-gradient(167deg, rgba(255,255,255,1) 44%, rgba(0,0,254,0.48503151260504207) 100%); */

   /* background: linear-gradient(180deg, rgba(255,255,255,1) 26%, rgba(0,0,254,0.8) 100%);  */
  /* background: linear-gradient(152deg, rgba(255,255,255,1) 16%, rgba(209,209,233,1) 100%); */
  display: flex; flex-flow: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position:relative;
  z-index: -10;
}
/* .cover__bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:url(media/stratiDiRoccia.jpg) center center;background-size:cover;z-index:0;border: 1px solid #000}
.cover__bg:after{ content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);;background-size:cover;} */


.cover__content{max-width: 1000px; margin: 0 auto; position:relative; z-index: 1}

.cover--image{min-height: 600px; color:#fff; justify-content: flex-end;  text-align: left;}
.cover--image .cover__content{max-width: 1250px; width: 100%;}
.cover--image h1,
.cover--image h2{font-size: 2.4rem;}
.cover--image h3{font-size: 1.4rem;text-transform: uppercase;font-weight: normal;}

.cover-sup {
  background-image: url(media/immagineHome.png);
  background-repeat: no-repeat, repeat;
  background-position: right;
  background-size: 38%;
  min-height: 450px;
  position:relative;
   left:20%; 
   top: 30px;
  
  /* margin-top: 50px; */
}

@media (max-width: 768px) {
  .cover-sup {
     background-position: center;
    background-size: 80%;
     min-height: 350px;
     position:relative;
     left:0;  
     top: 100px;
     opacity: 0.5;
  }
}

.sposta{
  margin-top: -365px;
}


.cover--intro{overflow:hidden}

.cover__larger {max-width: 1500px; margin: 0 auto; position:relative; z-index: 2; bottom: 50px;}

@media (max-width: 768px) {
  .cover__larger {width: 100%;}
}


/* ! Accordion */
.acc-title{cursor: pointer;background: #fff; padding: 20px;margin-bottom: 0;border-bottom:1px solid #0000FE ; color:#0000FE; text-align: left; transition: all 0.8s cubic-bezier(.215, .61, .355, 1);}
.acc-panel{background:#0000FE;max-height: 0;overflow:hidden;  text-align: left; padding: 0 10px; transition: all 0.8s cubic-bezier(.215, .61, .355, 1);}
.acc-panel--show{max-height:800px; }
.acc-title span {font-weight: 600;}
.acc-panel .plus  {padding: 10px}

.caretup {width: 0px;  }
/* .caretdown {transition: all 8s cubic-bezier(.215, .61, .355, 1);} */


/* ! Google map */
iframe {width: 100%;}

/* ! Grid System */
.grid{display: flex; flex-wrap: wrap; max-width: 1250px;margin: 0 auto; }
.grid--small{max-width: 900px}
.grid--center{justify-content: center;}
.grid--full{max-width: 100%}

.col-20{width:20%}
.col-25{width:25%}
.col-30{width:30%}
.col-33{width:33.33%}
.col-40{width:40%}
.col-50{width:50%}
.col-60{width:60%}
.col-70{width:70%}
.col-80{width:80%}
.col-90{width:90%}
.col-100{width:100%}

[class*='col-']{padding: 10px;}

.grid--full [class*='col-'],
.grid .grid [class*='col-'] {padding: 0;}


@media (max-width: 768px) {
  [class*='col-']{width: 100%}
  .sma-33{width: 33.33%}
  .sma-50{width: 50%}
  .sma-25{width: 25%}
}

/* ! Helpers */

.br{border: 1px solid red;}
.img-res{width: 40%;}
.video-res{width: 100%;height: 100%;overflow: hidden;}
.video-res video{width: 100%;height: 100%;object-fit: cover}

.mt-0{margin-top: 0;}
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem;}
.mt-3{margin-top: 3rem;}
.mt-4{margin-top: 4rem;}

.mb-0{margin-bottom: 0;}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}
.mb-4{margin-bottom: 4rem;}

.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}

.p-0{padding: 0;}
.p-1{padding: 1rem;}
.p-2{padding: 2rem;}
.p-3{padding: 3rem;}
.p-4{padding: 4rem;}

.pt-0{padding-top: 0;}
.pt-1{padding-top: 1rem;}
.pt-2{padding-top: 2rem;}
.pt-3{padding-top: 3rem;}
.pt-4{padding-top: 4rem;}

.pb-0{padding-bottom: 0;}
.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}
.pb-3{padding-bottom: 3rem;}
.pb-4{padding-bottom: 4rem;}


.icon-small{width: 40px;padding: 8px;}
.icon-white{filter: invert(1);}
.bg-dark{background: #000;}
.text-white{color:#fff}
.v-center{display: flex; justify-content: center; flex-flow: column;align-items: flex-start;}

.font-normal{font-weight: 400;}

.none{display: none;}
@media (max-width: 768px) {
  li.desktop-none{display: none;}
  
}

@media (min-width: 768px) {
  li.sma-none{display: none;}
}

ion-icon {
  color: #0000FE; height: 25px;
  width: 25px; padding: 0 5px;
}















/* end file */