/*!
Theme Name: Conceria Vanchiglia
Theme URI: http://underscores.me/
Author: AlessandroAntonio Panariello
Author URI: https://aap.design/
Description: Starter tamplate for WP
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: starter
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Starter is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
  - Slider
# plugins
	- Contact form 7
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* :root {--colore-personalizzato: #ff0000;} */
/* Normalize
--------------------------------------------- */

body, html{ font-size: 16px; margin: 0;padding: 0;
  overflow-x: hidden;
}
/* body{background-color: #004643;} */
/* body { background-color: var(--colore-personalizzato);} */
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0 0 1rem 0;padding: 0;}
ol,ul{padding-left: 28px;line-height: 1.5;}

body.admin-bar .header { position: fixed; top: 36px; z-index: 1000;}

.entry-content,
.post-list {margin-bottom: 6.25rem;}

.page-id-42 .entry-content{margin-bottom: 0;}

.page-id-44 .entry-content,
.page-id-44 .mb-4{margin-bottom: 0;}


.archive.category .entry-content,
.archive.tag .entry-content {
  margin-bottom: 2em;
}

.archive.category .entry-footer,
.archive.tag .entry-footer{margin-bottom:3em;}

/* ----------------------------- */
/* ! -- Smarthphone */
/* ----------------------------- */

@media (max-width: 767px) {

	/* body.admin-bar .header__content { top: 42px;} */
  
  }

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */

body{ font-family: 'Raleway', sans-serif;font-weight: 400;line-height: 1.7;}

h1{font-family: 'chaneyultra_extended';}
h2{
  font-family: 'chaneyextended';font-weight: 200;
}
h3,
h4{font-family: 'chaneyregular';font-weight: 200;}

h1, .text-1 {font-size: 5rem;margin-bottom:0.5rem}
h2, .text-2 {font-size: 4.375rem;margin-bottom:1rem;}
.text-2--5{font-size: 1.438rem;margin-bottom:1rem;}
h3, .text-3  {font-size: 1.688rem;margin-bottom:1rem}
.text-3-5{font-family: 'chaneyextended';font-weight: 200; font-size:2rem;margin-bottom:1rem}
.text-3{font-family: 'Raleway', sans-serif;font-weight: bold;}
h4, .text-4 {font-size: 1.56rem;margin-bottom:1rem;}
p{font-size: 1.13rem;}
.site-title {position: relative;text-transform: uppercase;padding-right: 20px;}
.site-description {position: relative;font-weight: 200;font-size: 1rem;}
.site-title,
.site-description{margin:0;transition: all 0.2s linear;}
.main-title{font-size: 8.2rem;margin-bottom: 1.5rem;line-height: 1.1;}
.title-main{font-weight: 200;line-height: 1.3}
.title-main--huge{max-width: 65%;margin: 0 auto;}

.title-page{padding-bottom: 1.88rem;}
.title-article{padding-top: 10px;margin-bottom: 0.7rem;}
.meta{font-size: 0.9rem;}

.wrapper-rich-title {display: flex;flex-direction: row;flex-wrap: wrap;align-content: unset;justify-content: center;align-items: baseline;}
.wrapper-rich-title svg{margin: 0 40px;}

.wrapper-rich-title .alter ~ svg:first-of-type path {fill: black;}

.wrapper-rich-title .alter ~ svg:nth-of-type(2) path {fill: black;}

a{color: rgb(103, 197, 222);text-decoration:underline}

footer a{text-decoration: none;text-transform: uppercase;}

@media (max-width: 767px) {
  h1{font-size: 2rem;}
  .page-template-template-denim h1{font-size: 1.5rem;}
  .title-article{font-size: 1.2rem;}
.title-main--huge{margin: 0 auto;}
.rich-title {font-size: 1.463rem;}
h3, .text-3 {font-size: 1.188rem;}
.text-3-5 {font-size: 1.17rem;}
.wrapper-rich-title{ justify-content: flex-start;}
.wrapper-rich-title svg {width: 18px;height: 18px;}
.wrapper-rich-title svg:first-of-type{margin: 0 10px 0 0;}
.wrapper-rich-title svg:nth-of-type(2){margin: 0 0 0 10px;}

.title-main--huge{max-width: none;padding: 15px 0;}
.quadrifoglio h3 {font-size: 20px;}
}



/* Elements
--------------------------------------------- */
.social{}
.social__flex{display: flex;justify-content: center;}
.social__flex p{margin:0;}
.social__icons {position:relative;display: inline-block; width: 2.68rem;height: 2.68rem; border-radius:25px;margin-right: 10px; padding: 0.44rem;}
/* .social__icons:hover {} */
.social__icons i{color:#000;}
.social__icons:hover i{color:red;}

.social__icons.icon-linkedin:hover {background-color: rgb(0, 119, 181);}
.social__icons.icon-dribble:hover {background-color: rgb(234, 76, 137);}
.social__icons.icon-pinterest:hover {background-color: rgb(203, 32, 39);}
.social__icons.icon-instagram:hover { background: linear-gradient(140deg, #FEDA75, #F8D800, #FA7E1E, #D62976, #962FBF, #4F5BD5);}
.social__icons.icon-youtube-play:hover {background-color: rgb(255, 0, 0);}

.social img {width: 40px;height: 100%;margin-left: 6px;}

.breadcrumb {margin-top: 9rem;}
.breadcrumb a,
.breadcrumb-separator{padding-right: 10px;}

.has-gradient-denim-to-folly-gradient-background{background: rgb(251,42,80); background: linear-gradient(270deg, rgba(251,42,80,1) 0%, rgba(43,94,169,1) 100%);}

.gradient-bar.vert-bar::before{background: rgb(251,42,80); background: linear-gradient(0deg, rgba(251,42,80,1) 0%, rgba(43,94,169,1) 100%);}

.has-folly-color,
.has-folly-color a {color: #FB2A50;}
.has-folly-background-color,
.folly-background .sub-nav,
.folly-bar.vert-bar::before {background-color: #FB2A50;}
.folly-background .sub-nav li a,
.denim-background .sub-nav li a{color:#fff;text-decoration: none;}

.has-folly-border-color {border-color: #FB2A50;}  

.has-denim-color {color: #2B5EA9;}
.has-denim-background-color,
.denim-background .sub-nav,
.denim-bar.vert-bar::before {background-color: #2B5EA9;}
.has-denim-border-color {border-color: #2B5EA9;}  

.has-eerie-black-color {color: #1D1D1B;}
.has-eerie-black-background-color {background-color: #1D1D1B;}
.has-eerie-black-border-color {border-color: #1D1D1B;} 

@media (max-width: 767px) {
  .sub-nav,
  .sub-nav{background-color: transparent!important;}
  .home .sub-nav li a{color: #1D1D1B;}
}

/* Links
--------------------------------------------- */

.header__button{border-radius: 25px;border: 4px solid #FB2A50;background: transparent; color: #FB2A50;}
.header__button:hover {color: white!important;z-index: 2;}
.header__button:hover::before{background-color: #FB2A50!important;}

.page-template-template-folly .header__button,
.page-template-template-denim .header__button,
.page-template-template-gradient .header__button{border: 4px solid #fff;color:#fff;}

.page-template-template-folly .header__button:hover,
.page-template-template-denim .header__button:hover,
.page-template-template-gradient .header__button:hover{border: 4px solid #1D1D1B;color:#1D1D1B!important;}
.page-template-template-folly .header__button:hover::before,
.page-template-template-denim .header__button:hover::before,
.page-template-template-gradient .header__button:hover::before{background-color: #fff!important;}


.wp-block-button__link,
.header__button {text-transform: uppercase;text-align: center; text-decoration: none;padding: 10px 20px;font-size: 17px;font-weight: bold; position: relative; transition: all 1s; overflow: hidden;}
.wp-block-button__link{color: inherit;border: 4px solid!important; background: transparent;}
.wp-block-button__link.has-white-background-color{background: inherit!important;}

.wp-block-button__link:hover {color: white!important;z-index: 2;}

.wp-block-button__link::before,
.header__button::before{content: ''; position: absolute; height: 100%;width: 0; top: 0; left: -40px; transform: skewX(45deg); z-index: -1; transition: all 1s;}

.wp-block-button__link.has-folly-background-color {border-color: #FB2A50;color: #FB2A50;}

.wp-block-button__link.has-folly-background-color::before {background-color: #FB2A50;}

.wp-block-button__link.has-denim-background-color { border-color: #2B5EA9; color: #2B5EA9;}

.wp-block-button__link.has-denim-background-color::before {background-color: #2B5EA9!important;}

.wp-block-button__link.has-eerie-black-background-color {border-color: #1D1D1B!important;}

.wp-block-button__link.has-eerie-black-background-color::before {background-color: #1D1D1B!important;}
.wp-block-button__link.has-white-color:hover,
.wp-block-button__link.has-white-color:hover::before{background-color: #fffff5;}

.wp-block-button__link.has-folly-background-color:hover::before,
.wp-block-button__link.has-denim-background-color:hover::before,
.wp-block-button__link.has-eerie-black-background-color:hover::before,
.wp-block-button__link.has-white-color:hover::before,
.header__button:hover::before {width: 160%;}

.wp-block-button__link.has-folly-background-color:hover,
.wp-block-button__link.has-denim-background-color:hover,
.wp-block-button__link.has-eerie-black-background-color:hover,
.has-white-color a{color: #fff;}
.wp-block-button__link.has-white-color:hover {color: #1D1D1B!important;border-color:#fffff5;}

/* Contact form 7
	 ========================================================================== */

.wpcf7 {max-width: 100%;}

.input-group {display: flex;justify-content: space-between;}

.input-half {width: 48%; box-sizing: border-box;}

.input-full {width: 100%;margin-bottom: 20px;box-sizing: border-box;}

.input-full label,
.input-half label {display: block; margin-bottom: 5px;font-weight: bold;}

.input-full input[type="text"],
.input-full input[type="email"],
.input-full input[type="tel"],
.input-full input[type="url"],
.input-grid-3 input[type="url"],
.input-full textarea,
.input-half input[type="text"],
.input-half input[type="email"],
.input-half input[type="tel"],
.input-half input[type="url"],
.input-grid-3 input[type="url"],
.input-half textarea {width: 100%;padding: 10px;background-color: #ffff;border: 2px solid #FB2A50;border-radius: 16px;box-sizing: border-box;font-size: 1.1rem;}

.input-grid-3 {display: grid; grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr); grid-column-gap: 9px; grid-row-gap: 9px; margin-bottom: 20px;}

.input-grid-3 br {display: none;}

.input-grid-3 p {margin: 0; display: contents;}

.input-grid-3 label {grid-column: span 3;font-weight: bold;}

.input-grid-3 .wpcf7-form-control-wrap {display: flex; justify-content: center;align-items: center;grid-column: span 1;}

.footer-form {display: flex; justify-content: center;}

.wpcf7 input[type="url"] { margin-bottom: 30px;}

input[type="submit"] {display: inline-block; padding: 1rem 2rem; text-transform: uppercase; margin-top: 2em; background: rgb(43, 94, 169); background: linear-gradient(90deg, rgba(43, 94, 169, 1) 10%, rgba(251, 42, 80, 1) 100%); color: #fffffe; border: none;border-radius: 25px;cursor: pointer; width: 100%; max-width: 370px; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 18px;}

input[type="submit"]:hover {background-color: #005177;}

input[type="checkbox"] { margin-right: 5px;}
.wpcf7 .wpcf7-submit:disabled {opacity: .7;}

.footer__menu,
.wp-block-navigation__submenu-container,
  ul#menu-menu{
    padding-left: 0!important;
}

.grecaptcha-badge {
  display: none !important;
}

@media (max-width: 767px) {
  .input-group {flex-direction: column;}

  .input-half {width: 100%; margin-bottom: 20px;}

  .input-grid-3 {display: block;}

  .input-grid-3 label,
  .input-grid-3 .wpcf7-form-control-wrap {grid-column: span 1;}

  .footer-form {flex-direction: column;}

  footer p{text-align: center!important;}

  input[type="submit"] {width: 100%;}


}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/* Cover */

.cover,
.title-main.no-cover{position: relative;display: flex; width: 100%; align-items: center;}
.title-main.no-cover {justify-content: center;height: 20vh; margin: 6.25rem 0 3.125rem 0;}
.single .title-main.no-cover {justify-content: flex-start;margin: 0rem 0 1.125rem 0;}
.blog .title-main.no-cover {margin: 6.25rem 0 0rem 0;}
.cover{height: 50vh;background: #333;z-index: 0;margin-bottom: 6.25rem;}
.cover .title-main{margin:0;}
.cover__content{color:#fff; padding: 20px;width: 100%; text-align: center;position: relative; z-index: 1}
.cover:before{content: ' ';width: 100%;height: 100%;background: #000;position: absolute;top:0; left:0; z-index: 0; opacity: 0.2}

.cover-height{min-height: 60vh;padding-bottom: 88px;}

/* ! Sidebar */
aside{margin: 12.25rem 0 1.125rem 0;position: sticky;top: 8rem;}

/* ! Footer */
.entry-footer {display: flex; flex-direction: column; flex-wrap: wrap;}

footer{font-size: 1rem;}
.footer{background: #1D1D1B;color:#fff;}
.footer__content{padding:50px 0;}/*rimosso la classe social*/
.site-info{padding-top: 15px;}

.footer__menu {font-size: 1rem;}

.footer__menu li{list-style-type:none;}

/* .capofila {padding: 50px 0;border-top: 2px solid white;margin: 0 auto;max-width: 1350px;} */
/* .capofila :where(.is-layout-grid) {gap: 1.3em;} */
/* .capofila__loghi img {width: 100%;height: 77px;object-fit: contain;} */

.capofila{background: #fff;}

.logo-white img{filter: invert(1);}

.footer-sidebar {flex-grow: 1;}
.footer-sidebar-3{display: flex;justify-content: end;}

footer .menu li{display: block!important;}
footer .menu li a{font-size: 1.13rem;display: block;padding: 0;line-height: 1.5;color:#fff!important;}

.site-info {display: flex; align-items: center; justify-content: center;}

.site-info-icons {display: flex;align-items: center; margin-right: 10px;}

.site-info-icons i,
.site-info-icons p {margin-right: 5px;margin-bottom: 0;}
.icon-heart{color: red;}

@media (max-width: 767px) {
  .footer__content {flex-flow: column;}
.footer__content .footer-sidebar,
.footer__content .footer-sidebar-2,
.footer__content .footer-sidebar-3{width: 90%!important;text-align: center;}
.footer-sidebar-3 {justify-content: center;}
.footer__content img{width: 100%;height: 200px;object-fit: contain;}
.capofila .is-layout-flex {flex-flow: column;}
}

/* Blog */
.site-blog .post-thumbnail img {width: 100%; object-fit: cover;}


ul.post-tiles{padding-left:0; list-style-type: none;}
.post-thumbnail-list{width: 100%;height: 200px;}
.post-thumbnail img {width: 100%;height: 250px;object-fit: cover;display: block;}

.post-list {-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}

.post-list.loading {opacity: 0;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px)}

.nav-links {display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between;margin: 2.81rem 0; font-size: 1.2rem;}

.nav-previous,
.nav-next{padding:10px 20px;background-color:red;width: 49%; border-radius:25px;}

/* page template  */

.pattern {position: absolute !important;bottom: 5px;width: 100%;}

.site-page{margin-top: 8rem;}

hr {position: relative;z-index: 99;height: 2px;background: white;border: 0;width: 100%;}
hr.alignwide {max-width: 100%;margin: 0 auto;}

.page-template-template-folly hr,
.page-template-template-denim hr,
.page-template-template-gradient hr{max-width: 65%;}

.page-template-template-folly .header__menu li a,
.page-template-template-denim .header__menu li a,
.page-template-template-gradient .header__menu li a{color:white;}

.page-template-template-folly .no-cover,
.page-template-template-denim .no-cover,
.page-template-template-gradient .no-cover { /* height: 310px; */ display: flex;flex-direction: column;justify-content: center;}

.page-template-template-folly .no-cover__content,
.page-template-template-denim .no-cover__content,
.page-template-template-gradient .no-cover__content{padding-top: 5rem;}

.page-template-template-folly .pezza,
.page-template-template-denim .pezza,
.page-template-template-gradient .pezza {width: 100%;height: 17rem;position: absolute;z-index: -1;top: 0;left: 0;}
.page-template-template-folly .pezza{background: #fb2a50;}
.page-template-template-denim .pezza{background: #2B5EA9;}

.page-template-template-folly .no-cover,
.page-template-template-folly .title-main,
.page-template-template-folly .header{background: #FB2A50;color: #fffffe;}

.page-template-template-denim .no-cover,
.page-template-template-denim .title-main,
.page-template-template-denim .header{background: #2B5EA9;color: #fffffe;}

.page-template-template-gradient .header,
.page-template-template-gradient .pezza,
.page-template-template-gradient .no-cover,
.page-template-template-gradient.scroll-down .header{background: rgb(43,94,169);background: linear-gradient(-90deg, rgba(43,94,169,1) 10%, rgba(251,42,80,1) 100%);color: #fffffe;}
/* .page-template-template-gradient .header{background: rgb(43,94,169);} */

.page-template-template-folly .title-main{color: #fffffe;}

.wp-block-button{font-family: 'Raleway', sans-serif;font-weight: 700;}
.wp-block-button__link{text-transform: uppercase;}

.logo__partner-abs {position: absolute;top: 71px;left: 85px; transform: rotate(-30deg);}

@media (max-width: 767px) {
  .site-page{margin-top: 6rem;}
  hr {max-width: 100%; height: 2px;  }

  .page-template-template-folly .no-cover__content hr,
.page-template-template-denim .no-cover__content hr,
.page-template-template-gradient .no-cover__content hr{max-width: 90%!important;}

  .page-template-template-folly .icon-hamburger span,
  .page-template-template-denim .icon-hamburger span,
  .page-template-template-gradient .icon-hamburger span{background: #fff;}
  .page-template-template-folly .icon-hamburger,
  .page-template-template-denim .icon-hamburger,
  .page-template-template-gradient .icon-hamburger{border: 2px solid white;}

  .page-template-template-folly .header__menu{background-color: #FB2A50;}
.page-template-template-denim .header__menu{background: #2B5EA9;}

.page-template-template-gradient .header__menu{background: rgb(43,94,169); background: linear-gradient(180deg, rgba(43,94,169,1) 10%, rgba(251,42,80,1) 100%);color: #fffffe;}
}


/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
main#primary { padding-top: 200px;}
/* Navigation
--------------------------------------------- */
.header{ background-color: transparent; position: fixed; top:0; left:0; z-index: 9999; width: 100%; padding: 10px 15px; }
.header__content,
.footer__content{max-width: 1350px;width: 100%;margin: 0 auto; display: flex;justify-content: space-between;align-items: center;} 

.header__logo{ display: flex; align-items: center;color:var(--menu-color);transition: all 0.2s linear;}
.header__logo,
.header__button{width: 250px;display: block;}
.header__logo img,
.logo-white svg{height: 110px;width: 110px;position: relative;transition: all 0.2s linear; }

.header__menu {margin-bottom: 0.5rem;}
.header__menu li{display: inline-block;}
.header__menu li a{color:#000;font-weight: 200; text-decoration: none;text-transform: uppercase; /* display: block; */display: inline-flex;align-items: center; padding: 10px 20px;font-size: 1.12rem;transition: all 0.2s linear;}

.scroll-down .header{background-color: #fff; border-bottom: 2px solid #000;}

.page-template-template-folly.scroll-down .header{background-color: #FB2A50; border-bottom: 0px solid #000;}
.page-template-template-denim.scroll-down .header{background-color: #2B5EA9; border-bottom: 0px solid #000;}
.page-template-template-gradient.scroll-down .header{background-color: #2B5EA9; border-bottom: 0px solid #000;}

.scroll-down .header__menu li a {font-size: 1rem;}
.scroll-down .site-description{color:#000;} 

.scroll-down .header__logo img,
.scroll-down .logo-white svg{width: 55px;height: 55px;}

.has-cover .header__menu li a,
.has-cover .site-description,
.has-cover .header__content ul ul li a:hover{color:#fff;}
.has-cover.scroll-down .header__menu li a,
.has-cover .header__content ul ul li a,
.has-cover.scroll-down .site-description{color:#000;}

.dropdown-icon .header__menu-link:after{content: " ";display: block;background: url('inc/icons/img/plus.png');background-repeat: no-repeat; width: 12px; height: 12px; background-size: contain; margin-left: 5px; position: relative; transition: all .1s linear;} 

.dropdown-icon .header__menu-link:hover:after{transform: rotate(45deg);}

.page-template-template-folly .dropdown-icon .header__menu-link:after,
.page-template-template-denim .dropdown-icon .header__menu-link:after,
.page-template-template-gradient .dropdown-icon .header__menu-link:after{filter: invert(1);}

.this .sub-nav {left: 193px;top: 0;}

@media (max-width: 767px) {
  .this .sub-nav {left: 20px; background: transparent;}
  .dropdown-icon .header__menu-link:after{content: none;}
.logo-white svg{height: 100px;width: 100px; }
.header__content ul li:hover > ul{border: 0;}

}
.submenu-toggle {margin-left: 5px;cursor: pointer;} 
.submenu-toggle::before {content: "+";} 

.header__menu{top: 109px;}

.header__content ul ul {display: none;position: absolute;flex-direction: column;padding-left:0;font-weight: bold; z-index: 99999;}
.header__content ul li:hover > ul {display: flex;border: 1px solid white;}
.header__content ul ul li {float: none;position: relative;width: 200px;}
.header__content ul ul li a {padding: 12px 16px;text-decoration: underline;display: block;border-radius:0px;transition: none;}
.header__content ul ul li a:hover {font-weight: 200;background-color: #1D1D1B;color:#fff;transform: none;border: none;box-shadow:none;}

.header__menu li a{font-size: 1rem;}



.icon-hamburger{display: none;}

@media (max-width: 768px) {
  .header__menu{position: absolute; top:125px; left:0; background-color: #fff; width: 100%; height: 100vh;height: 0vh; overflow: hidden;transition: all 1s cubic-bezier(.215, .61, .355, 1);}

  .header__menu li{width: 100%;border-bottom: 1px solid #444}
  .menu-open .header__menu{height: 100vh;padding: 3%;}

  .icon-hamburger{display: block;}

  .icon-hamburger{height: 50px;width: 50px;border: 2px solid black;border-radius:100%;}
  .icon-hamburger span{height: 2px; width: 30px;background: #000;position: relative;display: block;margin-top: 14px;margin-left: 8px; transition: all 0.2s cubic-bezier(.215, .61, .355, 1);}

  .menu-open .icon-hamburger span:nth-child(1){transform: rotate(45deg) translate(10px);margin-left: 0;}
  .menu-open .icon-hamburger span:nth-child(2){transform: rotate(-45deg) translate(10px);margin-left: 0;}

}

@media (max-width: 767px) {
  .scroll-down .header__menu{top: 75px; transition: all 1s cubic-bezier(.215, .61, .355, 1);}

  .header__content ul ul{display: block; position: relative;}
.header__content ul ul li a {padding: 12px 12px 12px 35px;}
  .header__content ul ul li{width: 100%; border-bottom: 0px solid #fff;}

.page-template-template-folly .current_page_item a,
.page-template-template-denim .current_page_item a,
.page-template-template-gradient .current_page_item a{background-color: #fff;color: #1D1D1B!important;border-radius:15px;}
.header__content ul li:hover > ul {border: 0;}

}
.card__img img {width: 100%;object-fit: cover;}

ul.cat-list{width: 100%;padding-left: 0; text-align: center;margin-bottom: 3.125rem;}
.cat-list li{display: inline-block;text-align: center;}
.cat-list li a{display: block;padding: 10px 20px;font-size: 1.12rem;}

.cat-list_item.active {background-color: #d2d2d2;}

/* Posts and pages
--------------------------------------------- */




/* Comments
--------------------------------------------- */
.comments-area {margin-bottom: 3.13rem;}
span.required-field-message {display: flex; flex-direction: row; flex-wrap: wrap;}
.required{color:red;}
.comment-form-comment {display: flex;flex-direction: column; flex-wrap: wrap;}
textarea#comment {border-radius: 5px; border: 2px solid #000; padding: 1rem;}
input#submit {border-radius: 5px;padding: 10px 15px; font-weight: bold;letter-spacing: .5px;}
/* Widgets
--------------------------------------------- */


/* Media
--------------------------------------------- */

.img-article-resize{height: 250px;}

/* Captions
--------------------------------------------- */


/* Galleries
--------------------------------------------- */

/* Slider Splide
--------------------------------------------- */
#splide01 {margin: 0 auto;}
.splide__track{height: 21em;padding-top: 1.25rem;}

.splide__slide{position: relative; text-align: center; border: .0625rem solid #000;transition: all 0.2s linear;}
.splide__slide:hover,
.splide__slide.is-active{box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);transform: translate(-0.25rem,-0.25rem);}

.splide__slide img{width: 100%;height: 200px; object-fit: cover;border-bottom: .0625rem solid#000;}

.splide__arrow {justify-content: center!important; opacity: 1!important; top: calc(50% - 1.4rem)!important; background: transparent!important;}
.splide__arrow img{width: 65px;height: auto;}
.splide__arrow--prev img{transform: rotate(180deg);}

ul#slider-info { font-size: 1.55em;font-weight: bold;}
.splide__pagination {counter-reset: pagination-num; bottom: 0!important; top: calc(50% - 3.9em);right: 1.25rem!important;}
.splide__pagination__page {background: transparent!important; height: 2em!important; opacity: 1!important; width: 2em!important;}
.splide__pagination__page:before {counter-increment: pagination-num; content: counter( pagination-num );}


.title-article,
.meta{text-align: left;padding-left: 17px;}

@media (max-width: 767px) {
  section.splide .grid {padding: 0!important;}
  ul#slider-info { font-size: 1em;}

  .splide__pagination {bottom: 0!important; top: calc(50% - 9em);right: 1rem!important;justify-content: right!important;padding: 0 2em!important;}

  button.splide__arrow{box-shadow: none;}
  .splide__arrow{top: calc(50% - 5.8rem)!important;}
  .splide__arrow img{width: 40px;}
  .splide__arrow--next {right: 0em!important;}
  .splide__arrow--prev {left: 7.8em!important;}

  .splide__slide, 
  .splide__slide.is-active{box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);transform: none;}
}


/*--------------------------------------------------------------
Bars
--------------------------------------------------------------*/

.vert-bar{position: relative;padding-left: 25px;}
.vert-bar::before{content: '';display: block;position: absolute;left: 0;top: 0;border-radius: 10px;width: 12px;height: 100%;}

/* .fixed-anchor-bar {position: relative;transition: all .1s linear;}
.fixed-anchor-bar.active {position: fixed;bottom: 0;left: 0;width: 100%;height: 80px;background-color: #fff;z-index: 99;display: flex;overflow-x: auto;}
.fixed-anchor-bar .button-container {margin: auto;}
.button-container {justify-content: center;}
.button-container a {font-size: .8rem;} */

.fixed-anchor-bar {
  position: relative;
  transition: all .1s linear;

}
.fixed-anchor-bar.active {  position: fixed; bottom: 0;left: 0; width: 100%; background-color: #fff; z-index: 99; display: flex; overflow-x: auto; height: 0; overflow: hidden;}
.fixed-anchor-bar.open {height: 80px;}
  .fixed-anchor-bar .button-container {margin: auto;}
.button-container {justify-content: center;}
.button-container a {font-size: .8rem;}

.toggle-button {
  position: fixed; 
  bottom: 10px; 
  right: 10px; 
  z-index: 1000; 
  display: none;
  /* background: ;  */
  border-radius: 25px;
  font-weight: bold;
}
.toggle-button.visible {display: block;width: 150px;height: 66px;}


.toggle-button.clicked {
  bottom: 100px;
}


@media (max-width: 767px) {
  .fixed-anchor-bar.active {height: 80px;}
  .fixed-anchor-bar.active,
  .fixed-anchor-bar {padding: 0 10px;overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 10px 0; box-sizing: border-box;}
  .fixed-anchor-bar .button-container {min-width: 1000px;}
  .fixed-anchor-bar .button-container {display: flex; flex-direction: row; gap: 10px; flex-shrink: 0;}
  .vert-bar::before{content: none;}
  .vert-bar{padding-left: 0px;}
  .button-container {justify-content: flex-start;}
  .toggle-button{display: none!important;}
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

.fade-up{animation:fade-up 2s ease backwards;}
@keyframes fade-up{
  0%{transform:translate(0px, 100px); opacity: 0;}
  100%{transform:translate(0px, 0); opacity: 1;}
}

.fade{animation:fade 2s ease backwards;}
@keyframes fade{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

.spinner{  animation: spinner 20s linear infinite;}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.delay-1{transition-delay: .1s;}
.delay-2{transition-delay: .2s;}
.delay-3{transition-delay: .3s;}
.delay-4{transition-delay: .4s;}
.delay-5{transition-delay: .5s;}
.delay-6{transition-delay: .6s;}
.delay-7{transition-delay: .7s;}
.delay-8{transition-delay: .8s;}
.delay-9{transition-delay: .9s;}
.delay-10{transition-delay: 1s;}

/* Alignments
--------------------------------------------- */
/* ! Helpers  */
.w-100{width: 100%!important;}

.spacer{margin-top: 150px;}

.mx-auto{margin: 0 auto!important;}

.border-radius img{border-radius:20px;}
.filter-invert{filter: invert(1);}

.img-cover{object-fit: contain;height: 80px;}

.mt-0{margin-top: 0 }
.mt-1{margin-top: 10px}
.mt-2{margin-top: 20px}
.mt-3{margin-top: 40px}
.mt-4{margin-top: 100px }

.mb-0{margin-bottom: 0}
.mb-1{margin-bottom: 10px}
.mb-2{margin-bottom: 20px}
.mb-3{margin-bottom: 40px}
.mb-4{margin-bottom: 100px}

.mr-0{margin-right: 0}
.mr-1{margin-right: 10px}
.mr-2{margin-right: 20px}
.mr-3{margin-right: 40px}
.mr-4{margin-right: 100px}

.p-0{padding: 0}
.p-1{padding: 10px}
.p-2{padding: 20px}
.p-3{padding: 40px}
.p-4{padding: 100px}

.pt-1{padding-top: 10px;}
.pt-2{padding-top: 20px;}
.pt-3{padding-top: 40px;}
.pt-4{padding-top: 15vh;}

.pl-0 {padding-left: 0!important;}

.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 40px;}
.pb-4{padding-bottom: 15vh;}

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.img-res { width: 100%; height: auto; margin-bottom: 20px;vertical-align: middle;}


.entry-content .alignwide {margin-left  : -80px;margin-right : -80px;}
.entry-content .alignfull {margin-left  : calc( -100vw / 2 + 100% / 2 );margin-right : calc( -100vw / 2 + 100% / 2 );max-width    : 100vw;}
.alignfull img {width: 100vw;}

@media (max-width: 767px) {
  .sma-left,
  .sma-left p,
  .sma-left.rich-title,
  .sma-left .wp-block-buttons.is-content-justification-center{text-align: left;justify-content: flex-start;align-items: flex-start;}

  .sma-mt-4{margin-top: 88px}
.sma-none{display: none!important;}
  .cover-77{min-height: 77px!important;}
.cover-290{min-height: 290px!important;}

}
/* .alignwide, .alignfull, .grid .alignfull {
  margin: 36px calc(50% - 48vw);
  max-width: 96vw;
  width: 100vw;
}

@media (max-width: 920px) {
	.alignwide {
		margin: 32px -76px;
		max-width: 920px;
		width: 920px;
	}
}

@media (max-width: 767px) {
  .alignwide {
    margin-right: -10px;
    margin-left: -10px;
    max-width: 100vw;
}
} */

/* ! Grid System */
.grid,
.grid--auto,
ul.post-tiles{ max-width: 1250px;margin: 0 auto;}

.grid {  padding: 0 15px; display: flex; flex-flow: row; flex-wrap: wrap;}
/* .blog .grid {display: flex; flex-wrap: nowrap;} */
.grid--auto,
ul.post-tiles{display: grid; gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));}
.grid--center{justify-content: center;}
.col{ flex: 1;}

.quadrifoglio:where(.wp-block-columns.is-layout-flex) {gap: 0.4em;}

[class*='col-'] { position: relative;padding: 0 15px;}
.grid .grid [class*='col-'] {padding: 0px;}

.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-100{ width: 100%; }

@media (max-width: 991px) {
    .tab-20 { width: 20%; }
    .tab-25 { width: 25%; }
    .tab-33 { width: 33.33%; }
    .tab-50 { width: 50%; }
    .tab-100 { width: 100%; }
}

@media (max-width: 768px) {
    [class*='col-'] { width: 100%;}
    .sma-20 { width: 20%; }
    .sma-25 { width: 25%; }
    .sma-33 { width: 33.33%; }
    .sma-50 { width: 50%; }
    .sma-100 { width: 100%; }
}

@media (max-width: 767px) {
  .sma-grid-footer .wp-block-group-is-layout-grid{grid-template-columns: repeat(2, 1fr)!important;grid-template-rows: repeat(2, 1fr)!important; grid-column-gap: 2em!important; grid-row-gap: 2em!important;}
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {box-sizing: inherit;}

html {box-sizing: border-box;}