/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.19.12
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.page-title.devvn_page_title .page-title-inner {
    padding-top: unset;
    min-height: unset;
    color: #000;
}

.page-title.devvn_page_title .page-title-inner .entry-title {
    color: #000;
}

.devvn_bottom_blog_title {
    margin-top: 20px;
}

ul.devvn_list_children_cats {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: unset;
}

ul.devvn_list_children_cats li {
    list-style: none;
    margin-right: 10px;
}

ul.devvn_list_children_cats li:last-child {
    margin-bottom: unset;
}

ul.devvn_list_children_cats li a {
    border: 1px solid currentColor;
    padding: 5px 10px;
    font-size: 15px;
    line-height: normal;
    color: #000;
    border-radius: 3px;
}

ul.devvn_list_children_cats li a:hover {
    background-color: #af3689;
    color: #fff;
    border-color: #af3689;
}

.devvn_bottom_blog_title ul.devvn_list_children_cats li {
    margin-left: unset;
}

.devvn_box_blog_featured .devvn_first .col.post-item .box-text {
    background-color: #af368938;
    padding: 20px;
}

.devvn_box_blog_featured .devvn_first .col.post-item .box-text .post-title.is-large {
    font-size: 24px;
    margin-bottom: 10px;
    color: #213343;
}

.col.post-item .is-divider {
    display: none;
}

.devvn_blog_vertical .col.post-item .box.box-vertical .box-image {
    vertical-align: top;
}

.devvn_box_blog_featured .devvn_blog_type_vertical .col.post-item .box.box-vertical .box-text {
    padding-left: 10px;
    padding-top: unset;
    padding-right: unset;
    padding-bottom: unset;
}

.devvn_box_blog_featured .devvn_blog_type_vertical .col.post-item .box.box-vertical .box-image {
    vertical-align: top;
}

ul.devvn_list_children_cats {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: unset;
}

ul.devvn_list_children_cats li {
    list-style: none;
    margin-right: 10px;
}

ul.devvn_list_children_cats li:last-child {
    margin-bottom: unset;
}

ul.devvn_list_children_cats li a {
    border: 1px solid currentColor;
    padding: 5px 10px;
    font-size: 15px;
    line-height: normal;
    color: #000;
    border-radius: 3px;
}

ul.devvn_list_children_cats li a:hover {
    background-color: #af3689;
    color: #fff;
    border-color: #af3689;
}

.devvn_box_blog_featured .devvn_blog_type_vertical .col.post-item .box.box-vertical .box-text .post-title.is-large a {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 8px;
    margin-top: unset;
    color: #213343;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.devvn_box_blog_featured .devvn_blog_type_vertical .col.post-item .box.box-vertical .box-text p.from_the_blog_excerpt {
    margin-bottom: unset;
    font-size: 14px;
    line-height: 1.3;
}

.devvn_box_blog_featured .devvn_blog_type_vertical .col.post-item .box.box-vertical .box-text .post-title.is-large {
    margin: unset;
}

.devvn_title > :nth-child(1) {
    font-size: 15px;
    color: #213343;
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 2px solid #af3689;
}

.devvn_title > :nth-child(1) strong {
    font-weight: 600;
}

.devvn_blog_type_vertical .col.post-item .col-inner {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid #dbe4ed;
}

.devvn_blog_type_vertical .col.post-item {
    padding-bottom: unset;
}

.devvn_box_blog_featured .col.post-item .box.box-normal .post-title.is-large {
    font-size: 15px;
    margin-bottom: 10px;
    color: #213343;
}

.devvn_box_blog_featured .col.post-item .box.box-normal .from_the_blog_excerpt {
    font-size: 14px;
}

.container.section-title-container.devvn_blog_title .section-title.section-title-normal a {
    font-size: 14px;
    order: 3;
}

.devvn_blog_title.container.section-title-container span.section-title-main {
    font-size: 24px;
    border: unset;
    padding-bottom: unset;
    order: 1;
    text-transform: capitalize;
    color: rgb(6, 23, 41);
}

.container.section-title-container.devvn_blog_title .section-title.section-title-normal {
    border: unset;
}

.container.section-title-container.devvn_blog_title .section-title.section-title-normal:after {
    content: "";
    order: 2;
    flex-grow: 1;
    border-top: 2px solid #af3689;
    margin-top: 8px;
}

.col.post-item .box.box-vertical .box-text .post-title.is-large {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.devvn_blog_vertical .col.post-item .box.box-vertical .box-text {
    padding-top: unset;
    padding-left: 11px;
    vertical-align: top;
    position: relative;
    padding-bottom: 15px;
    padding-right: unset;
}

.col.post-item .box.box-vertical .box-text .post-title.is-large {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.col.post-item .box-text .post-title.is-large {
    color: #213343;
    margin-top: unset;
}

.col.post-item .box-text .from_the_blog_excerpt {
    margin-bottom: 10px;
    font-size: 14px;
}

.devvn_blog_vertical .col.post-item .box.box-vertical .box-text:after {
    content: "";
    border-bottom: 2px solid #dbe4ed;
    position: absolute;
    left: 11px;
    right: 0;
    bottom: 0;
}

.box.devvn_blog_banner.box-badge .box-text p {
    color: #000;
}

.box.devvn_blog_banner.box-badge .box-text:before {
    content: "";
    background-color: #ffbc4b;
    border: 20px solid #ff8933;
    border-radius: 50%;
    box-shadow: 0 0 0 20px #ff5c35;
    height: 120px;
    left: 50%;
    position: absolute;
    top: -80px;
    transform: translate(-50%);
    width: 120px;
    z-index: 9;
}

.box.devvn_blog_banner.box-badge .box-text .button.primary.devvn_blog_button {
    margin-top: 45px;
}

.box.devvn_blog_banner.box-badge .box-image {
    border: 0.5rem solid #d40091;
}

.box.devvn_blog_banner.box-badge .box-text {
    left: 15px;
    right: 15px;
    width: auto;
    top: 15px;
    bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: unset;
    font-size: 18px;
    color: #000;
    padding-top: 65px;
}

.button.primary.devvn_blog_button {
    font-size: 16px;
    text-transform: none;
    min-height: 46px;
    justify-content: center;
    margin-bottom: unset;
    border-radius: 3px;
    padding-left: 25px;
}

.container.section-title-container b {
    opacity: 0;
}

.devvn_scoll_disc a.button.primary {
    font-size: 18px;
    min-height: 64px;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 20px;
    display: inline-flex;
    align-items: center;
    padding-left: 40px;
    padding-right: 25px;
}

.container.section-title-container.devvn_blog_title_2 span.section-title-main {
    text-transform: capitalize;
    font-size: 32px;
    color: rgb(6, 23, 41);
}

.devvn_blog_video .row .section {
    padding-top: unset !important;
    padding-left: 15px;
    padding-right: 15px;
}

.devvn_blog_author > .col-inner {
    padding: 2.5rem 12.125rem 2.5rem 7rem;
    border-top-left-radius: 12.5rem;
    border: 0.5rem solid #d40091;
    background-color: rgb(255, 222, 254);
}

.devvn_blog_author > .col-inner .box.box-vertical .box-text-inner > :nth-child(1) {
    margin-bottom: 15px;
    font-size: 18px;
    color: #000;
}

.col.post-item .box-text .post-title.is-large {
    color: #213343;
    margin-top: unset;
}

.col.post-item a.plain:hover .box-text .post-title.is-large {
    color: #af3689;
}

header.archive-page-header .page-title {
    font-size: 30px;
    color: #000;
    letter-spacing: 0;
    text-align: left;
}

.devvn_box_blog_featured .devvn_first .col.post-item .box-text .post-title.is-large {
    font-size: 24px;
    margin-bottom: 10px;
}

.devvn_cat_title h2 {
    color: #000;
}

.devvn_blog_author > .col-inner .box.box-vertical .box-text-inner {
    font-size: 14px;
    color: #000;
}

.blog-wrapper.blog-single.page-wrapper {
    padding-top: unset;
}

.blog-share.text-center .is-divider.medium {
    display: none;
}

.blog-wrapper.blog-single.page-wrapper .post, .blog-wrapper.blog-single.page-wrapper div#secondary {
    padding-top: 60px;
}

.entry-header-text-top .is-divider {
    display: none;
}

div#secondary .widget .is-divider {
    display: none;
}

div#secondary .widget.widget_recent_entries ul li a {
    font-style: italic;
    font-size: 14px;
    color: #919191;
    transition: .3s all;
    padding: 7px 0;
}

.post_box_relateds .title {
    margin-bottom: 10px;
    color: #333;
}

.entry-header-text-top .entry-title {
    color: #333;
}

.post_box_relateds ul.related-posts li {
    list-style: auto;
    margin-left: 18px;
    font-size: 15px;
}

div#secondary span.widget-title {
    display: block;
    margin-bottom: 10px;
    color: #000;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.6;
}

@media only screen and (max-width: 1140px) {
    .devvn_blog_author > .col-inner {
        padding: 40px;
        border-top-left-radius: 5rem;
        overflow: hidden;
    }
}

@media only screen and (max-width: 549px) {
    .devvn_blog_type_vertical .col.post-item .box.box-vertical, .devvn_blog_vertical .col.post-item .box.box-vertical {
        display: flex;
    }

    .devvn_blog_type_vertical .col.post-item .box.box-vertical .box-image, .devvn_blog_vertical .col.post-item .box.box-vertical .box-image {
        max-width: 30%;
    }

    .devvn_blog_title.container.section-title-container span.section-title-main {
        font-size: 20px;
    }

    .container.section-title-container.devvn_blog_title .section-title.section-title-normal a {
        display: none;
    }

    .container.section-title-container.devvn_blog_title_2 span.section-title-main {
        font-size: 24px;
    }

    .devvn_blog_author > .col-inner {
        padding: 30px 20px 20px;
    }

    .devvn_scoll_disc a.button.primary {
        font-size: 14px;
        letter-spacing: unset;
        padding: 8px 15px;
        min-height: unset;
    }
}