/*
Theme Name: enricasalvadori
Version: 1.0
Text Domain: enricasalvadori
*/
:root {
	/*colori*/	
	--black:#6f6f6f;
	--white:#fff;	
	--gold: #6f6f6f;
	--site-bg:#fff;
	--red: #D0563F;
	/* --site-bg: #f6f5ec; */
	/*font*/
	--uno-rem: 18px;		
	--ff-text: 'Poppins', sans-serif;
	--ff-title: 'Poppins', sans-serif;	

	/*layout*/
	--vh: 100vh; /*variabile da tenere anche dopo eventuale replace*/
	--header-h: 4rem;
	--header-pt: 0;
	--header-pb: 0;
	--header-bg: transparent;
	/* --header-sticky-sha: 8px 8px 30px rgba(0, 0, 0, 0.12); */
	--header-sticky-sha: 8px 8px 30px rgba(0,0,0,.12);
	--header-sticky-h: 4rem;
	--header-sticky-pt: 0rem;
	--header-sticky-pb: 0rem;
	--header-sticky-bg: transparent;
	--footer-h: 4rem;
	--footer-bg: #052D32;
	
	--first-section-pt: calc( var(--header-h) - .722rem );

	/*main menu*/
	--ff-menu: var(--ff-title);
	--fs-menu: 1.5rem;
	--lh-menu: 2.5rem;
	/* --fw-menu: 400; */
	--color-menu: var(--black);	
	--act-color-menu: var(--gold);
	--align-menu: start;

	/*logo*/
	--logo-w: 36rem;
	--align-logo: center;
	
}
/*helper*/
.opera .title {
    font-size: 7rem;
	color: #fff;
    font-size: 3rem;
    text-shadow: 1px 1px 6px #000;
	font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}
.mobile .opera .title{font-size: 3rem;}
.opera section.head{min-height:unset;}
.vh-60{height: 60vh;}
.vh-80{height: 80vh;}
.cky-notice-des a.cky-policy, .cky-notice-des button.cky-policy{color:var(--gold) !important;}
tbody, td, tfoot, th, thead, tr{border-width: 1px; padding:.5rem;}
.as-1-1{aspect-ratio:1/1;}
#loading{width: 100vw; height:100vh; background-color: #fff; position:fixed; z-index: 110;}
.img-bg{background-position: center; background-size: cover; background-repeat: no-repeat;}
.h-view{min-height: calc(100vh - var(--header-h) - var(--footer-h));}
.w-20{width: 100%;}
@media (min-width: 992px){
	.w-20{width: 20%;}	
}

/*lightbox*/
.pswp__bg{background-color: #595959;}


/*layout*/
html,body{font-family: var(--ff-text); color: var(--black); font-size: var(--uno-rem); background-color: var(--site-bg);}
.sections{padding-top: calc(var(--header-h));}
.sections > section{ min-height: calc(100vh - var(--header-h) - var(--footer-h));}
.sections > section.curriculum{ min-height: unset;}
.mb-5px{margin-bottom: 5px !important;}

/*contact form*/
input, textarea{width: 100%;}
input[type="submit"],
.wpcf7 label{width: 11.111rem; text-transform: uppercase; font-size: 1.111rem; font-weight: 300;}
input[type="submit"]{background-color: var(--blue); color: var(--white); height: 3.333rem;}
.wpcf7-spinner{display:none;}

/*color*/
.black{color: var(--black) !important;}
.blue{color: var(--blue) !important;}
.white{color: var(--white) !important;}
.color-menu{color: var(--color-menu) !important;}
.green{color: var(--green) !important;}
.beige{color: var(--beige) !important;}
.gold{color:var(--gold) !important;}
.red{color: var(--red) !important;}

/*background*/
.black-bg{background: var(--black) !important;}
.blue-bg{background: var(--blue) !important;}
.white-bg{background: var(--white) !important;}
.gray-bg{background: var(--gray) !important;}
.green-bg{background: var(--green) !important;}
.beige-tr-bg{background: var(--beige-tr) !important;}
.beige-bg{background: var(--beige) !important;}

/*typo*/
.fa-brands:hover{font-weight: 600;}
a{color:#000; text-decoration: none;}
.ff-text{font-family: var(--ff-text) !important;}
.title{font-family: var(--ff-text) !important; font-size:1.8rem; font-weight: bold; text-decoration: none; letter-spacing: .1em;}
.mobile .title{font-size: 1.3rem;}
.ff-allura{font-family: 'Allura', serif !important;}

.fs-15{font-size: .8333rem !important;}
.fs-18{font-size: 1rem !important}
.fs-20{font-size: 1.111rem !important}
.fs-24{font-size: 1.333rem !important}
.fs-25{font-size: 1.389rem !important}
.fs-26{font-size: 1.444rem !important}
.fs-29{font-size: 1.611rem !important}
.fs-30{font-size: 1.667rem !important}
.fs-32{font-size: 1.778rem !important}
.fs-35{font-size: 1.944rem !important}
.fs-36{font-size: 2rem !important}
.fs-40{font-size: 2.222rem !important}
.fs-47{font-size: 2.611rem !important}
.fs-58{font-size: 3.222rem !important;}
.fs-60{font-size: 3.333rem !important;}
.fs-64{font-size: 3.555rem !important}
.fs-80{font-size: 4.444rem !important}
.fs-107{font-size: 5.944rem !important;}
.fs-133{font-size: 7.388rem !important}

.lh-0{line-height: 0 !important;}
.lh-18{line-height: 1rem !important;}
.lh-21{line-height:  1.167rem !important;}              
.lh-23{line-height:  1.278rem !important;} 
.lh-28{line-height:  1.555rem !important;}             
.lh-29{line-height:  1.611rem !important;} 
.lh-31{line-height:  1.75rem !important;} 
.lh-35{line-height:  1.944rem !important;} 
.lh-36{line-height:  2rem !important;}  
.lh-38{line-height:  2.111rem !important;}
.lh-45{line-height: 2.5rem !important;}
.lh-48{line-height: 2.666rem !important;}
.lh-52{line-height:  2.889rem !important;} 
.lh-61{line-height:  3.389rem !important;}
.lh-70{line-height: 3.888rem !important;}
.lh-72{line-height: 4rem !important;}
.lh-77{line-height: 4.277rem !important;}
.lh-80{line-height:  4.444rem !important;} 
.lh-104{line-height: 5.778rem !important;} 

.fw-200{font-weight: 200 !important;}
.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-bold{font-weight: bold !important;}


/*header*/
header{z-index:100; position:fixed; height: var(--header-h);  width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; padding-top: var(--header-pt); padding-bottom: var(--header-pb);background-color: var(--site-bg);}
header.header-sticky{z-index: 100; position:fixed; height: var(--header-sticky-h);  padding-top: var(--header-sticky-pt); padding-bottom: var(--header-sticky-pb); box-shadow: var(--header-sticky-sha);background-color: var(--site-bg);}
.logo-wrap{width: var(--logo-w); display:flex; align-items: var(--align-logo); height:100%;}
.logo-wrap img{width: 100%; max-width: 100%; height: auto;}
.logo{font-size:1.6rem;}
.logo.title{font-weight:normal; text-transform: uppercase;}
.mobile .logo{font-size:1.3rem; padding:0;}
.menu{list-style: none;  margin:0; padding: 0;}
.menu a{color:  var(--black); text-decoration: none; font-weight: 300; letter-spacing:  .02em; font-size:var(--fs-menu); line-height: var(--lh-menu);}
.menu a:hover{font-weight: 600;}
.menu .current-menu-item a{color: var(--gold); font-weight:600;}
.gold-border{border-bottom: 1px solid var(--gold);}
.home .gold-border{border-bottom: none;}
.ritratti-menu-item{margin-top: 1rem;}
ul.sub-menu{list-style: none; padding-left: 1rem;}
ul.sub-menu a,
.menu .menu-item-piccolo a{font-size: 1.1rem;}
.menu .menu-item-piccolo{padding-top: 1rem;}


/*slide-nav*/
#slide-nav{width: 100%; position:fixed; top: var(--header-h); right:-100%;  z-index:11; transition: right .3s ease-out; height: calc(100vh - var(--header-h));background-color: var(--site-bg);}
#slide-nav.translate{display:block;right:0;}
.slide-nav-head{display: flex; justify-content: space-between;}
.slide-nav-head p {margin-bottom:69px;}
#slide-nav .menu li{padding-bottom:.1rem;}
#slide-nav .menu > li#menu-item-search{display:none;}


/*header-desk*/
.mobile #desk-nav{display:none;}
.desk-nav-wrap{display:flex; align-items: var(--align-menu);}
.header-sticky .desk-nav-wrap{align-items:center;}
.mobile #desk-nav{display:none;}
#desk-nav .menu a{font-size: 21px; line-height:21px; color: var(--color-menu); font-weight:normal;}
.single-opere #desk-nav .menu li.opere-menu-item >a,
#desk-nav .menu li.current-menu-item > a,
#desk-nav .menu li.current-menu-parent > a,
#desk-nav .menu li:hover > a{font-weight:600;}
#desk-nav .menu{height:100%; display: flex; justify-content: end; align-items: center;} 
#desk-nav .menu > li{margin-right: 40px; position:relative;}
/* #desk-nav .menu > li:after{content:''; background:url('img/graph/freccia-up.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;position: absolute; width: 1.889rem; height: 1rem; bottom: -1.85rem; left: calc( 50% - .944rem );} */
#desk-nav .menu > li:first-child{border-left: 0; margin-left: 0;}

#desk-nav .menu > li > ul.sub-menu {height:0; position:absolute; top: calc(100% + 1px); left: -18px; overflow:hidden; background: #fff; width: max-content; width: -webkit-max-content; width: -moz-max-content; box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.12) !important;padding:0 18px !important;}
#desk-nav .menu > li ul.sub-menu li{padding:2px 0;}
#desk-nav .menu > li ul.sub-menu li:first-child{padding-top:13px;}
#desk-nav .menu > li ul.sub-menu li:last-child{padding-bottom:13px;}
#desk-nav .menu > li > ul.sub-menu > li > a{color: var(--act-color-menu); text-decoration:none !important; font-size:15px; line-height: 15px;}
#desk-nav .menu > li > ul.sub-menu > li > a:hover{font-weight: bold;}
#desk-nav .menu > li:hover > ul.sub-menu {height:auto; padding:14px 40px 19px; list-style: none;}
#desk-nav .menu > li.home-link-menu{display:none;}

/*footer*/
footer p a:hover{font-weight:600;}
footer{height: var(--footer-h);}
footer p, footer a{margin-bottom: 0;}
footer .info{display: flex; justify-content: flex-start;}

@media (max-width: 991px){	
	.sections#single-campaign{padding-top:76px;}	
	.hamb-slide.hamburger{display:flex;}	
	.copy-dx{text-align: left;}
	.copy-dx a{margin-left:0;}	
	.container{padding-left:25px; padding-right:22px;}
	#map{height: 25rem;}
}

/*hamburger*/

.hamb-wrap{display:none; line-height: unset;}
.mobile .hamb-wrap{display:block;}
/* .hamb-slide.hamburger{display:none; align-items: center;} */.hamb-slide.hamburger{display:block; align-items: center;}
.mobile .hamb-slide.hamburger{display: block;}
#slide-nav .hamb-slide.hamburger{display:block; text-align: right; margin-top: -2px;}
.hamb-mobi.hamburger{display:none;}
.hamburger {align-items:center; cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible; }
.hamburger:hover {opacity: 0.7; }
.hamburger.is-active:hover {opacity: 0.7; }
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #a0a0a0; }
.hamb-slide.hamburger.is-active .hamburger-inner, .hamb-slide.hamburger.is-active .hamburger-inner::before, .hamb-slide.hamburger.is-active .hamburger-inner::after{background-color: var(--gold);}
.hamburger-box {width: 40px;height: 24px;display: inline-block;position: relative; }
.hamb-slide .hamburger-box{width: 23px; height:14px;}
.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color: #a0a0a0;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
.hamb-slide .hamburger-inner, .hamb-slide .hamburger-inner::before, .hamb-slide .hamburger-inner::after{width: 23px; height: 2px; background-color: var(--gold);}
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamb-slide .hamburger-inner::before{top:-7px;}
.hamburger-inner::after {bottom: -10px; }
.hamb-slide .hamburger-inner::after{bottom: -7px;}

/* Squeeze  */
.hamburger--squeeze .hamburger-inner {transition-duration: 0.075s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after {transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner {transform: rotate(45deg);transition-delay: 0.12s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before {top: 0;opacity: 0;transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after {bottom: 0;transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*scroll to top*/
#scroll-top {width: 50px; height: 50px; position: fixed; bottom: 55px; right: 20px; z-index: 100; opacity:0; transition: opacity .5s; background-color: grey; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #fff;cursor: pointer;}
#scroll-top.show{ z-index: 100; opacity: 1; }

/*carousel*/
.carousel-indicators [data-bs-target]{width: 1.44rem;height: 1.444rem;margin-right: .5rem;margin-left: .5rem;border-radius:50%; margin-bottom:3rem;}
.opere-carousel-caption{background-color: rgba(255, 255, 255, .7); padding:1rem 3rem;}


/*home*/
.home-head .container-fluid{padding:0;}
.opere-thumb{width: 100%; aspect-ratio:1/1;}

/*archive*/
.opere-caption{font-size:15px;}

/*single*/
.desk .desk-img,
.mobile .mobile-img{display:flex;}
.desk .mobile-img,
.mobile .desk-img{display:none;}
.menu-opere{list-style: none;}
.opere-menu-item:hover{font-weight: bold;}
.contenuto{text-align: justify;}
.rgg-container{margin-bottom: -5px;}
.rgg-imagegrid > .rgg-img{box-shadow: none !important;}

/*bio*/
.bio .content p{line-height: 1.75rem;}



@media (min-width: 1400px){
	.mw-1660{max-width: 1660px !important;}
}
