@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Fira+Sans:wght@200;400;600&display=swap');

/* colores */
:root{
    --color-green: #BACF47;
    --color-black: #000000;
    --color-red: #D8232A;
    --color-white: #FFFFFF;

    font-family: 'Caveat Brush', cursive;
    font-family: 'Fira Sans', sans-serif; 
}
html{
    scroll-behavior: smooth;
    /* outline: 1px solid red; */
}

.metro_header.header-1.can-sticky .metro_header-bottom{
    display: block;
}
.metro_header.header-1.can-sticky .metro_header-middle{
    position: fixed;
    z-index: 400;
    width: 100%; 
    display: none;
}
    /* display: none; */

@media screen and (max-width: 892px) {
    /* headre mobile ini */
    .metro_header.header-1.can-sticky .metro_header-bottom{
        display: none;
    }
    .metro_header.header-1.can-sticky .metro_header-middle{
        position: fixed;
        z-index: 400;
        width: 100%; 
        display: block;
        border-bottom: 1px solid;
    }
    .metro_header-controls{
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;   
    }
    /* headre mobile fin */

    .metro_banner.banner-2,#headerRecipes,#recipesSearch{
        margin-top: 3.8rem;
    }
}

/* header prin ini */
.metro_header-bottom-sm li a{
    opacity: 1;
}

.metro_header-bottom-sm li a .fab{
    color: var(--color-black);
    font-size: 1.3rem;
}
header .metro_header-bottom-inner a#btnHeader{
    line-height: 1;
    border-radius: 30px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;


}
/* header prin fin */



.metro_header-bottom{
    background: var(--color-green);
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;

}

.metro_header-bottom-inner > .navbar-nav > .menu-item > a, .metro_header-middle .navbar > .navbar-nav > .menu-item > a{
    color: var(--color-black);
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
}
.metro_header-bottom-inner > .navbar-nav > .menu-item > a.active, 
.metro_header-middle .navbar > .navbar-nav > .menu-item > a.active{
    color: var(--color-red);
}


.contRight{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    height: 100%;
}
h3.welcome{
    font-family: TrashHand;
    color: var(--color-black);
    text-transform: capitalize;
    font-size: 3.5rem;
    margin-bottom: 0;
    font-family: 'Caveat Brush', cursive;
}
.textRed{
    color: var(--color-red);

}
.textBlack{
    color: var(--color-black);
    font-family: 'Fira Sans', sans-serif; 
    font-weight: 400;

}

h5.widthh5{
    width: 16rem;
    font-family: 'Fira Sans', sans-serif; 
    font-weight: 400;

}

#imgTomatoes{
    border-radius: 1.5rem;
}

#wave{
    background: url(/static/assets/img/embasa/wave.png);
    height: 35rem;
    
}

/* section ini header Prin */
.metro_banner.banner-2 .metro_banner-item h1.textPrinEmbasa{
    line-height: 1;
    font-size: 8rem;
    font-family: 'Caveat Brush', cursive;
} 
.metro_banner.banner-2 .metro_banner-item p.textP{
    line-height: 1;
    font-size: 1.8rem; 
    font-family: 'Fira Sans', sans-serif;  
    font-weight: 400;  
}
/* section fin header Prin */



#videoSec.section.section-padding{
    padding: 8rem 0 9rem;
}
#videoSec.section.section-padding .contRight{
    position: relative;
}
#videoSec.section.section-padding .contRight #waveBlack{
    position: absolute;
    top: -3rem;
    right: 0;
}

/* sectionWave ini  */
.sectionWave{
    position: relative;
    margin-top: 4rem;
}
.sectionWave #wavePackEmbasa,
.sectionWave #wavePackHotdog{
    position: absolute;
}
.sectionWave #wavePackHotdog{
    bottom: 0;
    right: 0;
    z-index: 20;
    width: 40rem;
}
.sectionWave #wavePackEmbasa{
    z-index: 5;
    bottom: 10rem;
    right: -2rem;
    width: 28rem;
}
.sectionWave #wave{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding-left: 4rem;
    background-size: cover;
}
.sectionWave #wave #titleBuenisimo{
    /* position: absolute;
    top: 7rem; */
    margin-top: 3rem;
}

.sectionWave #wave p{
    font-size: 1.4rem;
    color: var(--color-white);
    margin-top: 2rem;
    width: 35rem;
    margin-bottom: 2rem;
    font-family: 'Fira Sans', sans-serif; 
    font-weight: 400;


}

/* sectionWave ini  */



/* section ourProducts ini*/

#ourProducts{
    background: url(/static/assets/img/embasa/background01.png);
    padding-top: 10rem;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
#ourProducts .firstSection {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#ourProducts .firstSection h3{
    color: var(--color-black);
    font-family: TrashHand;
    text-align: center;
    font-size: 4rem;
    font-family: 'Caveat Brush', cursive;
}
#ourProducts .firstSection p.subTitle{
    margin-top: 0rem;
    color: var(--color-black);
    text-align: center;
    font-weight: 600;
    font-size: 1.5rem;
    width: 32rem;
    display: block;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    line-height: 1.3;
}

#ourProducts .secondSection {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40rem;
}
#ourProducts .secondSectionMobile{
    display: none;
}
#ourProducts .secondSection .contInfo h3{
    margin: 0;
    font-weight: bold;
    font-family: 'Fira Sans', sans-serif;
}
#ourProducts .secondSection .contInfo p{
    margin: 0;
    width: 10rem;
    color: var(--color-black);
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.2rem;
    line-height: 1.2;
}

#ourProducts .secondSection #rowLeft{
    width: 5rem;
    margin-left: 3rem;
    margin-top: 5rem;
}   
 
#ourProducts .secondSection .right #rightTop{
    position: relative;
    margin-top: 5rem;
}
#ourProducts .secondSection .right #rightTop #rowRightTop{
    position: absolute;
    top: -3rem;
    left: -8rem;
}

#ourProducts .secondSection .right #rightBottom{
    position: relative;
    margin-left: 2rem;
}
#ourProducts .secondSection .right #rightBottom #rowRightBottom{
    position: absolute;
    width: 5rem;
    left: -2rem;
    top: -4rem;
}
#ourProducts .secondSection .contInfo#contInfoLeft h3{
    
}

#ourProducts .secondSection .right{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
#ourProducts .threeSection {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
/* section ourProducts fin*/


/* section red ini */

#redRecipe .section.section-padding.category_section{
    margin-top: 0;
    background: var(--color-red);
    padding-top: 3rem;
}
#redRecipe .section.section-padding.category_section #redRecipe__title{
    display: flex;
    justify-content: center;
    align-items: center;
    
}
#redRecipe .section.section-padding.category_section h3{
    color: var(--color-white);
    font-family: 'Caveat Brush', cursive;
    text-align: center;
    font-size: 2.4rem;
}
#redRecipe .section.section-padding.category_section #surprise{
    width: 3rem;
    margin-bottom: 4rem;
    
}
#redRecipe .section.section-padding.category_section .metro_post .metro_post-body{
    background-color: var(--color-red);
}
#redRecipe .section.section-padding.category_section .metro_post-meta a{
    color: var(--color-white);
    font-family: 'Fira Sans', sans-serif; 
}
#redRecipe .section.section-padding.category_section .metro_post-meta a i{
    color: var(--color-white);
}

#redRecipe .section.section-padding.category_section .metro_post .metro_post-body h5 a{
    color: var(--color-white);
    font-weight: bold;
    font-family: 'Fira Sans', sans-serif; 
}
#redRecipe .section.section-padding.category_section .metro_post .metro_post-body p{
    color: var(--color-white); 
    font-family: 'Fira Sans', sans-serif;   
}

#redRecipe #rowAllrecipes{
    display: flex;
    justify-content: center;
}
#redRecipe #aAllrecipes{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    position: relative;
    background-color: var(--color-white);
    border: 0;
    color: var(--color-red);
    font-size: 1.3rem;
    font-weight: 400;
    padding: 12px 50px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-radius: 12px;
    z-index: 1;
    box-shadow: 0 3px 24px rgba(0,0,0,.1);
}
#redRecipe metro_post-meta.timerRecipe{
    margin-bottom: 0;
}
#redRecipe #aAllrecipes p {
    color: var(--color-white);
    margin: 0;
    margin-right: .5rem;
    text-decoration: underline;
}

/* section red fin */




/* section supermarket ini */

#supermarket {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
#supermarket h3{
    color: var(--color-black);
    text-align: center;
    font-size: 3rem;
    margin-bottom: 4rem;
    font-family: 'Caveat Brush', cursive;
}
#supermarket .contFlex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
/* section supermarket fin */


/* section formEmbasa ini */
section#formEmbasa{
    padding-top: 5rem;
    padding-bottom: 5rem;
    background:#BACF47
}
section#formEmbasa .container{
    position: relative;
}
section#formEmbasa .container #bigTomatoes{
    position: absolute;
    right: 2rem;
    bottom: -10rem;
    width: 15rem;
}
section#formEmbasa #leftColumn h2{
    color: var(--color-black);
    font-family: 'Caveat Brush', cursive;
    font-size: 6rem;
    line-height: 1;
}
section#formEmbasa #leftColumn p{
    margin-top: 2rem;
    font-size: 1.8rem;
    color: var(--color-black);
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    width: 70%;
    line-height: 1.5;
}
section#formEmbasa  .form-control{
    border-radius: 40px;
    padding-left: 2.3rem;
    transition: .5s;
    border: 4px solid transparent;
}
section#formEmbasa  .form-control::placeholder {
    font-weight: normal;
    opacity: 0.5;
    font-family: 'Fira Sans', sans-serif; 
    color: var(--color-black);
    letter-spacing: 2px;
    font-size: 1.2rem;
}
section#formEmbasa  .form-control:focus{
    border: 4px solid var(--color-black);
}
section#formEmbasa .form-group label{
    margin-left: 2.5rem;
    font-family: 'Fira Sans', sans-serif; 
}
section#formEmbasa .form-group label.error{
    margin-left: 1rem;
    color: var(--color-red);
    margin-top: 0.3rem;
    margin-bottom: .6rem;
    font-size: .9rem;
}
section#formEmbasa .metro_btn-custom.primary{
    min-width:10rem ;
    font-size: 1.3rem;
}
/* section formEmbasa fin */


/* section footer ini */
section#footer{
    background:url(/static/assets/img/embasa/footer_bg_embasa.png) ;
    padding-top: 6rem;
    
}
section#footer #leftFooter p{
    margin-top: 2rem;
    color: var(--color-white);
    font-family: 'Fira Sans', sans-serif; 
}
section#footer #middleFooter {
    position: relative;
}
section#footer #middleFooter #logoEmbasaFooter {
    position: absolute;
    left: -10rem;
    top: 0;
    width: 9rem;
}
section#footer #middleFooter a{
    color: var(--color-white);
    font-family: 'Fira Sans', sans-serif; 
}
section#footer #rightFooter ul {
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: flex-end;
}
section#footer #rightFooter li a i{
    color: var(--color-white);
    font-size: 2.2rem;
}
section#footer #rightFooter li#youtube {
    margin-left: 1rem;
}
/* section footer fin */






/* page2 ini */
/* section recipesTrending ini */


.metro_banner-item h1{
    font-family: TrashHand;
    font-size: 7rem;
    max-width: 100%;
}

section#recipesTrending{
    /* outline: 1px solid red; */
}
section#recipesTrending .section.section-padding.category_section{
    margin-top: 4rem;
    padding-top: 0;
}
section#recipesTrending .section.section-padding.category_section h3{
    color: var(--color-black);
    font-size: 2.5rem;
    font-family: 'Caveat Brush', cursive;
}
section#recipesTrending .section.section-padding.category_section article .metro_post-body .metro_post-desc h5{
    font-family: 'Fira Sans', sans-serif; 
    font-weight: bold;
    font-size: 1.5rem;
}
/* section recipesTrending fin */


/* section search ini */
section#searchInput {
    padding-top: 5rem;
}
section#searchInput h3{
    color: var(--color-black);
    font-family: TrashHand;
    font-size: 2.5rem;
    font-family: 'Caveat Brush', cursive;
    line-height: 1;
}
section#searchInput .form-group{
    width: 100%;
}
section#searchInput .form-control#inputSearch{
    border: 1px solid var(--color-black);
    border-radius: 50px;
    background: url(/static/assets/img/embasa/search.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 65rem;
    font-size: 1.2rem;
    transition: .5s;
}
section#searchInput .form-control#inputSearch:focus{
    border: 4px solid var(--color-green);
}
section#searchInput .form-control#inputSearch::placeholder {
    font-weight: normal;
    opacity: 0.5;
    font-family: 'Fira Sans', sans-serif; 
    color: var(--color-black);
    letter-spacing: 2px;
    font-size: 1.2rem;
}
/* section search fin */





/* section food recipes ini */

section#foodRecipes h4{
    color: var(--color-black);
    font-family: 'Caveat Brush', cursive;
    font-size: 2.5rem;
}
section#foodRecipes #secondRow{
    margin-top: 5rem;
}
section#foodRecipes .sidebar h6{
    font-family: 'Caveat Brush', cursive;
    font-size: 3rem;
    line-height: 1;
    margin-top: 2rem;
}
section#foodRecipes article .metro_post-body .metro_post-desc .metro_post-meta{
    font-family: 'Fira Sans', sans-serif; 
    margin-bottom: .4rem;
}
section#foodRecipes article .metro_post-body .metro_post-desc h5{
    font-family: 'Fira Sans', sans-serif; 
}
.metro_post-body .metro_post-desc h5{
    margin-bottom: .4rem;
}
section#foodRecipes .sidebar-widget .sidebar-cta-content#bannerEmbasa{
    justify-content: start;
}
section#foodRecipes .sidebar-widget .sidebar-cta-content#bannerEmbasa::before{
    background-color: rgba(0,0,0,0);
}
section#foodRecipes #recentPost{
    background: #BACF47;
}
section#foodRecipes #recentPost h6{
    font-size: 1.3rem;
    font-family: 'Fira Sans', sans-serif; 
}

section#foodRecipes #colSideRight  {
    position: relative;
    /* outline: 1px solid red; */
}
section#foodRecipes #colSideRight img#sideRightBigTomatoes {
    width: 18rem;
    position: absolute;
    bottom: -10rem;
    right: -5rem;
}
section#foodRecipes #sideRight h5{
    color: var(--color-black);
    font-family: 'Caveat Brush', cursive;
    font-size: 1.9rem;
}
section#foodRecipes #sideRight h5.subCategory{
    margin: 0;
    font-family: 'Fira Sans', sans-serif; 
    font-weight: bolder;
    font-size: 1.4rem;
    text-transform: uppercase;
}
section#foodRecipes #sideRight h6.infoCategory{
    margin: 0;
    font-family: 'Fira Sans', sans-serif; 
    font-size: 1rem;
    font-weight: 400;
}
section#foodRecipes #popularesRecipes{
    margin-top: 5rem;
}

.recipesTomato#footer{
    position: relative;
}
.recipesTomato#footer #imgTomato {
    position: absolute;
    right: 2rem;
    top: -15rem;
}




    /* section food recipes fin */

/* page2 fin */





/* page3 ini */


#recipesSearch { 
    background-image: url(/static/assets/img/embasa/headerSearchLogo.png);
}
#recipesSearch .metro_subheader-inner{ 
    padding: 184px 0;
}

.dark-overlay.dark-overlay-2::before{
    background: none;
} 

/* section recipesTrending ini */


.metro_banner-item h1{
    font-family: 'Caveat Brush', cursive;
    font-size: 7rem;
    max-width: 100%;
}
.metro_post-meta.timerRecipe{
    margin-bottom: 0;
}


section#recipesTrendingPage3 .section.section-padding.category_section{
    margin-top: 4rem;
    padding-top: 0;
}
section#recipesTrendingPage3 .section.section-padding.category_section h3{
    color: var(--color-black);
    font-family: 'Caveat Brush', cursive;
    font-size: 2.5rem;
    text-align: center;

}

section#recipesTrendingPage3  .metro_post .metro_post-thumb img{
    height: 15rem;
}
/* section recipesTrending fin */

/* sectionWavePage3 ini  */
.sectionWavePage3{
    position: relative;
    margin-top: 4rem;
    height: 35rem;
    background: url(/static/assets/img/embasa/wave3.png);
    /* background-size: cover; */
    background-position-y: 12rem;
    background-repeat: no-repeat;
    background-size: cover;
}
.sectionWavePage3 #embaseWave3{
    position: absolute;
}
.sectionWavePage3 #embaseWave3{
    bottom: 0;
    right: 0;
    z-index: 20;
    width: 40rem;
}

#wave3{
    height: 35rem;
    background-repeat: no-repeat;
    background-position: bottom;
    
}
.sectionWavePage3 #wave3{
    position: relative;
    display: flex;
    justify-content: start;
    align-items: flex-start;
    flex-direction: column;
    /* padding-left: 4rem; */
    height: 100%;
}
.sectionWavePage3 #wave3 #titleBuenisimo{
    /* position: absolute;
    top: 7rem; */
    margin-top: 3rem;
}

.sectionWavePage3 #wave3 p{
    font-size: 1.4rem;
    color: var(--color-white);
    margin-top: 2rem;
    width: 35rem;
    margin-bottom: 2rem;

}
.sectionWavePage3 #wave3 .firstRow{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 6rem;
}
.sectionWavePage3 #wave3 .firstRow h2{
    margin: 0;
    margin-right: 3rem;
    font-size: 6rem;
    color: var(--color-black);
    font-family: 'Fira Sans', sans-serif; 
    font-weight: bold;
    line-height: 1;
}
.sectionWavePage3 #wave3 .firstRow img{
    height: 4rem;
}
.sectionWavePage3 #wave3 .secoindRow h2{
    color: var(--color-black);
    font-size: 6rem;
    margin: 0;
    margin-left: 3rem;
    font-family: 'Fira Sans', sans-serif; 
    font-weight: bold;
    line-height: 1;
}
/* sectionWavePage3 fin  */


/* page3 fin */





/* page4  individualRecipe ini */


#infoPrin{
    display: flex;
    justify-content: center;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.2rem;
}
p#subtitle{
    color: var(--color-red);
    font-family: 'Fira Sans', sans-serif; 

}
.entry-title{
    font-family: 'Caveat Brush', cursive;
    font-size: 3.2rem;
}

#descriptionGeneralRecipe h3{
    color: var(--color-black);
    text-transform: capitalize;
    font-size: 3rem;
    margin-bottom: 1rem;
    font-family: 'Caveat Brush', cursive;
}
#descriptionGeneralRecipe .metro_nutritional-facts{
    padding: 0;
}
#descriptionGeneralRecipe .metro_nutritional-facts .itemIngredient{
    display: flex;
}
#descriptionGeneralRecipe .metro_nutritional-facts .itemIngredient .contCheck{
    width: 10%;
    border: 1px solid #ebebeb;
    border-right: none;
    border-left: none;
    justify-content: center;
    display: flex;
    align-items: center;
    margin: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
#descriptionGeneralRecipe .metro_nutritional-facts .itemIngredient .contCheck input[type=checkbox], input[type=radio]{
    margin-left: 0;
    zoom: 2;
    margin: 0;
}
#descriptionGeneralRecipe .metro_nutritional-facts .itemIngredient .textIngredient{
    width: 90%;
    border: 1px solid #ebebeb;
    margin: 0;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 1.5rem;
    border-right: none;
    padding-right: 1rem;
}

#descriptionGeneralRecipe .metro_nutritional-facts .itemIngredient .textIngredient p {
    color: var(--color-black);
    font-family: 'Fira Sans', sans-serif; 
    font-size: 1.2rem;
    line-height: 1.2;
}



#descriptionGeneralRecipe #preparation{
    background: var(--color-red);
    border-radius: 35px;
    
}
#descriptionGeneralRecipe #preparation .metro_post-desc  .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#descriptionGeneralRecipe #preparation .metro_post-desc  .title .contTitle{
    display: flex;
    justify-content: center;
    align-items: center;
}

#descriptionGeneralRecipe #preparation .metro_post-desc .title .contTitle  h3{
    color: var(--color-white);
    font-size: 2.5rem;
    margin: 0;
    font-family: 'Caveat Brush', cursive;
}

#descriptionGeneralRecipe #preparation .metro_post-desc .title .contImg img{
    margin: 0;
    width: 5rem;  
      
}

#descriptionGeneralRecipe #preparation .metro_post-desc .contSteps .step {
    display: flex;
    padding-bottom: 2rem;
    height: 100%;
    position: relative;
}
#descriptionGeneralRecipe #preparation .metro_post-desc .contSteps .step::after{
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    top: 2rem;
    left: 3rem;
    background: white;
}


#descriptionGeneralRecipe #preparation .metro_post-desc .contSteps .step .contStepNumber{
    width: 15%;
    display: flex;
    justify-content: center;
    position: relative;
    height: initial;
}


#descriptionGeneralRecipe #preparation .metro_post-desc .contSteps .step:last-child::after {
    outline: 5px solid black; 
    content: none; 
}

#descriptionGeneralRecipe #preparation .metro_post-desc .contSteps .step .contStepNumber .round{
    background: white;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}
#descriptionGeneralRecipe #preparation .metro_post-desc .contSteps .step .contStepNumber .round span{
    color: var(--color-black);   
}
#descriptionGeneralRecipe #preparation .metro_post-desc .contSteps .step .textIngredient {
    
    width: 75%;
    padding-top: 1rem;
}
#descriptionGeneralRecipe #preparation .metro_post-desc .contSteps .step .textIngredient p{
    margin: 0;
    text-align: left;
    color: var(--color-white);
    font-family: 'Fira Sans', sans-serif; 
    font-size: 1.2rem;
}
#descriptionGeneralRecipe .notes .notesText {
    font-family: 'Fira Sans', sans-serif; 
    font-size: 1.2rem;
    color: var(--color-black);
}

#sideRightRecipe .sidebar article.post .post-content{
    padding-left:2rem
}
#sideRightRecipe .sidebar p.titleSliderPrin{
    color: var(--color-black);
    font-family: 'Fira Sans', sans-serif; 
    font-weight: normal;
    line-height: 1;
    text-align: center;

}
#sideRightRecipe .sidebar article.post .post-content a{
    color: var(--color-black);
    font-family: 'Fira Sans', sans-serif; 
    font-weight: bold;
    line-height: 1;
}
    /* outline:  1px solid red; */

#sideRightRecipe .contSidebars {
    margin-top: 6rem;
}
#sideRightRecipe .contSidebars  .contSideBar {
    /* outline: 1px solid red; */
    width: 100%;
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}
#sideRightRecipe .contSidebars  p{
    margin: 0;
    font-size: 2.4rem;
    color: var(--color-white);
    font-family: 'Caveat Brush', cursive;
    line-height: 1;
    text-align: center;
}

#sideRightRecipe .sidebar-cta-content{
    justify-content: flex-start;
    align-items: center;
}
#sideRightRecipe .sidebar-cta-content h6{
    font-family: 'Caveat Brush', cursive;
    font-size: 4rem;
    margin: 0;
    line-height: 1;
    margin-top: 3rem;
    text-transform: uppercase;
}

section.footerPrin{
    background: url(/static/assets/img/embasa/background01.png);
    background-position: top;
    background-size: cover;

}

section.notes{
    
}
section.notes h3{
    font-family: TrashHand;
    color: var(--color-black);
    text-transform: capitalize;
    font-size: 3rem;
    margin-bottom: 1rem;
}

/* page4 individualRecipe  fin */

/* page ini formEmbasa */



/* page error ini */
.tableNutrimental{
    background: url(/static/assets/img/embasa/background01.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.tableNutrimental #sideRightBigTomatoes {
    position: absolute;
    right: 8rem;
    bottom: -4rem;
    width: 15rem;
}
.tableNutrimental .cont{
    width: 100%;
    padding-top: 5rem;
}
.tableNutrimental .cont .text-prin{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tableNutrimental .cont .text-prin img{
    /* position: absolute; */
    margin-right: -1rem;
    width: 3rem;
}
.tableNutrimental h1{
    color: var(--color-black);
    font-family: 'Caveat Brush', cursive;
    font-size: 6rem;
    line-height: 1;
    text-align: center;
}
.tableNutrimental h3{
    color: var(--color-black);
    font-family: 'Caveat Brush', cursive;
    font-size: 3.4rem;
    line-height: 1;
    text-align: center;

}

.tableNutrimental .rowNutri{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.tableNutrimental #embasaTN225g{
    width: 20rem;
    height: 100%;
}
.tableNutrimental #embasa225g{
    width: 20rem;
    height: 100%;
}
.tableNutrimental #embasaTN380g{
    width: 20rem;
    height: 100%;
}
.tableNutrimental #embasa380g{
    width: 20rem;
    height: 100%;
}
.tableNutrimental #embasaTN1kg{
    width: 20rem;
    height: 100%;
}
.tableNutrimental #embasa1kg{
    width: 20rem;
    height: 100%;
}
.tableNutrimental #mbNutri{
    padding-bottom: 8rem;
}
.tableNutrimental #mbNutri a{
    font-size: 1.2rem;
}

.errorPage#thankyou {
    height: calc(100vh - 10rem);
    position: relative;
}
.errorPage{
    height: 100%;
    position: relative;
    overflow: scroll;
}
.errorPage #bigTomatoes{
    position: absolute;
    bottom: -5rem;
    width: 17rem;
    right: 0;
}
.errorPage .container{
    height: 100%;
}
.errorPage .container .row{
    height: 100%;
}
.errorPage .cont{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.errorPage .cont .text-prin{
    position: relative;
}
.errorPage .cont .text-prin #bigTomato{
    position: absolute;
    bottom: 0;
    left: -3rem;
    width: 4.4rem;
}
.errorPage .cont .text-prin#privacyHerdez{
    /* outline: 6px solid blue; */
    padding-top: 5rem;
    padding-bottom: 8rem;
}
.errorPage .cont .text-prin#privacyHerdez #herdezLogo{
    width: 40rem;
    margin: 0 auto;
    display: block;
}
.errorPage .cont .text-prin#privacyHerdez h3.privacy{
    text-decoration: underline;
    font-weight: 900;
    color: var(--color-black);
    font-size: 1.9rem;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-family: 'Fira Sans', sans-serif; 
}
.errorPage .cont .text-prin#privacyHerdez .firtsBullets{
    display: flex;
    padding-right: 10%;
    padding-left: 10%;
}
.errorPage .cont .text-prin#privacyHerdez .firtsBullets .left,
.errorPage .cont .text-prin#privacyHerdez .firtsBullets .right{
    flex-basis:50%
}
.errorPage .cont .text-prin#privacyHerdez p{
    font-family: 'Fira Sans', sans-serif; 
    text-align: justify;
}
.errorPage .cont .text-prin#privacyHerdez table, 
.errorPage .cont .text-prin#privacyHerdez td, 
.errorPage .cont .text-prin#privacyHerdez th {
	border: 1px solid var(--color-black);
	border-collapse: collapse;
    font-family: 'Fira Sans', sans-serif; 
    color: var(--color-black);
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.2;
}
.errorPage .cont .text-prin#privacyHerdez p.mbl{
    margin-bottom: 0;
    line-height: 1;
}
.errorPage .cont .text-prin#privacyHerdez p.mblmt{
    margin-bottom: 0;
    line-height: 1;
    margin-top: 0;
}
.errorPage .cont .text-prin#privacyHerdez p.tar{
    text-align: right;
}


.errorPage .cont .text-prin#privacyHerdez ul{
    padding-left: 4rem;
}
.errorPage .cont .text-prin#privacyHerdez ul li{
    font-family: 'Fira Sans', sans-serif; 
    font-size: 1.5rem;
    color: var(--color-black);
    font-weight: 400;
}
.errorPage .cont .text-prin#privacyHerdez p.bold,
.errorPage .cont .text-prin#privacyHerdez p span.bold,
.errorPage .cont .text-prin#privacyHerdez ul li span.bold{
    font-weight: 900;
}
.errorPage .cont .text-prin#privacyHerdez a.link{
    text-decoration: underline;
    color: var(--color-red);
    font-family: 'Fira Sans', sans-serif; 
    font-size: 1.5rem;
    padding: 0;
}

.errorPage .cont h1{
    font-family: 'Caveat Brush', cursive;
    text-align: center;
    font-size: 10rem;
    margin: 0;
    line-height: 1;
}
.errorPage .cont h2{
    font-family: 'Caveat Brush', cursive;
    text-align: center;
    font-size: 7rem;
    margin: 0;
    line-height: .8;
}
.errorPage .cont p{
    color: var(--color-black);
    text-align: center;
    font-weight: 400;
    font-size: 1.5rem;
    font-family: 'Fira Sans', sans-serif; 
    margin-top: 1.5rem;
}
.errorPage .cont a{
    color: var(--color-white);
    font-size: 1.2rem;
    line-height: 2;
    padding-left: 3rem;
    padding-right: 3rem;
}
.errorPage .cont a:hover{
    color: var(--color-white);
}
/* page error fin */

@media screen and (max-width: 767px) {
    .aside-toggler.desktop-toggler span{
        background: var(--color-black);
    }
    #descriptionGeneralRecipe .metro_nutritional-facts .itemIngredient .contCheck{
        width: 15%;
    }
    .tableNutrimental .cont{
        padding-top: 7rem;
    }
    .tableNutrimental h1{
        color: var(--color-black);
        font-family: 'Caveat Brush', cursive;
        font-size: 3rem;
        line-height: 1;
        text-align: center;
    }
    .tableNutrimental .cont .text-prin img{
        display: none;
    }
    .tableNutrimental h3{
        font-size: 2.4rem;
        margin-bottom: 2rem;
    }
    .tableNutrimental #sideRightBigTomatoes {
        position: absolute;
        right: 0;
        bottom: -3rem;
        width: 10rem;
    }
    .tableNutrimental .rowNutri{
        flex-direction: column;
    }
    .tableNutrimental #embasa225g,
    .tableNutrimental #embasa380g,
    .tableNutrimental #embasa1kg{
        margin-top: 2rem;
    }
    .tableNutrimental #mbNutri .metro_btn-custom {
        font-size: 1.2rem;
    }
    .errorPage{
        position: relative;
    }
    .errorPage#thankyou{
        height: 46rem;
        position: relative;
        overflow: visible;
    }
    .errorPage .cont h1{
        font-family: 'Caveat Brush', cursive;
        text-align: center;
        font-size: 6rem;
        margin: 0;
        line-height: 1;
    }
    .errorPage .cont h1.privacy{
        font-size: 3rem;

    }
    .errorPage .cont h2 {
        font-family: 'Caveat Brush', cursive;
        text-align: center;
        font-size: 3rem;
        margin: 0;
        line-height: .8;
    }
    .errorPage #bigTomatoes{
        position: absolute;
        bottom: -3rem;
        width: 10rem;
        right: 0;
    }
    section#formEmbasa .container #bigTomatoes{
        position: absolute;
        right: 0rem;
        bottom: -8rem;
        width: 10rem;
    }
    .errorPage .cont .text-prin #bigTomato {
        position: absolute;
        bottom: 0;
        left: -3rem;
        width: 3.4rem;
    }
    section#searchInput .form-control#inputSearch{
        background-position-x: 90%;
    }
}


.metro_aside ul{
    margin-top: 2rem;
}
.metro_aside.metro_aside-left{
    background: var(--color-green);
}
.metro_aside ul .menu-item a{
    font-family: 'Fira Sans', sans-serif; 
    font-size: 1.2rem;
}
.metro_aside .contSocilaMediaMenuMobile{
    margin-top: 3rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.metro_aside .contSocilaMediaMenuMobile a{
    font-size: 2rem;
    color: var(--color-black);
}

@media screen and (max-width: 767px) {
    section#foodRecipes #colSideRight img#sideRightBigTomatoes{
        width: 14rem;
        position: absolute;
        bottom: -8rem;
        right: -2rem;
    }
    .errorPage .cont .text-prin#privacyHerdez h3.privacy{
        font-size: 1.3rem;
    }
    .errorPage .cont .text-prin#privacyHerdez{
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .errorPage .cont .text-prin#privacyHerdez #herdezLogo{
        width: 15rem;
    }
    .errorPage .cont .text-prin#privacyHerdez .firtsBullets{
        flex-direction: column;
        padding-left: 0%;
        padding-right: 0%;
    }
    .errorPage .cont .text-prin#privacyHerdez ul{
        padding-right: 0%;
        padding-left: 7%;
    }
    .errorPage .cont .text-prin#privacyHerdez .firtsBullets .left ul{
        margin-bottom: 0;
    }
    .errorPage .cont .text-prin#privacyHerdez p,
    .errorPage .cont .text-prin#privacyHerdez ul li,
    .errorPage .cont .text-prin#privacyHerdez a.link{
        font-size: 1rem;
        line-height: 1.3;
        text-align: justify;
    }
    .errorPage .cont .text-prin#privacyHerdez table, 
    .errorPage .cont .text-prin#privacyHerdez td, 
    .errorPage .cont .text-prin#privacyHerdez th{
        font-size: 1rem;
        line-height: 1.3;

    }
    .table-responsive{
        display: block;
        width: 100%;
        overflow-x: auto;
    }
    .errorPage .cont .text-prin#privacyHerdez a.link{
        line-height: 1;
        font-size: .8rem;
    }
    .errorPage .cont .text-prin#privacyHerdez p.bold, 
    .errorPage .cont .text-prin#privacyHerdez p span.bold, 
    .errorPage .cont .text-prin#privacyHerdez ul li span.bold{
        line-height: 1.2;
    }
    .metro_banner.banner-2 .metro_banner-item h1.textPrinEmbasa{
        font-size: 4rem;
    }
    #videoSec.section.section-padding .contRight #waveBlack {
        position: absolute;
        top: 3rem;
        right: 0;
    }
    .section.section-padding .mobileTomatoes{
        width: 100%;
        margin: 0 auto;
    }
    .section.section-padding .contRight{
        margin-top: 3rem;
    }
    .section.section-padding h3.welcome{
        font-size: 3rem;
    }
    .section.section-padding .textRed {
        font-size: 1.4rem;
    }
    .section.section-padding p {
        line-height: 1.8;
        font-size: 1.1rem;
        color: #7a7a7a;
    }
    .sectionWave{
        position: relative;
        margin-top: 4rem;
        margin-top: 4rem;
        background: #9db635;
        background: rgb(157,182,53);
        background: linear-gradient(0deg, rgb(174 196 58) 0%, rgb(175 196 58) 73%, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 100%);
    }
    .sectionWave #wave{
        padding-left: 1rem;
        padding-right: 1rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        background-size: cover;
        background: url(/static/assets/img/embasa/wave.png);
        height: 35rem;
        background-position: 70rem 0rem;
    }
    .sectionWave #wave p{
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.7;
    }
    .sectionWave #wave .metro_btn-custom{
        margin: 0 auto;
        font-size: 1.2rem;
    }
    .sectionWave #wavePackEmbasa{
        position: static;

    }
    .sectionWave #wavePackEmbasa, .sectionWave #wavePackEmbasa{
        position: relative;
        width: 22rem;
        margin-top: 0rem;
        right: -6rem;
        bottom: 2rem;
    }
    #ourProducts {
        background: url(/static/assets/img/embasa/background01.png);
        background-position: top;
        padding-top: 4rem;
    }
    #ourProducts .firstSection h3 {
        color: var(--color-black);
        font-family: 'Caveat Brush', cursive;
        text-align: center;
        font-size: 2.5rem;
    }
    #ourProducts .firstSection p.subTitle{
        margin-top: 0rem;
        color: var(--color-black);
        text-align: center;
        font-weight: 600;
        font-size: 1.2rem;
        display: block;
        line-height: 1.4;
        width: 80%;
        font-family: 'Fira Sans', sans-serif; 
        font-weight: normal;
    }
    #ourProducts .secondSection{
        display: none
    }
    #ourProducts .secondSectionMobile{
        display: block;
    }
    #ourProducts .secondSectionMobile #firtsCol6{
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    #ourProducts .secondSectionMobile .divCont h4{
        margin: 0;
        font-size: 1.4rem;
        font-family: 'Fira Sans', sans-serif; 
        font-weight: bold;
    }
    #ourProducts .secondSectionMobile .divCont p{
        margin-bottom: 2rem;
        font-family: 'Fira Sans', sans-serif;
        font-size: 1rem;
        font-weight: normal;
        line-height: 1; 
        color: var(--color-black);
    }
    #ourProducts .secondSectionMobile .divCont#firstDivCont{
        /* outline: 1px solid red; */
        padding-left: 4rem; 
    }
    #ourProducts .secondSectionMobile #embasa01Home{
        width: 8rem;
    }
    #ourProducts .secondSectionMobile #vector01Home{
        margin: 0 auto;
        display: block;
        text-align: right;
        width: 5rem;
    }
    #ourProducts .secondSectionMobile #firstRow{
        margin-bottom: 4rem;
        margin-top: 2rem;
    }


    #ourProducts .secondSectionMobile #secondRow{
        margin-bottom: 4rem;
        margin-top: 2rem;    
    }
    #ourProducts .secondSectionMobile #embasa02Home{
        width: 8rem;
    }
    
    #ourProducts .secondSectionMobile #secondCol6{
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    #ourProducts .secondSectionMobile #vector02Home{
        display: block;
        text-align: left;
        width: 4rem;
        margin-bottom: 1rem;
    }

    
    #ourProducts .secondSectionMobile #threeRow #threeCol6{
        display: flex;
        justify-content: center;
        align-items: end;
    }


    #ourProducts .secondSectionMobile #embasa03Home{
        width: 8rem;
    }
    #ourProducts .secondSectionMobile #vector03Home{
        margin: 0 auto;
        display: block;
        text-align: right;
        width: 4rem;
    }
    #ourProducts .secondSectionMobile .divCont#threeDivCont{
        /* outline: 1px solid red; */
        padding-left: 4rem; 
    }

    #ourProducts .secondSectionMobile .divCont#threeDivCont p{
        margin-bottom: 0rem;
    }
    
    
    #ourProducts .threeSection .metro_btn-custom{
        font-size: 1.2rem;
    }

    #supermarket h3{
        margin-bottom: 5rem;
    }
    #supermarket .contFlex{
        flex-direction: column;
        height: 35rem;
        justify-content: space-around;
    }
    
    #supermarket .contFlex #sorianaImg {
        width: 19rem;
    }
    #redRecipe .section.section-padding.category_section .metro_post .metro_post-body .metro_post-meta{
        margin-bottom: 0;
    }
    section#formEmbasa #leftColumn h2{
        font-size: 2.5rem;
        text-align: center;
    }
    section#formEmbasa #leftColumn p{
        line-height: 1.2;
        margin-bottom: 2rem;
        width: 100%;
        font-size: 1.2rem;
    }

    section#formEmbasa .form-group label.error{
        margin-left: 1rem;
        color: var(--color-red);
        margin-top: 0.5rem;
        font-size: .9rem;
    }
    section#formEmbasa .form-group label{
        margin-left: 1.5rem;
        font-size: 1.3rem;
        margin-top: 2rem;
    }
    section#formEmbasa .metro_btn-custom.primary{
        min-width: 10rem;
        margin: 0 auto;
        text-align: center;
        font-size: 1.2rem;
        display: block;
        margin-top: 4rem;
    }

    .footer-widget{
        text-align: left;
        padding-bottom: 0;
    }
    section#footer #middleFooter a {
        color: var(--color-white);
        font-size: 1.2rem;
    }
    section#footer #rightFooter ul {
        display: flex;
        align-items: center;
        margin: 0;
        justify-content: flex-start;
        margin-top: 2rem;
        margin-bottom: 3rem;
    }
    section#footer #leftFooter p{
        font-size: 1.1rem;
    }


    #recipesSearch { 
        background-image: url(/static/assets/img/embasa/headerSearchLogoMobile.png);
        height: 30rem;

    }
    .sectionWavePage3 #wave3 .firstRow h2{
        font-size: 3rem;
    }
    .sectionWavePage3 #wave3 .secoindRow h2{
        font-size: 3rem;
    }
    section#recipesTrendingPage3 .section.section-padding.category_section h3{
        text-align: left;
    }




    .entry-title{
        font-size: 2.5rem;
    }
    p#subtitle{
        font-size: 1.2rem;
    }
    #descriptionGeneralRecipe .metro_Nutrimental-facts .itemIngredient .textIngredient {
        width: 90%;
        border: 1px solid #ebebeb;
        margin: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 1.5rem;
        border-right: none;
    }
    #descriptionGeneralRecipe .metro_Nutrimental-facts .itemIngredient .textIngredient p{
        line-height: 1.3;    
    }
    #descriptionGeneralRecipe #preparation .metro_post-desc .contSteps .step .textIngredient{
        width: 85%;
        padding-left: 1rem;
        padding-top: 0.5rem;
    }
    #descriptionGeneralRecipe #preparation .metro_post-desc .contSteps .step::after{
        left: 1.5rem; 
    }

    section.notes p {
        font-size: 1rem;
    }
    .sidebar-widget.widget-recent-posts p{
        font-size: 1.3rem;

    }
    #sideRightRecipe .sidebar article.post .post-content{
        font-size: 1.1rem;
        color: var(--color-black);
    }
    #sideRightRecipe .contSidebars .contSideBar {
        /* outline: 1px solid red; */
        width: 100%;
        height: 8rem;
    }
    #sideRightRecipe .sidebar-cta-content h6{
        font-size: 5rem;      
    }
    .metro_banner-item h1, .metro_banner-item p{
        font-family: TrashHand;
        font-size: 4rem;
        max-width: 100%;    
    }
    .recipesTomato#footer #imgTomato{
        position: absolute;
        right: 0rem;
        top: -4rem;
        width: 12rem;
    }
    #infoPrin{
        font-size: 1rem;
    }
    #videoSec.section.section-padding{
        padding: 8rem 0 2rem;
    }
}