/*
Theme Name: Studio Damaschi
Theme URI: https://www.nasuellidesign.it
Author: Nasuelli Design di Claudio Nasuelli
Author URI: https://www.nasuellidesign.it
Description: Tema dello Studio Damaschi
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nextframe
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* ! 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; border-bottom: 1px solid #ddd}

:root{
  --menu-text: #fff;
  --menu-bg: #344674;
}

a{text-decoration: none;color: #243558}
p{line-height: 1.5}

.spacer{height: 110px;}

.copertina {height: 40vh;position: relative; background: #333;display: flex; width: 100%; align-items: center;z-index: 0}

.copertina__content{color: #fff; padding: 20px;width: 100%; text-align: center;position: relative; z-index: 1}

.copertina__content h1{color: #fff;}

@media (max-width: 768px) {
.copertina {height: 60vh;}
}

/* ! Title System */
.text-0{font-size: 5rem; line-height: 1;}
h1, .text-1{font-size: 3.4rem;}
h2, .text-2{font-size: 2rem;}
h3, .text-3{font-size: 1.5rem;}
h4, p, .text-4{font-size: 1rem;}

.title-article{color: #344673;}

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

@media (max-width: 768px) {
  .text-0{font-size: 4rem}
  .spacer {height: 70px;}
}

/* ! Button system */ 


.button{font-size: 1.4rem;background: #baad7b; color:#243558; padding: 1px 15px;border-radius: 99px; font-weight: bold;}
.button:hover{background: #baad7b; color: #fff; transition: all 0.33s cubic-bezier(.215, .61, .355, 1);}


/* ! Header */
/*----------------------------------------------------------------------------------- */
.header-container{position: fixed;top:0;left:0;z-index: 9999;width: 100%;
  background:rgb(53,71,117);
  background: -moz-linear-gradient(180deg, rgba(53,71,117,1) 0%, rgba(39,52,85,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(53,71,117,1) 0%, rgba(39,52,85,1) 100%);
  background: linear-gradient(180deg, rgba(53,71,117,1) 0%, rgba(39,52,85,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#354775",endColorstr="#273455",GradientType=1); 
}
.logged-in .header-container{top:30px}
.header{ display: flex; justify-content: space-between;width: 100%;max-width: 1650px;margin: 0 auto; /*padding: 2%;*/}
.header a{color:var(--menu-text); display: block; padding: 15px;}

.header__menu{margin-bottom: 0;}
.header__menu li{display: inline-block;position: relative;}
.header__menu li a{position: relative;}

.header__menu li ul{position: absolute; left: 0; width: 180px; display: none; visibility: hidden;}
.header__menu li ul li{width: 100%;}
.header__menu li:hover > ul{display: block; visibility: visible; background: #334470; box-shadow: 0 5px 20px rgba(0,0,0,.55); border-radius: 5px; border-top: 7px solid #baad7b;}
.header__menu li:hover > ul a{border-bottom: 1px solid #baad7b;}
li.menu-item-has-children li a{color:#fff!important; }
li.menu-item-has-children li a:hover {background: #baad7b; color: #334470!important; font-weight:bold; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}

.header a.header__logo{font-weight: bold;padding: 0; z-index: 99999999; margin-top: -8px;}
.header__logo img{height: 55px;margin: 10px;}
.header__hamburger{display: none;}

/*linea gialla sotto menu*/

.header__menu > li > a{position: relative;}
.header__menu > li > a:after{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #baad7b;
  height: 1px;
  transition: all 0.7s cubic-bezier(.215, .61, .355, 1);
}
.header__menu > li > a:hover:after {
  width: 100%;
}



@media (max-width: 768px) {

  .header__hamburger{display: block;width: 40px;height: 35px; margin-top: 9px;margin-right: 4px;}
  .header__hamburger span{width: 33px;height: 2px;background: var(--menu-text);margin-top: 8px;display: block;transition: all 0.15s cubic-bezier(.215, .61, .355, 1);}
  
  .menu-item{background: #334470;}

  .header__menu{position:absolute;top:48px; left:0; width: 100%;background: #eee;height: 100vh;overflow: hidden; transform: translateX(100%); transition: all 1s cubic-bezier(.215, .61, .355, 1);
    background: #354775 url(https://test.studiodamaschi.it/wp-content/uploads/2023/08/dam.png) no-repeat bottom center; 
    background-size: 200px;
  }
  .header__menu li{display: block; font-size: 23px;border-bottom: 1px solid #baad7b; text-align: center;}

  .header__menu li ul{position: relative;width: 100%;padding-left: 20px;}

  .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{transform: translateX(0%);}
  .menu-open{overflow:hidden;}

.header__menu li ul{position: relative;width: 100%;padding: 20px;}

}

@media (min-width: 768px) {

  .header-container{padding-top: 40px;}
  
}

/* ! trasparent menu in template home */

.page-template-home-template .header-container{
  background: transparent;
}

.page-template-home-template .header-bg{
  position:fixed; height: 200px;width: 100%; left:0; top:0;z-index:999; opacity: 0%;
  background: linear-gradient(180deg, rgba(53,71,117,1) 0%, rgba(39,52,85,1) 85%, rgba(255,255,255,0) 100%)!important;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.page-template-home-template.scroll-down .header-bg{transition: all 1s cubic-bezier(.215, .61, .355, 1); opacity: 100%;}  



.page-template-home-template .header-container .header > .header__menu > li > a{color:#fff}


.page-template-home-template .header__hamburger span{background: #fff;}


@media (max-width: 768px) {
  .page-template-home-template .header-container .header > .header__menu > li > a{color:#fff}

}



/* ! trasparent menu in template Page */

.page-template-damaschi-template .header-container{
  background: transparent;
}

.page-template-damaschi-template .header-bg{
  position:fixed; height: 200px;width: 100%; left:0; top:0;z-index:999; opacity: 0%;
  background: linear-gradient(180deg, rgba(53,71,117,1) 0%, rgba(39,52,85,1) 54%, rgba(255,255,255,0) 100%); 
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.page-template-damaschi-template.scroll-down .header-bg{transition: all 1s cubic-bezier(.215, .61, .355, 1); opacity: 100%;}  

/*---*/

.page .header-container{
  background: transparent;
}

.page .header-bg{
  position:fixed; height: 115px;width: 100%; left:0; top:0;z-index:999; opacity: 0%;
  background:rgb(53,71,117);
  background: -moz-linear-gradient(180deg, rgba(53,71,117,1) 0%, rgba(39,52,85,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(53,71,117,1) 0%, rgba(39,52,85,1) 100%);
  background: linear-gradient(180deg, rgba(53,71,117,1) 0%, rgba(39,52,85,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#354775",endColorstr="#273455",GradientType=1); 
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.page.scroll-down .header-bg{transition: all 1s cubic-bezier(.215, .61, .355, 1); opacity: 100%;}  



/* ! Hero
----------------------------------------------------------------------------------- */

.hero--white:after{ content: ' '; width: 100%;height: 100%;background: #000;position: absolute;top:0; left:0;z-index: 0; opacity: 0.45;}


/* ! Social icons */
.social-icons{width: 100px;position: fixed;bottom:50%; transform: translateY(50%);right:30px; z-index: 9999;}
.social-icons a{width: 100%;display: block;padding: 20px;text-align: center;}
.social-icons a img{width: 40px; background-color: #f9f8f4; margin: 0; padding: 10px; border-radius: 10px;}
.social-icons a:hover img{width: 40px; background-color: #bdac74; margin: 0; padding: 10px; border-radius: 10px; transition: all 1s cubic-bezier(.215, .61, .355, 1); transition-delay: 0s; will-change: transform, opacity;}

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

/* ipad */
   @media screen and (min-width: 768px) and  (max-width: 992px){
      .social-icons{display: none;}
   }

   /* ipad pro */
   @media screen and (min-width: 992px) and  (max-width: 1200px){
       .social-icons{display: none;};}


/* ! Index */
/*----------------------------------------------------------------------------------- */


/* ! Single */
/*----------------------------------------------------------------------------------- */


/* ! Footer */
/*----------------------------------------------------------------------------------- */
.footer{
background: rgb(53,71,117);
background: -moz-linear-gradient(180deg, rgba(53,71,117,1) 0%, rgba(39,52,85,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(53,71,117,1) 0%, rgba(39,52,85,1) 100%);
background: linear-gradient(180deg, rgba(53,71,117,1) 0%, rgba(39,52,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#354775",endColorstr="#273455",GradientType=1); 
}

.footer{ color: #fff;}
.footer a{ color: #baad7b;}
.footer a:hover{text-decoration: underline;}

.footer .logo img{max-width: 160px}

.footer-bottom{background: #344673; color:#fff !important; margin-bottom: 0;padding: 20px;font-weight: 300;font-size: 14px;}
.footer-bottom a{color:#baad7b!important; font-weight: bold;}

.eu-text{color:#fff;font-size: 12px;width: 100%; background: #283556; margin-bottom: 0;padding: 30px;text-align: center;}
.eu-text img{width: 30px;margin-right: 10px;position: relative; bottom: -4px;}
.eu-text a{color:#baad7b!important;}



/* ! Chat Whatsapp */
.chat{background: #12af00;width: 55px;height: 55px;border-radius: 55px; position: fixed; bottom:20px; right:50px;text-align: center;z-index: 99999; animation: chat-pulse 1s infinite;}
.chat .inverti img{width: 40px; height: 55px; filter: invert(1);}

@keyframes chat-pulse{
  0% {box-shadow: 0 0 0 0px rgba(229, 208, 171, 0.3);}
  100% {box-shadow: 0 0 0 35px rgba(26, 255, 0, 0);}
}

@media (max-width: 767px) {
   .chat{right:3px; /*bottom: 3px;*/ bottom: 65px;}
}


/* ! Menu Mobile */
      .mobile-footer-menu {display: none;}

      @media (min-width: 767px) {
        .mobile-footer-menu {display: none!important;}
      }

      @media (max-width: 767px) {
     .mobile-footer-menu .spotlight { position: fixed; background: #354775; border-top: 3px solid white; display: flex; justify-content: space-between; width: 100%; bottom: 0px; left: 0px; width: 100%; }
     .mobile-footer-menu .spotlight .icon,
     .mobile-footer-menu .spotlight .icon-search { display: inline-block; width: 48px; height: 48px; color: #222222; }

     .spotlight {
     padding: 12px 15px 0 20px;
     padding-top: 12px;
     font-weight: bold;
     font-size: 25px;
     position: relative;
     z-index: 999999;
 }

 .spotlight .icon { display: block; padding: 10px; cursor: pointer; display: none; }

.spotlight .icon-search { display: block; }

.spotlight .invert img{filter: invert(1);}

    }
  


/* ! Grid System */
/*----------------------------------------------------------------------------------- */
.grid{display: flex; flex-wrap: wrap; max-width: 1650px; margin: 0 auto}
.grid--home{display: flex; flex-wrap: wrap; width: 1650px; margin: 0 auto}
.grid--damaschi{display: flex; flex-wrap: wrap; max-width: 100%; margin: 0 auto;}
.grid--small{max-width: 900px}
.grid--page{max-width: 1200px}
.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: 3%;}

.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: 100%;}
.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}
.text-dark{color:#000}
.v-center{display: flex; justify-content: center; flex-flow: column;align-items: flex-start;}

.max-width{max-width: 600px!important; margin: 0 auto;}

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

.none{display: none;}
@media (max-width: 768px) {
  .sma-none{display: none;}
  .centriamo{text-align: center}
}

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

.testata-4{padding-top: 4rem;}
@media (max-width: 768px) {
  .testata-4{padding-top: 2rem;}

  .mt-pam-2{margin-top: 2rem;}

}

/* ! Wordpress Styles */
/*----------------------------------------------------------------------------------- */

input, textarea{border: 3px solid #344572; border-radius: 3px;padding: 10px;}
input[type=submit], button{border: 3px solid #344572; background: #344572; color: #fff; border-radius: 3px;padding: 10px;}

.form-search{width: 100%;border: 3px solid #ddd;border-radius: 100px; padding-left: 15px;}
.form-search input{width: calc(100% - 40px); border:none;}
.form-search button{padding: 0;background:transparent; border: none;}
.form-search img{width: 25px;margin-bottom: -8px;}

.post-password-form{text-align: center;}


.alignfull{width: 100vw;margin-left: calc(50% - 50vw);}
.alignwide{width: 90vw;margin-left: calc(50% - 45vw);}