/*
Theme Name: Esteticare
Text Domain: esteticare
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Theme for Esteti.care
Author: Areaitalia
Author URI: https://areaitalia.com/
Theme URI: https://esteti.care/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.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: aviano-sans;
  src: url('fonts/aviano-sans.woff') format('woff');
}
 */

body {
	background: url('images/bg-leaf.svg');
	background-position: 60vw top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 60vw auto;
	background-color: #fcf7f4;
	color: #272727;
	font-family: 'Quicksand', sans-serif;
	/* border-top: 5px solid #e2ded7; */
}
a {
	color: #212121;
	text-decoration: underline;
}
button.btn-default, a.btn-default {
	background-color: #dabfa5;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
button.btn-greyed {
	background-color: #e7e4e3;
	color: #000;
	text-transform: uppercase;
}
.ui-text {
	font-size: 1.5rem;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.1;
  z-index: 1;
}

/**** HEADER ****/
#logo {
	padding: .8rem 0;
}

header #logo {
margin-right: 0;
}


#logo svg {
	width: 125px;
height: auto;
}


#logo svg, header nav.navbar .nav-item a.nav-link, #logo {
transition: height 0.3s ease-in-out, width 0.3s ease-in-out, padding 0.3s ease-in-out, font-size 0.3s ease-in-out;
}


header {
/* 	position: fixed;
 	z-index: 1000;
 	height: 5rem;*/
 	width: 100%;
/*padding-bottom: .42rem;*/
transition: background 0.3s ease-in-out;
}

header nav {
	float: right;
}

header ul {
	margin: 0;
}

.front-page header {
	background-color: transparent;
}

header nav.navbar {
padding-top: .2rem;
padding-bottom: .2rem;
}

.shoplink span.minicon {
display: inline-block;
}

.shoplink svg {
width: 18px;
height: auto;
}

.shoplink a {
text-decoration: none;
}

.shoplink span.linktxt  {
font-size: .8rem;
text-transform: uppercase;
}


header nav.navbar .nav-item a.nav-link {
	color: #212121;
	text-transform: uppercase;
	text-decoration: none;
	padding: .4rem 0 .4rem 1rem;
}


.front-page header .nav-item a {
	color: #fff;
}

header .current-menu-item a, .front-page header .nav-item a.dropdown-item {
	color: #212121;
	text-decoration: none;
}

header .social-icons, #mobile-menu li .social-icons {
	float: right;
}

.social-icons a  {
	display: inline-block;
	padding: 1rem .5rem 0 0;
}

#mobile-menu li .social-icons a {
	padding: 0 1rem 0 0;
		width: auto;
}


.social-icons-container {
	display: none;
}

header .social-icons svg {
	height: 24px;
	width: 24px;
}

#mobile-menu .social-icons svg {
	height: 34px;
	width: 34px;
}

header .social-icons svg path {
	fill: #212121;
}
/* 
.front-page header .social-icons a svg path {
	fill: #fff;
}
 */

.dropdown-menu {
border: none;
}


/**** MAIN ****/
main {
	padding-top: 4rem;
}
/* 
.front-page main {
	padding-top: 0;
}
 */


/**** BREADCRUMBS ****/
#breadcrumbs {
	margin: 0 0 1rem 0;
	font-size: .8125rem;
}
#breadcrumbs a {
	text-decoration: none;
}

h1, .program-excerpt, .program, .program-name {
	font-family: aviano-sans, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .2rem;
}

.program-excerpt {
	font-size: 2rem;
	opacity: .6;
	line-height: 1em;
}
.program.ec-text h2 {
	margin: 1rem 0 0 0;
	font-family: aviano-sans, sans-serif;
}

/* Typography */
/* 
.scotch-1 {
	font-family: 'Special Elite', cursive;
	font-size: 1.25rem;
	background-image: url( 'images/scotch-1.png' );
	background-size: contain;
	background-repeat: no-repeat;
	padding: 1rem 4rem 1rem .75rem;
}
 */


/* BLOCKS */


div.row.ec-text > div {
	padding: 1rem auto;
}
.ec-text h2 {
	font-size: 2.25rem;
	font-family: 'Quicksand', sans-serif;
}
.ec-text h3, .ec-text h2.title-single {
	font-family: 'Special Elite', cursive;
	font-size: 1.5rem;
}
.cta a {
	text-decoration: none;
	margin: 0 0 2rem 0;
	display: inline-block;
	text-transform: uppercase;
}
.text-block-icon {
	max-width: 3.5rem;
	margin: 0 1rem;
}
div.row.ec-image {
	z-index: 50;
}
div.row.ec-products {
	margin-bottom: 5rem;
}
div.row.ec-products div {
	font-family: 'Special Elite', cursive;
}
div.ec-widget {
	margin: 4rem auto;
}
div.ec-widget-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 20rem;
}
.ec-widget-text {
	padding: 1rem 0;
}
.ec-widget-text h2 {
	margin: 0 1rem 1rem 1rem;
	font-size: 1rem;
	text-transform: uppercase;	
}
.ec-widget-text h3 {
	margin: 1rem 1rem 0 1rem;
	font-family: 'Special Elite', cursive;
	font-size: 1rem;
	text-transform: uppercase;
}

.ec-widget-text p, .ec-widget-text div {
	margin: 0 1rem;
}
.ec-widget-text .social-icons svg {
	height: 32px;
	width: 32px;
}


/* HOME */

.front-page .ec-text h2, .front-page .product-family h2 {
	font-family: 'Special Elite', cursive;
	font-size: 2rem;
	margin-top: .5rem;
}
div.home-box {
	margin: 4rem auto;
}
div.home-box-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 20rem;
}
.home-box-text {
	background-color: #C9B6AA;
	padding: 1rem 0;
}
.home-box-text h2 {
	margin: 0 1rem 1rem 1rem;
	font-size: 1rem;
}
.home-box-text h2 strong {
	display: block;
}
.home-box-text h3 {
	margin: 1rem 1rem 0 1rem;
	color: #725A4F;
	font-family: 'Special Elite', cursive;
	font-size: 1rem;
}

.home-box-text p, .home-box-text div {
	margin: 0 1rem;
}
.home-box-text .social-icons svg {
	height: 32px;
	width: 32px;
}


/* Effects */


img[data-src] {
	opacity: 0;
}

img.lazyloaded {
	-webkit-transition: opacity .5s linear 0.2s;
	   -moz-transition: opacity .5s linear 0.2s;
	        transition: opacity .5s linear 0.2s;
	opacity: 1;
}

/* Products */
.tpl-products .product-family h2 {
	font-family: 'Special Elite', cursive;
	font-size: 1.5rem;
	margin: 1rem 0 0 0;
}

/* Product Family */

#blocks-prodotti h2 {
	font-family: aviano-sans, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .2rem;
	font-size: 2rem;
}

.tpl-productFamily .program h2 {
	font-size: 1rem;
	margin-bottom: .5rem;
}
.tpl-productFamily .program p {
	line-height: 1rem;
}

/* single-product */

.single-product h1 {
	font-size: 2em;
	line-height: 1em;
	margin: .25em 0 1em 0;
}
.single-product h2 {
	font-size: 1em;
	font-weight: bold;
}
.single-product .program-name a {
	font-size: 1em;
	text-decoration: none;
}
.single-product .product-icon {
	max-width: 5rem;
}
svg .ne { 
	font-size: 24px;
	font-weight: bold;
	width: 100px;
	text-align: center;
	border: 1px solid #f00;
}
.active-ingredient {
	display: inline-block;
	padding: 0;
	text-align: center;
	font-size: .8125em;
	width: 9rem;
	vertical-align: top;
}
.active-ingredient-name {
	padding: .5rem;
}
.active-ingredient img {
	max-width: 5rem;
}
.active-ingredient-modal {
	font-size: .8125em;
}
.active-ingredient-modal h5 {
	font-family: 'Special Elite', cursive;
	margin: .5rem auto 1rem auto;
}
.active-ingredient-modal img {
	max-width: 9rem;
	margin-right: 1rem;
}
.active-ingredient a {
	text-decoration: none;
}

/* tpl-program */


.tpl-program div.row.ec-text > div {
	padding: 1rem; !important
}
.program-excerpt {
	text-transform: uppercase;
	margin-bottom: 2rem;
}
.program-intro {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 1rem 0 0 0; 
	font-family: 'Special Elite', cursive;
	text-transform: uppercase;
	letter-spacing: .2rem;
}
.product-preview {
	margin-bottom: 3rem;
}
.product-preview .product-name {
	font-weight: bold;
	margin-top: 1rem;
}
.product-preview .product-size {
	color: #808080;
}

/* tpl-productFinder */
.active-filter {
	cursor: pointer;
	font-size: .8125rem;
	text-transform: uppercase;
	font-weight: normal;
	border: 1px solid #ddd;
	margin-right: 1em;
	padding: .5rem;
}
.active-filter svg {
	height: 16px;
}
#filters {
	display: none;
	position: fixed;
	/* 
margin: 0 10vw;
	top: 10vh;
	width: 80vw;
	height: 80vh;
 */
 	width: 100%;
 	height: 100%;
 	padding: 1rem 0;
 	top: 0;
 	overflow: auto;
	background-color: #fff;
	z-index: 1001;
}
#filters h2 {
	font-family: 'Special Elite', cursive;
	text-transform: uppercase;
	letter-spacing: .2rem;
	font-size: 1rem;
	border-top: 2px solid #000;
	padding: .5rem 0 0 0; 
	margin-top: 2rem;
}
#reset-filters, #update-products {
	margin-top: 4rem;
}
#products-count {
	margin-bottom: 2rem;
}
#no-results {
	margin: 3rem auto;
}

/* tpl-philosophy */
h1.philosophy-title {
	background: url('images/bg-heading.svg');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 200px auto;
	color: #b09b78;
	margin-bottom: 3rem;
}
.philosophy-intro {
	color: #b09b78;
	font-size: 2rem;
	padding: 1rem 0 0 0; 
	font-family: 'Special Elite', cursive;
	letter-spacing: .2rem;
	line-height: 1em;
}


/* tpl-education */
.tpl-education h2, .tpl-course h3 {
	font-size: 1rem;
	font-family: 'Special Elite', cursive;
}
.p-education h2 {
	padding-top: 2rem;
}
.course-number {
	display: inline-block;
	font-size: 3rem;
	text-align: center;
	width: 2em;
	padding: .5rem 2rem;
	border: 2px solid #707070;
	color: #707070;
}
div.ec-widget-course {
	margin-bottom: 2rem;
}
.tpl-course h2 {
	margin: 3rem 0 1.5rem 0;
}
.ec-widget-course-img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.ec-widget-course h2, .tpl-course .ec-widget-course h3 {
	padding: 1rem;
	background-color: #f2e8e3;
	min-height: 7rem;
	font-size: 1.5rem;
}



footer {
	border-top: 2px solid #000;
	padding: 1rem 0 0 0; 
	margin: 3rem 0;
}
footer div.col-12 {
	margin-bottom: 1rem;
}

footer .icons-ec {
	margin: 0 0 1rem 0;
}
footer .icons-ec svg {
	height: auto;
	max-width: 20rem;
}

footer .copyright {
	color: #000;
	text-transform: uppercase;
	font-size: .8125em;
}
footer .copyright a {
	color: #000;
	text-decoration: none;
}
footer .footer-logo svg {
	height: 3rem;
	width: auto;
}
footer .footer-logo svg path {
	fill: #000;
}
footer h3 {
	font-size: 1rem;
	font-weight: bold;
	color: #000;
}
footer img {
	height: 5rem;
	width: auto;
}
footer li .nav-link {
	margin: 0 0 .5rem 0;
	padding: 0 0 .5rem 0;
}
footer li .nav-link {
	font-size: .8125rem;
	color: #000;
	text-decoration: none;
	padding-top: 0;
	padding-bottom: 0;
}
footer .social-icons svg {
	height: 32px;
	width: 32px;
}
footer .social-icons svg path {
	fill: #000;
}

/** Scotch **/
div.scotch {
	position: absolute;
	top: -1rem;
	display: block;
	width: auto;
	padding: 0 -15px 0 0;
	text-align: center;
	margin: 0;
}
.scotch img {
	max-width: 80%;
	display: block;
	margin: 0 auto;
}

/** Gravity Forms **/
label.gfield_consent_label {
	display: inline;
}


/** Mobile Menu **/
#mobile-menu-toggler {
	float: right;
padding: .6rem;
margin: .26rem auto;
}


#mobile-menu {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 5rem 1rem 1rem 1rem;
	background-color: #fff;
	z-index: 999;
	  transition: all 0.44s cubic-bezier(0.17, 0.04, 0.03, 0.94);
	    overflow: hidden;
	  opacity: 0;
	    visibility: hidden;
}

#mobile-menu.opened {
  opacity: 1;
  visibility: visible;
}

#mobile-menu > ul > li.page_item > a {
	font-weight: bold;
}

#mobile-menu ul.children {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 1rem;
}

#mobile-menu ul.children li.page_item a {
	font-weight: normal;
}

#mobile-menu a {
	color: #1b1b1b;
	display: inline-block;
	width: 100%;
	/*padding: .5rem 0;*/
	text-decoration: none;
}

#mobile-menu ul > li {
	padding: 12px 0;
box-sizing: content-box;
display: block;
z-index: 1000;
background: #FFFFFF;
height: auto;
line-height: normal;
vertical-align: middle;
border-bottom: #F2F2F2 1px solid;
}


#lang-switch-mobile a {
	border: 1px solid #1b1b1b;
	padding: .5rem;
	text-transform: uppercase;
}


body.overflow-hidden main, body.overflow-hidden footer {
	display: none;
}
body.overflow-hidden.front-page #logo svg path {
	fill: #1b1b1b;
}
body.overflow-hidden.front-page header a, body.overflow-hidden #mobile-menu-toggler {
	color: #1b1b1b;
}



#lang-switcher {
display: none;
}



/* FORMS */
.recaptcha {
	min-height: 4rem;
	background-image: url('images/RecaptchaLogo.svg');
	background-repeat: no-repeat;
	background-size: 3rem auto;
	padding-left: 3rem;
	font-size: .8125em;
}
.recaptcha, .recaptcha a {
	color: #999;
}
.gform_button {
	background-color: #dabfa5;
	color: #fff;
	text-transform: uppercase;
	border-width: 0;
	border-radius: 4px;
	padding: 6px 12px;
}



@media (max-width: 991.98px) {
header {
background: #fff;
}
}