/*!
Theme Name: 	Solo piante grasse
Theme URI: 		https://www.nalato.com
Description: 	Bootstrap 4 on Wordpress
Version: 		1.2
Author: 		Simone Nalato architetto
Author URI: 	https://www.nalato.com
*/

/* =FORMATTAZIONE BASE
----------------------------------------------- */

body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat', sans-serif;
}
body{background-color:#ffffff; color:#333333; }

h1, h2, h3, h4, h5, h6{ color:#006C6F;}

h1{font-weight:bold; }
h2{font-weight:bold; }
h3{}
h4{}
h5{}


a, a:visited {
	color: #006C6F;
}
a:hover, a:focus, a:active {
	color:#00977D;
}

hr{clear:both;}


/* =MEDIA
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.img-full{
	height: auto;
 	width: 100%;
}
	
.wp-caption {
	border: none;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom:1rem;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom:1rem;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
/* HEADER
----------------------------------------------- */

.navbar-nav li {
	padding:4px 15px;
}

.navbar-nav li a.nav-link {
	color: #006C6F;
	padding:0 !important;
position: relative;
text-transform:uppercase;
font-weight:bold;
font-size:90%;}
	
	
.navbar-toggler {
    color: #00977D;
    border: none;
}

.navbar-brand {
    padding-top: .7rem;
    padding-bottom: .7rem;
}

.home .navbar-brand{visibility:hidden;}		

.navbar{
/*-webkit-box-shadow: 0 20px 20px -20px rgba(50,50,50,.5);
-moz-box-shadow: 0 20px 20px -20px rgba(50,50,50,.5);
box-shadow: 0 20px 20px -20px rgba(50,50,50,.5);*/
background-color:#EFEFF0;	
}	

.navbar-fixed{
position: absolute;
width: 100%;
background: none;
z-index: 999;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/*.navbar-fixed .container:after{
	border-bottom:1px solid #fff; 
	padding-bottom:0.5rem;   
	content: "";
	width:100%;
	  flex-basis: 0;
  order: 1;}	*/

.dropdown-menu {
  background-color: #f2f2f2;
  border:none;
  border-radius: 0;
  min-width:0;
}

.dropdown-item, .dropdown-item.active, .dropdown-item:active {
    background:none;
    color: #F2F2F2;
padding: .25rem 1rem;	
}

  .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active:focus, .dropdown-item.active:hover {
    background:none;
    color: #ffffff;
}

li a.nav-link .sub, a.btn-link .sub {
    content: "";
    display: block;
    height: 3px;
    width: 0;
    background: #B65F43;
    position: absolute;
    left: 0;
    transition: width .5s cubic-bezier(0.785,0.135,0.15,0.86);
}

li:hover a.nav-link .sub, #menu-main-menu li:focus a.nav-link::after, li.current_page_item a.nav-link .sub, li a.active.nav-link .sub, a.btn-link:hover .sub{
    width: 100%;
}
	
#page {
  overflow-wrap: break-word;
  position: relative;
  overflow-x: hidden;
}


/* =FASCE CONTENUTI
----------------------------------------------- */

/*Fasce*/

.flex-caption {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
	color:#fff !important;	
}

.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text p, .white-text a,.wpcf7-response-output{
	color:#fff;	
}


.caption-outer{
    display: table;
    height: 100%;
    width: 100%;
}

.caption-inner{
    display: table-cell;
    vertical-align: middle;
}

.caption-bottom .caption-inner{
    vertical-align: bottom;
}

.caption-top .caption-inner{
    vertical-align: top;
}

.big-text h1, .big-text h2{ text-transform:uppercase;}
.big-text h2{font-size:2.4rem;}
.big-text h3 {font-size:1.8rem; margin-bottom:1.8rem;}
.big-text p{font-size:1.2rem;}
.big-text .btn{font-size:1.1rem;}


.full-height {height: 100vh; max-height: 100%;}
.full-height .content{height: 100%;}


.text-content ul,.wc-tab ul,  .woocommerce-MyAccount-navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.text-content ul, .wc-tab li,  .woocommerce-MyAccount-navigation li {
  margin:0;
  margin-bottom: 1rem;
}

.text-content li, .wc-tab li,  .woocommerce-MyAccount-navigation li {
  margin:0;
  margin-bottom: 0.3rem;
  padding-left: 1.5rem;
  position:relative
}

.text-content li:before, .wc-tab li:before,  .woocommerce-MyAccount-navigation li:before{
  content: '';
position: absolute;
left: 0;
top: 12px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 2px;
width: 16px;
background-color: #964B3D;
}

.bg-verdescuro, .accent-verdescuro:after{background-color:#006C6F;}
.bg-verdechiaro, .accent-verdechiaro:after{background-color:#00977D;}
.bg-marronescuro, .accent-marronescuro:after{background-color:#964B3D;}
.bg-marronechiaro, .accent-marronechiaro:after{background-color:#B65F43;}
.bg-grigioscuro, .accent-grigioscuro:after{background-color:#96989B;}

.accent:after{
	position:absolute;
	content:'';
	width:50%;
	height:20px;
	left:0;
	top:0;
}

.esclusiva:after{
	position:absolute;
	content:'In esclusiva';
	color:#006C6F;
	background-color:#f2f2f2;
padding:3px 6px;
	left:0;
	top:40px;
	font-weight:bold;
}

.photo p{margin:0; padding:0;}

/*Fascia Video*/

.homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative;
  height:100vh;
}
.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #eeeeee;
}
.video-container .poster {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center; 
display:none;  
}
.velo-menu .velo {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.2+40 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 40%, rgba(255,255,255,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.2) 40%,rgba(255,255,255,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.2) 40%,rgba(255,255,255,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */

}
.video-container .flex-caption{
  z-index: 100;
}
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display:block;
}


.video-container .caption-inner{
    vertical-align: bottom;
}

/*.no-video .video-container video,
.touch .video-container video {
  display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
  display: block !important;
}*/

/* 1. No object-fit support: */
@media (min-aspect-ratio: 16/9) {
  .video-container > video { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-container > video { width: 300%; left: -100%; }
}
/* 2. If supporting object-fit, overriding (1): */
@supports (object-fit: cover) {
  .video-container > video {
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
  }
}

.video-container h1{color:white;  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}
.video-container h4, .video-container h5{color:white; font-weight:normal; text-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }


/*Fascia superfascia*/

.velo-sx .content{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.8+50,0+75 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}

.velo-dx .content{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+25,0.8+50 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 */

}

.velo-w .content{
background: rgba(255, 255, 255, 0.75);
}

.velo-b .content{
background: rgba(0, 0, 0, 0.5);
}


.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {color:#fff;}



/*Fascia immagine*/
.immagine-container{position:relative;}
.immagine-container.parallax-window{min-height:400px;}
.velo{
z-index: 10;
position: absolute;
top:0;
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;}


/*Fascia Parallax*/
.parallax{
    background-attachment: fixed;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.parallax-window {background: transparent;}


/*Fascia slideshow*/
.slideshow-container, .slider-container-3, .slider-container-4{overflow:hidden; position:relative;}
.slides li .padded{padding: 0 10px;}
.flexslider{background:none;}
.loading .flexslider {opacity: 0;}
.loading {min-height: 400px; background: #eee url('images/preloader.gif') no-repeat center center !important;}

.fullheight{position:relative;
    display: block;
    height: auto;}


.fullheight .slides {
    height: 100vh;
    max-height: 100%;
    overflow: hidden;
}

.fullheight .slides li {
    background-position: center bottom !important;
    background-size: cover !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
    width: 100%;
}

.slideshow-container .caption-inner{
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
	padding:30px 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 66%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 66%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 66%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#F2F2F200',GradientType=0 );
}

.slideshow-container .caption-inner h2{ text-shadow: 0 0 15px rgba(0, 0, 0, 0.5); font-size: 3rem;}
.slideshow-container .caption-inner h3{ text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}


.prodotto h4.price{color:#964b3d;}
.prodotto .btn{
background-color: #006c6f;
border-radius: 0;
color: #fff;}

/*BLOG*/
.articolo{border-bottom: 2px solid #eee;}

.metadata .categories{text-transform:uppercase; margin-left:5px; }

h4.widget-title {
	margin: 0 0 0.5rem 0;
	color:#999999;
}

.widget ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
border-top:1px solid #f2f2f2;	
}

.widget ul li {
	list-style-type: none;
	margin: 0px;
	border-bottom:1px solid #f2f2f2;
}
.widget ul li a{
	padding: .5rem .5rem;
	display:block;
}
.widget ul li a.active{
background-color:#f2f2f2;
}
	
.widget .textwidget p {
    padding: 0;
}

.pagination, .page-item:last-child .page-link, .page-item:first-child .page-link {
    border-radius: 0;
}
.page-link{color: #6E995C;}
.page-item.active .page-link {
    color: #fff;
    background-color: #6E995C;
    border-color: #6E995C;
}

.page-link:hover {
    color: #6E995C;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

figcaption {
    font-size: 90%;
    color: #6c757d;
margin-top: .5rem;	
}


/*FORM*/
.form-control {
    padding: 0.375rem 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #333;
    background-color: #e5e5e5;
    border: none;
    border-radius: 0;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.form-control:focus {

    color: #333;
    background-color: #f2f2f2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,255,255,.25);
}

span.wpcf7-list-item {
    margin: 0;
}

.radio-inline span.wpcf7-list-item{
    margin-top: 0;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    padding-right: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox, .radio {
    padding-left: 0px;
}

.small-text{font-size:0.8rem;}


.btn, .btn:visited{
border-radius:0;
font-weight:bold;
text-transform:uppercase;
font-size:90%;
}

.btn:focus{
    box-shadow: 0 0 0 .2rem rgba(0,151,125,.5);
}

.btn.disabled, .btn:disabled {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}

.btn:after{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f061";
	margin-left:5px;
	transition: all 0.3s ease 0s;		
}

.btn-link, .btn-link:visited{
color: #F2F2F2;
background-color: transparent;
border-color: transparent;
text-align:left;
padding:0;
position:relative;
font-weight:bold;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active {
	color: #F2F2F2;
background-color: transparent;
border-color: transparent;
text-decoration:none;
}

.btn-link:hover:after {
 margin-left:10px
}
.btn-link:focus{
    box-shadow: none;
}

a.btn-outline-light {
    color: #f8f9fa;
}



/*FOOTER*/

.footer {
padding: 2rem 0 1rem 0;
	background:#EFEFF0;
	font-size:90%;
color:#006C6F;	
}

.footer p, .prefooter p {
    margin-bottom: 0;
}

.footer a, .footer h5{color:#00977D;}

.footer .logo img{max-height:40px; width:auto;}

.social-icons ul.menu {
 list-style-type:none;
 margin:0;
 padding:0;
 text-align:left
}
.social-icons ul.menu li {
 display:inline-block;
 margin-right:1rem;
 margin-bottom:0
}
.social-icons ul.menu li:first-child {
 margin-left:0
}
.social-icons ul.menu li a {
 color:#006C6F;
 font-size:1.5rem
}
.social-icons ul.menu li a:hover {
 color:#00977D
}


#eu-cookie-bar {
    padding:20px;
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199.98px) {
.immagine-container.parallax-window{min-height:500px;}
.big-text h2{font-size:2.3rem;}
.big-text h3 {font-size:1.5rem; margin-bottom:1.5rem;}
.big-text p{font-size:1.2rem;}
.big-text .btn{font-size:1.1rem;}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991.98px) {

.full-height,.homepage-hero-module {height: auto; max-height: auto;}		
.navbar-fixed{
width: 100%;
background: #F2F2F2;
}

.navbar-brand img{height:40px; margin:5px 0;}	
	
.navigation-main{display:inherit;}

.navigation-main li {
	padding:0;}

.navigation-main li a, .navigation-main li.qtranxs-lang-menu{
	border-top:1px solid #ccc;
	color:#000;}

.navigation-main li:hover,
.navigation-main li:focus,
.navigation-main li.current-menu-item{
	background:none;}

.navigation-main li a.nav-link, .qtranxs-lang-menu .dropdown-menu a.dropdown-item, .dropdown-item, .dropdown-item.active, .dropdown-item:active {
	text-transform:none;
	padding:7px 0px !important;
	letter-spacing:0;}

.navigation-main li:hover a.nav-link,
.navigation-main li:focus a.nav-link,
.navigation-main li a.nav-link.active{
	color: #00977D;	
}	

li a.nav-link .sub {display:none;}
.dropdown-menu{display:block; background:none; padding:0;}

li.qtranxs-lang-menu .dropdown-menu{float:left; margin:0;}
li.qtranxs-lang-menu a, ul li.qtranxs-lang-menu ul li a, .navigation-main li.qtranxs-lang-menu a{border:none; margin-right:10px;float:left;}
li.qtranxs-lang-menu a img{border:2px solid #964B3D;padding:1px;}
li.qtranxs-lang-menu .dropdown-menu a img{border:2px solid #ffffff;}
li.qtranxs-lang-menu .dropdown-toggle::after{display:none;}
	
.immagine-container.parallax-window{min-height:400px;}
#menu-main-menu li a.nav-link:after {
display:none;
}
h1{font-size:2rem;}
.big-text h2{font-size:2.2rem;}
.big-text h3 {font-size:1.4rem; margin-bottom:1.4rem;}
.big-text p{font-size:1.1rem;}
.big-text .btn{font-size:1rem;}


.slideshow-container .velo {
background: rgba(0,0,0,0.3);
}
.navbar-fixed{position:relative;}

.velo-menu .velo{background:none;}
.home .velo-menu .velo{ background: rgba(255,255,255,0.4); }
.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767.98px) {
	.superfascia{background:none !important;} 
.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text p, .white-text a, .wpcf7-response-output {
    color: inherit;
}	
.navbar-brand img{height:40px; margin:5px 0;}		
	.immagine-container.parallax-window{min-height:300px;}
	h2, .caption-inner h2{font-size:1.3rem;}
	h3{font-size:1.2rem;}
.big-text h2{font-size:2rem;}
.big-text h3 {font-size:1.3rem; margin-bottom:1.3rem;}
.big-text p{font-size:1rem;}
.big-text .btn{font-size:0.9rem;}



.gray-box table, .gray-box table td {width:100% !important;}
.gray-box td {display: block;  text-align:left;}
.gray-box td h3 {text-align:left !important;}

.title-container img{display:none;}
}