/*
Theme Name:    SimpleXP
Theme URI:     https://www.webprobe.it/simplexp
Author:        Riccardo Brivio
Author URI:    https://www.webprobe.it
Description:   SimpleXP is a lightweight, fast and responsive WordPress theme ideal for custom websites and e-commerce. It includes a Full Site Editing template (Block Template), a customizable header with transparency effect, two menus with WooCommerce integration and animations. Offers block patterns for quick content creation. Easy to customize in fonts, colors, header and footer. Fully responsive and optimized for SEO. More details on configuration and installation in readme.txt file.
Version:       1.2.0
Tested up to:  6.7
Requires PHP:  5.6
License:       GNU General Public License v3.0
License URI:   http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:   simplexp
Domain Path:   /languages
Tags:          blog, portfolio, e-commerce, custom-header, footer-widgets, custom-colors, block-patterns, custom-menu, custom-logo, custom-background, theme-options, translation-ready, featured-images

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


/* ! Basic CSS Reset */
body, html{color: #000; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 16px; margin: 0; padding: 0; overflow-wrap: break-word;}
*,*:before,*:after{ box-sizing: border-box; }
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0 0 1rem 0; padding: 0;}
ol,ul{list-style-type: none;}

body.admin-bar .header{top: 32px;}
body.nav-open{overflow: hidden;}

a{text-decoration:none; color:var(--link-color, coral);}
a:hover{color: var(--link-color-hov, #000);}

/* ! Global Scope Variables */
:root{
  /* Max Width*/
  --max-width: 1280px;
  --header-height: 20px;

  /* Elements Colors */
  --bg-color: #fffdfa;
  --header-bg: #eee;
  --header-color: #000;
  --border-color: #444;
  --link-color: coral;
  --link-color-hov: #000;
  --button-bg: #FA7F08;
  --button-bg-hov: #DB5F42;
  --button-color: #fff;
  --footer-bg: #eee;
  --footer-color: #000;
}

/* ! Typography */
/* h1, .bigger-text{font-size:3.5rem; margin-bottom:0.5rem;}
h2, .big-text{font-size:2.4rem; margin-bottom:1rem;}
h3, .mid-text{font-size:1.8rem; margin-bottom:1rem;}
h4, .simple-text{font-size:1.3rem; margin-bottom:1rem;}
h5, p, .intro-text{font-size:1rem; margin-bottom:1rem; line-height:1.5;} */

.small, small{font-size:14px;}
.bold{font-weight:bold;}

/* ! Typography Mobile */
/* @media(max-width: 767px) {
  h1, .bigger-text{font-size:3rem; line-height:1.2;}
  h2, .big-text{font-size:2rem;}
  h3, .mid-text{font-size:1.5rem;}
  h4, p, .intro-text{font-size: 1.25rem;}
} */

/* General */

/* ! Container */
.container{max-width: var(--max-width); margin: 0 auto;}

@keyframes fadeInUp {
  0%{opacity: 0; top:20px;}
  100%{opacity: 1; top:0;}
}
.fade {
  opacity: 0;
  animation: fadeInUp cubic-bezier(0.39, 0.13, 0.14, 0.9) 0.4s forwards;
}

/* ! Container Mobile */
@media(max-width: 768px) {
  .container{padding: 0 2%;}
}

.spacer{height: 110px; max-width: 1400px; margin: 0 auto;}
.home .spacer{display: none;}
body.blog .spacer{display: block; height: 110px;}


/* Buttons */
.wp-block-button__link, .wp-element-button{
  background:var(--button-bg); color:var(--button-color);
  font-weight: 700;
}
.wp-block-button__link:hover, .wp-element-button:hover{background:var(--button-bg-hov); color:var(--button-color);}

/* Grid System */
.row{
  margin:0 auto; max-width:var(--max-width); 
  display:flex; flex-flow:row; flex-wrap:wrap;
}
.row--center{justify-content:center;}

.col{flex:1;}
[class*='col-']{position:relative; padding:0 10px;}
.row .row [class*='col-'] {padding:0;}

.col-20{width:20%;}
.col-25{width:25%;}
.col-30{width:30%;}
.col-33{width:33.3%;}
.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) {
  .tb-20{width:20%;}
  .tb-25{width:25%;}
  .tb-33{width:33.3%;}
  .tb-50{width:50%;}
  .tb-100{width:100%;}
}

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



/* ! Header */
.header{background-color:var(--header-bg); position:fixed; top:0; left:0; z-index:500; width:100%; padding:0 4%;}

.header__banner{background:#000; vertical-align:middle; text-align:center; padding:8px; color:#fff; margin-right:calc(50% - 50vw); margin-left:calc(50% - 50vw);}
.header__banner p{margin:auto;}

.header__content{max-width:var(--max-width); width:100%; margin:0 auto; display:flex; justify-content:space-between; padding:var(--header-height) 10px;}

.header__logo,
.header__addons{display:flex; align-items:center; color:var(--header-color);}


.header .logo{white-space:nowrap; color: #000;font-weight: bold; font-size: 1.8rem;}
.header .logo img{vertical-align:middle; min-width:180px;}

.header__search{width: 350px;}

.navbar{width: 100%; display: flex; justify-content: end;}


.menu{padding: 0; margin: 0;}
.menu li{display: inline-block;}
.navbar .menu li a{color: var(--header-color); opacity: 0.8; display: block; padding: 16px; font-size: 15px; position: relative;}

.menu > li.menu-item-has-children > a {padding-right: 40px;}
.menu > li.menu-item-has-children > a::after{
  content:" ";
  width: 30px; height: 30px;
  position: absolute;
  margin-top: 3px;
  right: 4px;
  background: var(--header-color);
  mask-repeat: no-repeat;
  mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" aria-hidden="true"><path d="M1.5 4L6 8l4.5-4" stroke="%23000" stroke-width="1.5"/></svg>');
}

.header .sub-menu{
  position: absolute; height: 0; overflow: hidden;
  background-color: transparent;
  min-width: 160px;
  z-index: -1;
  border-radius: 10px;
  padding: 10px;
}

.sub-menu li{display: block!important; /*padding: 15px 10px;*/}

.header__search{display: flex;}

.hamburger-icon button{border: none; background-color: transparent; cursor: pointer;}

.hamburger-icon{display: none;}



/* ! Not on Mobile  */
@media(min-width: 1190px){

  /* Dropdown Menu */
  .header .menu-item-has-children:hover .sub-menu,
  .header .menu-item-has-children:focus-within .sub-menu {height: auto; background-color: var(--header-bg); z-index: 1; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

  .sub-menu li:hover{background: #fff; color: #000; }
  .sub-menu li:first-child:hover,
  .sub-menu li:last-child:hover{border-radius: 8px;}
}


/* ! Header Mobile */
@media (max-width: 1189px) {

  .header{padding: 0 1%;}
  .header__logo{ z-index: 1;}
  .header__addons{z-index: 1; width: 100%; justify-content: end;}
  

  .navbar {
    visibility: hidden;
    position:absolute; top:0; left:0; background-color: var(--header-bg); width:100%; height:100vh;
    overflow:hidden; transition:all 1s cubic-bezier(.215, .61, .355, 1);
    transform:translateY(-100%);
  }
  .navbar .menu{position:absolute; left:0; top:100px; width:100%; height:100%;}
  .navbar .menu li{display: block; border-bottom:1px solid var(--border-color);}

  /* .navbar.open{visibility:visible; transform:translateY(0%);} */
  body.nav-open .navbar{visibility:visible; transform:translateY(0%);}

  .header .menu-item-has-children .sub-menu{height: auto; display: none; }
  .header .menu-item-has-children .sub-menu li{padding: 3px;}

  .header .menu li.sub-menu-visible > ul{display: block; }

  .header .sub-menu{margin-top: 4px; z-index: 1; margin-left: 20px; position: relative; background: var(--header-bg); border-radius: 0;}
  .header .sub-menu li{border: none; padding: 0px 40px;}
  .sub-menu a {border: none!important;}

  .hamburger-icon{order:4; display:flex; justify-content:center; align-items:end; flex-direction:column; height:50px; width:40px; margin-left:20px; padding-top:5px; cursor: pointer; z-index: 1;}
  .hamburger-icon span{display:block; position:relative; height:3px; width:30px; background:var(--header-color); margin-bottom:5px; transition:all 1s cubic-bezier(.215, .61, .355, 1); /*cursor:pointer;*/ border-radius:2px;}

  .hamburger-icon.close span:first-child {transition:all 1s cubic-bezier(.215, .61, .355, 1); transform:rotate(-45deg); top:8px; position:relative;}
  .hamburger-icon.close span:nth-child(2){transition:all 1s cubic-bezier(.215, .61, .355, 1); background-color:transparent;}
  .hamburger-icon.close span:last-child {transition:all 1s cubic-bezier(.215, .61, .355, 1); transform:rotate(45deg); bottom:8px; position:relative;}

}

/* ! Footer */
.footer{width: 100%; padding: 0px 4% 40px; background: var(--footer-bg); color: var(--footer-color);}
.footer a.logo{white-space:nowrap; color: #000;font-weight: bold; font-size: 1.8rem;}

.footer .top{width: 100%;}

/* ! Footer Mobile */
@media(max-width: 768px) {
  .footer{text-align: center;}
}





/*-----------------------
  ! WordPress
-----------------------*/

/* ! Search Form */
.search-form {
  display:flex; flex-direction:row;
  border: 1px solid #eee; border-radius: 30px;
  background: #fff;
  padding:2px 15px; margin: 10px auto 10px 10px;
  width:100%;
}
.search-form:hover{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}

.search-form input[type=text] {flex-grow:2; border:none; font-size:18px!important; width: 100%; background:#fff;}
.search-form input[type=text]:focus {outline:none;}
.header__search .search-form input[type=text]::placeholder{color:#000;}

.search-form button[type=submit] {border:none; background:transparent; color:#000;cursor:pointer;}
.search-form button[type=submit] svg {width:24px; height:30px;}

/*-----------------------
  ! Search form Mobile
-----------------------*/
@media(min-width: 1200px) {
  .woocommerce .header__search .search-form{max-width: 600px; width: 100%; margin: 0 auto;}
}


/* ! Article */
article{width: 100%;}

.wp-caption{border: 1px solid #ccc; padding: 5px; margin: 10px 0;}
.wp-caption-text{font-style: italic; color: #666;}
.gallery-caption{font-weight: bold; text-align: center; margin: 10px 0;}

.bypostauthor{font-weight: bold; color: #000;}

/* ! Image */
.alignright{float: right; margin: 0 0 10px 10px;}
.alignleft{float: left; margin: 0 10px 10px 0;}
.aligncenter{display: block; margin: 0 auto;}


/* ! Comment */
.comment-body{ margin: 40px 0 40px 0; }

ol.comment-list > li.comment{ margin: 1em; border-top: 1px solid #ddd; }
#comments { margin-top: 30px; }

.comment ul.children { margin: 0 0 0 80px; }
.comment-awaiting-moderation{ margin: 0 0 0 10px; }

.comment-form .submit{
  padding: 18px 28px; margin: 30px 0;
  background: transparent; color: #000;
  border: 1px solid #000; border-radius: 4px;
  font-size: 16px; text-transform: uppercase;
  cursor: pointer;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url]{padding: 10px 15px; border: none; border-bottom: 1px solid #000; font-size: 18px;}
.comment-form input[type=text]:focus,
.comment-form input[type=email]:focus,
.comment-form input[type=url]:focus{outline: none; border-bottom: 2px solid #000; margin-bottom: -1px;}

.comment-form textarea{border: 1px solid #000; font-size: 18px;}
.comment-form textarea:focus{outline:none; border: 2px solid #000; margin: -1px;}

.comment-author img{margin-right: 20px;}


/* ! Post */
.post-info img{margin-right: 20px;}

.post-labels ul{display: inline-block;}

.post-tags li{display: inline-block; border: 2px solid #000; font-weight: bold; background: transparent; border-radius: 5px; padding: 5px 15px;}
.post-tags li a{color: #000;}
.post-tags li:hover{background: #000;}
.post-tags li:hover > a{color: #fff;}

.post-categories li{display: inline-block; border: 2px solid #f00; border-radius: 5px; padding: 5px 15px;}
.post-categories li:hover{background: #f00;}
.post-categories li:hover > a{color: #fff;}
.post-categories li a{font-weight: bold; color: #f00;}

.avatar{ float: left; width: 60px; height: 60px; object-fit: cover; border-radius: 50%; }


.comment-meta { font-size: 14px; margin-top: 5px; }
.comment-body  p{ margin: 30px 0; }
.fn{ font-weight: bold; }
.says{ font-size: 14px; }


/* ! Related */
.blog .related,
.single .related{position: relative; width: 100vw; margin-left: calc( 50% - 50vw );}

.blog .related__title,
.single .related__title{padding: 40px;}
.blog .related__content,
.single .related__content{display: flex; white-space: nowrap; overflow-x: scroll; width: auto;}
.blog .related__post,
.single .related__post {min-width: 350px;}
.single .related__post a h3{white-space: normal; font-size: 1.5rem;}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}

.wp-block-cover .icon-chevron-down {
  display: inline-block;
  animation: bounce 1s infinite;
  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(334deg) brightness(104%) contrast(101%);
}

/* ! Banner */
.banner{position: relative; width: 100vw; margin-left: calc( 50% - 50vw );}

/* ! FAQ */
.faq-item-custom {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 2px solid #ddd;
}

.faq-item-custom:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.faq-item-custom summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  font-weight: bold;
  font-size:1.8rem; margin-bottom:1rem;
  cursor: pointer;
}

.faq-item-custom summary::-webkit-details-marker,
.faq-item-custom summary::marker {
  display: none;
}
.faq-item-custom summary {
 list-style: none;
}

.faq-item-custom summary::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 15px;
  margin-right: 25px;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" aria-hidden="true"><path d="M1.5 4L6 8l4.5-4" stroke="%23000" stroke-width="1.5"/></svg>'); /* Il tuo SVG come background */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.faq-item-custom[open] summary{margin-bottom: 10px;}

.faq-item-custom[open] summary::after{transform: rotate(180deg);}

.faq-item-custom > *:not(summary){
  padding: 0;
  margin: 0 0 10px 0;
}

.faq-item-custom > *:not(summary) p{
  margin-top: 0;
  margin-bottom: 1em;
  transition: all 1.5s ease;
}
.faq-item-custom > *:not(summary) p:last-child{margin-bottom: 0;}

/* Old FAQ Style (for Backwards Compatibility) */
.faq .wp-block-columns.faq-title .icon {
  min-height: 20px;
  background: #000;
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" aria-hidden="true"><path d="M1.5 4L6 8l4.5-4" stroke="%23000" stroke-width="1.5"/></svg>');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 20px 20px;
}

.faq .faq-title h3 a{color: #000!important;}
.faq .faq-title h3:hover,
.faq .faq-title .icon:hover{cursor: pointer;}

.faq .wp-block-column .wp-block-group {padding:0; max-height:0; overflow:hidden; border-bottom:2px solid #ddd; transition:all 0.2s ease-in-out;}
.faq .wp-block-column .show-group-block{max-height:600px; overflow:auto;}

/* FAQ Mobile */
@media (max-width: 768px) {
  .faq .faq-title h3{text-align: center;}
}


/* ! Contacts Card */
.card{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); border-radius:15px;}
.card .is-style-rounded img{max-width: 90px;}
.contacts .card span{font-size: 56px; margin: 0.5em!important;}
.contacts .card p{margin-top: 15px;}

/* ! Testimonials */
.testimonials .card{margin: 30px;}
/*-----------------------
  ! Testimonials Mobile
-----------------------*/
@media(max-width: 768px) {
  .testimonials figure.wp-block-image{float: none!important;margin-left: auto!important; margin-right: auto!important;}
}

/* ! About Us */
.aboutus .card span{font-size: 52px;}

/* ! Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute!important;
  width: 1px;
  word-wrap: normal!important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Don't show outline on skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/* Underline for accesibility */
#content p a,
.text-content a,
.comment-content a{text-decoration: underline;}




















/*-----------------------
  ! WooCommerce
-----------------------*/
.menu-cart{position: relative;}
.header__addons a{background:var(--header-bg); color:var(--header-color);}
.menu-cart svg{top: 4px; height: 32px;width: 32px;}
.menu-cart span{position: absolute;bottom:10px;left:-4px;font-size: 11px;}

/* ! Sidebar */
.woocommerce aside ul{list-style-type: revert; margin-left: 15px;}
.woocommerce aside ul li{padding: 6px;}
.woocommerce aside ul ul{margin-left: 20px;}

/*-----------------------
  ! Sidebar Mobile
-----------------------*/
@media(max-width: 768px) {
  
  .woocommerce aside .widget_block:nth-child(1)::after{
    content:" ";
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: -35px;
    margin-left: 130px;
    background: var(--header-color);
    mask-repeat: no-repeat;
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" aria-hidden="true"><path d="M1.5 4L6 8l4.5-4" stroke="%23000" stroke-width="1.5"/></svg>');
  }
  .woocommerce aside .widget_block:nth-child(2){display: none;}
  .woocommerce aside .widget_block:nth-child(2):hover{display: block;}

  

  .woocommerce aside .widget_block:nth-child(1):hover ~ .widget_block:nth-child(2){
    display: block;
  }
  
}

/* ! Onsale */
.woocommerce span.onsale {
  border:1px solid #43454b; border-radius:4px;
  color:#43454b; background:lightsalmon;
  display:inline-block; font-size:.875em; font-weight:600;
  padding:0.25em 0.75em;
  position:absolute;
  right:4px; top:4px; left:auto;
  text-align:center; text-transform:uppercase;
  width:auto;
  z-index:9;
  line-height:1.5;
  min-height:0; min-width:0;
}

/* ! Button */
.woocommerce .button{background: var(--button-bg)!important; color:#fff!important; text-transform: uppercase;font-family: inherit!important;}

/* ! Product quantity field */
.woocommerce .quantity input{margin-top: 0;border-radius: 4px;padding: 9px;}

/* Price */
.woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price{color:#000}

/* ! OrderBy Select */
.woocommerce select {
  /* Reset */
  appearance: none;
  outline: 0;
  font: inherit;
  /* Personalize */
  border: 1px solid #000;
  height: 40px;
  padding: 0 3em 0 1em;
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" aria-hidden="true"><path d="M1.5 4L6 8l4.5-4" stroke="%23000" stroke-width="1.5"/></svg>') no-repeat right 0.8em center/1.2em;
  color: #000;
  border-radius: 0.25em;
  cursor: pointer;
}
.woocommerce select:focus {outline: none;}
.woocommerce select option {
  color: inherit;
  background-color: #000;
}
.woocommerce select {display: none;}

.woocommerce .woocommerce-ordering select {border:none; width:auto; border:1px solid #000;}


@media (max-width: 768px) {
  .woocommerce-result-count{font-size: 12px;}
  .woocommerce .woocommerce-ordering select {font-size: 12px;margin-top:-10px; /*width:140px*/}
}

/* Product tabs */
.woocommerce div.product .woocommerce-tabs h2{display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; margin-bottom: 0px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #000; color: #fff}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:#000}
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border: 0; } 
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; }

.woocommerce div.product .product_meta {font-size: 16px;}

/* Hide title and button in shop list */
.woocommerce ul.products li.product .button {display: none;}
.woocommerce-shop h1{display: none;}


/* Woo Pagination */
.woocommerce nav.woocommerce-pagination ul {border:none}
.woocommerce nav.woocommerce-pagination ul li {border: 1px solid #000;margin-right: 8px;}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a { float: left; padding: 9px 14px; display: inline-block;}

/* Account */
article .woocommerce{margin-top: 40px;}
.woocommerce-account .woocommerce-MyAccount-navigation{
  padding-right: 40px;
  box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.2);
}

.woocommerce-MyAccount-navigation-link a{text-decoration:none; color:#333; display:block; padding:10px; border-radius:5px;}
.woocommerce-MyAccount-navigation-link.is-active a{background-color:var(--button-bg); color:var(--button-color);}

.woocommerce-Address{width: 100%!important; float: none!important; border-top: 1px solid #000; margin-top: 30px; padding-top: 15px;}

.woocommerce-form-row{position: relative;}
.woocommerce-Input{
  background-color:#fff;
  border:1px solid hsla(0,0%,7%,.8); border-radius:4px;
  box-sizing:border-box;
  color: #2b2d2f;
  font-family:inherit; font-size:1em;
  line-height:1em;
  margin:0;
  min-height:0; width:100%;
  padding:1.5em 0.5em 0.5em;
}

.woocommerce-Input:hover,
.woocommerce-Input:focus{background-color:#fff; box-shadow:0 0 0 1px #50575e; color:#2b2d2f; outline:0;}

.woocommerce form label{
  color:hsla(0,0%,7%,.5);
  font-size:1em;
  left: .5625em;
  line-height:1.25;
  margin:0;
  max-width:calc(100% - 32px);
  overflow:hidden;
  position:absolute;
  top:-4px;
  transform:translateY(1em); transform-origin:top left;
  transition:all .2s ease
}

.woocommerce form .form-row label{transform: translateY(0.5em) scale(.875);}  

.woocommerce-EditAccountForm fieldset{border-radius: 10px; margin-bottom:20px; padding-top: 20px;}
.woocommerce-EditAccountForm fieldset label{margin-top: -25px; color: #000;}
.woocommerce-EditAccountForm fieldset .password-input{padding: 10px 0;}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input{top: 20px;}

/* Login */
.woocommerce-form-login .form-row label[for="password"]{margin-top: -20px;}
.woocommerce-form-login .form-row .password-input{padding: 10px 0;}
.woocommerce-form-login .woocommerce-form-login__rememberme{position: relative; color: #000; display: block!important; left: 0; margin-bottom: 20px;}
.woocommerce-LostPassword{text-align: right;}
.woocommerce-account h1{display: none;}


/* ! Account Mobile */
@media(max-width: 768px) {
  .woocommerce-Input,
  .woocommerce form label{font-size:0.897em;}
  .woocommerce form span em{font-size:1rem}
  .woocommerce-account .woocommerce-MyAccount-navigation{box-shadow: none;}
}




/* ! Custom Templates */
.page-template-header-transparent .header{background-color: transparent;}
.page-template-no-title .spacer{height: 90px;}
.page-template-header-transparent .spacer,
.page-template-header-on-scroll .spacer{height: 0px;}




























/* ! Helpers */
.m-0{margin:0;}
.m-3{margin: 30px;}

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

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

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

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

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

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.pos-rel{position:relative;}

.img-res{width:100%; height: auto;}
.img-res img{width:100%; height:auto; margin-bottom:20px; vertical-align:middle;}
.img-round{border-radius: 100%;}
.img-small{height:250px; object-fit:cover; width:100%;}

.fullwidth {
  width: auto;
  max-width: 1000%;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  /* padding: 0 4%; */
}

.btn a{padding: 8px 13px; border-radius: 8px; background: coral; color: #fff; font-weight: bold; margin-right: 5px;}

.right{justify-content: end!important;}
.left{justify-content: start!important;}
.center{justify-content: center!important;}

.sticky-container{ position: sticky; top: 150px; width: 100%; left: auto!important; height: auto; }

.bd-round{border-radius:10px;}

.ov-h{overflow:hidden;}
.ovx-h{overflow-x:hidden;}

.has-white-color {
  color: #ffffff !important;
}


/* ! Icons */
[class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
  margin: 1em!important;
  background-repeat: no-repeat;
  background-size: contain;
  /*Use the following to change icon color default black*/
  /* filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%); */
}
/* Font Awesome Free 6.5.1 by - https://fontawesome.com License - https://fontawesome.com/license/free  */
.icon-briefcase{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M184 48H328c4.4 0 8 3.6 8 8V96H176V56c0-4.4 3.6-8 8-8zm-56 8V96H64C28.7 96 0 124.7 0 160v96H192 320 512V160c0-35.3-28.7-64-64-64H384V56c0-30.9-25.1-56-56-56H184c-30.9 0-56 25.1-56 56zM512 288H320v32c0 17.7-14.3 32-32 32H224c-17.7 0-32-14.3-32-32V288H0V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V288z'/%3E%3C/svg%3E");}
.icon-calendar{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H64C28.7 64 0 92.7 0 128v16 48V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V192 144 128c0-35.3-28.7-64-64-64H344V24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H152V24zM48 192h80v56H48V192zm0 104h80v64H48V296zm128 0h96v64H176V296zm144 0h80v64H320V296zm80-48H320V192h80v56zm0 160v40c0 8.8-7.2 16-16 16H320V408h80zm-128 0v56H176V408h96zm-144 0v56H64c-8.8 0-16-7.2-16-16V408h80zM272 248H176V192h96v56z'/%3E%3C/svg%3E");}
.icon-chart{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64V400c0 44.2 35.8 80 80 80H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H80c-8.8 0-16-7.2-16-16V64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E");}
.icon-chevron-down{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");}
.icon-chevron-up{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'/%3E%3C/svg%3E");}
.icon-chevron-left{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");}
.icon-chevron-right{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");}
.icon-clock{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z'/%3E%3C/svg%3E");}
.icon-code{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z'/%3E%3C/svg%3E");}
.icon-codepen{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M502.3 159.7l-234-156c-8-4.9-16.5-5-24.6 0l-234 156C3.7 163.7 0 170.8 0 178v156c0 7.1 3.7 14.3 9.7 18.3l234 156c8 4.9 16.5 5 24.6 0l234-156c6-4 9.7-11.1 9.7-18.3V178c0-7.1-3.7-14.3-9.7-18.3zM278 63.1l172.3 114.9-76.9 51.4L278 165.7V63.1zm-44 0v102.6l-95.4 63.7-76.9-51.4L234 63.1zM44 219.1l55.1 36.9L44 292.8v-73.7zm190 229.7L61.7 334l76.9-51.4L234 346.3v102.6zm22-140.9l-77.7-52 77.7-52 77.7 52-77.7 52zm22 140.9V346.3l95.4-63.7 76.9 51.4L278 448.8zm190-156l-55.1-36.9L468 219.1v73.7z'/%3E%3C/svg%3E");}
.icon-earth{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5v39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9v39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7v-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1H257c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5 .3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z'/%3E%3C/svg%3E");}
.icon-envelope{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E");}
.icon-facebook{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z'/%3E%3C/svg%3E");}
.icon-github{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath d='M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z'/%3E%3C/svg%3E");}
.icon-instagram{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");}
.icon-linkedin{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z'/%3E%3C/svg%3E");}
.icon-line-chart{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64L0 400c0 44.2 35.8 80 80 80l400 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 416c-8.8 0-16-7.2-16-16L64 64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E");}
.icon-map{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M408 120c0 54.6-73.1 151.9-105.2 192c-7.7 9.6-22 9.6-29.6 0C241.1 271.9 168 174.6 168 120C168 53.7 221.7 0 288 0s120 53.7 120 120zm8 80.4c3.5-6.9 6.7-13.8 9.6-20.6c.5-1.2 1-2.5 1.5-3.7l116-46.4C558.9 123.4 576 135 576 152V422.8c0 9.8-6 18.6-15.1 22.3L416 503V200.4zM137.6 138.3c2.4 14.1 7.2 28.3 12.8 41.5c2.9 6.8 6.1 13.7 9.6 20.6V451.8L32.9 502.7C17.1 509 0 497.4 0 480.4V209.6c0-9.8 6-18.6 15.1-22.3l122.6-49zM327.8 332c13.9-17.4 35.7-45.7 56.2-77V504.3L192 449.4V255c20.5 31.3 42.3 59.6 56.2 77c20.5 25.6 59.1 25.6 79.6 0zM288 152a40 40 0 1 0 0-80 40 40 0 1 0 0 80z'/%3E%3C/svg%3E");}
.icon-phone{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");}
.icon-shield{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8V444.8C394 378 431.1 230.1 432 141.4L256 66.8l0 0z'/%3E%3C/svg%3E");}
.icon-whatsapp{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");}
.icon-wrench{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M352 320c88.4 0 160-71.6 160-160c0-15.3-2.2-30.1-6.2-44.2c-3.1-10.8-16.4-13.2-24.3-5.3l-76.8 76.8c-3 3-7.1 4.7-11.3 4.7H336c-8.8 0-16-7.2-16-16V118.6c0-4.2 1.7-8.3 4.7-11.3l76.8-76.8c7.9-7.9 5.4-21.2-5.3-24.3C382.1 2.2 367.3 0 352 0C263.6 0 192 71.6 192 160c0 19.1 3.4 37.5 9.5 54.5L19.9 396.1C7.2 408.8 0 426.1 0 444.1C0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9L297.5 310.5c17 6.2 35.4 9.5 54.5 9.5zM80 408a24 24 0 1 1 0 48 24 24 0 1 1 0-48z'/%3E%3C/svg%3E");}
.icon-twitter{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");}
.icon-youtube{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z'/%3E%3C/svg%3E");}

/* Contenitore rotondo */
.overlay-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 43px;
  right: 43px;
  z-index: 10;
  border-radius: 50%;
  background-color: #25D366;
  opacity: .9;
}

/* Classe dell'icona */
.overlay-icon span {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: invert(1);
  font-size: 0;
}

.overlay-icon:has(> .icon-envelope) {
  background-color: #ccc;
  padding: 8px;
  border-radius: 8px;
  width: 62px;
  height: 48px;
}

.overlay-icon:has(> .icon-phone) {
  background-color: #ccc;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

span.icon-phone{
  font-size: 10px;
}

.overlay-icon:has(> .icon-map){
  background-color: #ccc;
  padding: 4px;
  border-radius: 8px;
}

/* Wide and full alignment */
.alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
}

.alignwide {
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
}

article{
	padding-bottom:80px
}
h1{
	text-align: center;
}