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

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

:root {
    --BrandOrange: #FF701D;
    --BrandBlue: #1169B0;
    --BrandGreen: #00D574;
    --BrandRed: #FF0000;
    --primary100: #EEFAFF;
    --primary200: #C6EEFF;
    --primary300: #7DD4FF;
    --primary400: #2DB5FF;
    --primary500: #00A2FD;
    --primary600: #0087DB;
    --primary700: #0071BD;
    --primary800: #004E86;
    --primary900: #003359;
    --neutral100: #FFFFFF;
    --neutral200: #FAFAFB;
    --neutral300: #EBECED;
    --neutral400: #CECFD2;
    --neutral500: #9D9FA5;
    --neutral600: #747783;
    --neutral700: #565C67;
    --neutral800: #343943;
    --neutral900: #1F2636;
    --neutralBlack: #1F2636;
    --gray1: #333333;
    --gray2: #4F4F4F;
    --gray3: #828282;
    --gray4: #BDBDBD;
    --gray5: #F5F5F5;
    --widgettitle: #DF6F21;
    --camera1day: #2671b8;
    --camera3day: #ea6141;
    --camera7day: #4b9f4e
}

.goi-mang-post.section, .goi-truyen-hinh.section, .goi-mang-doanh-nghiep.section {
    padding: 0;
}

.goi-mang-post .featured-box {
    border: 1px solid var(--BrandOrange);
    border-radius: 5px;
    padding-top: 20px;
}

.goi-truyen-hinh .featured-box {
    border: 1px solid var(--BrandBlue);
    border-radius: 5px;
    padding-top: 20px;
}

.goi-mang-doanh-nghiep .featured-box {
    border: 1px solid var(--BrandGreen);
    border-radius: 5px;
    padding-top: 20px;
}

.goi-truyen-hinh a:hover .featured-box, .goi-mang-post a:hover .featured-box {
    box-shadow: 0 0 11px rgba(10,10,10,.5);
}

.goi-mang-post .featured-box .icon-box-text {
    background-color: var(--BrandOrange);
    color: var(--neutral100);
}

.goi-truyen-hinh .featured-box .icon-box-text {
    background-color: var(--BrandBlue);
    color: var(--neutral100);
}

.goi-mang-doanh-nghiep .featured-box .icon-box-text {
    background-color: var(--BrandGreen);
    color: var(--neutral100);
}

.goi-mang-post .featured-box .icon-box-text h5 {
    color: var(--BrandOrange);
    font-size: 22px;
    padding: 20px 0;
    margin: 0;
    background-color: var(--neutral100);
}

.goi-truyen-hinh .featured-box .icon-box-text h5 {
    color: var(--BrandBlue);
    font-size: 22px;
    padding: 20px 0;
    margin: 0;
    background-color: var(--neutral100);
}

.goi-mang-doanh-nghiep .featured-box .icon-box-text h5 {
    color: var(--BrandGreen);
    font-size: 22px;
    padding: 20px 0;
    margin: 0;
    background-color: var(--neutral100);
}

.goi-truyen-hinh .featured-box .icon-box-text h6, .goi-mang-post .featured-box .icon-box-text h6, .goi-mang-doanh-nghiep .featured-box .icon-box-text h6 {
    color: var(--neutralBlack);
    font-size: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--neutral100);
    background-color: var(--neutral100);
    opacity: 1; 
}

.goi-truyen-hinh .featured-box .icon-box-text p, .goi-mang-post .featured-box .icon-box-text p, .goi-mang-doanh-nghiep .featured-box .icon-box-text .text div {
    font-size: 14px;
    border-bottom: 1px solid var(--neutral100);
    margin: 0;
    padding: 10px;
}

.goi-truyen-hinh .featured-box .icon-box-text p, .goi-mang-post .featured-box .icon-box-text p, .goi-mang-doanh-nghiep .featured-box .icon-box-text .text ul {
    list-style: auto;
}

.goi-truyen-hinh .featured-box .icon-box-text p:last-child, .goi-mang-post .featured-box .icon-box-text p:last-child, .goi-mang-doanh-nghiep .featured-box .icon-box-text .text div:last-of-type {
     border-bottom: 0;
}

.goi-truyen-hinh .featured-box .icon-box-text .text div:last-child, .goi-mang-post .featured-box .icon-box-text .text div:last-child {
    display: content;
}

.goi-truyen-hinh .section-title>span, .goi-camera-post .section-title>span, .goi-mang-post .section-title>span, .goi-camera-post .section-title>span {
    display: contents;
}

.goi-camera-post .goi-1-ngay, .goi-camera-post .goi-3-ngay, .goi-camera-post .goi-7-ngay  {
    border-radius: 5px;
    padding-top: 20px;
}

.goi-camera-post .goi-1-ngay  {
    border: 1px solid var(--camera1day);
}

.goi-camera-post .goi-3-ngay  {
    border: 1px solid var(--camera3day);
}

.goi-camera-post .goi-7-ngay  {
    border: 1px solid var(--camera7day);
}

.goi-camera-post .goi-1-ngay .icon-box-text .text {
    background-color: var(--camera1day);
    color: var(--neutral100);
}

.goi-camera-post .goi-3-ngay .icon-box-text .text {
    background-color: var(--camera3day);
    color: var(--neutral100);
}

.goi-camera-post .goi-7-ngay .icon-box-text .text {
    background-color: var(--camera7day);
    color: var(--neutral100);
}

.goi-camera-post .goi-1-ngay .icon-box-text h5, .goi-camera-post .goi-3-ngay .icon-box-text h5, .goi-camera-post .goi-7-ngay .icon-box-text h5 {
    font-size: 22px;
    padding: 20px 0;
    margin: 0;
}

.goi-camera-post .goi-1-ngay .icon-box-text h5 {
    color: var(--camera1day);
    background-color: var(--neutral100);
}

.goi-camera-post .goi-3-ngay .icon-box-text h5 {
    color: var(--camera3day);
    background-color: var(--neutral100);
}

.goi-camera-post .goi-7-ngay .icon-box-text h5 {
    color: var(--camera7day);
    background-color: var(--neutral100);
}

.goi-camera-post .goi-1-ngay .icon-box-text h6, .goi-camera-post .goi-3-ngay .icon-box-text h6, .goi-camera-post .goi-7-ngay .icon-box-text h6 {
    color: var(--neutralBlack);
    font-size: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--neutral100);
    background-color: var(--neutral100);
    opacity: 1; 
}

.goi-camera-post .goi-1-ngay .icon-box-text p, .goi-camera-post .goi-3-ngay .icon-box-text p, .goi-camera-post .goi-7-ngay .icon-box-text p {
    font-size: 14px;
    border-bottom: 1px solid var(--neutral100);
    margin: 0;
    padding: 10px;
}

.goi-camera-post .goi-1-ngay .icon-box-text p:last-of-type, .goi-camera-post .goi-3-ngay .icon-box-text p:last-of-type, .goi-camera-post .goi-7-ngay .icon-box-text p:last-of-type {
    border-bottom: 0;
}

.wp-block-table table, td, th {
  border: 1px solid;
}

.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .goi-mang-post .row-small>.flickity-viewport>.flickity-slider>.col, .goi-mang-post .row-small>.col, .goi-truyen-hinh .row-small>.flickity-viewport>.flickity-slider>.col, .goi-mang-doanh-nghiep .row-small>.col, .goi-mang-doanh-nghiep .row-small>.flickity-viewport>.flickity-slider>.col, .goi-mang-doanh-nghiep .row-small>.col {
            padding: 10px 15px;
        }

    .row .row-small:not(.row-collapse), .container .row-small:not(.row-collapse) {
            margin-left: 0;
            margin-right: 0;
        }

}