/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/
/*////////////// BLOG NOTICIAS ////////////////////////*/
/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/

.col-grid-4 {
    max-width: 100%;
    margin: 0px auto;
    padding: 30px 0px;
    width: 100%;
    display: grid;
    grid-auto-rows: auto;
    grid-gap: 46px 35px;
    grid-template-columns: repeat(4, 1fr);

}
.grid-box-noticia{
    position: relative;
    padding-bottom: 0px;
    overflow: hidden;
    min-height: 260px;
    display: flex;
    align-items: flex-end;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}
.container-shadow{
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 19%, rgba(0,0,0,0) 100%);
}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 980px) {
     .col-grid-4{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 768px) {
    .col-grid-4{
        grid-template-columns: repeat(1, 1fr);
    }
}

.col-titular-noticias h3{

    line-height: 90%;
    letter-spacing: .5px;
    color: #A2244D;
    font-size: 44px;
}


#noticias-color-,
#noticias-color-negro{
    background: black;
}

#noticias-color-blanco{
    background: white
}
#noticias-color-blanco .claim.text-white{
    border-left: none;
}
#noticias-color-blanco .text-white{
    color: black !important;
}
#noticias-color-blanco .text-gray {
    color: #898989 !important;
}
#noticias-color-blanco .container-shadow {
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(255 255 255) 30%, rgba(0,0,0,0) 100%);
}

#noticias-color-blanco .btn-enlace.text-white {
    color: #ffff !important;
}



#noticias-color-blanco .grid-box-noticia {
    display: flex;
    align-items: FLEX-START;
    border-radius: 10px;
    MARGIN-BOTTOM: 100PX;
    overflow: inherit;
    min-height: 240px;
}

#noticias-color-blanco .container-grid-txt{
    POSITION: ABSOLUTE;
    TOP: 220PX;
}
#noticias-color-blanco .container-grid-txt {
    padding: 40px 5% 0 5%;
}
#noticias-color-blanco  .col-grid-4 {
    padding: 30px 0px 10PX;
}


#noticias-color-gris{
    background: #f0f0f0;
}
#noticias-color-gris .claim.text-white{
    border-left: none;
}
#noticias-color-gris .text-white{
    color: black !important;
}
#noticias-color-gris .text-gray {
    color: #6b6b6b !important;
}
#noticias-color-gris .container-shadow {
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(240 240 240) 30%, rgba(0,0,0,0) 100%);
}

#noticias-color-gris .btn-enlace.text-white {
    color: #ffff !important;
}

#noticias-color-gris .grid-box-noticia {
    display: flex;
    align-items: FLEX-START;
    border-radius: 10px;
    MARGIN-BOTTOM: 100PX;
    overflow: inherit;
    min-height: 240px;
}

#noticias-color-gris .container-grid-txt{
    POSITION: ABSOLUTE;
    TOP: 220PX;
}
#noticias-color-gris .container-grid-txt {
    padding: 40px 5% 0 5%;
}
#noticias-color-gris  .col-grid-4 {
    padding: 30px 0px 10PX;
}


#noticias h3{
    color: #A2244D;
    line-height: 90%;
    letter-spacing: .5px;
    font-size: 50px;
    font-weight: 800 !important;
}
#noticias .col-noticia:nth-child(2){
    margin-top: 40px;
}
.home-noticia-box{
    background: white;
    padding: 12px;
    border-radius: 20px;
}
.grid-box-noticia{
    border-radius: 16px;
}
.block-noticia-content{
    padding: 0 10px;
}
.pblog-leermas {
    background: #a2244d;
    width: 36px;
    height: 36px;
    padding: 0;
    background-image: url(../../movit/arrow3.png);
    background-position: 11px 11px;
    background-repeat: no-repeat;
    background-size: 14px;
}
/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/
/*////////////////// BLOG //////////////////////*/
/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/

#pro-blog-jumbo {
    background-color: black;
    margin: 0;
    /* padding: 100px 0 40px; */
    /* height: 82vh; */
    height: auto;
    display: flex;
    align-items: center;
    margin-bottom: -2px;
    /* min-height: 450px; */
    position: relative;
    overflow: hidden;
}
#pro-blog-jumbo .pro-blog-separator{
    border-top: 1px solid #4c4c4c;
    width: 100%;
    position: relative;
    margin-top: 150px;
}
#pro-blog-jumbo .pro-blog-separator.pro-blog-no-bar{
    border-top: none;
}

.pro-blog-separator .jumbo-texto{
    width: 96%
}

#pro-blog-jumbo .container {
    z-index: 2;
    position: relative;
    padding: 40px 0;
}
#pro-jumbo h1 {
    max-width: 900px;
    line-height: 100%;
    margin: 10px 0 30px;
    font-size: 70px;
}

#pro-blog-search {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#pro-blog-search form{
    width: 90%;
    color: white;
    background: transparent;
    border: 2px solid #ffffff57;
    padding: 10px;
    border-radius: 8px;
    font-size: 20px;
    display: flex;
}

#pro-blog-search input{
    background: transparent;
    border: none;
    padding: 0 0 0 20px;
    font-size: 22px;
    line-height: 26px;
    color: white;
}
#pro-blog-search label{
    width: 100%;
}
#pro-blog-search button{
    background: transparent;
    font-size: 26px;
}

@media screen and (max-width: 990px) {
    #pro-blog-search {
        justify-content: center;
    }
}




/*////////////////// BLOG CATEGORY //////////////////////*/
.pblog_grid_item{
    background: white;
    padding: 30px;
}
.pblog_item_thumb{
    overflow: hidden;
}

.pblog-item-content-wrap a.text-red{
        color: #e40f1f;
}
.pro-blog-navigation{
    text-align: center;
    width: 100%;
    margin: 10px 0 30px;
}

.pro-blog-paginador{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pro-blog-navigation span{
    width: 50px;
    display: inline-block;
    background: white;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    margin: 0 10px;
    box-shadow: 4px 4px 24px #dddddd;
}
.pro-blog-navigation a{
    width: 50px;
    display: inline-block;
    background: white;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    margin: 0 10px;
    background: #9c7f4f;
    color: white;
}
.next.page-numbers,
.prev.page-numbers{
    display: none;
}
.minimize {
    position: relative;
    height: auto;
    background: transparent;
    animation: MOSTRA 0.5s linear alternate forwards;
    animation-timing-function: cubic-bezier(.54,.21,.43,.99);
    width: 100%;
    background: tranparent;
    display: block;
}
.pagination .nav-links > * {
    padding: 0;
}
.pagination .nav-links {
    margin-left: auto;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*////////////////// SINGLE FORMACION //////////////////////*/
.category-buttons{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 20px 0;
}

.category-buttons button,
.category-link,
.category-span{
    margin: 0px 6px;
    padding: 10px 30px;
    border-radius: 20px;
    border: none;
    min-width: 140px;
    border: 1px solid #8080806e;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    background: white;
    width: auto;
    max-width: 350px;
    color: #212529;
}

.tag-link,
.tag-span{
    background: transparent;
    color: #8C1A3F;
    border-color: #E0D1D6;
    padding: 7px 7px;
    min-width: 90px;
    font-size: 15px;
    margin: 0 4px;
    font-weight: 400;
}
.tag-link.activo{
    background: #A2244D;
    color: white;
}


.category-link:hover{
    background: #A2244D;
    color: white;
}
.blog #link-category-all,
.category .current-cat{
    background: #A2244D;
    color: white;
    pointer-events: none;
}

.category-buttons button.bot-category-activo{
    background: #A2244D;
    color: white;
}

.pro-single-foto{
    display: block;
    width: 100%;
    height: 400PX;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.pro-post-body{
    max-width: 100%;
    margin: auto;
}
.pro-single-article p{
    line-height: 130%;
}



.author-description .author-link, .comment-metadata, .comment-reply-link, .comments-title, .comment-author .fn, .discussion-meta-info, .entry-meta, .entry-footer, .main-navigation, .no-comments, .not-found .page-title, .error-404 .page-title, .post-navigation .post-title, .page-links, .page-description, .pagination .nav-links, .sticky-post, .site-title, .site-info, #cancel-comment-reply-link, h1, h2, h3, h4, h5, h6{
    font-family: inherit;
}
#pro-comments{
    background: #eeeeee;
    display: inline-block;
    width: 100%;
     font-family: 'Avenir Next';
}
#pro-comments .comments-area{
    width: 100%;
    margin: 0;
    padding: 20px 0;
    background: transparent;
    max-width: 100%;
}
.comments-area .comments-title-wrap .comments-title:before{
    display: none;
}
.comment-author.vcard img{
    display: none;
}
.comment-list .comment{
        margin-left: 0;
}
.comment-list .comment-body{
    background: white;
    padding: 20px;
    margin: 10px 0;
    width: 100%;
    border-radius: 10px;
}
.comment-form-flex .comments-title{
    font-size: 24px;
}
.comment-form-flex #reply-title{
    display: none
}
.comment-respond form{
    margin: 0;
}
.comment .comment-author .fn {
    position: relative;
    display: block;
    font-size: 19px;
    font-weight: 600;
    color: #9c7f4f;
}
.comment-metadata{
    font-size: 12px;
}
.comment .comment-content {
    padding-right: 1rem;
}
.comments-title-wrap .comments-title{
    font-size: 30px;
}
.comment-reply .comment-reply-link {
    display: inline-block;
    color: black;
    text-decoration: underline;
}
.comment-reply .comment-reply-link:hover {
    color: black;
}
#comment {
    max-width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    background: transparent;
}
.comment-form input[name="author"],
.comment-form input[name="email"],
.comment-form input[name="url"] {
    background: transparent;
}
.comment-form-cookies-consent{
    display: inline-flex;
}
#pro-comments input[type="submit"] {
    margin-right: 0;
}
#pro-comments textarea{
    width: 100%;
}
#pro-comments .comment-form-cookies-consent{
    float: left;
    width: calc(50% - 0.5rem);
}
#pro-comments .comment-form-cookies-consent label{
    line-height: 100%
}
#pro-comments .form-submit{
    float: right;
    width: calc(50% - 0.5rem);
}
#pro-comments input:focus,
#pro-comments input:active,
#pro-comments input:hover
#pro-comments textarea:focus,
#pro-comments textarea:active,
#pro-comments textarea:hover{
    outline: none;
    border-bottom: 1px solid black;
}

/*////////////////// SINGLE RECETA //////////////////////*/
.single-post-big-image{
    border-radius: 40px;
    overflow: hidden;
}
.single-post-big-image img{
    width: 100%;
}

#SINGLE-PAGE{
    background-color: white;
    background-image: url(../../movit/deco-single-post.png);
    background-position: top center;
    background-repeat: repeat-x;
    background-size: 1980px;
}


/*////////////////// SINGLE RECETA //////////////////////*/
.pro-single-foto-receta {
    height: 600PX;
}

#pro-blog-receta {
    background-color: white;
    margin: 0;
    height: auto;
    display: flex;
    align-items: center;
    margin-bottom: -2px;
    position: relative;
    overflow: hidden;
}
#pro-blog-receta .container {
    z-index: 2;
    position: relative;
    padding: 40px 0 0;
}
#pro-blog-receta .jumbo-texto h1:after {
    background: black;
}

.pro-receta-duo-info{
    display: flex;
    border: 4px solid #9b7f4f;
    padding: 30px 40px 20px;
    margin-bottom: 40px;
}
.pro-recenta-info,
.pro-receta-ingredientes{
    width: 50%;
}



@media screen and (max-width: 990px) {
    .pro-receta-duo-info {
        display: block;
    }
    .pro-recenta-info,
    .pro-receta-ingredientes{
        width: 100%;
    }
}

.pro-receta-ingredientes a{
    color: #9b7f4f !Important;
}
.pro-recenta-info p,
.ingrediente p,
.pro-elaboracion p{
    font-size: 18px;
    line-height: 110%;
    margin: 0 0 20px;
}
::marker{
    font-weight: 800;
}

.yasr-custom-text-vv-before,
.yasr-vv-text-container {
    /* display: none; */
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-left: 6px;
    opacity: .7;
}
.yasr-vote-saved{
    display: none;
}
.yasr-vv-bottom-container{
    display: none;
}
.yasr-visitor-votes{
    display: flex;
    justify-content: flex-end;
    max-width: 90%;
    margin: auto;
    padding-bottom: 20px;
}

.grid-box-noticia{
    overflow: hidden;

}
.grid-box-hidden{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: block;
    height: 260px;
    position: relative;
     transition: all .4s ease;
}
.grid-box-noticia:hover .grid-box-hidden{
    transform: scale(1.05);
}
.block-noticia-wrap h2{
  transition: all .2s ease;
}
.block-noticia-wrap h2:hover{
  opacity: .8;
}


#ArticuloWrap ul{
    list-style: none;
    padding: 0;
    line-height: 120%;
    margin-top: 6px;
    background: #f6f3ec;
    padding: 30px;
    margin: 30px 0;
    border-radius: 30px;
}

#ArticuloWrap ul li {
    font-size: 17px;
    line-height: 110%;
    font-weight: 600;
    margin-bottom: 0px;
    padding-left: 34px;
    background-image: url(../../movit/circle.png);
    background-repeat: no-repeat;
    background-position: left top 4px;
    background-size: 12px;
    max-width: 500px;
    min-height: 25px;
    margin: 19px 0;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    color: #8c1a3f;
}



@media screen and (max-width: 990px) {
    #noticias .col-noticia:nth-child(2) {
        margin-top: 0px;
    }
    .category-buttons-wrap{
        display: flex;
        overflow: scroll;
        margin-bottom: 20px;
    }

    #noticias h3{
        font-size: 38px;
    }
    #ArticuloWrap{
        padding: 0 5%;
    }
    #ArticuloWrap p{
        text-align: start;
    }
    #SINGLE-PAGE .container #ArticuloWrap a{
       hyphens: auto;
        hyphens: auto;
        white-space: normal;
    }

}