/*
Theme Name: Fabbro Souvenir
Theme URI: https://miosito.com
Author: Brandy
Author URI: https://agenziabrandy.com/
Description: Our fantastic base theme
Version: 1.2.9
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: fabbrosouvenir
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-bg: #fff;
  --menu-text: #333;
}

@font-face {
    font-family: 'Space Age';
    src: url('fonts/SpaceAge.woff2') format('woff2'),
        url('fonts/SpaceAge.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


a{text-decoration: none;color: #F75E47}
p{line-height: 1.3}

.spacer{height: 110px;}

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

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

@media (max-width: 1024px) {
  .text-0{font-size: 4rem}
}

/* ! Button system */
.button,
.wp-block-button__link{font-size: 1.2rem; text-transform: uppercase; font-weight: bold; background: #333; color:#fff; padding: 14px 25px;display: inline-block;border-radius: 4px}
.button:hover,
.wp-block-button__link{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;} */



/* ! Header */
/*----------------------------------------------------------------------------------- */
.header-container{position: fixed;background: var(--menu-bg);top:0;left:0;z-index: 9999;width: 100%;}
/* .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.menu-item-has-children > a:after{
  content: " ";
  width: 16px;height: 16px;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right:-5px;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Down%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144'/%3E%3C/svg%3E");
}

.header__menu li ul{position: absolute;left:0; width: 180px;background: var(--menu-bg);display: none; visibility: hidden;box-shadow: 0 10px 10px rgba(0,0,0,.09);}
.header__menu li ul li{width: 100%;}
.header__menu li:hover > ul{display: block;visibility: visible;}

.header a.header__logo{font-weight: bold;padding: 0;}
.header__logo img{height: 25px;margin: 10px;filter:invert(1)}
.header__hamburger{display: none;}


@media (max-width: 1024px) {
  /*
  .header__hamburger{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 35px;height: 35px;margin-top: 0;margin-right: 0; z-index: 99;}
  .header__hamburger span{width: 35px;height: 2px;background: var(--menu-text);margin-top: 8px;display: block;transition: all 0.15s cubic-bezier(.215, .61, .355, 1);}
  */
  .header__menu{position:absolute;top:48px;left:0;width: 100%;background: var(--menu-bg);height: 100vh;overflow: hidden;transform: translateX(100%);transition: all 1s cubic-bezier(.215, .61, .355, 1);top: 0;padding: 0;margin-top: 90px;}
  .header__menu li{display: block;}

  .header__menu li ul{position: relative;width: 100%;padding-left: 20px;}
  .header__menu > li.menu-item-has-children > a:after{right: 10px;}

  /*
  .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;}
}

@media (min-width: 768px) {

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

}

/* ! trasparent menu in template home */

.page-template-home-template-v2 .header-container{background: transparent;}
.page-template-home-template-v2 .header-container .header > .header__menu > li > a{color:#fff}
.scroll-down.page-template-home-template-v2 .header-container .header > .header__menu > li > a{color:#000}
.page-template-home-template .header-container{background: transparent;}
.page-template-home-template .header-container .header > .header__menu > li > a{color:#fff}
.scroll-down.page-template-home-template .header-container .header > .header__menu > li > a{color:#000}

.page-template-home-template-v2 .header__menu > li.menu-item-has-children > a:after{filter: invert(1);}
.scroll-down.page-template-home-template-v2 .header__menu > li.menu-item-has-children > a:after{filter: invert(1);}
.page-template-home-template .header__menu > li.menu-item-has-children > a:after{filter: invert(1);}
.scroll-down.page-template-home-template .header__menu > li.menu-item-has-children > a:after{filter: invert(1);}

/* .page-template-home-template-v2 .header__hamburger span{background: #002f47;}
.page-template-home-template .header__hamburger span{background: #fff;}
.scroll-down.page-template-home-template-v2 .header__hamburger span{background: #333;}
.scroll-down.page-template-home-template .header__hamburger span{background: #333;} */
/* .page-template-home-template .header__logo img{filter: invert(0);} */
.scroll-down.page-template-home-template-v2 .header__logo img{filter: invert(0);}
.scroll-down.page-template-home-template .header__logo img{filter: invert(0);}

@media (max-width: 1024px) {
  .page-template-home-template .header-container .header > .header__menu > li > a{color:#333}
  .page-template-home-template .header__menu > li.menu-item-has-children > a:after{filter: invert(0);}
}



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


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


/* ! Footer */
/*----------------------------------------------------------------------------------- */




/* ! Grid System */
/*----------------------------------------------------------------------------------- */
.grid{display: flex; flex-wrap: wrap; max-width: 1650px; 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: 3%;}

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


@media (max-width: 1024px) {
  [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;}

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

.none{display: none;}
@media (max-width: 1024px) {
  .sma-none{display: none;}
}

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



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

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

.form-search{width: 50%;border: 3px solid #ddd;border-radius: 100px;padding-left: 15px;position: relative;}
.form-search input{width: calc(100% - 40px); border:none;}
.form-search button{padding: 0;background:transparent;border: none;height: 100%;position: absolute;top: 0;right: 0;height: 100%;width: 50px;/* border: 1px solid red; */display: flex;align-items: center;justify-content: center;}
.form-search img{width: 25px;}


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


.moretext {
    display: none;
}

button.moreless-button {
    background: transparent;
    border: 0;
    padding: 0;
    font-size: clamp(1.5rem, 1vw, 3rem);
    line-height: 120%;
    font-weight: 300 !important;
    font-style: normal;
    color: #a2a87b;
    padding: 0;
    margin-left: 5px;
}
@media (max-width: 1024px) {
  button.moreless-button {
    background: transparent;
    border: 0;
    padding: 0;
    font-size: clamp(1.3rem, 1vw, 3rem);
    line-height: 120%;
    font-weight: 300 !important;
    font-style: normal;
    color: #a2a87b;
    padding: 0;
    margin-left: 5px;
  }
}

.text--center {
  text-align: center;
}
@media (max-width: 1024px) {
  .text--center_mobile {
  text-align: center;
  }
}

.morebutton--container {
  display: inline;
}