/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

@media (max-width: 991px) {
  .inverse {
      display: flex;
      flex-direction: column-reverse;
  }
}

@media (min-width: 1024px) {
  .center-text-image {
      display: flex;
      align-items: center;
  }
}

/* === MARQUEE === */
.marquee {
    padding: 20px 0;
    border-top: 1px solid rgba(245, 240, 235, 0.06);
    border-bottom: 1px solid rgba(245, 240, 235, 0.06);
    overflow: hidden;
}
.marquee-track {
    display: flex;
    align-items: center;
    gap: 0;
    animation: marqueeScroll 20s linear infinite;
    white-space: nowrap;
    width: max-content;
}
.marquee-track span {
    font-family: 'Syne', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: rgba(245, 240, 235, 0.3);
    padding: 0 20px;
}
.marquee-dot {
    width: 4px !important;
    height: 4px;
    min-width: 4px;
    border-radius: 50%;
    background: #a11b1c !important;
    display: inline-block;
    padding: 0 !important;
}
@keyframes marqueeScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.hero{
position:relative;
width:100%;
height:750px;
overflow:hidden;
background:#000;
}

/* hide radios */

.hero input{
display:none;
}

/* slides */

.hero-slide{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
align-items:center;
padding-left:100px;
background-size:cover;
background-position:center;
opacity:0;
transition:opacity 1s ease;
}

/* image */

.slide-1{
background-image:url("https://madamegusto.be/wp-content/uploads/2026/03/Madame-Gusto-–-homemade-snacks.jpg");
}

.slide-2{
background-image:url("https://madamegusto.be/wp-content/uploads/2026/03/madamegusto.jpg");
}

.slide-3{
background-image:url("https://madamegusto.be/wp-content/uploads/2026/03/paninis.jpg");
}

/* manual navigation */

#slide1:checked ~ .hero-slides .slide-1{opacity:1;}
#slide2:checked ~ .hero-slides .slide-2{opacity:1;}
#slide3:checked ~ .hero-slides .slide-3{opacity:1;}

/* overlay */

.hero-overlay{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:linear-gradient(to right,rgba(0,0,0,0.85),rgba(0,0,0,0.3));
}

/* content */

.hero-content{
position:relative;
z-index:2;
max-width:650px;
}

/* title */

.hero-title{
color:#fff;
font-size:50px;
line-height:1.1;
margin-bottom:30px;
}

.hero-title em{
color:#891717;
}

/* buttons */

.hero-actions{
display:flex;
gap:15px;
}

.btn{
padding:14px 30px;
border-radius:10px;
font-size:14px;
font-weight:600;
text-decoration:none;
transition:0.3s;
}

.btn-filled{
background:#891717;
color:#fff;
border:2px solid #891717;
}

.btn-outline{
border:2px solid #fff;
color:#fff;
}

/* navigation */

.hero-nav{
position:absolute;
right:40px;
top:50%;
transform:translateY(-50%);
display:flex;
flex-direction:column;
gap:15px;
z-index:3;
}

.hero-dot{
width:50px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
border:1px solid rgba(255,255,255,0.3);
color:#fff;
cursor:pointer;
transition:0.3s;
}

.hero-dot:hover{
background:#891717;
border-color:#891717;
}


.menu-button a {
background: #a11b1c; 
color: #fff !important;
padding: 12px 28px !important;
font-weight: 700;
letter-spacing: 0.5px;
transition: all 0.3s ease;
display: inline-flex;          
align-items: center;   
border-radius: 8px;
justify-content: center;       
height: 100%;                  
line-height: 1.4;     
font-family: 'Poppins', serif; 
}

@media (min-width: 981px) {
  .et_header_style_left .et-fixed-header #et-top-navigation {
      padding-top: 20px;
      padding-bottom: 20px;
  }
}

.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
  color: #a11b1c;
}

.et_mobile_menu {
border-top: 3px solid #a11b1c;
}

.et-fixed-header #top-menu .menu-button a {
  color : #fff !important;
}