/*
Theme Name: Simone Feder V 2
Theme URI: https://www.nasuellidesign.it/
Author: Claudio Nasuelli
Author URI: https://www.nasuellidesign.it/
Description: Simone Feder Official
Version: 2.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 #000000}

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

.feder{text-indent: -9999px!important; position: absolute!important;}

.spacer{height: 170px;}

/* ! 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: 768px) {
  .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;}








/* ! Header */
/*----------------------------------------------------------------------------------- */
.page-template-home-template .header-container{position: fixed;top:0;left:0;z-index: 9999;width: 100%; opacity: 100%!important;}
.header-container{position: fixed;top:0;left:0;z-index: 9999;width: 100%; opacity: 100%;
  height: 85px;
  background: linear-gradient(180deg, rgb(232, 232, 232) 0%, rgb(232, 232, 232) 29%, rgba(255,255,255,0) 100%)!important;
}

.logged-in .header-container{top:30px}
.header{ display: flex; justify-content: center;width: 100%;max-width: 1650px;margin: 0 auto}
.header a{color:#000; display: block; padding: 15px;}

.scroll-down.page-template-home-template .header-container{
  opacity: 100%;
  height: 85px;
  background: linear-gradient(180deg, rgb(232, 232, 232) 0%, rgb(232, 232, 232) 29%, rgba(255,255,255,0) 100%);
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}  


.header__menu{margin-bottom: 0;}
.header__menu li{display: inline-block; position: relative; text-align: center!important; margin-top: 50px; font-size: 33px; font-weight: bold; text-transform: uppercase; }
.header a.header__logo{font-weight: bold;padding: 0;}
.header__logo img{height: 25px;margin: 10px;}

.header__menu{
  content:"";
  background-image:url(https://simonefeder.it/wp-content/uploads/2024/02/cover-fed.jpg)!important;
  background: #e8e8e8;
  background-repeat:no-repeat;
  background-position:center right;
  background-size:cover;
  z-index:0;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition:inherit;
}

@media (max-width: 768px) {
  .header__logo img{height: 18px;margin: 18px; position: absolute; right: 3px;}

  .header__menu li{font-size: 23px!important; }
}


  .header__hamburger{position:absolute;top:3px; left:23px; display: block;width: 40px;height: 35px; margin-top: 9px;margin-right: 4px; z-index: 9999999;}
  .header__hamburger span{width: 44px;height: 4px;background: #000;margin-top: 8px;display: block;transition: all 0.15s cubic-bezier(.215, .61, .355, 1);}
  .header__menu{position:absolute;top:0px; left:0px; width: 100%;height: 0;overflow: hidden; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .header__menu li{display: block;}

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




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


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


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

.footer{
  background:#d7d4d4;
}
.footer a{color:#000000!important;}
.footer__logo{width: 240px;margin-bottom: 20px;}
.icon-social{opacity: 1;}

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

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

/* ! Mail */
/*----------------------------------------------------------------------------------- */
.wpcf7 input,
.wpcf7 textarea{width: 100%;}

.wpcf7 input.wpcf7-submit{font-weight: bold; width: auto;font-size: 1.2rem;background: #3DE99E; color:#000; padding: 14px 25px;border-radius: 4px; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.wpcf7 input.wpcf7-submit:hover {background: #18b872; transition: all 1s cubic-bezier(.215, .61, .355, 1);}

input[type=text],
input[type=email] { color: #000000; width: 100%;margin-right: 10px; padding: 10px; border: 1px solid #000000; border-radius: 100px; background: #fff; -webkit-appearance: none;font-size: 18px;}
input[type=tel] { color: #000000; width: 100%;margin-right: 10px; padding: 10px; border: 1px solid #000000; border-radius: 100px; background: #fff; -webkit-appearance: none;font-size: 18px;}
input[type=date] { color: #000000; width: 100%;margin-right: 10px; padding: 10px; border: 1px solid #000000; border-radius: 100px; background: #fff; -webkit-appearance: none;font-size: 18px;}
textarea {color: #000000; padding: 10px; width: 100%; border: 1px solid #000000; background: #fff; -webkit-appearance: none;border-radius: 20px;font-size: 18px;}
input[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #000000; border-radius: 100px;  font-size: 18px; border: none;}
#comments { width: 100%; }
.form-search{width: 100%;border: 3px solid #83af34;border-radius: 100px; padding-left: 15px;background: #fff;}
.form-search input{width: calc(100% - 40px); border:none;background: transparent;}
.form-search button{padding: 0;background:transparent; border: none;}
.form-search img{width: 25px;margin-bottom: -8px;}
.pagination { margin: 40px 15px 40px 15px;text-align: center;}
.pagination span,
.pagination a {margin: 0 5px 5px 0; padding: 2px 8px; border: 2px solid #ddd; display: inline-block; }
.alignfull{width: 100vw;margin-left: calc(50% - 50vw);}
.alignwide{width: 90vw;margin-left: calc(50% - 45vw);}
.wpcf7 input[type="file"] {
cursor: pointer; }
.wpcf7{background: rgb(232, 232, 232); padding: 3%; border-radius: 20px;max-width: 650px!important; margin: 0 auto;box-shadow: 0 5px 20px rgba(0,0,0,.05);}
@media (max-width: 768px) {
.wpcf7{padding: 5%; border-radius: 0px;}
}


   /* Pulsante accettazione
   -------------------------------------------------------- */
   input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    -webkit-appearance: checkbox;
    box-sizing: border-box;
    margin: 1px 23px 1px 1px;
    padding: initial;
    border: initial;
}




/* ! 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: 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%}
  .social a{font-size: 0.9rem;}
}


/* ! 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}
.overflow{overflow:hidden;}

.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: 768px) {
  .sma-none{display: none;}
}

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



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

input, textarea{color: #000000; padding: 10px; width: 100%; border: 1px solid #000000; background: #fff; -webkit-appearance: none;border-radius: 20px;font-size: 18px;}
input[type=submit], button{border: 3px solid #ddd; background: #ddd; 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;background:#fff!important; color:#000!important;}
.form-search button{padding: 0;background:transparent; border: none;}
.form-search img{width: 25px;margin-bottom: -8px;}


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



/* ! Splide Styles */
/*----------------------------------------------------------------------------------- */
.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}