/*
Theme Name: Elisabetta Rubino
Description: Tema child editoriale per Elisabetta Rubino, con header e footer nativi The Luxury.
Template: theluxury
Version: 1.0.7
Text Domain: elisabetta-rubino
*/

.copyright-left a{color: black!important;}

.er-site.er-servizi-page .er-service-faq details:last-of-type {
  border-bottom: none!important;
}
.er-site.er-servizi-page .er-service-steps li:last-child {
    border-bottom: none !important;
}


/* The Luxury provides the actual header, menu, footer widgets and copyright. */
body.er-layout-page .gdlr-page-title-wrapper { display:none; }

html .wpcf7-submit{background: black!important; border: 1px solid black!important; text-transform: uppercase!important;}
html .wpcf7-submit:hover{background: white!important; color: black; border: 1px solid black!important;}


.footer-container.container{display:none;}
.gdlr-navigation-wrapper .gdlr-main-menu > li > a{font-style: normal!important;}
.gdlr-menu-search-button-sep, .gdlr-menu-search-button{display: none;}


html .gdlr-header-inner, html .header-style-transparent .gdlr-fixed-header .gdlr-header-inner{background: none!important;}
html .gdlr-header-wrapper, html .body-wrapper{background: white!important;}


html .gdlr-navigation-gimmick{bottom: 44px!important; height:3px;}
html .gdlr-fixed-header .gdlr-navigation-gimmick{bottom: 43px!important;}


/* Solo desktop*/
@media only screen and (min-width: 767px) {
.content-wrapper{margin-top: 140px;}

#mfmenu{display:none!important;}

html .gdlr-logo {
  margin-left:0;
}

}



/* Correzione contenitori mobile - iPhone 12 */
@media only screen and (max-width: 520px) {

    .er-shell.container {
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .er-shell.container img {
        max-width: 100%;
        height: auto;
    }

}




/* Solo Mobile*/
@media only screen and (max-width: 767px) {

.dl-menuwrapper > .dl-menu{width: 100%!important;}
html body .gdlr-logo img{width:100px;}


html .gdlr-logo {
  text-align: left;
  width: 100%!important;
}

html body .gdlr-logo{
	width: 100%!important;
	max-width: 100%!important;
	padding-left:0!important;
	padding-right: 0 !important;
	margin: 0 !important;
}


/* Horizontal gutters belong to The Luxury .container, not to the entire main. */
.er-site.er-servizi-page .er-service-faq details:last-of-type {
  border-bottom: none!important;
}
.er-site.er-servizi-page .er-service-steps li:last-child {
    border-bottom: none !important;
}

}


#mfmenu{position: absolute; right: -5px; top: 45px; z-index:99;}
.dl-trigger{display: none!important;}


#nav-icon3 {
  width: 60px;
  height: 40px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span{
  display: block;
  position: absolute;
  height: 3px;
  width: 55%;
  background: black;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 10px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
}

#nav-icon3.open span:nth-child(1) {
  top: 20px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}





/* Scope all visual rules to ER's page content, not to The Luxury's site chrome. */
.er-site {
  --er-ink:#231f20; --er-gray:#777; --er-line:#e8e8e8;
  --er-paper:#fff; --er-light:#f3f3f3;
  font:16px/1.7 Arial,Helvetica,sans-serif;
  background:var(--er-paper);color:var(--er-ink);
  width:100%;min-width:0;overflow:hidden;
}
.er-site,.er-site *,.er-site *::before,.er-site *::after{box-sizing:border-box}
.er-site a{text-decoration:none;color:inherit}
.er-site img{max-width:100%;height:auto}
.er-site h1,.er-site h2,.er-site h3,.er-site p{margin-top:0}
.er-site h1{font-weight:400;line-height:0.8;letter-spacing:-.03em}
.er-site h2,.er-site h3{font-weight:400;line-height:1.13;letter-spacing:-.03em}
.er-site h1{font-size:clamp(42px,6vw,96px)}
.er-site h2{font-size:clamp(30px,4vw,62px)}
.er-site h3{font-size:clamp(21px,2.2vw,31px)}
.er-site p{margin-bottom:1.3em}
/* Shared with Luxury's header/footer: the parent .container handles tablet
   and mobile widths, side margins and responsive gutters. Avoid overriding its width. */
/* No width/max-width override on tablets or phones: follow Luxury exactly. */
.er-site .er-shell{margin-left:auto;margin-right:auto}
@media(min-width:1200px){.er-site .er-shell{max-width:1140px}}
.er-site .er-hero{padding:95px 0 65px}
.er-site .er-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--er-gray);margin-bottom:26px;display:block}
.er-site .er-lead{font-size:clamp(20px,2.2vw,31px);font-weight:300;line-height:1.42;max-width:750px}
.er-site .er-hero-media{background:var(--er-light);min-height:420px;aspect-ratio:16/7;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.er-site .er-hero-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.er-site .er-placeholder{font-size:11px;letter-spacing:.18em;color:#999;text-transform:uppercase}
.er-site .er-section{padding:110px 0}
.er-site .er-section.er-muted{background:var(--er-light)}
.er-site .er-split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.er-site .er-split>div{min-width:0}
.er-site .er-photo{background:var(--er-light);min-height:460px;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.er-site .er-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.er-site .er-button{display:inline-flex;align-items:center;gap:34px;border-bottom:1px solid var(--er-ink);font-size:12px;letter-spacing:.15em;text-transform:uppercase;padding:12px 0;transition:gap .25s}
.er-site .er-button:hover{gap:48px}
.er-site .er-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:45px}
.er-site .er-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px}
.er-site .er-project{display:block;min-width:0}
.er-site .er-project-image{aspect-ratio:4/3;background:var(--er-light);overflow:hidden;display:block}
.er-site .er-project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.er-site .er-project:hover img{transform:scale(1.04)}
.er-site .er-project h3{font-size:23px;margin:15px 0 4px}
.er-site .er-project-meta{color:var(--er-gray);font-size:12px;letter-spacing:.04em}
.er-site .er-page-head{padding-top:95px;padding-bottom:65px}
.er-site .er-copy{max-width:100%}
.er-site .er-copy p{line-height:1.9}
.er-site .er-copy a:not(.er-button){text-decoration:underline;text-underline-offset:3px}
.er-site .er-content{padding-bottom:110px}
.er-site .er-empty{padding:60px;background:var(--er-light);text-align:center;color:var(--er-gray)}
.er-site .er-pagination{margin-top:48px;display:flex;gap:14px;flex-wrap:wrap}
.er-site .er-pagination .page-numbers{padding:4px 12px;border:1px solid var(--er-line)}
.er-site .er-pagination .current{background:var(--er-ink);color:#fff}
.er-site.er-has-js .er-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
.er-site.er-has-js .er-reveal.er-visible{opacity:1;transform:none}

/* Portfolio single: Slurp's grid layout, not the former sidebar of images. */
.er-site .er-single-heading{padding-top:85px;padding-bottom:45px}
.er-site .er-single-heading h1{font-size:clamp(38px,5.5vw,78px);text-transform:uppercase;letter-spacing:.005em;margin:0 0 28px}
.er-site .er-breadcrumb{font-size:12px;color:var(--er-gray);display:flex;flex-wrap:wrap;align-items:center;gap:10px;line-height:1.65}
.er-site .er-breadcrumb a:hover{color:var(--er-ink);text-decoration:underline}
.er-site .er-breadcrumb [aria-current="page"]{color:var(--er-ink)}
.er-site .er-slurp-intro{display:grid;grid-template-columns:minmax(0,3fr) minmax(225px,1fr);gap:6%;align-items:start;padding-bottom:45px}
.er-site .er-slurp-description{font-size:16px;line-height:1.9;min-width:0}
.er-site .er-slurp-description p,.er-site .er-slurp-description li{font-size:inherit;line-height:1.9}
.er-site .er-slurp-description img{height:auto}
.er-site .er-slurp-details{min-width:0;padding-top:3px;font-size:14px;line-height:1.75;overflow-wrap:anywhere}
.er-site .er-slurp-fact{margin:0 0 6px}
.er-site .er-slurp-fact strong{font-weight:700;color:var(--er-ink)}
.er-site .er-slurp-fact a{text-decoration:underline;text-underline-offset:3px}
.er-site .er-press-kit{display:inline-block;background:var(--er-ink);color:#fff;padding:11px 19px;margin-top:26px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;transition:background .2s}
.er-site .er-press-kit:hover{background:#555;color:#fff}
.er-site .er-slurp-media{padding-top:15px;padding-bottom:90px}
.er-site .er-slurp-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.er-site .er-slurp-gallery-item{margin:0;aspect-ratio:4/5;background:var(--er-light);overflow:hidden}
.er-site .er-slurp-gallery-item img{display:block;width:100%;height:100%;object-fit:cover}
.er-site .er-slurp-reels{padding-top:5px;padding-bottom:80px}
.er-site .er-reels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}
.er-site .er-reel-item{min-width:0;overflow:hidden}
.er-site .er-reel-item .instagram-media{max-width:100%!important;min-width:0!important;width:100%!important;margin:0 auto!important}
.er-site .er-slurp-navigation{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;border-top:1px solid var(--er-line);padding-top:35px;padding-bottom:95px}
.er-site .er-slurp-navigation-col{min-width:0}
.er-site .er-slurp-next-project{display:flex;align-items:center;gap:14px;min-width:0}
.er-site .er-slurp-next-project img{width:72px;height:72px;object-fit:cover;flex-shrink:0}
.er-site .er-slurp-next-project span{min-width:0}
.er-site .er-slurp-next-project small{display:block;font-size:11px;color:var(--er-gray);text-transform:uppercase;letter-spacing:.08em}
.er-site .er-slurp-next-project strong{font-size:15px;line-height:1.4;font-weight:500;display:block}
.er-site .er-slurp-navigation-right{text-align:right}
.er-site .er-slurp-navigation-right .er-slurp-next-project{justify-content:flex-end}
.er-site .er-slurp-back{font-size:11px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--er-ink);padding-bottom:3px;white-space:nowrap}

@media(prefers-reduced-motion:reduce){
  .er-site.er-has-js .er-reveal{opacity:1;transform:none;transition:none}
  .er-site .er-project-image img{transition:none}
}
@media(max-width:900px){
  .er-site .er-slurp-intro{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:4%}
  .er-site .er-reels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .er-site .er-hero,.er-site .er-page-head{padding-top:60px;padding-bottom:40px}
  .er-site .er-hero-media{min-height:270px;aspect-ratio:4/3; max-width: 100%;}
  .er-site .er-section{padding:65px 0}
  .er-site .er-split,.er-site .er-slurp-intro{grid-template-columns:1fr;gap:34px}
  .er-site .er-photo{min-height:310px}
  .er-site .er-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .er-site .er-section-head{align-items:start;flex-direction:column}
  .er-site .er-slurp-details{order:1}
  .er-site .er-slurp-description{order:2}
  .er-site .er-single-heading{padding-top:58px;padding-bottom:32px}
  .er-site .er-slurp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .er-site .er-slurp-navigation{grid-template-columns:1fr 1fr}
  .er-site .er-slurp-back{grid-column:1/-1;grid-row:1;justify-self:center}
}
@media(max-width:520px){
  .er-site .er-grid{grid-template-columns:1fr}
  .er-site .er-slurp-gallery{gap:9px;grid-template-columns:1fr}
  .er-site .er-reels-grid{grid-template-columns:1fr}
  .er-site .er-slurp-navigation{gap:14px}
  .er-site .er-slurp-next-project img{width:48px;height:48px}
  .er-site .er-slurp-next-project strong{font-size:13px}
}

/* Horizontal menu when [menu] is used in The Luxury copyright. */
.er-inline-menu .er-inline-menu-list {display:flex!important;gap:8px 20px;flex-wrap:wrap;align-items:center;list-style:none!important;margin:0!important;padding:0!important}
.er-inline-menu .er-inline-menu-list>li {display:block!important;float:none!important;list-style:none!important;margin:0!important;padding:0!important}
.er-inline-menu .er-inline-menu-list>li>a {display:inline-block;padding:0;text-decoration:none}





/* Contact Form 7 inside the editable contact content. Layout and colors stay native. */
.er-site .wpcf7, .er-site .wpcf7 form, .er-site .wpcf7-form-control-wrap {max-width:100%}
.er-site .wpcf7 input:not([type="checkbox"]):not([type="radio"]),
.er-site .wpcf7 select, .er-site .wpcf7 textarea {max-width:100%;box-sizing:border-box}

/* Compact vertical rhythm on phones; do not introduce horizontal padding. */
@media(max-width:767px){.er-site .er-section{padding-top:50px;padding-bottom:50px}}

/* Center portfolio titles over the photographs on desktop listings. */
@media (min-width:1025px){
  .er-site.er-project-titles-overlay .er-project{position:relative}
  .er-site.er-project-titles-overlay .er-project-image{position:relative}
  .er-site.er-project-titles-overlay .er-project-image::after{
    content:"";position:absolute;inset:0;background:rgba(0,0,0,.3);pointer-events:none;
  }
  .er-site.er-project-titles-overlay .er-project h3{
    position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;
    box-sizing:border-box;margin:0;padding:24px;color:#fff;text-align:center;
    overflow-wrap:anywhere;text-shadow:0 1px 5px rgba(0,0,0,.35);
  }
}