/* Theme Name: DVZ lex
Author: conversa
Author URI: conversa.it
Version: 1.0 */

body {
  background: #fff;
  color: #4D4D4F;
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 18px;
}

body b,
body strong {
  font-weight: 700;
}

body i,
body em {
  font-style: italic;
}

h1, .h1,
h2, .h2 {
  font-family: 'Merriweather', serif;
}

h1, .h1 {
  font-size:2rem;
  line-height: 3rem; 
  font-weight: 400;
} 

h2, .h2 {
  font-size: 2.25rem;
  font-weight: 500;
  color: #000;
} h2 a {
  color: #000;
  text-decoration: none;
}


h3, .h3 {
  font-size: 1rem;
  font-weight: 300;
  color: #4D4D4F;
  text-transform: uppercase;
}

p a {
  color: #428bca;
  text-decoration: none;
} p a:hover {
  color: #2a6496;
  text-decoration: underline;
}

ul {
  list-style-type: none;
  margin:0; padding: 0;
} ul li {
  margin:0; padding: 0;
}

.container {
  max-width: 1170px;
}

.bg-grey {
  background-color: #D7D9DA;
}

.mix-blend-multiply {
  mix-blend-mode: multiply;
}

.image-divider {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; /* Evita che l'immagine esca dai bordi */
  margin: 0;
}

.image-divider img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover; /* Mantiene le proporzioni e riempie lo spazio */
}

.min-300 {
    min-height: 330px; /* Altezza minima */
}

footer {
  background-color: #333334;
  color: #CBCDCE;
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: uppercase;
} footer span,
  footer a {
  color: #009DBB;
  text-decoration: none;
}

.featured-image.position-center-top {
  object-position: 60% top;
}
.featured-image.position-center-center {
  object-position: 70% center;
}
.featured-image.position-right-center {
  object-position: 90% center;
}


nav#primary-menu {
  border-bottom: 1px #A1A3A6 solid;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-decoration: none;
} nav#primary-menu a {
  font-family: 'Montserrat', sans-serif;
  color: #414042;
  font-weight: 500;
  display: block;
  text-decoration: none;
  letter-spacing: 4px;
  font-size: 1rem;
} nav#primary-menu li a.active,
  nav#primary-menu li a:hover {
  background-color: #009FB4;
  color: #fff;
} 

nav#secondary-menu {
  border-bottom: 1px #A1A3A6 solid;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-decoration: none;
} nav#secondary-menu a {
  display: block;
  color: #777;
  text-decoration: none;
} nav#secondary-menu li a.active,
  nav#secondary-menu li a:hover {
  color: #333;
} 

#hamburger {
  border: 1px #ddd solid;
  border-radius: 4px;
  padding: 5px 10px 9px 10px;
} #hamburger span {
  display: block;
  background-color: #888;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  margin-top: 4px;
}
  

/* tpl-homepage */
.page-template-tpl-homepage .bold-blue strong {
  color: #009FB4;
} 
.page-template-tpl-homepage .bold-first-black p:first-of-type strong {
  color: #4d4d4f;
} 

.page-template-tpl-homepage header {
  background: url("assets/images/bg-home.png") no-repeat center center;
  background-size: cover;
  color: #fff;
} .page-template-tpl-homepage header .row {
  min-height: 600px; 
  align-content: space-evenly;
}

.page-template-tpl-homepage #intro {
  font-family: 'Merriweather', serif;
  font-size: 1.11rem;
  font-size: 400;
} .page-template-tpl-homepage #intro strong {
  color:#009FB4;
}

.page-template-tpl-homepage #avvocati {
  font-family: "Inter", sans-serif;
} .page-template-tpl-homepage #avvocati h2{
  font-size: 1.5rem;
  font-weight: 400;
} .page-template-tpl-homepage #avvocati h2:after {
  content: '';
  display: block;
  width: 100px;
  height: 2px;
  background-color: #009FB4;
  margin: 1em auto;
}

.page-template-tpl-homepage #settori .settori-link {
  font-size:0.95rem;
  letter-spacing: 0;
} .page-template-tpl-homepage #settori .settori-link a {
  color: #414042;
  text-transform: uppercase;
  text-decoration: none;
} .page-template-tpl-homepage #settori .settori-link a img {
  margin-bottom: 1rem;
}

/* .page-template-tpl-homepage #studi .img-container {
  min-height: 300px;
} 
.page-template-tpl-homepage #studi .img-container img {
  width: 100%;
  height: 100%;
  min-height: 300px;
  display: block;
  object-fit: cover;
  object-position: center;
} */
.page-template-tpl-homepage #studi h2 {
  font-weight: 400;
} .page-template-tpl-homepage #studi strong {
  color: #009FB4;
}


/* tpl-lawyers */
.page-template-tpl-lawyer header {
  color: #009FB4;
} .page-template-tpl-lawyer header .row {
  min-height: 600px; 
  align-content: space-between;
} 
.page-template-tpl-lawyer header img.big-logo {
  max-width: 60px;
}

.page-template-tpl-lawyer #esperienze a {
  cursor: pointer;
  color: #1c2334;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2px;
} .page-template-tpl-lawyer #esperienze a:hover {
  background: #212127;
  outline: 1px dashed #555352;
  outline-offset: -6px;
  color: #8A8A8A;
}
 

.page-template-tpl-lawyer #attivita h3 {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

.page-template-tpl-lawyer #ricerca {
  background-color: #f1f1f1;
} 
.page-template-tpl-lawyer #scritti {
  background-color: #212127;
  color: #8A8A8A;
  outline: 1px dashed #4B4846;
  outline-offset: -6px;
} .page-template-tpl-lawyer #scritti h2 {
  color: #fff;
} .page-template-tpl-lawyer #scritti h3 {
  font-family: 'Merriweather', serif;
  font-size: 1.5rem;
  color: #fff;
  text-transform: none;
} 

.page-template-tpl-lawyer #contatti {
  background-color: #f1f1f1;
} 

/* BREAKPOINTS */
/*
X-Small	None	<576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1400px 
*/


@media (min-width: 768px) {
  h1, .h1 {
    font-size: 2.66rem;
    line-height: 3rem;
    letter-spacing: 5px;
  }
  .page-template-tpl-lawyer header .row {
  min-height: 700px; 
}
  .page-template-tpl-lawyer header img.big-logo {
    max-width: 120px;
  }

}

@media (min-width: 992px) {
  .gutter-6 {
    --bs-gutter-x: 6rem;
  }
  .page-template-tpl-lawyer header .row {
    min-height: 800px; 
  }
  .page-template-tpl-lawyer header img.big-logo {
    max-width: 182px;
}

}