/*
Theme Name: enea_abc
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: A blank starter theme called enea_abc.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: enea_abc
*/
body {
    font-family: "Figtree", sans-serif;
    font-size: 20px;
}

a {
    color: #052123;
    text-decoration: none;
}

.verde {
    background: #052123;
}

.fw-300 {
    font-weight: 300 !important;
    line-height: 2.2em;
}

section.miscela {
    background: url(https://www.enealavorazionicaffe.it//wp-content/uploads/2025/06/img_lavorazione-1.svg) no-repeat;
}

h4.orange {
    color: #e48358;
    letter-spacing: 5px;
    font-weight: bold;
    font-size: 1em;
}

@media (min-width: 1024px) {
    .desktopwhite {
        color: white !important;
    }
}

img {
    max-width: 100%;
}


.extramargin {
    margin-top: -8em;
}

.text-uppercase {
}

h3.superbold {
    color: #e48257;
}

h1.display-3 {
    color: #1b3f41;
}

.intro {
    background: url(https://www.enealavorazionicaffe.it//wp-content/uploads/2025/06/section_1.svg) no-repeat;
    background-position: right;
    background-size: 90%;
}

button.navbar-toggler {
    border: 0;
}

 @media (min-width: 768px) {
      .intro img {
        max-width: 78%;
        height: auto;
        float: right;
      }
	 .vh-100 {
    height: auto !important;
}

    }

.vh-100 {
    height: 100vh !important;
}

@media (max-width: 767px) and (orientation: portrait) {
    .vh-100 {
        height: auto !important;
    }
}


/* Full height section */
.video-section {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

/* Video styles */
.video-section video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Overlay */
.video-overlay {
  background: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
}

/* Centered content over video */
.video-content {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Play icon style */
.video-play-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgb(255 255 255 / 10%);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease;
  text-decoration: none;
}

.video-play-icon:hover {
  transform: scale(1.1);
}

.video-play-icon svg {
  width: 32px;
  height: 32px;
  fill: #E1854E; /* your brand orange */
}

/* Scroll-down container */
.scroll-down {
  display: flex;
  justify-content: center;
  padding-bottom: 4em;
  z-index: 3;
}

/* Position it at the bottom */
.video-overlay {
  background: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* move content to bottom */
}

/* Arrow icon */
.scroll-down a {
  color: #E1854E;
  font-size: 2rem;
  animation: bounce 2s infinite;
  text-decoration: none;
}

/* Bounce animation for arrow */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(10px); }
  60% { transform: translateY(5px); }
}

.nav-link {
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 1.1rem;
}

.nav-link:hover {
  color: #E1854E;
}

.navbar-brand {
  margin: 0;
}

.language-switcher img {
  height: 24px;
  width: auto;
}

@media (min-width: 992px) {
  .navbar-nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    align-items: center;
    text-align: center;
    gap: 0;
  }
  .navbar-nav > .nav-item {
    margin: 0;
  }
  .navbar-nav > .nav-item.d-none.d-lg-block {
    justify-self: center;
  }
}

/* --- Personalizzazione Section Styles --- */
.personalizzazione-section {
     /* Make it full height */
    overflow: hidden;
    position: relative;
    display: flex; /* Use flexbox for vertical centering */
    flex-direction: column; /* Stack children vertically */
}

.personalizzazione-section .background-image {
    top: 0;
    left: 0;
    background-image: url(https://www.enealavorazionicaffe.it//wp-content/uploads/2025/07/img_personalizzazione.svg); /* **CHANGE THIS TO YOUR IMAGE URL** */
    background-size: cover;
    background-position: top;
    z-index: 1; /* Below the overlay */
    height: 840px;
}

.personalizzazione-overlay {
     /* Dark overlay */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; /* Above the background image */
    display: flex;
    flex-direction: column; /* Stack navigation and content vertically */
}

.personalizzazione-content {
  flex-grow: 1; /* Allows content to take up remaining space */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3; /* Above the overlay */
   /* Add some padding */
}

@media (min-width: 1200px) {
    .display-3
 {
        font-size: 3rem !important;
        color: #1d4446;
    }
}

.nobr br {
    display: none;
}
.lavorazione {
    height: 100vh;
    background: url(https://www.enealavorazionicaffe.it//wp-content/uploads/2025/07/lavorazione-hero-phone.png) no-repeat;
    background-size: cover;
    background-position: 0% 17%;
}
.colorata {
    background: url(https://www.enealavorazionicaffe.it//wp-content/uploads/2025/07/bg_arabica.svg) no-repeat;
    background-size: cover;
}
.no-br br {
    display: none !important;

}

.colorata2 {
    background: url(https://www.enealavorazionicaffe.it//wp-content/uploads/2025/07/bg_robusta.svg) no-repeat;
    background-size: cover;
}

@media (max-width: 768px) {
    .colorata2 {
        background: url('https://www.enealavorazionicaffe.it//wp-content/uploads/2025/07/bg_robusta-mobile.svg') no-repeat;
        background-size: cover;
    }
}

.colorata3 {
    background: url(https://www.enealavorazionicaffe.it//wp-content/uploads/2025/07/img_raccolta-scaled.png);
    background-size: cover;
    height: 109vh;
    margin-top: -16px;
}

@media (max-width: 768px) {
  .colorata3 {
    background: none;
    height: auto;
    margin-bottom: 3em;
  }
  .mb-5{
 
    margin-bottom: 1em !important;
  }
    .colorata3 img{
 
    margin-top: -4em;
  }
	
	.sacchi{
 
    padding: 2em 1em;
  }
	
}

section.onda {
    background: url(https://www.enealavorazionicaffe.it/wp-content/uploads/2025/07/section-2.svg);
    background-size: cover;
    background-position: top;
    height: 108vh;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 3.5rem !important;
}

section.fine {
    background: url(https://www.enealavorazionicaffe.it//wp-content/uploads/2025/06/chisiamo_4-scaled.png);
    background-size: cover;
}

.perche {
    background: url(https://www.enealavorazionicaffe.it//wp-content/uploads/2025/06/chisiamo_1.svg) no-repeat;
    background-size: cover;
    background-position: bottom;
}

@media (max-width: 991.98px) {

	section.d-flex.perche.mobilecustom.text-white.align-items-center.vh-100 {
    background: url(https://www.enealavorazionicaffe.it/wp-content/uploads/2025/06/chisiamo_1.svg);
    background-size: cover;
    background-position: right;
    height: 1132px !important;
}
	.mobiletop {
    padding-top: 8em;
  }
	
	.mobiletop2 {
    margin-top: 2em;
}
	section.miscela {
    padding: 3em 0em;
    background: none;
}
	
section.d-flex.intro.align-items-center.vh-100 {
    padding: 3em 0em;
}	
	
	.mobiletop3 {
    padding-top: 3em;
}
	section.fine {
    background: url(https://www.enealavorazionicaffe.it//wp-content/uploads/2025/07/img_raccolta-tablet-2.png);
    background-size: cover;
    padding: 3em 0em 7em 0em;
}
	
.p-5 {
    padding: 0rem !important;
}	
	.personalizzazione-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 3;
    padding: 1em;
    color: black !important;
}
	
	.personalizzazione-section .background-image {
    top: 0;
    left: 0;
    background-image: url(https://www.enealavorazionicaffe.it//wp-content/uploads/2025/07/img_personalizzazione.svg);
    background-size: contain;
    background-position: top;
    z-index: 1;
    height: 630px;
    background-repeat: no-repeat;
}
	h2.text-uppercase {
    color: #062223 !important;
}
	
	h2.text-uppercase.fw-bolder.display-3.mb-4.text-white {
    color: white !important;
}
	
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none !important;
}

.nav-link:focus, .nav-link:hover {
    color: #e48358 !important;
}

section.d-flex.perche.mobilecustom.text-white.align-items-center.vh-100 {
    background: url(https://www.enealavorazionicaffe.it/wp-content/uploads/2025/06/chisiamo_1.svg);
    background-size: cover;
    background-position: bottom;
}

.sacchi {
    height: 72vh;
}