/*
Theme Name: 	Maskamente Web
Description: 	Responsive WordPress Theme based on Boostrap and Font Awesome.
Version:     	1.0
Author:     	Sebastiano Satta
Author URI:   https://sebastianosatta.it
Site:         https://maskamente.it
Text Domain: 	nakedpress
Domain Path: 	/languages
Tags:        	grid-layout, blog, custom-menu, featured-images, right-sidebar
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html

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


body, html { margin: 0; padding: 0; height: 100%;scroll-behavior: smooth;}
body.admin-bar .navbar-fixed-top { position: fixed; top: 32px; z-index: 1000;}


/* ------------------------------------------------------------------------- *
/* ! Base */
/* ------------------------------------------------------------------------- */

/* Typography */
body{font-size: 15px; line-height: 22px; font-family: 'Gabarito'; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

/* Title color */
h1, h2, h3, h4, h5, h6 {color: #222;}

h1{font-size: 3rem;font-weight: 700;}
h2{font-size: 26px;font-weight: 400;}
h3{font-weight: 400;}
h4{font-weight: 400;}

/* Link color */
a{ color: #0d7799;  text-decoration: none;}
a:focus, a:hover { color: #d52a47!important; }




.no-col{padding: 0px;padding-top: 0px;} /* su pagine woocommerce impostare il top a 120px */

.grid{margin-bottom: 0px;}

.maintop{margin-top: 150px;}


/* Colors to show structure */
/*header{border: 1px solid red;}
main{border: 1px solid blue;}
article{border: 1px solid blue;}
aside{border: 1px solid red;}
section{border: 1px solid blue;}
footer{border: 1px solid red;}*/



/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Header */
/* --------------------------------------------------------------------------------------------------------------------------- */

.nav-wrap{background:#15344f;}
/*.navbar-scroll-down .nav-wrap{background:#ad1b20;z-index: 9999;}*/

.logo{display: inline-block;float:left;}
.logo img{position:absolute;width:100px;margin-top: 30px;}
.navbar-scroll-down .logo img{right: 0px;}

ul.primary.primary--left li a{text-transform: uppercase; color: #ffffff;}

ul.primary.primary--right li a{text-transform: uppercase; color: #ffffff;}

ul.primary li:hover a {background: #d52a47;color: #666;}
ul.primary ul.dropdown-menu li a:hover {color: #d52a47;background: #0d7799;}
.nav-light .alux-arrow {background: url(img/arrow-white.svg) 50%;background-size: 22px 22px;}

.spotlight{min-width: 140px; display: none;} /* carrello header */

body.page-id-566 .nav-wrap {
  background: #15344f !important;
  z-index: 9999;
}

body.page-id-566 .navbar-scroll-down .nav-wrap {
  background: #15344f !important;
}

body.blog .nav-wrap {
  background-color: #15344f !important;
  z-index: 9999 !important;
}

body.blog.navbar-scroll-down .nav-wrap {
  background-color: #15344f!important;
}


/* ------------------------------------------------------------------------- *
/* Hero Homepage Emiliano Fenu */
/* ------------------------------------------------------------------------- */

.hero-fenu {
  position: relative;
  /* riempie sempre al 100% la larghezza del contenitore (o del viewport) */
  width: 100%;
  /* impone il rapporto 16:9, l’altezza viene calcolata di conseguenza */
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: url('https://emilianofenusindaco.it/wp-content/uploads/2025/05/foto-sfondo.jpg')
              center/cover no-repeat;
  margin: 0 auto;
}


.hero-fenu img.fenu {
  position: absolute;
  bottom: 0;
  right: 0;
  max-height: 90%;
  z-index: 2;
}





/* ------------------------------------------------------------------------- *
/* ! Modules */
/* ------------------------------------------------------------------------- */



/* Block
___________________________________________ */


.contenitore-copertina-home{margin-top: 50px;overflow: hidden;}
.count{display: none;}

.woocommerce ul.products li.product .woocommerce-loop-category__title{border-top: 0; padding-top: 0; font-size: 24px;font-weight:300; color:#000000; text-transform: uppercase;display: inline-flex;}

.woocommerce ul.products{text-align: center;list-style-type:none;padding: 0;margin: 0;}

.woocommerce ul.products li.product{margin: 0px;float:none;display:inline-block; vertical-align: top;}

.woocommerce .products ul li, .woocommerce ul.products li{color: #000;}

.woocommerce-loop-product__title{color: #000;}

.elenco-liste-home {list-style: none; text-align: center;}

.wp-block-list a{color: #000!important;}

.wp-block-list a:hover{color: #fff!important;}




/*Media Text */

.wp-block-media-text__media{height: 100vh;}
.wp-block-media-text__media img{width: 100%; height: 100%; object-fit: cover; }
.wp-block-media-text{margin-bottom: 0px;}
.wp-block-media-text h4{font-weight: 700; display: block; padding-left: 100px; position: relative;}
.wp-block-media-text h4:after{content: ' '; position: absolute; top: 10px; left: 0; height: 10px; width: 80px; background: #9f3f51;}
.wp-block-media-text p{font-size: 20px; line-height: 28px;}

.wc-block-grid{margin-bottom: 100px;}

.wp-block-list {list-style-type: disclosure-closed; font-weight: bold; text-transform: uppercase;}
.wp-block-list li a:hover{list-style-type: disclosure-open; color: #fff!important;}

body.page-id-193 .wp-block-list {list-style-type:none; font-weight: bold; text-transform: uppercase;}


.custom-div {
  width: 100%;
  height: 50px;
  background-color: #e3e3e3;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0% 100%);
}

.custom-div-inverse {
  width: 100%;
  height: 50px;
  background-color: #e3e3e3;
  clip-path: polygon(0% 0%, 100% 100%, 0 100%, 0 0);
}

.titolo-blocco{font-weight: 700; font-size: 50px;color: #9bd62a;}

.contenitore-una-colonna{padding: 30px;}

.elemento-decorativo{position: relative; z-index: 1;}
.elemento-decorativo::after {
  content: ""; /* Necessario per generare l'elemento, ma non porta testo */
  display: inline-block;
  width: 40px; /* Dimensioni dell'elemento, che influenzano la dimensione dell'immagine di sfondo */
  height: 40px;
  background-image: url('img/arrow-dx.png'); /* Immagine di sfondo */
  background-size: cover; /* O 'contain' a seconda di come vuoi che l'immagine si adatti */
}



/*Hero*/
/*.hero .wp-block-media-text__content{margin-right: -150px; z-index: 0; margin-left: calc( 100vw / 2 - 600px); padding-left: 0px;} /*gestire la sovrapposizione testo su img hero */
/*.hero.wp-block-media-text .wp-block-media-text__content{padding-left: 0px!important;}




/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Woocommerce */
/* --------------------------------------------------------------------------------------------------------------------------- */

.woocommerce-product-gallery{padding: 0;}

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

.woocommerce-Price-amount{display: none;}

/* button */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,


.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,

/* minicart */
.nav-wrap .grid{position: relative;}

.minicart { list-style-type : none; margin : 0px; width : 270px; max-height : 0px; overflow : hidden; position : absolute; z-index : 2; top : 62px; right : 25px; background : #ffffff; box-shadow : 0 10px 15px rgba(0,0,0,0.15); }
.minicart__inside { padding : 20px; position: relative;}
.minicart .widget { margin-bottom : 0; }
.minicart .widget li { position : relative; margin-top : 5px!important; }
.minicart .widget a { border : none; padding : 0px 0 0 0; color:#9bd62a }
.minicart .widget a.button { padding : 10px; }
.minicart .widget_shopping_cart .total{ border-top : 1px solid #dddddd; margin-top : 10px; padding-top : 20px; }
.minicart .woocommerce-mini-cart__buttons { margin-bottom : 0; }

.cart-icon { display : block; position : absolute; top : 30px; right : 60px; padding-bottom : 10px; margin-bottom : 10px; width : 40px; height : 40px; z-index : 30; }
.cart-icon .cart-contents { background : #ffffff; line-height : 40px; text-align : center; cursor : pointer; color : #ffffff; width : 50px; height : 50px; border-radius : 100px; font-size : 22px; line-height : 50px; position : relative; background : transparent; }
.cart-icon .cart-contents__number { position : absolute; height : 20px; width : 20px; line-height : 22px; border-radius : 20px; text-align : center; font-size : 10px; right : -5px; bottom : -4px; font-weight : bold; background : #9bd62a; color : #000; }

.cart--open { min-height : 50px; max-height : 600px; }
.woocommerce-mini-cart__buttons { margin-bottom : 0; }

.woocommerce-cart .actions .button[name="update_cart"] {
  display: none;
}

.responsive-table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.responsive-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.responsive-table th, .responsive-table td {
  padding: 8px;
  text-align: left;
  border: 1px solid #ddd;
}

@media screen and (max-width: 600px) {
  .responsive-table thead {
    display: none;
  }

  .responsive-table tr {
    display: block;
    margin-bottom: 10px;
  }

  .responsive-table td {
    display: block;
    text-align: right;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding-left: 50%;
  }

  .responsive-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    width: 50%;
    padding-left: 10px;
    font-weight: bold;
    text-align: left;
  }
}



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

/* Home Title */
.home-title { position: absolute; top:-9999px; color: #fff; font-size: 12px;}


/* ------------------------------------------------------------------------- *
/* ! Sidebar */
/* ------------------------------------------------------------------------- */




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

footer{background: #13354f;}
footer p{color: #fff; font-size: 15px;}
.footer__logo{width: 80px; height: auto; display: block; margin: 0 auto;}
.footer__menu {list-style-type: none;}
.footer__menu li{display: inline-block;}
.footer__menu li a{padding: 10px; color: #fff; font-weight: bold; font-size: 18px;}

.footer__bottom{background: #ffffff; color:#000; text-align: center; padding: 10px; margin-bottom: 0; font-size: 15px;}

.content-footer{width: 100%; padding:50px 0;}

.footer-area-logo {padding-top: 50px; padding-left: 30px;}

.footer-area ul{list-style-type: none; font-weight: 200; text-transform: uppercase;}

.footer-area a{font-size: 26px;}

.social{margin-top: 20px; display: flex; justify-content: center;}

.social a{font-size: 25px!important; padding: 10px; color: #fff;}

.copyright{margin-top: -40px;}


/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Responsive */
/* --------------------------------------------------------------------------------------------------------------------------- */




/* ----------------------------- */
/* ! -- Desktop Small */
/* ----------------------------- */
@media (max-width: 1250px) {

}


/* ----------------------------- */
/* ! -- Desktop */
/* ----------------------------- */
@media (max-width: 1023px) {
  
   /*HERO FENU*/
  

}


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


@media (max-width: 767px) {

  body.admin-bar .navbar-fixed-top { top: 42px;}

  .logo{float:left;}

  .logo img{position:absolute;width:45px;margin-top: -35px; left: 20px;}

  .wp-block-media-text h2{font-weight: 700; font-size: 30px;margin-top: 0px;}

  .titolo-blocco{font-weight: 700; font-size: 30px;}

  .wp-block-media-text h4{font-size: 18px;}

  .wp-block-media-text p{font-size: 16px; line-height: 24px;}

  .wp-block-media-text__media{height: 300px;}

  .cart-icon .cart-contents {right: auto; top:auto; bottom: 15px; left: 15px; position: fixed; }
  
  .minicart {position: fixed; bottom: 70px; left: 0px; top: auto;box-shadow: 0 -10px 15px rgba(0,0,0,0.15);}

  .footer-area-logo {padding-top: 20px; padding-left: 30px;}

  .footer-area {padding-top: 20px;}

  .footer-area ul{list-style-type: none; font-weight: 200; text-transform: uppercase; text-align: center;}

  .social{margin-top: 20px; display: flex; justify-content: center;}
  
  .social a{font-size: 25px!important; padding: 10px; color: #fff;}

  .nav-light.mobile-footer-menu .grid:after {background: #d52a47;}

  .nav-light .tog span {background: #fff;}

  /*.navbar-scroll-down .logo img{width: 80px; position: fixed; bottom: 15px; left: 40%;}*/

  .sottotitolo-media-text{font-size: 20px!important; margin-top: -25px;}

  .mobile-footer-menu{z-index: 1000;}

  .custom-div {
    width: 100%;
    height: 50px;
    background-color: #e3e3e3;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0% 100%);
    display: block;
    position: absolute;
    z-index: 10;
  }

  .custom-div-inverse {
    width: 100%;
    height: 50px;
    background-color: #ffffff!important;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0% 100%);
    display: block;
    position: absolute;
    z-index: 10;
  }

  .hero-fenu {
margin-top: 50px;
  }

}


@media (max-width: 420px) {
  
 
      

}




/* --------------------------------------------------------------------------------------------------------------------------- */
/* WordPress Default Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */

/* Pagination */
.pagination { margin: 40px 0 40px 0; padding: 0; width: 100%; }
.pagination span,
.pagination a { float: left; margin: 0 10px 10px 0; padding: 14px 19px; border: 1px solid #ddd; }

/* Gallery */
.gallery { float: left; margin: 20px 0 20px 0; width: 103.55%; }
.gallery-item { float: left; width: 33.333333%; text-align: center; }
.gallery img { margin: 0 10% 0 0; width: 90%; height: auto; border: none!important; }
.gallery-caption { width: 90%;margin:10px 0 0 0;}

/* Image */
.alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }

.alignfull{
  margin-left: calc( -100vw / 2 + 100% / 2);
  margin-right: calc( -100vw / 2 + 100% / 2);
  max-width: 100vw;
  width: 100vw;
}


/* img responsive */
.img-res{width: 100%;height: auto;}

/* video responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Table */
table {border-collapse: collapse;margin: 40px 0; width:100%;}
table, th, td {border: 1px solid #ddd;padding:10px; font-size: 18px;text-transform: capitalize;}
table  tr:first-child td {font-weight: 900; text-transform: uppercase; background: #eee; padding:12px 8px;}

/* Image Caption */
.wp-caption { margin-top: 1.5rem;margin-bottom: 0px; padding: 10px; max-width: 97%; border: 1px solid #ddd; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }

/* Stiky */
.sticky { border-right: 3px solid #eee; border-bottom: 3px solid #ddd; }

/* Search */
.search-form {background: #eee;}
.search-form input[type=text]{ width: 80%; color: #333; }
.search-form button{float:right;padding:10px 15px 0 0;border: none; background: none;padding: 11px;}

/* Contact Form 7 */
.wpcf7 label{width:100%}

/* Comments */
.comment-form-author,
.comment-form-email,
.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width: 100%; }

ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment { padding: 1em; border-top: 1px solid #eee; }
ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta { font-size: 12px; }
ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { /* background: #f9f9f9; */  }
ol.commentlist li.parent { border-left: 1px solid #eee; }
ol.commentlist li.bypostauthor .fn { font-weight: bold; }
ol.commentlist li img{max-width: 97%;}

input[type=text],
input[type=email] { width: 98%;margin-right: 10px; padding: 10px; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;font-size: 14px;}
textarea { padding: 10px; width: 98%; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;font-size: 14px;}
input[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #333; border:none; font-size: 14px;}
#comments { width: 100%; }

/* Calendar Widget */
#wp-calendar { width: 100%; }
#wp-calendar a { padding: 0; border: none; }
#wp-calendar caption,
.screen-reader-text { padding-bottom: 10px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; font-size: 14px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { padding: 8px; border: 1px solid #fff; background: #f5f5f5; text-align: center; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { text-align: right; text-transform: uppercase; font-size: 10px; }
#wp-calendar tfoot #prev { padding-top: 10px; text-transform: uppercase; font-size: 10px; }