/*
Theme Name: KHONGGIANCONG
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE KHONGGIANCONG.   ***************/
/*FONT CHỮ*/
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyLight.eot');
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyLight.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyLight.woff2') format('woff2'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyLight.woff') format('woff'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyLight.ttf') format('truetype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyLight.svg#SVN-GilroyLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('./assets/fonts/SVN-Gilory/SVN-Gilroy.eot');
    src: url('./assets/fonts/SVN-Gilory/SVN-Gilroy.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/SVN-Gilory/SVN-Gilroy.woff2') format('woff2'),
        url('./assets/fonts/SVN-Gilory/SVN-Gilroy.woff') format('woff'),
        url('./assets/fonts/SVN-Gilory/SVN-Gilroy.ttf') format('truetype'),
        url('./assets/fonts/SVN-Gilory/SVN-Gilroy.svg#SVN-Gilroy') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyBold.eot');
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyBold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyBold.woff2') format('woff2'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyBold.woff') format('woff'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyBold.ttf') format('truetype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyBold.svg#SVN-GilroyBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyMedium.eot');
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyMedium.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyMedium.woff2') format('woff2'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyMedium.woff') format('woff'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyMedium.ttf') format('truetype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyMedium.svg#SVN-GilroyMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroySemiBold.eot');
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroySemiBold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroySemiBold.woff2') format('woff2'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroySemiBold.woff') format('woff'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroySemiBold.ttf') format('truetype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroySemiBold.svg#SVN-GilroySemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.eot');
    src: url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.woff2') format('woff2'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.woff') format('woff'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.ttf') format('truetype'),
        url('./assets/fonts/SVN-Gilory/SVN-GilroyHeavy.svg#SVN-GilroyHeavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
body {
    font-family: 'SVN-Gilroy';
    overflow: hidden;
    font-weight: 500;
}
/*Ẩn hiển logo trang chủ
.page-template-default .header-logo {
  display: none !important;
}
.page-template-default .header-logo-dark{	
   display: block !important;
}*/

/*CSS trang chủ*/
#main {
    background-color: #11473F !important;
}
.flex-right ul.header-nav>li>a {
    margin-right: 12px !important;
    color: #11473F !important;
    font-size: 20px;
}
.col{
    padding: 0 0px 0px !important;
}
h1.page-title.is-large.uppercase {
    display: none !important;
}

.danh-muc ul li {
    list-style-type: none !important;
}
.entry-header-text.entry-header-text-top.text-center {
    text-align: left;
}
.tag-meta-post .luot-xem {
    padding-left: 3px;
    padding-right: 10px;
}
.tag-meta-post .meta-date-capnhat {
    padding-left: 4px;
    padding-right: 6px;
}
.danh-muc ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 10px;
}
.post-sidebar.large-3.col {
    padding-left: 10px !important;
}
.entry-divider.is-divider.small {
    background-color: #D74C00;
    display: block;
    height: 3px;
    margin: 1em 0;
    max-width: 30px;
    width: 100%;
}
.box-blog-post .is-divider {
    background-color: #D74C00;
}
.portfolio-bottom {
    display: none;
}
.breadcrumbs a {
    color: #11473F;
    font-weight: 400;
}
.box.box-default.box-text-bottom.box-blog-post.has-hover {
    padding: 0px 6px;
}
.copyright-footer {
    color: #fff;
}
.icon-box.featured-box.icon-box-center.text-center {
    padding: 0 17px;
}
.button span {
    color: #000;
}
h1.entry-title.uppercase.mb-0 {
    display: none;
}
.box.box-text-bottom.box-blog-post.has-hover {
    padding: 0 15px !important;
}
.section-vct .gt-tc {
    padding-right: 30px;
}
.gt-tc{
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 30px;
    text-align: justify;
}
.tabbed-content .nav>li a {
    color: #000 !important;
    font-size: 14px;
}
.section-duan .tabbed-content .nav>li {
    margin: 0 25px;
    width: calc(100% / 5);
    font-size: 14px;
    text-align: center;
    margin: 0;
}
ul.nav.nav-simple.nav-normal.nav-size-normal.nav-center {
    background: #D9D9D9;
}
.row .row-small:not(.row-collapse) {
    margin-bottom: 0;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.tabbed-content .nav>li.active {
    background: #D84C00;
}
.is-outline:hover{
	background-color: #D84C00;
}
.tabbed-content .nav>li.active a span {
    color: #fff;
}
.btn-tc span{
    color: #fff !important;
}
.slider-nav-light .flickity-page-dots .dot {
    border-color: #11473F !important;
}
h2 {
    font-size: 30px;
    font-weight: 900;
}
h1.entry-title.uppercase {
    color: #fff;
}
.blog-single .large-9.col {
    padding: 0 20px !important;
}
span.meta-date-capnhat a {
    font-weight: 100 !important;
    font-size: 14px !important;
}

div#portfolio-content {
    padding: 0 10px !important;
}
.nav>li>a>i.icon-search {
    color: #000;
}
.portfolio-element-wrapper .col-inner {
    padding: 10px;
}
/*CSS REPONSIVE dien thoai*/
@media only screen and (max-width: 48em) {
h2 {
    font-size: 23px;
    font-weight: 800;
}
h3 {
        font-size: 20px;
    }
.section-vct {
    padding: 0 10px;
}
.section-duan{
    padding: 0 10px;
}
.section-dv {
     padding: 0 10px;
}
.section-blog{
    padding: 0 10px;
}
.box-text.text-left.dark {
    padding-left: 10px;
    padding-right: 10px;
}
.icon-box.featured-box.icon-box-center.text-center {
    padding-bottom: 20px;
}
i.icon-menu {
    color: #11473F !important;
}
.section-vct .gt-tc {
    padding: 0px 15px;
}
.gt-tc p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 30px;
    text-align: justify;
}
}
@media (max-width: 549px){
h2 {
    font-size: 23px;
    font-weight: 800;
}
h3 {
        font-size: 20px;
    }
.section-vct {
    padding: 0 10px;
}
.section-duan{
    padding: 0 10px;
}
.section-dv {
     padding: 0 10px;
}
.section-blog{
    padding: 0 10px;
}
.box-text.text-left.dark {
    padding-left: 10px;
    padding-right: 10px;
}    
.icon-box.featured-box.icon-box-center.text-center {
    padding-bottom: 20px;
}
i.icon-menu {
    color: #11473F !important;
}
.section-vct .gt-tc {
    padding: 0px 15px;
}
.gt-tc p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 30px;
    text-align: justify;
}
}
@media(max-width: 855px) {
h2 {
    font-size: 23px;
    font-weight: 800;
}
h3 {
        font-size: 20px;
    }
.section-vct {
    padding: 0 10px;
} 
.section-duan{
    padding: 0 10px;
}
.section-dv {
     padding: 0 10px;
}
.section-blog{
    padding: 0 10px;
}
.box-text.text-left.dark {
    padding-left: 10px;
    padding-right: 10px;
}
.icon-box.featured-box.icon-box-center.text-center {
    padding-bottom: 20px;
}
i.icon-menu {
    color: #11473F !important;
}
.section-vct .gt-tc {
    padding: 0px 15px;
}
.gt-tc p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 30px;
    text-align: justify;
}
}