.mostraMobile {
    display: none;
}

.mostraDesktop {
    display: block;
}

figcaption {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 20px;
    padding: 10px 0;
    color: #333;
    cursor: pointer;
}

figure {
    margin: 0 0 1rem;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 25px;
    cursor: pointer;
}

.post{
    background-color: white;
}

.img-post{
    width: 100%;
}

.post h4{
    text-transform: uppercase;
    margin: 0;
    font-size: 22px;
    color: #8b8b8b;
}
.post .chef-name {
    font-size: 15px;
    color: #c0cfc8;
}

.post-body{
    padding-top: 10px;
}

.itens{
    padding: 0;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 25px;
}

.itens li {
    display: inline-block;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    margin-left: 10px;
    padding-right: 20px;
    text-align: center;
    color: #8b8b8b;
}

.itens li:last-child {
    border-right: none;
}

.ver-receita{
    background: #3f4e42;
    padding: 7px 10px;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;    
}

.ver-receita:hover {
    background: #88998b;
    color: #fff;
}

.itens li i{
    color: #3f4e42;
    font-size: 20px;
}

.date{
    color: #aeaeae;
    font-weight: bold;
    font-size: 15px;
}

.date i{
    color: #97897b !important;
    font-weight: normal;
}

/** PAGINAÇÃO */

.page-item.disabled .page-link,
.page-item:last-child .page-link,
.page-link {
    font-family: 'Roboto Bold', sans-serif;
    letter-spacing: 0px;
    color: #7b7b7b;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #173028;
    border-color: #173028;
}

.page-link:hover,
.page-item:last-child .page-link:hover,
.page-item:first-child .page-link:hover {
    color: #173028;
}

/** SIDEBAR */

form.searchBlog input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid #aabab5 !important;
    border-right: none !important;
    float: left;
    width: 80%;
    background: transparent;
    border-radius: 0px;
    text-transform: initial !important;
}

form.searchBlog input[type=text]::placeholder {
    text-transform: capitalize !important;
    font-family: 'Roboto',
    sans-serif;
    font-weight: initial;
    font-size: 20px;
    color: #8a8a8a !important;
}

form.searchBlog button {
    float: left;
    width: 20%;
    padding: 10px;
    background: transparent;
    color: #aeaeae;
    font-size: 17px;
    border: 1px solid #aabab5;
    border-left: none;
    cursor: pointer;
}

form.searchBlog button:hover {
    color: #173028;
}

form.searchBlog::after {
    content: "";
    clear: both;
    display: table;
}

.box-search-blog {
    background-color: white;
    padding: 20px 15px;
}
.box-search-blog .title {
    color: #14544d;
    font-weight: normal !important;
    text-transform: uppercase;
    font-size: 20px !important;
}
section.news .title {
    color: #14544d;
    font-weight: bold;
    text-align: center;
    font-size: 25px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

.list-categories{
    padding: 0px
}
.list-categories li{
    list-style: none;
    padding: 10px 10px;
    border-bottom: 1px solid #f1f1f1;
}

.list-categories li a {
    font-weight: normal;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

.list-categories li:hover {
    color:#173028 !important;
    text-decoration: none !important;
    background-color: #f1f1f1;
    cursor: pointer;
}


.chef-title{
    margin-top: 10px;
}

.chef-title span{
    color: #90b6a1;
}

.box-search-blog p {
    color: #747675;
}

/** POST */
.share{
    margin-right: 15px;
    color: #97897b;
    font-size: 15px;
    font-family: 'Roboto';
    font-weight: bold;
    padding-top: 5px;
}
.share-list{
    padding: 0px;
}
.share-list li{
    display: inline;
    list-style: unset;
    margin-right:15px;
}

.share-list li a i {
    color: #97897b;
    font-size: 15px;
}

.share-list li a i.fa-facebook-f:hover{
    color: #3b5998;
}

.share-list li a i.fa-twitter:hover {
    color: #00acee;
}

.share-list li a i.fa-google-plus-g:hover {
    color: #DB4437;
}

.share-list li a i.fa-whatsapp:hover {
    color: #25d366;
}

.text-post p,
.text-post span,
.text-post a,
.text-post {
    color: #7b7b7b;
}

.datePosting{
    text-align: center;
    color: #7b7b7b;
    border: 1px solid #aa9259;
    font-weight: bold;
    font-family: 'DM Serif Text', serif;
}

.datePosting .day{
    font-size: 40px;
}

.datePosting .month {
    font-size: 20px;
}

.ptop-20{
    padding-top:20px;
}

.titlePost{
    color: #293e38;
    font-weight: bold;
}

.title-category {
    color: #7b7b7b !important;
    margin-right: 10px;
}

.title-category i{
    color: #97897b;
}

.breadcrumb-recipe{
    justify-content: left;
    display: flex;
    padding: 0px;
}

.breadcrumb-recipe li{
    display: inline-flex;
    list-style: circle;
    margin-left: 10px;
}

.breadcrumb-recipe li a{
    font-family: 'DM Serif Text',
    serif;
    letter-spacing: 1px;
    color: #293e38;
    text-transform: none;
    font-size: 19px;
    font-weight: normal;
}


.breadcrumb-recipe li a::before{
    content: ' > ';
}

.breadcrumb-recipe li a:hover{
    text-decoration: underline !important;
}

.btn-back-recipe{
    border: 1px solid #293e38;
    border-radius: 0px !important;
    color: #293e38 !important;
    transition: 0.3s;
    text-transform: none;
}

.btn-back-recipe:hover {
    background-color: #293e38;
    color: #fff !important;
}

/** RESPONSIVO */

@media only screen and (max-width: 1024px) {
    .p-lg-l-5 {
        padding-left: 15px !important;
    }

    .mostraDesktop {
        display: none;
    }

    .mostraMobile{
        display: block;
    }

    .breadcrumb-recipe {
        display: block;
        background-color: #f1f1f1;
        padding: 20px 0;
    }

    .breadcrumb-recipe li {
        display: block;
    }

    .breadcrumb-recipe li a{
        font-size:14px;
    }
}