/*
Theme Name: Tadivui Child
Description: Design by Danhhd
Author: Danhhd
Author URI: https://www.danhhd.com/
Description: Đây là giao diện con của Tadivui
Template: tadivui
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}




/* .sc-news h5.post-title, #content.blog-wrapper .col.post-item > .col-inner h5.post-title{
    color: #0e0d0f;
    font-size: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sc-news .post-meta, #content.blog-wrapper .col.post-item > .col-inner .post-meta{
    color: #0e0d0f;
    opacity: 1;
    font-size: 14px;
}

.sc-news .post-meta i, #content.blog-wrapper .col.post-item > .col-inner .post-meta i{
    color: var(--primary-color);
}

.sc-news p.from_the_blog_excerpt, #content.blog-wrapper .col.post-item > .col-inner p.from_the_blog_excerpt{
    color: #0e0d0f;
}

.button-post {
    display: flex;
    border-top: 1px solid #eaeaea;
    margin-top: 5px;
    padding-top: 5px;
    justify-content: space-between;
    align-items: center;
}

.sc-news .button-post > a, #content.blog-wrapper .col.post-item > .col-inner .button-post > a{
    margin: 0;
    color: #0e0d0f;
    text-transform: none;
    font-size: 15px;
    min-height: 0;
    line-height: 30px;
    transition: 400ms all ease;
}

.button-post .member-blog, #content.blog-wrapper .col.post-item > .col-inner .member-blog{
    font-weight: bold;
}

.sc-news .box-text, #content.blog-wrapper .col.post-item > .col-inner .box-text{
    padding: 20px 30px 15px;
}

.sc-news .col.post-item .col-inner, #content.blog-wrapper .col.post-item > .col-inner {
    box-shadow: 0px 0px 21px 0px rgba(1, 1, 72, 0.06);
}

.button-post .member-blog img.avatar {
    margin-right: 5px;
}

.sc-news .button-post > a:after, #content.blog-wrapper .col.post-item > .col-inner .button-post > a:after{
    content: "\f178";
    font-family: 'Font Awesome 6 Free';
    color: var(--primary-color);
    font-size: 12px;
}

.sc-news .button-post > a:before, #content.blog-wrapper .col.post-item > .col-inner .button-post > a:before{
    left: 0;
    bottom: 0;
    content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    background-color: var(--primary-color);
    transition: 400ms all ease;
}

.sc-news .button-post > a:hover:before, #content.blog-wrapper .col.post-item > .col-inner .button-post > a:hover:before{
    width: 100%;
}

.sc-news .button-post > a:hover, #content.blog-wrapper .col.post-item > .col-inner .button-post > a:hover{
    color: var(--primary-color);
}

.post-sidebar input#s {
    border: 1px solid #e2e2e2;
    box-shadow:  none;
    border-top-left-radius:  5px;
    border-bottom-left-radius:  5px;
    transition:  border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    color:  #555;
}

.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    color: #fff;
    border:  1px solid;
    background-color: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
    border-bottom-right-radius:  5px;
    border-top-right-radius:  5px;
}

.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0:hover {
    box-shadow:  none;
}

.post-sidebar input#s:focus {
    border-color:  #3A3B74;
}

.post-sidebar span.widget-title {
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
    text-transform:  none;
    display:  block;
}

.post-sidebar .is-divider.small {
    display:  none;
}

.post-sidebar aside {
    margin: 0 0 40px 0;
}

.post-sidebar ul li a {
    font-size:  14px;
    transition:  all ease-in-out 0.2s;
}

.post-sidebar a.tag-cloud-link {
    font-size: 13px !important;
    padding: 6px 8px;
    line-height: 34px;
    background-color: #f1f3f4;
    white-space: nowrap;
    border-radius: 4px;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.post-sidebar a.tag-cloud-link:hover {
    background-color:  #3A3B74;
    color:  #fff;
    text-decoration: none;
}

@media only screen and (max-width: 549px) {

}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  src: url("webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-weight: normal;
  src: url("webfonts/fa-regular-400.ttf") format("truetype");
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-weight: normal;
  src: url("webfonts/fa-brands-400.ttf") format("truetype");
} */