/* start - styles from scss files */
.blog img {
    width: 100%;
    border-radius: 1.25rem;
    height: 11.25rem;
    object-fit: cover;
    aspect-ratio: 5 / 6;
}

.blog .date {
    color: #9B9B9B;
    font-size: 12px;
    font-weight: 500;
    margin-top: 18px;
}

.blog-title {
    color: #343434;
    margin-top: .5rem;
    margin-bottom: 1rem;
    display: block;
    /* min-height: 6rem; */
    font-size: 22px;
    font-weight: 500;
    text-transform: none;
    width: fit-content;
}

.blog-post-short-desc {
    font-size: 14px;
    font-weight: 500;
    color: #9B9B9B;
    margin-bottom: 14px;
     display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* @media (max-width: 520px) {
    .blog-title {
        min-height: 3.5rem;
    }
} */

.blog .btn-third {
    font-size: 12px;
    font-weight: 600;
    display: flex;
    gap: 18px;
    align-items: center;
    text-transform: uppercase;
    width: fit-content;
    margin-top: auto;
}

.blog-actionsWrapper {
    display: flex;
    flex-direction: column;
    flex: 1; 
}

.blog .blog-section-title {
    text-align: center;
    margin-bottom: 2.5rem;
}

@media (max-width: 520px) {
    .blog .blog-section-title {
        text-align: left;
        margin-bottom: 1.875rem;
    }
}

#ybc_blog_page .blog_description h2 {
    padding-top: 50px;
    padding-bottom: 15px;
}

#ybc_blog_page .blog_description h3 {
    padding-top: 25px;
    padding-bottom: 10px;
}

#ybc_blog_page .blog_description p {
    padding-top: 5px;
    padding-bottom: 5px;
}

#ybc_blog_page .blog_description ul {
    margin-top: 1.25rem;
}

#ybc_blog_page .blog_description ul li {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: #343434;
    font-size: 0.875rem;
    line-height: 1rem;
}

#ybc_blog_page .blog_description ul li:not(:first-child) {
    padding-top: 0.625rem;
}

#ybc_blog_page .blog_description ul li::before {
    content: "";
    min-width: 1.25rem;
    min-height: 1.25rem;
    background-image: url("/themes/vetexpert/assets/img/acceptance-li.svg");
}

#ybc_blog_page .blog_description ul li b,
#ybc_blog_page .blog_description ul li strong,
#ybc_blog_page .blog_description ul li span {
    display: contents;
}

#ybc_blog_page .blog_description a,
#ybc_blog_page .blog_description a * {
    color: #414141;
    transition: color .3s ease;
}

#ybc_blog_page .blog_description a:hover,
#ybc_blog_page .blog_description a:hover * {
    color: #c4a975;
}

.ybc-blog-list.blog-main-page li:not(:first-child) .ybc_item_img.img img {
    height: 100%;
    min-height: 244px;
}
/* end - styles from scss files */

.blog img {
    width: 100%;
    border-radius: 1.25rem;
    object-fit: cover;
}
.blog .img{
    border-radius: 1.25rem;
}
.results .pagination-count{
    color:#BCBCBC;
}
.blog .main-category{
    color:#c4a975;
    margin-top: 18px;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap:.625rem
}
.blog .blog-section-title {
    text-align: center;
    margin-bottom: 2.5rem;
}
@media (max-width: 520px) {
    .blog .blog-section-title {
        text-align: left;
        margin-bottom: 1.875rem;
   }
}

@media (min-width: 767px) {
#ybc_blog_page #content-wrapper #left-column{
max-width: 18.438rem;
}

#ybc_blog_page #content-wrapper #content-wrapper{
    max-width: 51.25rem;
}
}
#ybc_blog_page #content-wrapper.js-content-wrapper{
margin-top:5rem;
margin-bottom: 6.25rem;
}
@media (max-width: 640px) {
    #ybc_blog_page #content-wrapper.js-content-wrapper{
        margin-top:1.25rem;
        margin-bottom: 4.375rem;
    }
}

.h3.title_blog.title_block{
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 400;
}

.ybc-blog-list.blog-main-page li:not(:first-child) .ybc_item_img.img img {
    height: 100%;
    min-height: 244px;
}


.post-details .blog_description a {
    color:#c4a975;
    text-decoration: underline;
}
.post-details .blog_description .ybc_indexing_box a{
    color:#343434;
    text-decoration: none;
}

/* Utilities migrated from tw-* classes used in ybc_blog tpl files */
.tw-flex {
    display: flex;
}

.tw-grid {
    display: grid;
}

.tw-hidden {
    display: none;
}

.tw-w-full {
    width: 100%;
}

.tw-order-1 {
    order: 1;
}

.tw-order-2 {
    order: 2;
}

.tw-gap-5 {
    gap: 1.25rem;
}

.tw-justify-between {
    justify-content: space-between;
}

.tw-flex-wrap {
    flex-wrap: wrap;
}

.tw-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.tw-items-center {
    align-items: center;
}

.tw-gap-\[0\.938rem\] {
    gap: 0.938rem;
}

.tw-gap-y-\[3\.125rem\] {
    row-gap: 3.125rem;
}

@media (min-width: 640px) {
    .sm\:tw-flex-nowrap {
        flex-wrap: nowrap;
    }

    .sm\:tw-order-0 {
        order: 0;
    }

    .sm\:tw-order-2 {
        order: 2;
    }

    .sm\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:tw-block {
        display: block;
    }

    .tw-sm\:w-2\/3 {
        width: 66.666667%;
    }
}

@media (min-width: 768px) {
    .md\:tw-block {
        display: block;
    }

    .md\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tw-md\:w-3\/4 {
        width: 75%;
    }
}

@media (min-width: 1024px) {
    .lg\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:tw-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.blog__wrapper {
    gap: 50px;
}

@media(width > 992px) {
    .blog__wrapper {
        gap: 120px;
    } 
}

.ybc-blog-wrapper .product-listing {
    font-size: 40px;
    font-weight: 400;
}

.sort-by__wrapper {
    display: flex;
    align-items: center;
    gap: 6px
}

.sort-by__wrapper .products-sort-order select {
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #E3E3E3;
    font-size: 14px;
    width: 178px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2218%22%20viewBox%3D%220%200%2013%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_15427_1166)%22%3E%3Cpath%20d%3D%22M6.75391%203.05234C6.75315%202.63813%206.41675%202.30296%206.00254%202.30371C5.58833%202.30447%205.25315%202.64086%205.25391%203.05508L6.00391%203.05371L6.75391%203.05234ZM5.27422%2014.2059L5.27559%2014.9559L6.77558%2014.9531L6.77422%2014.2031L6.02422%2014.2045L5.27422%2014.2059ZM6.00391%203.05371L5.25391%203.05508L5.27422%2014.2059L6.02422%2014.2045L6.77422%2014.2031L6.75391%203.05234L6.00391%203.05371Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M9.51953%2011.1567L6.026%2014.7111L2.51954%2011.1695%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_15427_1166%22%3E%3Crect%20width%3D%2217.2331%22%20height%3D%2212%22%20fill%3D%22white%22%20transform%3D%22translate(12)%20rotate(89.8956)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 13px 18px;
}

.ybc-blog-list > li:first-child {
    width: 100% !important;
}

.blog-categories {
    display: flex;
    gap: 4px;
}