/*
Theme Name: WebSeo Child Theme
Theme URI: https: //webseo.vn
Description: Day la child theme cua WebSeo
Author: Huy Tap
Author URI: https://webseo.com.vn
Template: webseo-theme
Version: 0.1
*/
@import url("../webseo-theme/style.css");
:root { --main-color: #f9f9f9; --extra-color: #1a4d24; --black-color: #23232B; --wrap-color: #f6f6f6; --manu-color: #0095da; --font-ws-color: #0066b3; --bg-ws-color: #0066b3; --hover-color: #20b14c }
.title-home h3 { font-family: 'Paytone One', sans-serif; font-size: 34px !important; margin-top: 45px; font-weight: 400 !important; }
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 0 !important; }
body { counter-reset: section }

/* Header */
#wrapper { background: #fff; max-width: 1250px; margin: auto; padding: 0; }
#header .row-header { display: flex; flex-direction: column !important; justify-content: space-between; align-items: flex-start !important; }
#logo img { max-height: 100% !important; }
#site-header .header-top { background: rgb(0 149 218 / 75%); color: #fff; padding: 5px 0; }
#site-header .header-top .container { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; }
#site-header .header-top .hotline-top { margin: 0 30px 0 0; font-weight: 700; }
#site-header .header-top .hotline-top:before { font-family: 'FontAwesome'; content: "\f095"; color: #fff; margin-right: 4px; }
#site-header .header-top .hotline-top a { color: #fff; }
#site-header .header-top .menu-top-ws ul li a { color: #e1e1e1; }
#site-header .header-top .menu-top-ws ul li { padding: 5px 15px; }
#site-header .header-top .menu-top-ws ul { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; }
#site-header .header-top .ngon-ngu { padding-top: 5px; }
#header { width: 100%; z-index: 999; transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1); position: relative; padding: 0; }
#header .header-right { background: #AD0303; width: 100%; }
#header .header-right .navigation a:hover { color: var(--hover-color) }
#header .header-right #hkt-navigation .navigation { width: auto; float: right; }
#header .header-right .navigation a { color: #ffffff !important; float: left; font-size: 16px; text-transform: none; white-space: nowrap; transition: 0.5s all; -webkit-transition: 0.5s all; font-weight: 700; }
.header-right .navigation>ul>.current a, .header-right .navigation>ul>.current-menu-item a { background: transparent; color: #AD0303 !important; }
#site-header .header-top .search-header input[type=search] { width: 130px; box-sizing: border-box; border-radius: 25px 0 0 25px; font-size: 14px; margin-top: 0; margin-left: 30px; border: none; height: 25px; padding: 3px 8px; -webkit-transition: width 0.4s ease-in-out; background: #f5f5f5; transition: width 0.4s ease-in-out; }
#site-header .header-top .search-header input[type=search]:focus { background: #fff; width: 300px; }
#site-header .header-top .search-header button { background: #D42020; border: none; padding: 0px 11px 1px 5px; color: #fff; height: 25px; font-size: 17px; margin: 0px 0 0 -5px; border-radius: 0 25px 25px 0; }
#site-header .header-top .search-header form.search { display: flex; flex-direction: row; margin: 0; align-items: center; }
#site-header .header-top .menu-top-ws { display: flex; align-items: center; }
#site-header .header-top #flags { position: relative; top: 5px; }
.sidebar .widget { margin-bottom: 40px; }
.sidebar .widget h3.widget-title { border-bottom: none !important; font-family: 'Paytone One', sans-serif; font-weight: 400; padding: 7px 0 7px; background: #D42020; font-size: 17px; margin-bottom: 0; text-align: center; margin: 0 0 13px 0 !important; color: #fff; position: relative; }
.sidebar .widget h3.widget-title:after { position: absolute; bottom: -8px; content: ''; background: #D42020; width: 100%; height: 3px; left: 0px; }
.page .single-page h1.entry-title { font-family: 'Paytone One', sans-serif; font-weight: 400; color: var(--extra-color); font-size: 30px; }
.navigation ul li { border-right: 1px solid #AD0303; border-left: 1px solid #910101; }
.navigation ul li:first-child { border-right: 1px solid #D42020; border-left: none; }
.navigation ul li:last-child { border-right: none; }
#main-content { background: #fff; padding-top: 15px; }
.home #main-content { background: #f5f5f5; padding-top: 15px; }
.ws-news-slider .big img { margin: auto; object-fit: cover; object-position: center center; height: 360px; width: 100%; }
.ws-news-slider h2.itembig { font-size: 16px; background: #fff; margin: 0; padding: 10px; }
.ws-news-slider .small { display: flex; flex-direction: row; flex-wrap: nowrap; }
.ws-news-slider .small .small-item { width: 100%; padding: 10px; background: #fff; }
.ws-news-slider .small .small-item img { margin: auto; object-fit: cover; object-position: center center; height: 115px; width: 100%; }
.ws-news-slider .small .small-item h3 { font-weight: 400; font-size: 14px; }
.home-layout-center-wrapper .layout-center-item { background: #fff; padding: 10px; margin-bottom: 15px; }
.title-home { font-size: 16px; line-height: 1.5; font-weight: 700; text-transform: uppercase; background: url(/wp-content/themes/webseo-theme-child/assets/img/bg-title.png); margin-bottom: 10px; }
.title-home span { background: #fff; padding: 5px 10px 5px 0; }
.ws-news-recents .title-post { font-size: 14px; font-weight: 400; margin-top: 5px; }
.layout-home-left-category { margin-top: 15px; background: #fff; padding: 10px; border-top: 3px solid #D42020; }
.layout-home-left-category.style1 .ws-news-category .big { display: flex; flex-direction: row; }
.layout-home-left-category.style1 .ws-news-category .big .big-left { width: 50%; }
.layout-home-left-category.style1 .ws-news-category .big-right { width: 50%; padding-left: 20px; }
.layout-home-left-category.style1 .ws-news-category .big .big-left img,.layout-home-left-category.style2 .big-left img { margin: auto; object-fit: cover; object-position: center center; height: 190px; width: 100%; }
.layout-home-left-category.style1 .ws-news-category .big-right h2 { font-size: 14px; margin: 0; padding-top: 0; }
.layout-home-left-category.style1 .ws-news-category h3.itemsmall, .layout-home-left-category.style2 .small-item h3.itemsmall { font-size: 13px; margin: 0; padding-top: 0; }
.layout-home-left-category.style1 .ws-news-category .big-right p, .layout-home-left-category.style1 .ws-news-category h3.itemsmall { display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.layout-home-left-category.style1 .ws-news-category .ngaydang, .layout-home-left-category.style2 .ws-news-category .ngaydang, .ws-news-tanvan .ngaydang { color: #8d8d8d; }
.layout-home-left-category.style1 .ws-news-category .small { margin-top: 20px; display: flex; flex-direction: row; flex-wrap: wrap; }
.layout-home-left-category.style1 .ws-news-category .small .small-item { width: 50%; }
.layout-home-left-category.style1 .ws-news-category .small .small-item:nth-child(even) { padding-left: 10px; }
.layout-home-left-category.style1 .ws-news-category .small .small-item:nth-child(odd) { padding-right: 10px; border-right: 1px solid #ddd; }
.layout-home-left-category.style1 .ws-news-category .small .small-item:nth-child(1), .layout-home-left-category.style1 .ws-news-category .small .small-item:nth-child(2) { padding-right: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.layout-home-left-category.style1 .ws-news-category .small .small-item:nth-child(3), .layout-home-left-category.style1 .ws-news-category .small .small-item:nth-child(4) { padding-top: 10px; }
.layout-home-left-category.style1 .ws-news-category .small .small-item img, .layout-home-left-category.style2 .small-item img { width: 100px; float: left; margin: auto; margin-right: 10px; object-fit: cover; object-position: center center; height: 70px; }
.layout-home-left-category.style1 .ws-news-category .small .small-item:nth-child(2), .layout-home-left-category.style1 .ws-news-category .small .small-item:nth-child(4) { padding-right: 0; }
.layout-home-left-category.style2 .ws-news-category { display: flex; flex-wrap: wrap; flex-direction: row; }
.layout-home-left-category.style2 .ws-news-category .small { padding-left: 20px; }
.layout-home-left-category.style2 .ws-news-category .big, .layout-home-left-category.style2 .ws-news-category .small { width: 50%; }
.layout-home-left-category.style2 .ws-news-category .big .itembig { font-size: 14px; margin: 0; }
.layout-home-left-category.style2 .ws-news-category .big p { display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden; text-align: justify; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.layout-home-left-category.style2 .small-item { clear: both; border-bottom: 1px solid #ddd; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; }
.layout-home-left-category.style2 .small-item:last-child { border-bottom: none; margin-bottom: 0; }
.home-layout-center-wrapper .layout-center-item .chihoi-item { border-bottom: 1px solid #ddd; margin-bottom: 10px; }
#gallery-1 figure.gallery-item img { margin: auto; object-fit: cover; object-position: center center; height: 180px; padding: 1px; width: 100%; }
#gallery-1 { display: flex; flex-direction: row; flex-wrap: wrap; }
#gallery-1 figure.gallery-item { width: 33.33333333333%; margin: 0; }
.category .content.archive { margin-top: 0 !important; }
.archive.category.category-thu-vien-anh  .listing-wrap.clearfix { display: flex; flex-wrap: wrap; flex-direction: row; }
.archive.category.category-thu-vien-anh  .listing-wrap.clearfix article { width: 33.33333333333%; }
.archive.category.category-thu-vien-anh article .recent-item { display: flex; flex-direction: column !important; border-bottom: none; padding-bottom: 0; margin-top: 0; }
.archive.category.category-thu-vien-anh .post-thumbnail { width: 100% !important; padding: 0 !important; }
.archive.category.category-thu-vien-anh  .post-box-title { font-size: 14px; }
.home-layout-right-widget { padding: 10px; margin-bottom: 15px; }
.home-layout-right-widget .ws-news-slider .big img { height: 220px; }
.home-layout-right-widget .big { position: relative; }
.home-layout-right-widget .ws-news-slider h2.itembig { background: rgb(255 255 255 / 72%); bottom: 0; position: absolute; width: 100%; }
.home-layout-right-widget .ws-news-slider .small-item:nth-child(1), .home-layout-right-widget .ws-news-slider .small-item:nth-child(3) { padding-left: 0; padding-right: 0; }
.home-layout-right-widget .ws-news-slider .small .small-item img { margin: auto; object-fit: cover; object-position: center center; height: 70px; }
.home-layout-right-widget .ws-news-slider .small .small-item h3 { display: none; }
.home-layout-right-widget.video .ws-news-slider .big a.itembig:before { font-family: 'FontAwesome'; content: "\f01d"; position: absolute; top: 19%; right: 0; text-align: center; width: 100%; display: table; margin: auto; left: 0; font-size: 66px; color: rgb(255 255 255 / 69%); margin-right: 0; }
.single .post-single-content iframe { width: 100%; }
.ws-news-tanvan h2.itembig { font-weight: 700; font-size: 14px; margin: 0; }
.ws-news-tanvan .tanvan-item { border-bottom: 2px solid #ddd; padding-bottom: 5px; margin-bottom: 5px; }
.ws-news-tanvan .tanvan-item p { text-align: justify; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; }

/* liên hệ */
#thong-tin-lien-he { background: url(assets/img/bg-map.png) no-repeat bottom left; background-size: 95% !important; padding: 10px 0; }
#thong-tin-lien-he a { color: #282828; }
#thong-tin-lien-he .featured-box .icon-featured { background-color: #AD0303; }
#thong-tin-lien-he .featured-box .box-content { border-top: 1px solid #f5f5f5 !important; position: relative; top: 0; background: #fff; }
#thong-tin-lien-he ul { list-style: none; padding: 0; margin: 0; }
#thong-tin-lien-he ul li { padding: 5px; background: rgb(255 255 255 / 51%); margin: 5px 0; border-radius: 3px; }
#thong-tin-lien-he ul li:before { font-family: FontAwesome; color: #f5821f; padding-right: 8px; font-size: 20px; }
#thong-tin-lien-he ul li:nth-child(1):before { content: "\f095"; }
#thong-tin-lien-he ul li:nth-child(2):before { content: "\f003"; }
#thong-tin-lien-he ul li:nth-child(3):before { content: "\f1d8"; }
#thong-tin-lien-he ul li:nth-child(4):before { content: "\f1d8"; }
#thong-tin-lien-he ul li:nth-child(5):before { content: "\f041"; }

/* footer */
#site-footer { position: relative; overflow: hidden; color: #ffffff; font-size: 14px; line-height: 1.4; padding: 0; background: #910101; box-shadow: inset 0 0 2px 0 rgb(0 0 0 / 20%); clear: both; }
#media_image-2 img { background: #fff; padding: 5px; border-radius: 6px; }
#site-footer .widget>h3 { padding: 0 0 8px; margin-bottom: 5px; font-weight: 700; font-size: 18px; color: #fff; text-transform: uppercase; line-height: 1.4; border-bottom: 0 solid #f6df91 !important; background-color: transparent; }
#site-footer ul li:before { font-family: 'FontAwesome'; content: "\f054"; font-size: 10px; color: var(--main-color); margin-right: 10px; }
#site-footer i.fa.fa-facebook-square, #site-footer i.fa.fa-youtube { font-size: 30px; padding: 10px; color: #fff !important; }
#site-footer i.fa.fa-facebook-square:hover { color: #D42020 !important; }
#site-footer i.fa.fa-youtube:hover { color: #ec0000 !important; }
.single-product .left-sinlge-woo-content table { text-align: left; }
.woocommerce div.product.product-type-variable p.price, .related.products .price, .related.products .add_to_cart_button, .related.products .product_type_variable { display: none !important; }
#site-footer .widget_nav_menu li { padding: 5px 0; }
#site-footer a { color: #fff; }
footer#site-footer .copyrights { border-top: 1px solid rgb(0 132 203 / 40%); padding: 10px 0 !important; }

/* RESPONSIVE */
@media screen and (min-width:1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1250px; }
}
@media screen and (min-width:992px) {
    .home-layout-center { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
    .home-layout-right { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
    .navigation ul li a, .navigation ul li a:link, .navigation ul li a:visited { padding: 10px 20px !important; }
    .category .post-article article .recent-item, .single article .recent-item, .archive.tag .article .recent-item { margin-top: 10px; background: #fff; padding: 10px; }
}
@media screen and (max-width:991px) {
    #header .header-right #hkt-navigation .navigation { width: 300px; float: none; }
    #header { position: relative !important; top: 0; padding: 0; }
    .ngay-hientai { display: none !important; }
    #header .header-right { width: 50px; position: absolute; right: 20px; top: 25px; }
    .menu-mobile-ws {
    position: absolute;
    right: 8px;
    top: 10px;
}
#mobile-nav-toggle {
    color: #ffffff!important;
    font-size: 28px;
    width: 90px;
}
#site-header .header-top #flags {
    top: 5px;
    right: 115px;
    position: relative;
}
.search-header {
    position: absolute;
    left: -22px;
    z-index: 999;
}
#mobile-nav-toggle span {
    font-size: 16px;
}
#header .header-right .navigation a {
    float: right;
    top: -20px;
    position: relative;
}}
@media screen and (max-width:767px) { }
@media screen and (max-width:575px) {
    .category .post-article article .recent-item, .single article .recent-item { flex-direction: column !important; }
    .category .post-article article .recent-item .entry, .single article .recent-item .entry, .category .post-thumbnail, .single .post-thumbnail { width: 100%; padding-right: 0 !important; }
    .category .entry .post-box-title, .single .entry .post-box-title { margin-top: 10px !important; }
    .ws-news-slider .big img {
    height: 220px;
}
.ws-news-slider .small .small-item img {
    height: 80px;
}
.layout-home-left-category.style1 .ws-news-category .big .big-left img,.layout-home-left-category.style2 .big-left img {
    height: 145px;
}
.layout-home-left-category.style1 .ws-news-category .small,.layout-home-left-category.style2 .ws-news-category {
    flex-direction: column;
}
.layout-home-left-category.style1 .ws-news-category .small .small-item {
    width: 100%;
    border: none!important;
    padding: 10px 0!important;
    border-bottom: 1px solid #ddd!important;
}
.layout-home-left-category.style2 .ws-news-category .big, .layout-home-left-category.style2 .ws-news-category .small {
    width: 100%;
}
.layout-home-left-category.style2 .ws-news-category .small {
    padding-left: 0;
    margin-top: 15px;
}
.home-layout-center {
    padding: 0;
}
.home-layout-center-wrapper .ws-news-recents .news-item {
    clear: both;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    overflow: hidden;
}
.home-layout-center-wrapper .ws-news-recents img {
    width: 100px;
    float: left;
    margin: auto;
    margin-right: 10px;
    object-fit: cover;
    object-position: center center;
    height: 70px;
}
}