p {
    font-family: 'Montserrat';
}

.barra-topo .container p {
    margin: 0px;
    font-size: 11px;
    padding: 6px;
    font-weight: 500;
    text-align: right;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat';
}


.barra-topo .container p a {
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Montserrat';
}

.barra-topo {
    background: #7ac7df;
}


nav a {
    color: #5ba5bd !important;
    font-family: 'Montserrat';
}

.navbar .menu-block {
    text-align: center;
}


nav a:hover, nav a:active {
    color: #377387!important;
}

.sacola-compras i {
    margin-left: 6px;
    margin-top: 14px;
    font-size: 28px;
    color: #5ba5bd;
}
.head-menu {
    background: #eaf3f8;
}


button.menu-mobile-topo i {
    padding-top: 0px !important;
    margin: 0px !important;
    font-size: 19px!important;
    color: #fff;
}

button.menu-mobile-topo {
    height: 32px;
    width: 36px;
    padding: 0px;
    margin-left: 25px;
    border-radius: 5px;
    border: 0px;
    background: #7ac7df;
}



@media screen and (min-width: 901px) {
button#menu-head-mob {
    display: none;
}
}


@media screen and (max-width: 901px) {
.head-menu {
    max-width: 50%;
    margin-left: 25%;
    display: block;
    z-index: 100;
    position: absolute;
    background: #eaf3f8;
    border-radius: 10px !important;
}
.margem-head {
    display: none;
}

.navbar .menu-block {
    margin-bottom: 12px; } 

.logopaginatopo {
    width: 50% !important;
}



.sacola-compras {
    width: 50% !important;
    text-align: right;
}


}







/* base link */
nav .nav-link {
  position: relative;
  display: inline-block;      /* makes positioning sane */
  text-decoration: none;
  padding: 0 12px;            /* your padding */
  --u-pad: 12px;              /* match the padding value */
}

/* center-out underline that ignores the padding area */
nav .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;                  /* bottom of the link box */
  left: 50%;
  right: 50%;
  height: 2px;                /* thickness */
  background: #d1e0e9;
  transition: left 200ms ease, right 200ms ease;
  pointer-events: none;
}

nav .nav-link:hover::after,
nav .nav-link:focus-visible::after {
  left: var(--u-pad);         /* start of actual text area */
  right: var(--u-pad);        /* end of actual text area */
}
















h1, h2, h3, h4 {
    font-family: "Manrope", sans-serif;
} 

h1 {

    font-weight: bold!important;
    font-size: 45px!important;
    margin-top: 10px!important;
    margin-bottom: 25px!important;
} 



.infodataorg{
    font-family: "Manrope", sans-serif;
    font-size: 13px!important;
    line-height: 25px!important;
} 



span.close-menu-mob {
    display: none;
}





@media screen and (min-width: 901px) {
    
nav#mobileMenu {
    margin-bottom: 16px;
    margin-top: 8px;
}
    
    #mobileMenu {
        background-color: transparent !important;
        border-radius: 10px;
    }
    
    
    a.nav-link.a-nav-level-1 {
    color: #e8e8e8;
}


}




@media screen and (max-width: 900px) {
    
    
    
header.container {
    margin-bottom: 16px;
}    

form.searchbloco {
    margin-bottom: 5px;
    margin-top: 8px;
}
 
  
.dropdown-toggle::after {
    border-top: unset!important;
}  
    
.container-fluid {
    background: #be373b !important;
}    

.nav-level-1 .a-nav-level-1::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* 900 for solid icons, 400 for regular */
  content: "\f105";
  margin-left: 0.5em;
  display: inline-block;
  float: right;
}

.nav-level-1 .a-nav-level-1 {
    color: #fff;
        font-weight: 400;
        font-size: 26px;
        font-family: "Philosopher", sans-serif;
        font-weight: 600;
}


nav .nav-level-1 ul li a {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}


ul.dropdown-menu {
    background: #be373b;
    position: relative;
    float: unset;
    display: block;
    z-index: unset;
    min-width: unset;
    margin-left: 15px;
    padding: unset;
    
    border: unset;
    top: 0px;
    margin-top: 0px !important;
        
    max-width: 300px;
 
}



ul.dropdown-menu li a {
    font-family: "Philosopher", sans-serif;
    font-size: 25px !important;
}



ul.dropdown-menu .dropdown-item:active, ul.dropdown-menu .dropdown-item:hover {
    background: #ffffff;
    color: #74993b;
}
    
span.close-menu-mob {
    position: absolute;
    top: 50px;
    right: 20px;
    border-radius: 10px;
    width: 35px;
    font-size: 22px;
    text-align: center;
    height: 35px;
    color: #fff;
    float: right;
    z-index: 1000000 !important;
    display: block;
    border: 1px solid #aeaeae;
    box-shadow: 3px 3px 3px #842326;
}
    
    
    
nav.container.navbar {
box-shadow: #61545440 3px 3px 3px;
    padding-top: 50px;

    position: fixed;
    z-index: 20;
    width: 100%;
    height: 110%;
    background: #be373b !important;
    top: 0px;
    padding-top: 20px !important;
        padding-left: 30px !important;
    
    
    
} 


nav .container-fluid::before {
  content: "";
  display: block;
  width: 200px;
  height: 90px; /* adjust according to your logo’s aspect ratio */
  background-image: url('/rev-img/olivers-recipes-white-logo.png'); /* relative or absolute URL */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px; /* spacing between logo and nav content */
}
    

nav .nav-level-1 {
    padding-inline: 0px;
}


.dropdown-item::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  margin-left: 0.5em;
}



/* Specific icons for each item */
.appetizers::after {
    float: right;
  content: "\f2e7"; /* fa-utensils */
}

.breakfast::after {
    float: right;
  content: "\f7b6"; /* fa-mug-hot */
}

.main-dishes::after {
    float: right;
  content: "\f2e7"; /* fa-utensils again for main dishes */
}

.sides::after {
    float: right;
  content: "\f787"; /* fa-carrot */
}

.desserts::after {
    float: right;
  content: "\f810"; /* fa-ice-cream */
}

.drinks::after {
    float: right;
  content: "\f4e3"; /* fa-wine-glass */
}

ul.dropdown-menu li {
    border-bottom: 1px solid #ac7678 !important;
}



.col-md-6.inginstru {
    margin-top: 28px;
}



}













@media screen and (max-width: 901px) {


/* start hidden */
#mobileMenu { display: none; }

/* show while opening or closing so animations run */
#mobileMenu.menu-opening,
#mobileMenu.menu-closing,
#mobileMenu.is-open { display: block; }

/* open state after animation */
#mobileMenu.is-open { opacity: 1; transform: translateY(0); }

/* animations */
#mobileMenu.menu-opening {
  animation: slideDown 200ms ease-out forwards;
}
#mobileMenu.menu-closing {
  animation: slideUp 150ms ease-in forwards;
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-12px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes slideUp {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(-12px); }
}

/* prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  #mobileMenu.menu-opening,
  #mobileMenu.menu-closing { animation-duration: 1ms; }
}



}



@media (min-width: 1200px) {
header.container {
    max-width: 1300px!important;
}
}



header.container {
    background: rgb(255 255 255 / 15%);
}


    a.nav-link {
        color: #e8e8e8;
        font-size: 14px;
        padding: 0px;
        text-align: center;
    }
    

.langpten {
    padding-top: 15px;
    font-size: 12px;
    text-align: right;
    color: #fff;
}

.dropdownpad {
    padding: 0px!important;
}



.wallpaper-video {
    min-height: 800px;
}


.dropdown-toggle::after {
    display: none!important;
}