@charset "utf-8";
/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Proza+Libre:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');


/* VARIABILI */
:root {
  --black: #1e1e1e;
  --text: #180E08;
  --primary: #996F35;
  --secondary: #D79A54;
  --gradient-1: linear-gradient(110deg, rgba(215, 129, 0, 0.70) 2.78%, rgba(151, 110, 53, 0.53) 58.48%, rgba(215, 129, 0, 0.07) 72.66%, rgba(151, 110, 53, 0.60) 100%);
}


body,
html {
  font-family: 'Proza Libre', sans-serif;
  color: var(--text);
  font-size: 18px;
}

a {
  color: var(--text);
}

a,
button {
  transition: all 0.3s ease;
}

a.btn-outline-primary {
  text-decoration: none !important;
}

h1 {
  font-family: 'Cormorant', serif ;
  font-weight: 700 !important;
  color: white !important;
}

.home-page h2{
  font-family: 'Proza Libre', sans-serif !important;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

h2, h3, h4, h5, h6 {
  font-family: 'Cormorant', serif ;
  font-weight: 700;
}


.box {
border: 3px solid transparent;
border-image: url(../img/sfondo-sfumato.svg) 1 round;
background: linear-gradient(111deg, rgba(24, 14, 8, 0.54) 1.21%, rgba(24, 14, 8, 0.09) 100%);
backdrop-filter: blur(15px);
color: white;
padding: 2em !important;

}

.navbar {
border-bottom: 3px solid transparent;
border-image: url(../img/border-sfumato.svg) 1 round;
background: linear-gradient(111deg, rgba(24, 14, 8, 0.54) 1.21%, rgba(24, 14, 8, 0.09) 100%);
backdrop-filter: blur(15px);
color: white;
}

.navbar a {
  color: white;
}

.navbar a:hover {
  text-decoration: underline;
}

a.nav-link:not(#menu-item-276 a.nav-link), a.nav-link:not(#menu-item-275 a.nav-link){
  padding: 18px 20px;
  padding-right: 0;
    padding-left: 20px !important;
    font-size: 16px;
}

.nav-link.active, .navbar a.active {
  color: var(--secondary) !important;
}

.loghi-footer, .border-sfumato  {
  border-top: 5px solid transparent;
  border-image: url(../img/border-sfumato.svg) 1 round;
}

.footer {
  background: var(--black);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: white;
  font-size: 16px;
}


/* SCROLL TO TOP BUTTON */

#scrollToTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 54px;
  height: 54px;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;  
  transition: all 0.3s ease;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

#scrollToTop.visible {
  opacity: 1;
  visibility: visible;
}

#scrollToTop:hover,
.vc_btn3:hover,
.btn-primary:hover,
.salesforce-form-container .submit-button:hover,
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover,
a.ls-layer-link:hover,
.btn-outline-primary:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}

#menu-menu-legal-it,
#menu-menu-legal-en {
  display: inline-block;
  font-weight: 600;
}

#menu-menu-legal-it a,
#menu-menu-legal-en a {
  color: white !important;
}

.hero {
  background-image: url(../img/sfondo-interno.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.page-id-17 .hero, .page-id-31 .hero{
  background-image: url(../img/sfondo.jpg) !important; 
  background-size: cover;
  background-repeat: no-repeat;
}

.privacy-policy .hero{
    background-image: url(../img/sfondo-2.jpg) !important;
}


.home-page {
  min-height: calc(100dvh - 130px);
}

.btn {
  border-radius: 0;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary);
    --bs-btn-active-border-color: var(--primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: grey;
    --bs-btn-disabled-border-color: grey;
    border-radius: 0;
}

#menu-item-276 a.nav-link, #menu-item-275 a.nav-link{
    background-color: var(--secondary);
    color: var(--text) !important;
    font-size: 16px;
    padding: 18px 25px !important;
    background-image: linear-gradient(#0000, #0000001a 50%, #0000001a);
}

#menu-item-276 a:hover, #menu-item-275 a:hover {
  text-decoration: underline;
}