:root {
    --cocinatis-orange: #FF8300;
    --cocinatis-gray:  #717070;
    --cocinatis-light-gray: #f2f2f2;
}
body{
    min-height: 100%;
    position: relative;
}

/*****maite****************/

.green{
    border: 1px solid green;
}
.pink{
    border: 1px solid pink;
}
.yellow{
    border: 1px solid yellow;
}
.red{
    border: 1px solid red;
}

.blue{
    border: 1px solid blue;
}

/**************/
a{
    color: var(--cocinatis-gray);
}
a:hover{
    color: var(--cocinatis-orange);
    text-decoration: none;
}
.recipe-elaboration a, .post-content-text a, .recipe-description-text a, .recipe-advice-text a, .recipe-step-text a{
    color: var(--cocinatis-orange) !important;
}
h1, h2, h3, h4{
    color: #000;
}
h1{
    font-weight: bold;
    font-size: 2rem;
}
h2{
    font-size: 1.6rem;
}
h3{
    font-size: 1.4rem;
}
h4{
    font-size: 1.25rem;
}
.border-orange{
    border-bottom: 2px solid var(--cocinatis-orange);
}
.bg-gray{
    background-color: var(--cocinatis-light-gray);
    color: #000;
}
.text-gray{
    color: var(--cocinatis-gray);
}
.text-black{
    color: #000;
}
hr.gray{
    background-color: var(--cocinatis-gray);
}
.min-padding-left{
    padding-left: 0 !important;
}
.min-padding-right{
    padding-right: 0 !important;
}
.square-button{
    border-radius: 0 !important;
    font-size: 20px;
    font-weight: bold;
}
.menu-icon{
    border: 0;
    width: 50px;
    height: 40px;
}
.menu-icon > img{
    width: 20px;
    height: 20px;
}
.menu-icon:hover{
    cursor: pointer;
}
.menu-content{
    height: 100%;
}
.underline{
    text-decoration: underline;
}
.fa-star{
    color: var(--cocinatis-orange) !important;
}
.hover-bg-orange:hover, .hover-bg-orange:hover > *{
    background-color: var(--cocinatis-orange);
    color: #FFF !important;
}

.hover-color-white:hover{
    color: #FFF !important;
}
.hover-color-orange:hover, .hover-color-orange:focus{
    color: var(--cocinatis-orange) !important;
}
.orange{
    color: var(--cocinatis-orange);
}
hr.min-margin{
    margin-top: 5px;
    margin-bottom: 5px;
}
.anchor{
    display: block;
    height: 226px; /*same height as header*/
    margin-top: -206px; /*same height as header*/
    visibility: hidden;
}
.video-button{
    border-radius: 0 !important;
    background: var(--cocinatis-light-gray);
    color: var(--cocinatis-gray);
}
.video-button.dark{
    background: #000;
    color: #FFF;
}
.video-like-button.active{
    color: var(--cocinatis-orange);
}

.video-like-button.active:focus > i{
    color: var(--cocinatis-orange);
}
.video-like-button:focus > i{
    color: var(--cocinatis-gray);
}
.share-social-buttons-trigger.active, .share-social-buttons-trigger:hover{
    background: var(--cocinatis-orange);
    color: #FFF;
}
.share-social-buttons-trigger:hover i{
    color: #FFF;
}
.share-social-button{
    padding: .375rem .35rem;
}
img.share-icon{
    width: 25px;
    height: 25px;
}
.step-button{
    background-color: var(--cocinatis-orange);
    font-weight: bold;
    width: 50px;
    height: 50px;
    font-size: 24px;
}
.step-button > p{
    line-height: 50px;
}
.menu-search-button{
    background-color: var(--cocinatis-orange);
    color: white;
}
.header-logo{
    max-width: 190px;
}
.header-search-input{
    width: 60%;
}
/* menu */

/* mobile */
.menu-header-band{
    background-color: var(--cocinatis-orange);
    height: 50px;
}
.menu-header-band *{
    color: #FFF;
}
.menu-today-link{
    line-height: 50px;
}
.menu-tabs li a.active{
    background-color: #FFF !important;
    color: var(--cocinatis-orange) !important;
    border-bottom: solid 6px var(--cocinatis-orange);
}
.menu-option-container, .menu-recipes-highlighted-container, .menu-cooking-options, .menu-highlights-see-more{
    background-color: var(--cocinatis-light-gray);
}
.menu-recipes-highlighted-container{
    border-radius: 45%;
}
.menu-option-container, .menu-cooking-options{
    border-radius: 35px;
    margin: 10px 10px 10px 0px;
}
.menu-main-options-list{
    list-style: none;
    padding-left: 0;
}
.menu-main-options-list li a{
    background: var(--cocinatis-light-gray);
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 50px;
}
.menu-highlights-see-more{
    height: 40px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    line-height: 40px;
}
.menu-recipes-section, .menu-recipes-subingrendient-section{
    display: none;
}
.menu-recipes-section-list, .menu-recipes-subingredients-section-list{
    list-style-type: none;
    padding: 0;
}
.menu-recipes-section-list li{
    margin-bottom: 10px;
}
.menu-recipes-section-list li a:hover{
    text-decoration: none;
}
.menu-recipes-back.active, .menu-mainingredients-back.active{
    color: var(--cocinatis-orange);
}
.menu-mainingredients-back{
    color: gray;
}
.username, .points{
    font-size: 20px;
}
/* footer */
.footer-list{
    list-style-type: none;
}
.container.footer-container{
    width: 90% !important;
    max-width: 90% !important;
}
/* desktop */
.desktop-menu-background{
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 168px;
    left: 0px;
    z-index: 999998;
}

.desktop-menu-user-button{
    border: 3px solid var(--cocinatis-orange);
    border-radius: 10px;
}
.desktop-menu-user-button:hover{
    background: var(--cocinatis-orange);
    color: #FFF;
}
.desktop-menu-navbar{
    padding: 0 !important;
}
.desktop-menu-navbar > div > ul > li > a.nav-link{
    padding: 0.9rem 1rem !important;
}
.desktop-menu-link{
    font-weight: bold;
    color: #FFF;    
}
.desktop-menu-link:hover, .desktop-menu-link.active{
    color: var(--cocinatis-orange);
    background: var(--cocinatis-light-gray);
}
.desktop-menu-recipes-section{
    position: absolute; 
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto;
    z-index: 99999;    
}
.desktop-menu-recipes-title{
    height: 60px;
    font-size: 14px;
}
.desktop-menu-pantry-list > a{
    font-size: 14px !important;
}
.desktop-menu-pantry-list > a:hover{
    text-decoration: none;
}
.desktop-menu-pantry-list.border-right{
    padding-right: 5px !important;
}
.desktop-menu-recipe-type-section{
    padding-left: 7px;
    padding-right: 0px;
}
/* home */
.register-banner{
    /*position: sticky;
    top: 56px;*/
    z-index: 1020;
    background-color: var(--cocinatis-orange);
    padding: 15px 0px 0px 0px;
    height: 56px;
    font-size: 20px;
}
.user-data-table{
    margin-bottom: 0 !important;
    border-collapse: separate;
    border-spacing: 0px 7px;
    line-height: 1 !important;
}
.user-data-table tbody tr td{
    border-top: none !important;
    padding: .4rem !important;
}
.home-day-recipe{
    margin-top: 10px;
}
.home-full-width-button, .today-button{
    width: 100%;
    border-radius: 25px;
}
.home-gallery > div > a{
    margin-bottom: 10px;
}
.home-gallery > div > a > img{
    width: 100%;
}
/* recipe page */
.recipe-header-publi{
    height: 40px;    
}
.recipe-header-publi p{
    line-height: 40px;
}
.recipe-page-arrow{
    font-size: 60px;
}
.recipe-subtitle{
    font-size: 22px;
}
.recipe-video-iframe{
    width: 100%;
    height: 200px;
}

.user-comment.hidden{
    display: none;
}
.atresmedia-player-container{
    padding-bottom: 56.25%;
}
.video-container{
    position: relative;
}
.video-actions{
    position: absolute;
    right: 10px;
    top: 10px;
}
.video-highlighted{
    position: absolute;
    left: 0px;
    top: 20px;
    height: 30px;
    line-height: 30px;
    width: 250px;
}
.video-like-button-container, .video-social-buttons-container{
    height: 50px;
}
.player-container{
    position: relative;
    width: 100%;
}
.player-container > iframe{
    width: inherit;
}
.video-actions-container > .video-action-button-group{
    display: block;
}
.day-recipe-text, .carousel-recipe-text{
    position: absolute;
    float: left;    
    bottom: 10%;
    background:rgba(255,255,255, 0.9);
}
.day-recipe-text.profile{
    padding: 5px 30px 5px 50px;
}
.carousel-recipe-info{
    position: absolute;
    bottom: 9%;
    height: 65px;
    width: 250px;
    background:rgba(255,255,255, 0.9);
}
.home-day-recipe-titles{
    position: absolute;
}
.home-gallery-item, .recipe-video-thumbnail-container{
    position: relative;
    width: inherit;
    margin-bottom: 10px;
}
.home-gallery-img-title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background:rgba(255,255,255, 0.9);
    width: 90%;
    border-radius: 10px;
    padding: 3px 5px 5px;
    line-height: 110%;
}
.recipe-main-info{
    font-size: 17px;
}
.recipe-main-info hr{
    margin-bottom: 0px;
}
.ingredient-title:hover{
    cursor: pointer;
}
.recipe-ingredients-list{
    margin-left: 0;
    padding: 0;
}
.recipe-ingredients-list li{
    margin-left: 20px;
    color: var(--cocinatis-gray);
}
.allergen-col{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.nutritional-value-col{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.popover{
    background-color: var(--cocinatis-light-gray);
    border: none;
    border-radius: 0 !important;
}
.popover .arrow:after{
    border-top-color: var(--cocinatis-light-gray);
    border-bottom-color: var(--cocinatis-light-gray);
}
.popover-dinners{
    margin-left: 25px;
}
.opinion-valoration{
    color: gray;
}
.opinion-valoration.clicked, .opinion-valoration:hover{
    color: var(--cocinatis-orange);
}
.recipe-qualification{
    font-size: 1.2em;
}
.star-rating {
  line-height:32px;
  font-size:1em;
}

.star-rating .fa-star{color: var(--cocinatis-orange);}

.star-rating > i:hover{
    cursor: pointer;
}
.user-opinion{
    border: none;
    padding-left: 10px;
    padding-top: 10px;
}
.recipe-ingredient-info{
    color: gray;
}
/* recipe menu icons */
.recipe-navigation-buttons{
    background: #FFF;
    z-index: 1030;
    padding-top: 10px;
    padding-bottom: 5px;
}
.recipe-navigation-item{
    display: block;
    background-color: #FFF;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 60px;
}
.recipe-navigation-item:hover{
    cursor: pointer;
}

/* register */
.help-block{
    color: red;
}
/* user profile */

/* login register modal */
#login-register-modal{
    z-index: 9999;
}
/* back to top button */
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    opacity: 0.7;
    background-color: var(--cocinatis-orange);
}

/* que-cocino-hoy */
.today-container{
    background-color: gray;
    min-height: 60px;
}
.today-container span{
    line-height: 60px;
}
/*.today-container:hover{
    background-color: var(--cocinatis-orange);
}*/
.section-container{
    background-color: var(--cocinatis-light-gray);
}
.random-recipe-button{
    width: 70%;
    height: 40px;
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
    border: solid 3px orange;
    border-radius: 38%;
    margin: auto;
    background-color: #FFF;
    color: #000;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
}
.random-recipe-button:hover{
    background-color: var(--cocinatis-orange);
    color: #FFF;
}
.today-button{
    background-color: #FFF;
    color: #000;
    border-color: #FFF;
}
.letter{
    color: var(--cocinatis-gray);
}
.bg-orange, .today-button:hover, .letter:hover{
    background-color: var(--cocinatis-orange);
    color: #FFF;
    text-decoration: none;
}
.today-3-click-apply{
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    margin: auto;
}
.today-3-click-apply:hover{
    color: #FFF;
}
.advanced-ingredients-letters{
    border-collapse: separate;
    border-spacing: 0 5px;
}
.advanced-ingredients-results-list{
    max-height: 300px;
    overflow-y: scroll;
    padding-left: 0px;
}
.advanced-ingredients-results-list li{
    list-style: none;
}
.result-ingredient:hover{
    cursor: pointer;
    color:  var(--cocinatis-orange);
}
td.bg-orange a{
    color: #FFF;
}
/* category filter */
.category-filter-container{
    width: 95%;
    position: fixed;
    right: 0px;
    background-color: #FFF;
    z-index: 99999;
    padding-right: 20px;
    margin-top: 10px;
    max-height: 600px;
    overflow-y: scroll;
}
.recipe-thumbnail-table{
    margin-bottom: 10px !important;
}
.recipe-thumbnail-table > tbody > tr > td{
    padding: 0 !important;
    border-top: 0 !important;
    border-color: var(--cocinatis-gray) !important;
}
.post-blockquote{
    border-left: 5px solid var(--cocinatis-gray);
    padding: 10px 0px 10px 10px;
    color: var(--cocinatis-gray);
    font-style: italic;
}
/* footer */
footer{
    background-color: var(--cocinatis-light-gray);
}
#cocinatis-menu{
    max-height: 95vh;
    overflow-y: scroll;
    background-color: #fff;
}
.mobile-menu-navbar{
    padding: 0px !important;
    z-index: 1040;
}

.mobile-header{
    /*position: -webkit-sticky;
    position: sticky;
    top: 181px;*/
    z-index: 999;
}

.user-profile-form #id_country, .user-profile-form #id_postal_code, .user-profile-form #id_gender, .user-profile-form #id_year{
    width: 250px;
}
.paginator-nav{
    float: right;
}
#cocinatis-menu-search-input{
    width: 200px;
}
/* tablet and desktop */
@media only screen and (min-width: 768px) and (orientation: landscape){
    header{
        position: sticky;
        top: 0px;
        z-index: 99999999;
    }
}
@media only screen and (min-width: 768px) {
    .recipe-page-arrow-container{
        display: none;
    }
    .home-left-line-title:before{
        content:"";
        display: inline-block;
        height: 0.5em;
        vertical-align: middle;
        border-top: 3px solid var(--cocinatis-orange);
        width: 50px;
        margin-right: 10px;
    }
    .home-left-right-line-title:before, .home-left-right-line-title:after{
        content:"";
        display: inline-block;
        height: 0.5em;
        vertical-align: middle;
        border-top: 3px solid var(--cocinatis-orange);
        width: 50px;
        margin-right: 10px;
        margin-left: 10px;
    }
    .right-line-title{
        width: 100%;
    }
    .right-line-title:after {
        content:"";
        display: inline-block;
        height: 0.5em;
        vertical-align: bottom;
        width: 85%;
        margin-right: -100%;
        margin-left: 10px;
        border-top: 2px solid var(--cocinatis-orange);
        margin-bottom: 2px;
    }
    .right-line-title.video:after {
        width: 90%;
    }
    .right-left-line-title:before, .right-left-line-title:after{
        content:"";
        display: inline-block;
        height: 0.5em;
        vertical-align: middle;
        border-top: 2px solid var(--cocinatis-orange);
        border-bottom: 2px solid var(--cocinatis-orange);
    }
    .right-left-line-title:before{
        width: 10%;
        margin-right: 10px;
    }.right-left-line-title:after{
        width: 55%;
        margin-left: 10px;
    }
    .left-line-title:before {
        content:"";
        display: inline-block;
        height: 0.5em;
        vertical-align: bottom;
        width: 30px;
        margin-right: -100%;
        margin-right: 10px;
        border-top: 2px solid var(--cocinatis-orange);
        margin-bottom: 2px;
    }
    .related-recipes-title{
        text-transform: uppercase;
        font-weight: bold;
        color: var(--cocinatis-gray);
    }
    .related-recipe-hover-icon > i{
        position: absolute;
        font-size: 64px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .hoverable-related-recipe:hover{
        cursor: pointer;
    }
    .hoverable-related-recipe:hover > div > a > picture > img.related-recipe-photo, .recipe-thumbnail-search:hover > a > picture > img{
        opacity:0.8;
    }
    .hoverable-related-recipe:hover > .related-recipe-titles > .related-recipe-title, .recipe-thumbnail-search:hover > a.title{
        color: var(--cocinatis-orange);
        text-decoration: none;
    }
    .hoverable-related-recipe:hover > .related-recipe-titles > .related-recipe-subtitle{
        color: #000;
        text-decoration: none;
    }
    .menu-option-title{
        font-size: 14px;
    }
    .menu-option-title:hover{
        text-decoration: none;
    }
    .home-gallery-img-title > span{
        color: var(--cocinatis-gray) !important;
    }
    .home-gallery-item{
        border: 2px solid transparent;
    }
    .home-gallery-item:hover{
        border: 2px solid var(--cocinatis-orange);
    }
    .home-gallery-item:hover > .home-gallery-img-title{
        background: var(--cocinatis-orange);        
    }
    .home-gallery-item:hover > .home-gallery-img-title > span{
        color: #FFF !important;
    }    
    .desktop-menu-background{
        opacity: 0.4;
    }
    .bg-md-gray{
        background-color: var(--cocinatis-light-gray);
    }
    .day-recipe-text, .carousel-recipe-text{
        padding: 5px 15px 5px 15px;
    }
    .home-posts-carousel-title{
        margin-left: 75px;
    }
    .menu-recipes-category{
        width: 60px;
        height: 35px;
    }
    .video-highlighted{
        position: absolute;
        left: 0px;
        top: 20px;
        height: 40px;
        width: 400px;
    }
    .video-highlighted > p{
        line-height: 40px;
    }
    .today-advanced-category-link-title{
        border-bottom: 1px solid;
    }
    .today-advanced-category-link-title.active{
        border: none;
    }
    .desktop-filter-section{
        position: absolute;
        background: #FFF;
        z-index: 9999999;        
        width: -webkit-calc(100% - 25px);
        width:    -moz-calc(100% - 25px);
        width:         calc(100% - 25px);
    }
    
    .filter-list-item{
        border: solid 1px #000;
        border-radius: 15px;
        padding: .5rem .5rem .5rem 1rem;
        margin-right: 1rem;
        margin-bottom: 7px;
        display: inline-block;
    }
    .footer-content{
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .extra-video-player-container > iframe{
        height: 400px;
    }
    .contact-form #id_name, .contact-form #id_email{
        width: 400px;
    }
}

/* tablets */
@media (min-width: 768px) and (max-width: 1024px) {
    .desktop-menu-background{
        top: 190px;
    }
    .desktop-menu-link{
        font-size: 12px;
    }
    .desktop-menu-user-button{
        font-size: 14px;
    }
    .desktop-filter > .desktop-filter-section.today-advances-ingredients{
        width: 100%;
        overflow-x: scroll;
    }
    .desktop-menu-row .menu-option-title{
        font-size: 12px;
    }
    .desktop-menu-row .menu-recipes-highlighted-container span{
        font-size: 12px;
    }
    .right-line-title.advices{
        width: 80%;
    }
    .right-line-title.ingredients, .right-line-title.elaboration, .right-line-title.steps{
        width: 90%;
    }
    .right-line-title.kitchenwares, .right-line-title.opinions{
        width: 95%;
    }
    .right-line-title.winepairing{
        width: 97%;
    }
    .extra-video-player-container > iframe{
        height: 300px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    .mobile-header{
        top: 174px;
    }
}
/* tablet portrait*/
@media (max-width: 800px) and (orientation: portrait){    
    .mobile-header{
        top: 58px;
    }
    .anchor{
        /*height: 150px; *//*same height as header*/
        /*margin-top: -130px;*/ /*same height as header*/
    }
}
/* ipad portrait */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
    .recipe-content{
        margin-top: 20px;
    }
}
@media (max-width: 812px) and (orientation: landscape){
    .mobile-header{
        top: 58px;
    }
}
/* iPad pro portrait */
@media only screen 
  and (min-width: 834px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .mobile-header{
        top: 58px;
    }
}
.subscription-thumbnail-container{
    background-color: #f5f5f5;
}
.subscription-image{
    width: 200px;
}
.subscription-thumbnail-form{
   width: 75%; 
}
/* tablets */
@media only screen and (max-width: 768px){
    #cocinatis-menu-search-input{
        width: 110px;
    }
    .menu-recipes-category{
        width: 40px;
        height: 30px;
    }
}
/* mobile */
@media only screen and (max-width: 414px){
    .anchor{
        /*height: 150px; *//*same height as header*/
        /*margin-top: -130px;*/ /*same height as header*/
    }
    .day-recipe-text, .carousel-recipe-text, .day-recipe-text.profile{
        padding: 5px 10px 5px 10px;
    }
    .w-sm-100{
        width: 100% !important;
    }
    .w-sm-75{
        width: 75% !important;
    }
    
    .full-width-div{
        padding-left: 0px;
        padding-right: 0px;
    }
    .nutritional-value-item-title, .allergen-title{
        font-size: 12px;
    }
    .nutritional-value-item-value{
        font-size: 14px;
    }
    .recipe-qualification{
        font-size:1em;
        margin-top: 0px;
    }
    .recipe-page-arrow-container{
        z-index: 1000;
    }
    .menu-recipes-category{
        width: 80px;
        height: 50px;
    }
    .video-highlighted > p{
        line-height: 30px;
    }
    .menu-container{
        padding-bottom: 30px;
    }
    img.share-icon{
        width: 20px;
        height: 20px;
    }
    .paginator-nav{
        float: none;
        display: flex;
        justify-content: center;
    }
    .subscription-thumbnail-form{
        width: 100%; 
    }
}

@media screen and (orientation:landscape) and (max-height: 375px) and (max-width: 813px) {
   #maincontainer{
       margin-top: 40px;
   }
}

/* cmp popup */
.modalBanner_popup--3xK2j{
    z-index:99999999 !important;
}
.btn-facebook{
    background: #4267B2 !important;
}

.nutritional-value-item-title{
    font-size: 75%;
    padding: 5px;
    font-weight: bold;
    line-height:110%;
}

.nutritional-value-item{
    padding:8px 0;
    margin-bottom: 1rem;
 }
.nutritional-value-item p{
   margin:0;
}

/* footer bottom */

html, body {
    width: 100%;
    height: 100%;
}

.cocinatis-site {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#maincontainer {
    flex-grow: 1;
}

#maincontainer > .container{
    min-height: 640px;
}

header, #maincontainer, footer {
    flex-shrink: 0;
}
.page-item.active .page-link{
    background-color: var(--cocinatis-orange);
    border-color: var(--cocinatis-orange);
}
.page-link, .page-link:hover{
    color: var(--cocinatis-orange);
}
.grecaptcha-badge{
    bottom: 84px !important;
}
.bg-icon{
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* footer social networks icons */
.social-network-link {
    width: 35px;
    height: 35px;
    line-height: 28px;
    display: inline-block;
    /*margin-left: 1px;
    margin-right: 1px;*/
    border-radius: 50%;
    background: #000;
}
.social-fb{
    background-image: url('/img/svg/Icono-Cocinatis183.svg?ea5cd55097f7');
}
.social-ig{
    background-image: url('/img/svg/Icono-Cocinatis187.svg?ea5cd55097f7');
}
.social-tw{
    background-image: url('/img/svg/Icono-Cocinatis190.svg?ea5cd55097f7');
}
/* carousel control icons */
.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.menu-option-icon{
    width: 40px;
    height: 40px;
    vertical-align: middle;
}
/************************************   MENU   ************************************/
/* menu recipes options icons */
.menu-recipes-option{
    width: 40px;
    height: 40px;
    vertical-align: middle;
    background-size: 120%;
}
.menu-recipes-option.pantry{
    background-image: url('/img/svg/Icono-Cocinatis76.svg?ea5cd55097f7');
}
.menu-recipes-option.experience{
    background-image: url('/img/svg/Icono-Cocinatis80.svg?ea5cd55097f7');
}
.menu-recipes-option.recipe-type{
    background-image: url('/img/svg/Icono-Cocinatis84.svg?ea5cd55097f7');
}
.menu-recipes-option.time{
    background-image: url('/img/svg/Icono-Cocinatis88.svg?ea5cd55097f7');
}
/* menu ingredient category icons */
.menu-recipes-ingredient-category.recetas-con-arroces-y-cereales{
    background-image: url('/img/svg/Icono-Cocinatis114.svg?ea5cd55097f7');
}
.menu-recipes-ingredient-category.recetas-con-pastas-y-pizzas{
    background-image: url('/img/svg/Icono-Cocinatis118.svg?ea5cd55097f7');
}
.menu-recipes-ingredient-category.recetas-con-pollo-o-ave{
    background-image: url('/img/svg/Icono-Cocinatis121.svg?ea5cd55097f7');
}
.menu-recipes-ingredient-category.recetas-con-pescado{
    background-image: url('/img/svg/Icono-Cocinatis124.svg?ea5cd55097f7');
}
.menu-recipes-ingredient-category.recetas-con-marisco{
    background-image: url('/img/svg/Icono-Cocinatis385.svg?ea5cd55097f7');
}
.menu-recipes-ingredient-category.recetas-con-carnes-y-caza{
    background-image: url('/img/svg/Icono-Cocinatis389.svg?ea5cd55097f7');
}
.menu-recipes-ingredient-category.recetas-con-legumbres{
    background-image: url('/img/svg/Icono-Cocinatis393.svg?ea5cd55097f7');
}
.menu-recipes-ingredient-category.recetas-con-verduras{
    background-image: url('/img/svg/Icono-Cocinatis397.svg?ea5cd55097f7');
}
.menu-recipes-ingredient-category.recetas-con-frutas{
    background-image: url('/img/svg/Recurso 53.svg');
}
.menu-recipes-ingredient-category.recetas-con-panes-y-masas{
    background-image: url('/img/svg/Icono-Cocinatis401.svg?ea5cd55097f7');
}
.menu-recipes-ingredient-category.recetas-con-huevos-y-lacteos{
    background-image: url('/img/svg/Icono-Cocinatis405.svg?ea5cd55097f7');
}
.menu-recipes-ingredient-category.recetas-con-chocolate{
    background-image: url('/img/svg/Icono-Cocinatis148.svg?ea5cd55097f7');
}
.menu-recipes-ingredient-category.recetas-con-setas-y-hongos{
    background-image: url('/img/svg/Icono-Cocinatis409.svg?ea5cd55097f7');
}


/* menu recipe time icons */
.menu-recipes-time{
    background-image: url('/img/svg/Icono-Cocinatis89.svg?ea5cd55097f7');
}
/* menu cooking icons */
.consejos-trucos, .utiles-en-cocina{
    width: 50px;
    height: 50px;
}
.consejos-trucos{
    background-image: url('/img/svg/Icono-Cocinatis40.svg?ea5cd55097f7');
}
.a-prueba{
    background-image: url('/img/svg/Icono-Cocinatis30.svg?ea5cd55097f7');
    margin-left: 5px;
}
/************************************   RECIPE PAGE / THUMBNAIL ************************************/
/* recipe portions icon */
.recipe-portions-icon{
    width: 40px;
    height: 25px;
    background-image: url('/img/svg/Icono-Cocinatis8.svg?ea5cd55097f7');
    vertical-align: middle;
}
/* recipe time icon */
.recipe-time-icon{
    width: 20px;
    height: 20px;
    background-image: url('/img/svg/recipe_time_icon.png?ea5cd55097f7');
    vertical-align: middle;
}
/* recipe difficulty icons */
.recipe-difficulty{
    width: 30px;
    height: 20px;
}
.recipe-difficulty.recetas-faciles{
    background-image: url('/img/svg/Recurso 20.svg?ea5cd55097f7');
}
.recipe-difficulty.recetas-amateurs{
    background-image: url('/img/svg/Recurso 21.svg?ea5cd55097f7');
}
.recipe-difficulty.recetas-elaboradas{
    background-image: url('/img/svg/Recurso 22.svg?ea5cd55097f7');
}
/* recipe cost icons */
.recipe-cost{
    width: 40px;
    height: 25px;
}
.recipe-cost.carousel{
    width: 45px;
    height: 15px;
}
.recipe-cost.cost_1{
    background-image: url('/img/svg/Recurso 27.svg?ea5cd55097f7');
}
.recipe-cost.cost_2{
    background-image: url('/img/svg/Recurso 28.svg?ea5cd55097f7');
}
.recipe-cost.cost_3{
    background-image: url('/img/svg/Recurso 2.svg?ea5cd55097f7');
}
/* recipe ingredient alternative icons */

.recipe-ingredient-alt{
    background-image: url('/img/svg/Recurso 59.svg?ea5cd55097f7');
    width:30px;
    height: 15px;
}
.recipe-ingredient-alt:hover, .recipe-ingredient-alt.active{
    background-image: url('/img/svg/Recurso 60.svg?ea5cd55097f7');
}
/* recipe dinners icons */
/* recipe page sticky menu icons */
.recipe-navigation-item.ingredients{
    background-image: url('/img/svg/Recurso 4.svg?ea5cd55097f7');
}
.recipe-navigation-item.ingredients.hoverable:hover, .recipe-navigation-item.active.ingredients{
    background-image: url('/img/svg/Recurso 13.svg?ea5cd55097f7');
}
.recipe-navigation-item.steps{
    background-image: url('/img/svg/Recurso 5.svg?ea5cd55097f7');
}
.recipe-navigation-item.steps.hoverable:hover, .recipe-navigation-item.active.steps{
    background-image: url('/img/svg/Recurso 17.svg?ea5cd55097f7');
}
.recipe-navigation-item.kitchenwares{
    background-image: url('/img/svg/Recurso 6.svg?ea5cd55097f7');
}
.recipe-navigation-item.kitchenwares.hoverable:hover, .recipe-navigation-item.active.kitchenwares{
    background-image: url('/img/svg/Recurso 18.svg?ea5cd55097f7');
}
.recipe-navigation-item.wine-pairing{
    background-image: url('/img/svg/Recurso 8.svg?ea5cd55097f7');
}
.recipe-navigation-item.wine-pairing.hoverable:hover, .recipe-navigation-item.active.wine-pairing{
    background-image: url('/img/svg/Recurso 16.svg?ea5cd55097f7');
}
.recipe-navigation-item.tricks{
    background-image: url('/img/svg/Recurso 10.svg?ea5cd55097f7');
}
.recipe-navigation-item.tricks.hoverable:hover, .recipe-navigation-item.active.tricks{
    background-image: url('/img/svg/Recurso 19.svg?ea5cd55097f7');
}
.recipe-navigation-item.elaboration{
    background-image: url('/img/svg/Recurso 235.svg?ea5cd55097f7');
}
.recipe-navigation-item.elaboration.hoverable:hover, .recipe-navigation-item.active.elaboration{
    background-image: url('/img/svg/Recurso 234.svg?ea5cd55097f7');
}
.recipe-navigation-item.history{
    background-image: url('/img/svg/Recurso 9.svg?ea5cd55097f7');
}
.recipe-navigation-item.history.hoverable:hover, .recipe-navigation-item.active.history{
    background-image: url('/img/svg/Recurso 14.svg?ea5cd55097f7');
}
.recipe-navigation-item.valorations{
    background-image: url('/img/svg/Recurso 11.svg?ea5cd55097f7');
}
.recipe-navigation-item.valorations.hoverable:hover, .recipe-navigation-item.active.valorations{
    background-image: url('/img/svg/Recurso 15.svg?ea5cd55097f7');
}
.recipe-navigation-item.related-recipes{
    background-image: url('/img/svg/Recurso 231.svg?ea5cd55097f7');
}
.recipe-navigation-item.related-recipes.hoverable:hover, .recipe-navigation-item.active.related-recipes{
    background-image: url('/img/svg/Recurso 232.svg?ea5cd55097f7');
}

.recipe-section-item{
    width: 45px;
    height: 45px;
    display: block;
    margin: auto;
}
.recipe-section-item.advice{
    background-image: url('/img/svg/Recurso 10.svg?ea5cd55097f7');
}
.recipe-section-item.history{
    background-image: url('/img/svg/Recurso 9.svg?ea5cd55097f7');
}
.recipe-section-item.opinion-user{
    background-image: url('/img/svg/Recurso 65.svg?ea5cd55097f7');
}

/************************************* HOME *************************************/
.home-recipe-type-icon{
    width: 50px;
    height: 30px;
    display: block;
    margin: auto;
    background-size: 130%;
}
.home-recipe-type-icon.entrantes{
    background-image: url('/img/svg/Icono-Cocinatis60.svg?ea5cd55097f7');
}
.recipe-type-icon-container:hover > .entrantes{
    background-image: url('/img/svg/Icono-Cocinatis59.svg?ea5cd55097f7');
}
.home-recipe-type-icon.primeros{
    background-image: url('/img/svg/Icono-Cocinatis64.svg?ea5cd55097f7');
}
.recipe-type-icon-container:hover > .primeros{
    background-image: url('/img/svg/Icono-Cocinatis63.svg?ea5cd55097f7');
}
.home-recipe-type-icon.segundos{
    background-image: url('/img/svg/Icono-Cocinatis68.svg?ea5cd55097f7');
}
.recipe-type-icon-container:hover > .segundos{
    background-image: url('/img/svg/Icono-Cocinatis67.svg?ea5cd55097f7');
}
.home-recipe-type-icon.postres{
    background-image: url('/img/svg/Icono-Cocinatis72.svg?ea5cd55097f7');
}
.recipe-type-icon-container:hover > .postres{
    background-image: url('/img/svg/Icono-Cocinatis71.svg?ea5cd55097f7');
}
/* desktop */
@media only screen and (min-width: 768px) {
    .recipe-page-arrow-container{
        display: none;
    }
    .carousel-inner{
        height: 350px;
        overflow-y: scroll;
    }
    /* menu difficulty icons */
    .menu-recipes-difficulty.recetas-faciles{
        background-image: url('/img/svg/Icono-Cocinatis171.svg?ea5cd55097f7');
    }
    .menu-recipes-difficulty.recetas-amateurs{
        background-image: url('/img/svg/Icono-Cocinatis175.svg?ea5cd55097f7');
    }
    .menu-recipes-difficulty.recetas-elaboradas{
        background-image: url('/img/svg/Icono-Cocinatis179.svg?ea5cd55097f7');
    }
    .menu-recipes-section-list > li > a:hover > .menu-recipes-difficulty.recetas-faciles{
        background-image: url('/img/svg/Recurso 33.svg?ea5cd55097f7');
    }
    .menu-recipes-section-list > li > a:hover > .menu-recipes-difficulty.recetas-amateurs{
        background-image: url('/img/svg/Recurso 34.svg?ea5cd55097f7');
    }
    .menu-recipes-section-list > li > a:hover > .menu-recipes-difficulty.recetas-elaboradas{
        background-image: url('/img/svg/Recurso 35.svg?ea5cd55097f7');
    }

    /* time icon hover */
    .menu-recipes-section-list > li > a:hover > .menu-recipes-time{
        background-image: url('/img/svg/Icono-Cocinatis86.svg?ea5cd55097f7');
    }
    /* menu recipe type icons */
    .menu-recipes-recipe-type.entrantes{
        background-image: url('/img/svg/Icono-Cocinatis61.svg?ea5cd55097f7');
    }
    .menu-recipes-recipe-type.segundos{
        background-image: url('/img/svg/Icono-Cocinatis69.svg?ea5cd55097f7');
    }
    .menu-recipes-recipe-type.postres{
        background-image: url('/img/svg/Icono-Cocinatis73.svg?ea5cd55097f7');
    }
    .menu-recipes-recipe-type.primeros{
        background-image: url('/img/svg/Icono-Cocinatis65.svg?ea5cd55097f7');
    }
    .menu-recipes-recipe-type.cocteles-y-bebidas{
        background-image: url('/img/svg/Icono-Cocinatis420.svg?ea5cd55097f7');
    }
    /* hover */
    .menu-recipes-section-list > li > a:hover > .menu-recipes-recipe-type.entrantes{
        background-image: url('/img/svg/Icono-Cocinatis58.svg?ea5cd55097f7');
    }
    .menu-recipes-section-list > li > a:hover > .menu-recipes-recipe-type.segundos{
        background-image: url('/img/svg/Icono-Cocinatis66.svg?ea5cd55097f7');
    }
    .menu-recipes-section-list > li > a:hover > .menu-recipes-recipe-type.postres{
        background-image: url('/img/svg/Icono-Cocinatis70.svg?ea5cd55097f7');
    }
    .menu-recipes-section-list > li > a:hover > .menu-recipes-recipe-type.primeros{
        background-image: url('/img/svg/Icono-Cocinatis62.svg?ea5cd55097f7');
    }
    .menu-recipes-section-list > li > a:hover > .menu-recipes-recipe-type.cocteles-y-bebidas{
        background-image: url('/img/svg/Icono-Cocinatis417.svg?ea5cd55097f7');
    }
}
/* landscape tablets */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    .desktop-menu-row > div > .menu-recipes-section-list > li > a > .menu-option-icon{
        width: 30px;
        height: 30px;
    } 
}
/* tablets */
@media only screen and (min-width: 768px) {
    .menu-option-icon{
        width: 25px;
        height: 25px;
    }
}
/* mobile devices */
@media only screen and (max-width: 414px){
    .social-network-link {
        margin-left: 10px;
        margin-right: 10px;
    }
    .recipe-cost{
        width: 40px;
        height: 15px;
    }
    /* menu difficulty icons */
    .menu-recipes-difficulty.recetas-faciles{
        background-image: url('/img/svg/Recurso 33.svg?ea5cd55097f7');
    }
    .menu-recipes-difficulty.recetas-amateurs{
        background-image: url('/img/svg/Recurso 34.svg?ea5cd55097f7');
    }
    .menu-recipes-difficulty.recetas-elaboradas{
        background-image: url('/img/svg/Recurso 35.svg?ea5cd55097f7');
    }
    /* menu recipe type icons */
    .menu-recipes-recipe-type.entrantes{
        background-image: url('/img/svg/Recurso 29.svg?ea5cd55097f7');
    }
    .menu-recipes-recipe-type.segundos{
        background-image: url('/img/svg/Recurso 32.svg?ea5cd55097f7');
    }
    .menu-recipes-recipe-type.postres{
        background-image: url('/img/svg/Recurso 30.svg?ea5cd55097f7');
    }
    .menu-recipes-recipe-type.primeros{
        background-image: url('/img/svg/Recurso 31.svg?ea5cd55097f7');
    }
    .menu-recipes-recipe-type.cocteles-y-bebidas{
        background-image: url('/img/svg/Icono-Cocinatis417.svg?ea5cd55097f7');
    }
    /* menu time icon*/
    .menu-recipes-time{
        background-image: url('/img/svg/Icono-Cocinatis86.svg?ea5cd55097f7');
    }
}
/*************************************** SLICK ***************************************/
/* recipe page carousel */ 
.slick-carousel{
    width: 80% !important;
}
/* desktop */
@media only screen and (min-width: 768px) {    
    .carousel-item-control, .carousel-item-control:hover, .carousel-item-control:focus{
        width: 10% !important;
        background: var(--cocinatis-light-gray);
    }
    .carousel-inner{
        height: 370px;
        overflow-y: scroll;
    }
    .carousel-item{
        width: 90% !important;
        background: var(--cocinatis-light-gray);
    }
    .carousel-item.single{
        width: 100% !important;
        display: block !important;
    }
    .slick-prev{
        left: -50px !important;
    }
    .slick-slide {
        margin: 0 27px;
    }
    .home-posts-carousel > .slick-list > .slick-track > .slick-slide {
        margin: 0 15px;
    }
    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }
    .recipes-carousel-desktop{
        width: 90%;
    }
    .recipes-carousel-desktop > .slick-list > .slick-track > .slick-slide {
        margin: 0 10px;
    }
    .recipes-carousel-desktop > .slick-list > .slick-track > .slick-list {
        margin: 0 -10px;
    }
    .slick-dots{
        position: static !important;
    }
}
/* mobile devices */
@media only screen and (max-width: 414px){
    .carousel-control-next{
        margin-right: -25px;
    }
    .carousel-control-prev{
        margin-left: -25px;
    }
    .carousel-item.single-mobile{
        display: block !important;
    }
    .recipes-carousel-mobile > .slick-list > .slick-track > .slick-slide {
        margin: 0 10px;
    }
}
.slick-prev:before, .slick-next:before {
    content: "" !important;
    font-size: 0px !important;
}
/* smartclip publi */

/* category page */
.sticky-container{
    position: -webkit-sticky;
    position: sticky;
    top: 240px;
}
.category-publi, .recipe-publi{
    position: relative;
}
.category-publi.publi-1{
    height: 700px;
}
.category-publi.publi-2{
    height: 1080px;
    padding-bottom: 260px;
}
.category-publi.publi-3{
    height: 1080px;
    padding-bottom: 30px;
}
.category-publi.publi-4{
    height: 1200px;    
}
/* list of category page */
.category-list-publi.publi-1{
    height: 600px;
    margin-bottom: 100px;
}
/* recipe page */
.recipe-publi.publi-1, .recipe-publi.publi-2{
    height: 1000px;
}
.recipe-publi.publi-3{
    height: 1400px;
    padding-bottom: 30px;
}
.recipe-publi.publi-4{
    height: 1000px;
    padding-bottom: 30px;
}
.recipe-publi.publi-5{
    height: 1000px;
}
/* post page */
.post-publi.publi-1, .post-publi.publi-2{
    height: 600px;
}
.post-publi.publi-3{
    height: 700px;
    padding-bottom: 30px;
}

.lists-publi.publi-1{
    height: 600px;
}
.lists-publi.publi-2{
    height: 900px;
}
.lists-publi.publi-3{
    height: 800px;
}
.lists-publi.publi-4{
    height: 900px;
}

/* ipad landscape (sticky container) */
@media only screen 
and (min-width : 1024px) 
and (max-width : 768px) 
and (orientation : landscape) {
    .sticky-container{
        top: 200px;
    }
}
#sc-mpu-top iframe,
#sc-mpu-btf iframe,
#sc-mpu-btf2 iframe,
#sc-mpu-btf3 iframe,
.recipe-publi iframe,
.post-publi iframe{
    max-width: 100% !important;
}
.desktop-menu-user-data{
height:44px;
}
.sc-top-cls {
         min-height: 250px;
         text-align: center;
         word-wrap: break-word;
         box-sizing: border-box;
         margin: 0;
         margin-bottom: 0px;
         display: flex;
         justify-content: space-around;
         align-items: flex-start;
         /*background-image: radial-gradient(rgba(34, 34, 34, 0.219) 0.5px, transparent 0.5px);
         background-size: calc(10 * 0.5px) calc(10 * 0.5px);*/
         position: relative;
         padding: 0px 0;
      }

.sc-top-cls::before {
         position: absolute;
         content: "Publicidad";
         transform: translate(-50%, -50%);
         z-index: -1;
         top: 50%;
         left: 50%;
         text-transform: uppercase;
         color: #707070;
         font-size: 11px;
      }
.sc-skin .sc-top-cls::before{
            display:none;
      }

@media only screen and  (min-width: 1200px){
    #maincontainer .container:first-child {
    max-width: 1080px;
    }
    .desktop-menu .container{
        max-width: 1080px;
    }
    footer .container.footer-container{
        max-width: 1080px!important;
    }
}
.pt-20px{
margin-top:20px;
} 
/* títulos personalizableas */
.right-line-title2 {
  width: 100%;
  border-bottom: 2px solid var(--cocinatis-orange);
  line-height: 0.1em;
  margin-top: .5em;
  margin-bottom: .5em;
}

.right-line-title2 span {
  background: #fff;
padding-right: 10px;
}           
/* fa tiktok No sería este archivo pero al estar el font minimizado...*/
.fa-tiktok::before {
    content: "\e07b";
  }
/*estilo titulo pagina*/
  .titu_pagina{
    color: #DE7B12;
    border-bottom: 2px solid #DE7B12;
    padding: .3em 0;
    font-size: 1.5rem;
    font-weight: normal;
    }
/*pie de foto*/
.piedefoto{
    padding-bottom: 5px;    
    padding-top: 5px;
    font-size: 14px;  
    display: block;
    border-bottom: 1px solid #ddd;
    color: #707070;
    margin-bottom:10px;
    height: 53px;
}
@media screen and (max-width:767px){
.piedefoto {
    padding-left:1em;
}                                    
}
.fotoconpie{
    display: inline-block;
}
.fotoconpie .piedefoto {
border-bottom: 0px solid #ddd;
height: auto;
text-align: left;
max-width:574px;
padding-left:0;
}
.piedefoto_principal_pc{    
    height: 32px;
}
/*cls img principal tipo articulo*/
.video-container-articulo-m .img-fluid{
    height:revert-layer!important;
}

.video-container-articulo-d .img-fluid{
    height:revert-layer!important;
}