:root{
  --murna-black:#000000;
  --murna-white:#ffffff;
  --murna-gold:#B89A5A;
  --murna-gray:#a7a7a7;
}

html{scroll-behavior:smooth}
body,#page-container,#main-content,.et-l--body{background:#000!important;color:#fff}

/* One-page: il menu e il footer sono contenuti nel layout Divi */
#main-header,#top-header,#main-footer,footer.et-l--footer{display:visible!important}
#page-container{padding-top:0!important}
#main-content{margin-top:0!important}


/* SHOWCASE HERO*/

/* Elimina margini/padding indesiderati attorno ai moduli MURNA */
.murna-hero-block,
.murna-section-block{box-sizing:border-box}


.showcase {
  min-height: 100vh;
  min-height: 100dvh;
	    display: flex;
    flex-direction: column;
}
.showcase > .et_pb_row {
    flex: 1;
    display: flex;
    width: 100%;
    align-items: stretch;
}
.showcase > .et_pb_row > .et_pb_column {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.showcase .et_pb_text {
    flex: 1;
    display: flex;
    flex-direction: column;
}
/* INNER DEL MODULO TESTO */
.showcase .et_pb_text_inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}


/* HERO: esce dal contenitore Divi e occupa sempre tutta la viewport */
.showcase .murna-hero-block {
  position: relative;
  width: 100%;
  overflow: hidden;

  display: flex;
  align-items: center;
  justify-content: center;
   flex: 1;
     flex-direction: column;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
    justify-content: space-between;
}








.murna-page-nav{
  position:absolute;
  z-index:5;
  top:0;left:0;right:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:28px 5vw;
  font-size:11px;
  letter-spacing:.18em;
}
.murna-page-nav a{color:#fff!important;text-decoration:none!important;transition:color .2s ease}
.murna-page-nav a:hover{color:var(--murna-gold)!important}
.murna-nav-brand{font-weight:700;letter-spacing:.34em}
.murna-nav-links{display:flex;gap:28px}

.murna-hero-content{
  position:relative;
  z-index:2;
  width:100%;
  padding:100px 24px;
  text-align:center;
}
.murna-hero-logo{
  display:block;
  width:min(650px,72vw);
  height:auto;
  margin:0 auto;
  /*filter:brightness(0) invert(1);*/
filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 9));
}
.murna-payoff{
  margin-top:34px;
  color:var(--murna-gold);
  font-size:clamp(11px,1vw,15px);
  font-weight:500;
  letter-spacing:.52em;
filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 9));
}
.murna-scroll{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  color:var(--murna-gold)!important;
  text-decoration:none!important;
  font-size:26px;
}

/* SEZIONI */
.murna-section-block{
  position:relative;
  /*left:50%;*/
  /* width:100vw;*/
  /*margin-left:-50vw;*/
  color:#fff;
  /*padding:120px max(7vw,28px); */
  font-family:Arial,Helvetica,sans-serif;
}
.murna-inner{width:min(1180px,100%);margin:0 auto}
.murna-kicker{
  margin-bottom:28px;
  color:var(--murna-gold);
  font-size:12px;
  letter-spacing:.45em;
}
.murna-title{
  max-width:980px;
  margin:0 !important;
  color:#fff!important;
  font-size:clamp(38px,5.5vw,78px)!important;
  font-weight:700!important;
  line-height:1.02!important;
  letter-spacing:-.025em;
}
.murna-copy{
  max-width:820px;
  color:#b5b5b5;
  font-size:clamp(17px,1.5vw,21px);
  line-height:1.75;
}
.murna-copy p{margin:0 0 1.25em}
.murna-copy strong{color:#fff;font-weight:500}
.murna-rule{
  height:1px;
  margin-top:75px;
  background:linear-gradient(90deg,var(--murna-gold),rgba(184,154,90,0));
}
.murna-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.murna-placeholder{
  min-height:340px;
  border:1px solid #222;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  color:#555;
  letter-spacing:.2em;
  text-align:center;
}
.murna-gold{color:var(--murna-gold)}
.murna-live-row{
  display:grid;
  grid-template-columns:180px 1fr 1fr;
  gap:24px;
  padding:25px 0;
  border-top:1px solid #222;
  border-bottom:1px solid #222;
}
.murna-contact{text-align:center;padding-top:150px;padding-bottom:0px}
.murna-contact .murna-title,.murna-contact .murna-copy{margin-left:auto!important;margin-right:auto!important}
.murna-contact a{color:#fff!important;text-decoration:none!important;border-bottom:1px solid var(--murna-gold)}

@media(max-width:767px){
  .murna-hero-block{

  .murna-page-nav{padding:22px}
  .murna-nav-links{display:none}
  .murna-hero-logo{width:84vw}
  .murna-payoff{margin-top:24px;font-size:10px;letter-spacing:.34em}
  .murna-section-block{padding:85px 24px}
  .murna-grid,.murna-live-row{grid-template-columns:1fr}
}