/*
Theme Name: Cretastudio
Author: Gianluca Lippolis
Author URI: https://www.linkedin.com/in/gianluca-lippolis-75a5a4122/
Version: 1.0
 */

@font-face {
  font-family: "FrutigerLTStd";
  src: url("./fonts/FrutigerLTStd-Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "FrutigerLTStd";
  src: url("./fonts/FrutigerLTStd-LightItalic.otf") format("opentype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "FrutigerLTStd";
  src: url("./fonts/FrutigerLTStd-Black.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "FrutigerLTStd";
  src: url("./fonts/FrutigerLTStd-BlackItalic.otf") format("opentype");
  font-weight: bold;
  font-style: italic;
}

html, body { height:100%; margin: 0; font-family: 'FrutigerLTStd', sans-serif; }
h1, h2, h3, p, span, label { font-family: 'FrutigerLTStd' !important; }

.wrapper { min-width:100%; display: flex; flex-direction: column; min-height: calc(100% - 96px); }
.site-container { margin-left: 70px; margin-right:70px; width: calc(100% - 140px); flex-wrap: wrap; display:flex; }

.custom-font { font-family: 'FrutigerLTStd'; }
.elementor-6 .elementor-element.elementor-element-6d88df2e > .elementor-widget-container { margin:0px !important; }

.background { background: url("./images/sfondo.jpg"); background-size: cover; background-position: 0px; content: " "; width:100%; height:100%; position: fixed; transition: 0.5; z-index:-9999; }

/**********************
    BARRA LATERALE
**********************/
.sidenav { min-width:160px; max-width:160px; flex:1; z-index: 9999999; }
.sidenav .content { }
.sidenav .content .logo { margin-top: 50px; }
.sidenav .content .logo img { width: 175px; }
.sidenav .content .menu-menu-container {  }
.sidenav .content .menu-menu-container ul { list-style-type:none; padding: 0; margin-block-start: 0px; margin-block-end: 0px; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; }
/*
.sidenav .content .menu-menu-container ul li { text-transform: uppercase; font-size: 20px; background: #CE2A19; transition: 0.5s; cursor: pointer; }
.sidenav .content .menu-menu-container ul li:hover { background: #7a221a; }
.sidenav .content .menu-menu-container ul li:hover > a { margin-left: 20px; }
.sidenav .content .menu-menu-container ul li a { padding: 17px 16px 15px 22px; color: #fff; font-size: 18; text-decoration: none; transition:0.5s; display:block; }
*/
.sidenav .content .menu-menu-container ul li { text-transform: uppercase; font-size: 20px; transition: 0.5s; cursor: pointer; font-weight:400; }
.sidenav .content .menu-menu-container ul li:hover {  }
.sidenav .content .menu-menu-container ul li:hover > a { margin-left: 20px; font-weight:bold; }
.sidenav .content .menu-menu-container ul li a { color: #000; font-size: 18; text-decoration: none; transition:0.5s; display:block; }
.sidenav .content .menu-menu-container ul .current_page_item a { font-weight: bold; color: #000; font-size: 20; }

@media screen and (max-width: 1200px) {
  .sidenav { left: -350px; top:0px; position: fixed; background:#fff; height:100%; -webkit-box-shadow: 10px 3px 26px -1px rgba(0,0,0,0.41); -moz-box-shadow: 10px 3px 26px -1px rgba(0,0,0,0.41); box-shadow: 10px 3px 26px -1px rgba(0,0,0,0.41); }
}

@media screen and (max-width: 600px) {
  .sidenav { left: -350px; top:0px; position: fixed; background:#fff; height:100%; -webkit-box-shadow: 10px 3px 26px -1px rgba(0,0,0,0.41); -moz-box-shadow: 10px 3px 26px -1px rgba(0,0,0,0.41); box-shadow: 10px 3px 26px -1px rgba(0,0,0,0.41); }
}

/**********************
    TOPBAR MOBILE
**********************/

.topbar-mobile { width: 100%; position:relative; height: 60px; display:none; padding: env(safe-area-inset-top, 20px); background: #fff; z-index: 999; -webkit-box-shadow: 0px 10px 30px -10px rgba(0,0,0,.3); box-shadow: 0px 10px 30px -10px rgba(0,0,0,.3); }
.topbar-mobile.sticky { position: fixed !important; top:0px; left: 0px; }
.topbar-mobile .topbar-content { position:relative; width: 100%; }
.topbar-mobile .topbar-content .toggle-sidenav { width: 50px; height: 50px; position: absolute; top: 10px; left: 20px; }
.topbar-mobile .topbar-content .toggle-sidenav i { font-size: 38px; color: #000; }
.topbar-mobile .topbar-content .logo { height: 60px; text-align: center; }
.topbar-mobile .topbar-content .logo img { height: 60px; }

@media screen and (max-width: 1200px) {
  .topbar-mobile { width: 100%; height: 60px; display:block; }
}

@media screen and (max-width: 600px) {
  .topbar-mobile { width: 100%; display:table; }
}

/**********************
    TOPBAR
**********************/

.topbar { width: 100%; padding: env(safe-area-inset-top, 20px); margin-top:30px;}
.topbar .topbar-content {  }
.topbar .topbar-content .logo { width: 120px; margin-top:20px; margin-bottom:20px; }
.topbar .topbar-content .logo img { width: 120px; }

@media screen and (max-width: 1200px) {
  .topbar { width: 100%; height: 60px; display:block; }
}

@media screen and (max-width: 600px) {
  .topbar { width: 100%; display:table; }
}

/**********************
  SEZIONE PRINCIPALE
**********************/

.main { width: calc(100% - 160px); margin-bottom: 40px; }
.main .page_content {  max-width: 100%; }

@media screen and (max-width: 1200px) {
  .main { width: 100%; margin-top: 157px; margin-left: 30px; }
}

@media screen and (max-width: 992px) {
  .main { width: 100%; margin-top: 157px; margin-left: 30px; }
}

@media screen and (max-width: 600px) {
  .main { width: calc(100% - 30px); margin-top: 157px; margin-left: 30px; }
}


/**********************
        FOOTER
**********************/

.footer { background: #CE2A19; width: 100%; max-width: 100%; max-height:96px; color:#fff; margin-top:auto; flex: 1; }
.footer .footer-container { align-items: center; }
.footer .footer-container .container-monogramma { float:right; height: 100%; display: flex; }
.footer .footer-container .container-monogramma .monogramma { width:58px; height:58px; margin:auto; }
.footer .footer-container .contenuto { flex: 1; margin-top:10px; margin-bottom:10px; float:left; }
.footer .footer-container .contenuto p { margin-bottom: 0px; margin-block-start: 0px; margin-block-end: 0px; }

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

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

.elementor-element.elementor-element-31ce7f7 .eael-advance-tabs .eael-tabs-content > div { margin-left:35px; }


.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated { padding:0px!important; }