/*
	Theme Name: Glarm
	Author: Baseggio Pubblicita
  Template: hello-elementor
*/

:root {
  --gap-1: 50px;

  --p: 1.5rem; /* font-size: 80 */

  --heading-1: 7rem; /* font-size: 85 */
  --heading-2: 5rem; /* font-size: 50 */
  --heading-3: 3rem; /* font-size: 40 */
  --heading-4: 1.9rem; /* font-size: 40 */
  --heading-5: 1.65rem; /* font-size: 40 */
  --heading-6: 1.25rem; /* font-size: 40 */

  --padding-left-c: 150px;

}

body {
  font-family: 'Barlow Condensed', sans-serif;
}


@font-face {
  font-family: 'cloakregular';
  src: url('fonts/cloak_regular.woff2') format('woff2'),
       url('fonts/cloak_regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body a {
  background-color: transparent;
  text-decoration: none;
  color: #CCC4A7;
}

body a:active,
body a:hover {
  color: #CCC4A7;
}

p,
p .elementor-heading-title,
p.elementor-heading-title {
	font-size:  var(--p);
  line-height: 1.3;
}
.heading-1,
.heading-1 .elementor-heading-title {
	font-size:  var(--heading-1);
}
.heading-2,
.heading-2 .elementor-heading-title {
    font-size:  var(--heading-2);
}
.heading-3,
.heading-3 .elementor-heading-title {
    font-size:  var(--heading-3);
}
.heading-4,
.heading-4 .elementor-heading-title {
    font-size:  var(--heading-4);
}
.heading-5,
.heading-5 .elementor-heading-title,
.heading-5 span.elementor-heading-title a {
    font-size:  var(--heading-5);
}

#wrap-action.elementor-element .elementor-heading-title a {
  font-size:  var(--heading-6);
}



.font-barlow {
  font-family: 'Barlow Condensed', sans-serif;
}
.font-playfair {
  font-family: 'Playfair Display', serif;
}
.font-cloak {
  font-family: 'cloakregular';
}



header.elementor-element.e-flex.e-con {
  z-index: 99;
}

#logo.elementor-widget-image a img[src$=".svg"],
#logo.elementor-widget-image a img {
  width: 250px;
  height: auto;
}



.fly-text-1.elementor-element {
  position: absolute;
  right: 0;
  top: 0;
  width: 50vw;
  z-index: 20;
  left: inherit;
  max-width: inherit!important;
  text-align: right;
}
  .text-1.elementor-element {
    /*padding-top: 100px;*/
  }

.fly-text-2.elementor-element {
  position: absolute;
  right: 0;
  top: -130px;
  width: 50vw;
  z-index: 20;
  left: inherit;
  max-width: inherit!important;
  text-align: right;
}







#section2.elementor-element .wrap-text.elementor-element {
  padding-top: 15%;
  width: 50%;
}
#section2.elementor-element .wrap-img.elementor-element {
  width: 33.33333%;
}


#section2.elementor-element .padding-left.elementor-element {
  padding-left: var(--padding-left-c);
}

#section2.elementor-element .block-text.elementor-element {
  width: 50%;
}




#section4-2.elementor-element .txt-1.elementor-element {
  width: 20%;
  margin-left: 14vw;
  padding-top: 50px;
}
#section4-2.elementor-element .img-1.elementor-element {
  width: 18%;
  transform: translateY(-2%);
}



#section4-2.elementor-element .wrap-img-3.elementor-element {
  width: 22%;
  transform: translateY(calc(-10% - 50px));
  margin-left: 7vw;
}



#section-5.elementor-element .space-title.elementor-element {
  padding-left: var(--padding-left-c);
}



#section-5.elementor-element .text-sel-1.elementor-element {
  display: flex;
}




.bottiglia.elementor-element.e-con img {
  max-height: 600px;
  width: auto;
}



#wrap-ricette.elementor-element .elementor-element.e-con img {
  width: 65%;
  margin-bottom: 30px;
}
































.dialog-widget-content.dialog-lightbox-widget-content .dialog-message.dialog-lightbox-message {
  width: auto!important;
  height: auto;
}

.dialog-widget-content.dialog-lightbox-widget-content .dialog-message.dialog-lightbox-message .elementor-element.e-con-full.e-flex.e-con {
  padding: 0 150px;
  width: 80vw;
}

.height-section {
  height: 25vh;
}
.height-half-section {
  height: 12vh;
}

.elementor-element.elementor-widget.elementor-widget-text-editor p {
  margin-bottom: 0;
}




.elementor.elementor-location-popup {
  display: block;
  padding: 50px;
  background-color: rgba(0,0,0,0.5)!important;
}
.elementor-popup-modal .dialog-widget-content {
  background-color: transparent!important;
}
.elementor.elementor-location-popup .elementor-element.e-con-full.e-flex.e-con {
  background-color: transparent!important;
}


.elementor.elementor-location-popup a.elementor-button {
  display: inline-block;
  line-height: 1;
  background-color: transparent!important;
  font-size: var(--heading-4);
  padding: 0;
  border-radius: 0;
  color: #fff;
  fill: #fff;
  text-align: center;
  transition: all .3s;
  padding-bottom: 80px;
  background-image: url('https://www.glarm.it/wp-content/uploads/2023/05/arrow.svg');
  background-size: auto 60px;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.dialog-widget.elementor-popup-modal i.eicon-close {
  color: #FFF!important;
  font-size: 30px!important;
}






.floating-text-1.elementor-element {
    width: 25vw;
    margin-right: 5vw;
}


.menu-fly.elementor-element.elementor-widget-n-menu {
  position: absolute;
  top: 50%;
  left: 90%;
  z-index: 9999;
}

.e-n-menu-items-content.e-active {
  width: 91.5vw!important;
}

.elementor-widget-n-menu .e-n-menu-items-content>.e-n-menu-item-title:not(.e-current):not(:hover) .e-n-menu-item-icon i,
.elementor-widget-n-menu .e-n-menu-items-content>.e-n-menu-item-title:not(:hover) .e-n-menu-item-title-container .e-n-menu-item-title-text,
.elementor-widget-n-menu .e-n-menu-item-title.e-collapse.e-current .e-n-menu-item-title-container .e-n-menu-item-title-text {
  color: #FFF;
  padding: 0 20px;
}



div[data-elementor-type="wp-page"] {
  overflow: hidden;
}


nav.e-n-menu div.e-n-menu-items-content {
  position: fixed;
  top: -110vh!important;
  left: 0!important;
  right: 0;
  bottom: inherit;
  width: 100vw!important;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
}
  nav.e-n-menu div.e-n-menu-items-content.e-active {
    top: 0!important;
  }




.e-n-menu:hover {
  cursor: pointer;
}



.dialog-message.dialog-lightbox-message .elementor-widget-container img {
  width: 100%!important;
  max-width: 290px!important;
  height: auto!important;
}
  




@media screen and (max-width: 1800px) {
  .fly-text-1.elementor-element {
    width: 60vw;
  }
  #section2.elementor-element .block-text.elementor-element {
      width: 75%;
  }
}



@media screen and (max-width: 1480px) {
  .text-1.elementor-element {
      padding-top: 0;
  }
  .floating-text-1.elementor-element {
    width: 35vw;
  }
  #section2.elementor-element .block-text.elementor-element {
     width: 90%;
  }

  #wrap-ricette.elementor-element .e-con-inner {
    flex-wrap: wrap;
  }
  #wrap-ricette.elementor-element .elementor-element.e-con {
    width: 45%;
  }

  .elementor-element.fly-text-line-height.elementor-widget {
    width: 50vw;
  }
  .fly-text-2.elementor-element {
    width: 90vw;
  }

}



@media screen and (max-width: 1140px) {
  :root {
    --gap-1: 35px;
  
    --p: 1.28rem; /* font-size: 80 */
  
    --heading-1: 5rem; /* font-size: 85 */
    --heading-2: 3rem; /* font-size: 50 */
    --heading-3: 2.1rem; /* font-size: 40 */
    --heading-4: 1.6rem; /* font-size: 40 */
    --heading-5: 1.4rem; /* font-size: 40 */
    --heading-6: 1.1rem; /* font-size: 40 */
  
    --padding-left-c: 50px;
  
  }


  .e-con>.e-con-inner,
  .e-con.elementor-element .e-con-inner {
    max-width: calc(100% - calc(var(--padding-left-c) * 2));
  }
  .floating-text-1.elementor-element {
      width: 60vw;
  }

  .elementor-element.fly-text-line-height.elementor-widget {
    width: 35vw;
  }
  .elementor-element.fly-text-line-height.elementor-widget.selezioni {
    width: 75vw;
  }

    .dialog-widget-content.dialog-lightbox-widget-content .dialog-message.dialog-lightbox-message .elementor-element.e-con-full.e-flex.e-con {
      padding: 0 0px;
      width: 100vw;
    }
  
    .e-n-menu-tablet .e-n-menu-item-title {
      justify-content: center!important;
    }


}



@media screen and (max-width: 1024px) {
  .height-section.elementor-element.elementor-widget-spacer {
    height: 100px;
  }
  .height-section.elementor-element.elementor-widget-spacer  {
    height: 100px;
  }

}

@media screen and (max-width: 767px) {

  :root {
    --gap-1: 35px;
  
    --p: 1.28rem; /* font-size: 80 */
  
    --heading-1: 3rem; /* font-size: 85 */
    --heading-2: 2rem; /* font-size: 50 */
    --heading-3: 1.8rem; /* font-size: 40 */
    --heading-4: 1.4rem; /* font-size: 40 */
    --heading-5: 1.2rem; /* font-size: 40 */
    --heading-6: 1rem; /* font-size: 40 */
  
    --padding-left-c: 25px;
  
  }


  #logo.elementor-widget-image a img[src$=".svg"], #logo.elementor-widget-image a img {
    width: 200px;
    height: auto;
  }


  .e-n-menu-items-content.e-active {
    width: 99vw!important;
  }
  .elementor-widget-n-menu .e-n-menu-items-content>.e-n-menu-item-title:not(:hover) .e-n-menu-item-icon i,
  .elementor-widget-n-menu .e-n-menu-items-content>.e-n-menu-item-title:not(:hover) .e-n-menu-item-title-container .e-n-menu-item-title-text,
  .elementor-widget-n-menu .e-n-menu-item-title.e-collapse.e-current .e-n-menu-item-title-container .e-n-menu-item-title-text,
  .elementor-widget-n-menu .e-n-menu-item-title:hover:not(.e-current), .elementor-widget-n-menu .e-n-menu-item-title:hover:not(.e-current) a {
    /*background-color: rgba(0,0,0,0.7);*/
    font-size: var(--heading-5)!important;
    color: #FFF;
    padding: 0 20px;
  }





  .fly-text-1.elementor-element {
    right: 0;
    left: 0;
    text-align: left;
    width: 100%;
  }

  .floating-text-1.elementor-element {
    width: calc(100% - 50px);
    margin: 0 auto;
  }

  .fly-text-2.elementor-element {
    left: 0;
  }

  .fly-text-2.elementor-element {
    width: calc(100% - 50px);
    text-align: left;
  }

  .space-of-section.elementor-element {
    display: none;
  }

  #section2.elementor-element .wrap-img.elementor-element {
    width: calc(100% - 50px);
    margin: 0 auto;
  }

  #section2.elementor-element .wrap-text.elementor-element {
    padding-top: 0;
    width: 50%;
  }

  #section2.elementor-element .wrap-text.elementor-element {
    padding-top: 0;
    width: 70%;
  }

  .elementor-6 div.elementor-element.elementor-element-e3eaf00 img {
    width: 40%;
    height: auto;
  }

  .fly-text-5.elementor-element {
    position: absolute;
    left: 30vw;
    width: 70vw;
    overflow: hidden;
  }

  .elementor-element.fly-text-line-height.elementor-widget.selezioni {
    width: 75vw;
    text-align: left;
  }
  .text-1.elementor-element {
    padding-top: 0;
}


  .elementor-element.fly-text-line-height.elementor-widget {
    width: 50vw;
    padding-left: 0;
    padding-top: 30px;
  }
    .elementor-element.fly-text-line-height.profumi.elementor-widget {
      width: 55vw;
      padding-left: 15px;
    }
  .e-con>.e-con-inner, .e-con.elementor-element .e-con-inner {
    max-width: 100%;
    padding-left: 0;
  }
  #wrap-ricette.elementor-element.e-con,
  .ricette-title.elementor-element,
  footer.elementor-element.e-con,
  #wrap-action.elementor-element {
    padding: 0 25px;
  }
  #wrap-ricette.elementor-element .elementor-element.e-con {
    width: 100%;
  }


  .elementor.elementor-location-popup {
    padding: 25px;
  }
  .dialog-widget-content.dialog-lightbox-widget-content .dialog-message.dialog-lightbox-message .elementor-element.e-con-full.e-flex.e-con {
    padding: 0;
    width: 80vw;
    margin: 0 auto;
    justify-content: center;
}
  .dialog-widget-content.dialog-lightbox-widget-content .dialog-message.dialog-lightbox-message .elementor-element.e-con-full.e-flex.e-con img {
    width: 50%;
    height: auto;
  }

  .dialog-widget-content.dialog-lightbox-widget-content .dialog-message.dialog-lightbox-message .elementor-element.e-con-full.e-flex.e-con .download-btn.elementor-element {
    padding-bottom: 100px;
  }

  .dialog-message.dialog-lightbox-message .elementor-widget-container img {
    width: 80%!important;
    max-width: 220px!important;
}


}