/*
Theme Name: 	NLWC
Description: 	Responsive WordPress Theme based on Boostrap and Font Awesome.
Version:     	1.0
Author:     	Giuseppe Biondo
Author URI:
Site:
Text Domain: 	
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.
*/



@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Inter-Regular.woff2?v=3.11") format("woff2"),
       url("fonts/Inter-Regular.woff?v=3.11") format("woff");
}


 @font-face {
   font-family: 'Inter';
   font-style:  normal;
   font-weight: 700;
   font-display: swap;
   src: url("fonts/Inter-Bold.woff2?v=3.11") format("woff2"),
        url("fonts/Inter-Bold.woff?v=3.11") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/Inter-ExtraBold.woff2?v=3.11") format("woff2"),
       url("fonts/Inter-ExtraBold.woff?v=3.11") format("woff");
}





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


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

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

/* Title  */
h1, h2, h3, h4, h5, h6 {color: #222; font-weight: 800;  margin-bottom: 10px;}

/* Link color */
a{ color: #EA4343;  text-decoration: none;}
a:focus, a:hover { color: #D00D0D; }

h1 {font-size: 65px;}
h2 {font-size: 50px;}
h3{font-size:30px;}

.home .no-col {padding-top: 0;}
.no-col {padding-top: 100px; position: static;}
hr {border-top: 1px solid #ccc;}
.upp {font-weight: bold; text-transform: uppercase;}


/* allineamenti */
.woocommerce-cart #main,
.woocommerce-account #main,
.woocommerce-checkout #main,
.page #main {padding: 0 20px;}


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



.wp-block-media-text__media img {height: auto;}




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

body .page {padding-top: 100px;}

body.page-template-gutemberg,
body.woocommerce-page {padding-top: 0;}


.logo{display: inline-block;float:left;}
.logo img{height: 35px; width: auto; margin-top: 2px;}

.spotlight {min-width: 80px;}

.nav-light .alux-arrow {opacity: 0.5;}
@media (min-width: 768px) {
  .nav-light .alux-arrow{top:32px; right:4px;}
}
ul.dropdown-menu {box-shadow: none; border: 1px solid #ddd;}
ul.primary ul.dropdown-menu li a {border: none;}
ul.primary li a {padding: 28px 14px 22px 14px;}

.navbar-scroll-down .nav-wrap {background:#fff;}

.nav-wrap li.active a {color: #EA4343; }


/* Blocks
----------------------------------------------------------------*/


/* Media text */
.wp-block-media-text{margin-bottom: 150px;}
.wp-block-media-text h2{font-size: 70px;}
.wp-block-media-text h3{font-size: 23px; display: block;padding-left: 100px;position: relative;}
.wp-block-media-text h3:after{content: ' '; position: absolute;top:12px; left:0; height: 8px;width: 80px;background: #333;}
.wp-block-media-text p{font-size: 20px;line-height: 28px}
.wp-block-media-text__content{position: relative;}


/* Button */
.wp-block-button__link {padding: 15px 40px;}
.button-right {display: inline-block; position: absolute; right: -71px; padding: 0;}
.button-right a {padding: 0;}
.button-right strong {padding: 15px; background:#fff; color:#000; width: 70px; display: inline-block;}
.button-right em {padding: 15px 20px; display: inline-block; font-style: normal;}


/* Hero */
.hero .wp-block-media-text__media{height: 100vh;}
.hero .wp-block-media-text__media img{width: 100%; height: 100%; object-fit: cover;}
.hero .wp-block-media-text__content{margin-right:-150px; margin-left: calc( 100vw / 2 - 620px );padding-left: 20px;}
.hero.wp-block-media-text.has-media-on-the-right {grid-template-columns: auto 55%;}


/* Newsletter */
.newsletter-banner {position: relative; top: -250px; display: flex; font-weight: bold; margin-bottom: -50px;}
.newsletter-banner strong {padding: 20px; width: 43%; background: #EDEDED;}
.newsletter-banner em {background:#fff; color: #666; padding: 20px; font-style: normal; width: 30%; box-shadow: 0px 0px 40px rgba(0, 0 ,0, 0.08);}
.newsletter-banner a {background: #EA4343; padding: 20px; text-align: center; width: 15%; color: #fff;}
.newsletter-banner a:hover {background: #960808;}

/* Testo verticale */
/* .vertical-text {border: 1px solid red; position: absolute; top: 50%; right: -47%; width: 100%; text-align: center; transform: rotate(-90deg); max-height: 100vh;
                margin: 0; padding: 0;} */
.vertical-text {position: absolute; top: 50%; right: -47%; width: 100%; text-align: center; transform: rotate(-90deg); max-height: 100vh; margin: 0; padding: 0; color: #464951;}



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

.cover{padding: 150px 20px; text-align: center;position: relative;}
.cover:before { content : ''; position : absolute; top : 0; left : 0; bottom : 0; right : 0; background-color : #000000; opacity : 0.5; z-index : 0; }
.cover h1,
.cover h2{color:#fff;z-index: 1;position: relative;}



/* ------------------------------------------------------------------------- *
/* ! WooCommerce */
/* ------------------------------------------------------------------------- */



/* 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,
.wp-block-button__link {background-color: #333; color : #fff; text-transform: uppercase; font-weight: bold; border-radius: 0;}


.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,
.wp-block-button__link:hover {background-color: #EA4343; color : #fff;}



/* price */
.woocommerce ul.products li.product .price {color: #999; font-weight: bold;}
.woocommerce div.product p.price, .woocommerce div.product span.price {color: #999; font-weight: bold;}

/* variations */
.variations label {margin-top: 0;}


/* input */
input[type='email'],
input[type='number'],
input[type='search'],
input[type='text'],
input[type='tel'],
input[type='url'],
input[type='password'] {height: 35px;}

.woocommerce input[type=text], .woocommerce input[type=email] {background-color: #fff; border: 1px solid #bbb; border-radius: 3px;}


/* Column fixed */
.woocommerce-cart .woocommerce [class*='col'],
.woocommerce-checkout .woocommerce [class*='col']{padding: 0;}


/* Coupon */
#coupon_code {width: 129px;}


/* Single product*/
.woocommerce .quantity .qty {width: 4em;}
.woocommerce-page article {width: 100%;}
.woocommerce-product-gallery {padding: 0;}
.woocommerce span.onsale {background: #df0909;}



/* 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:#fff; }
.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 : 10px; right : 30px; padding-bottom : 10px; margin-bottom : 10px; width : 40px; height : 40px; z-index : 99999; }
.cart-icon .cart-contents { background : transparent url('img/shopping-cart.png') no-repeat center center; line-height : 40px; text-align : center; cursor : pointer; color : #fff; width : 50px; height : 50px; border-radius : 100px; font-size : 22px; line-height : 50px; position : relative;}
.cart-icon .cart-contents__number { position : absolute; height : 20px; width : 20px; line-height : 22px; border-radius : 20px; text-align : center; font-size : 10px; right : -8px; bottom : 0px; font-weight : bold; background : #EA4343; color : #ffffff; }

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


/* Products */
.woocommerce ul.products li.product {margin-bottom: 150px;}



/* Loop products */
.type-product {position: relative;}
.woocommerce ul.products li.product .woocommerce-loop-product__title {font-size: 32px;}
.columns-4 ul.products li.product a.button {padding: 11px 25px; font-size: 18px; width: 148px; text-align: center;}
.woocommerce ul.products li.product .button {width:150px; text-align: center; padding: 11px 25px; font-size: 18px;}
.woocommerce.columns-3 ul.products li.product .button {width:180px; text-align: center; padding: 11px 25px; font-size: 18px;}
.columns-3 ul.products li.type-product a.woocommerce-LoopProduct-link .price{left: 200px;}
.related h2 {font-size: 34px; margin-bottom: 35px;}
.related ul.products li.product a.button {width:145px;}

.woocommerce ul.products li.product .price {font-size: 18px; color: #333; position: absolute; bottom: 0; left: 161px;}

.product-tag {position: absolute; top:15px; left: 15px; text-transform: uppercase; font-weight: bold; color: #fff; background: #df0909;}
.product-cat {font-size: 18px; color: #333; position: relative; padding: 5px 0 15px 40px;}
.product-cat:before {content: ' '; position: absolute; background: #333; height: 7px; width: 29px; top:13px; left:0;}

/* Category */
.woocommerce ul.products li.product .woocommerce-loop-category__title {font-size: 25px; padding-bottom: 30px;}
.woocommerce ul.products li.product .woocommerce-loop-category__title mark {background: #fff; font-weight: normal; color: #999; font-style: normal;}
.category-desc {color:#333; font-size:16px;}

.products .product.product-category .category-desc {position: relative;}
.products .product.product-category .category-desc strong {position: absolute; top: -50px; right:0;}

.woocommerce.columns-2 {padding: 0;}


/* Page */
.woocommerce-page .page-title {font-size: 18px; text-transform: uppercase; margin-bottom: 0;}
.woocommerce-result-count {font-size: 13px; color: #999;}
.term-description p {font-size: 21px; line-height: 30px; padding: 30px 0;}

.trattino {width: 30px; height: 7px; background: #333; margin-bottom: 40px;}


/* Product */
.single .product_title {margin-bottom:20px; font-size: 59px;}



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


/* Select in shop page */
 .variations .value,
 .woocommerce-ordering {position: relative;}

 .variations .value select,
 .woocommerce-ordering select {
   border:none;
   background: transparent;
   padding: 5px 35px 5px 5px;
   font-size: 16px;
   border-radius: 0px;
   height: 34px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   position: relative;
   z-index: 1;
 }
 .variations .value select{border: 1px solid #ddd;line-height: 20px;padding: 5px 35px 5px 10px;}
 .variations .value:before,
 .woocommerce-ordering:before{font-family: FontAwesome; content: '\f107';  font-size: 18px;color:#999;  position: absolute; top:5px; right:0px;z-index: 0;}
 .variations .value:before{right:30px;top: 13px;}



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

/* Home Title */
.home-title { position: absolute; top:-9999px; color: #fff; font-size: 12px;}
.page h1, .single h1 {margin-bottom: 60px; font-size:50px; margin-top: 20px;}


/* Blog page */
.blog-content {padding-top: 100px;}

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

.widget_search {margin-bottom: 50px;}



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

.footer p {font-size: 15px;}

.footer__logo{background: #fff; width: 100px; height: auto;}
.footer__menu {list-style-type: none; padding: 10px; }
.footer__menu li{display: inline-block;}
.footer__menu li a{padding: 10px; font-weight: bold; color:#333; font-size:18px;}

.sub-menu {margin-left: 0;}
.sub-menu li {display: block;}
.sub-menu li a {color: #333; font-weight: normal; font-size:16px}

.footer_bottom {background: #4e4b4b; color: #fff; text-align: center; padding: 10px; margin-bottom: 0;}
.footer_bottom a {color: #fff;}

.spedizioni img {width:180px;}


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


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

  .hero .wp-block-media-text__content {margin-left: 0; margin-right: 0; margin-top: 80px;}

}



/* ----------------------------- */
/* ! -- Desktop */
/* ----------------------------- */
@media (min-width: 1023px) {
  .nav-light {background: transparent;}
}


/* ----------------------------- */
/* ! -- Tablet */
/* ----------------------------- */

@media (max-width: 998px) {

  /* Products*/
  .woocommerce ul.products li.product .woocommerce-loop-product__title {font-size: 24px;}
  .woocommerce ul.products li.product a.button {width: 100px; font-size: 12px; padding: 10px;}
  .woocommerce ul.products li.product .price {position: relative; left:0 !important;}
  .product-tag {font-size:12px;}


  /* Newsletter */
  .newsletter-banner {top: -50px; flex-direction: column; text-align: center; margin-bottom: 50px;}
  .newsletter-banner strong {width: 100%; font-size: 20px; line-height: 28px;}
  .newsletter-banner em {width: 100%; border: 3px solid #EDEDED; box-shadow: none;}
  .newsletter-banner a {width: 100%;}

  /* Testo verticale */
  .vertical-text {text-align: right; right: -45%; top: 37%; font-size: 14px;}

}



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





@media (max-width: 767px) {

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

  body {padding-top: 69px;}
  body.page-template-gutemberg  {padding-top: 0;}

	
  /* Header */	
.nav-header {background: rgba(255, 248, 248, 0.8509803921568627);}
	
  /*  Woo Commerce  */

.woocommerce.columns-3,
.woocommerce.columns-4 {padding: 0;}
.related h2 {font-size:28px; margin-bottom:20px;}	

.cart-icon {right: auto; top: auto; z-index: 9999; bottom: 10px; left: 15px; position: fixed;}
.minicart {position: fixed; bottom: 62px; left: 0; top: auto; box-shadow: 1px -10px 15px rgba(0,0,0,0.15);}
.mobile-footer-menu .grid:after {height:62px;}


  /*  Blocks */
.wp-block-media-text {display: block;}
.wp-block-media-text .wp-block-media-text__media {margin-bottom: 20px;}
.wp-block-media-text .wp-block-media-text__content {padding: 0;}
.wp-block-media-text h2 {font-size: 55px;}

.button-right {position: relative; right: 0;}
.button-right a {font-size: 14px;}
.button-right em {padding: 10px 15px;}

/* Hero */
.hero.wp-block-media-text .wp-block-media-text__content{padding-left: 20px; padding-right: 20px; margin-top: -50px;}
.hero.wp-block-media-text .wp-block-media-text__media {height: 300px;}


/* Category */
.woocommerce ul.products li.product .woocommerce-loop-category__title {font-size:15px; padding-right: 40px;}
.products .product.product-category .category-desc strong {font-size:13px;}

/* Product */
.single .product_title {font-size: 32px;}
.woocommerce-Tabs-panel h2 {font-size: 28px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {padding: 0 10px;}
.woocommerce ul.products.columns-3 li.product.last {width: 100%;}
.woocommerce.columns-3 ul.products li.product .button {width:107px; font-size:12px;}

.comment-form-author,
.comment-form-email {float:none; width: 100%;}

.comment-form .comment-form-cookies-consent {margin-top: 23px !important; position: relative;}
#wp-comment-cookies-consent {position: absolute; left: 0; top: 3px;}
#commentform > p.comment-form-cookies-consent > label {padding-left: 33px; font-size: 14px;}
.woocommerce-Reviews .form-submit {float:right; margin-right: 25px;}


/* Shop */
.woocommerce-ordering {display: none;}

/* Footer */
.footer_bottom {margin-bottom: 61px;}
.footer__menu {width:initial; margin-left: initial; margin-right: initial;}

/* Cookie tab*/
#cookieChoiceInfo {margin-bottom:61px!important ;}
	
}


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

body {
    overflow-x: hidden;
}



/* 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; padding:12px 8px;} */

th, td {border-bottom: none;}

/* 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%}



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