/*
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.   ***************/

@import url('https://mangfpttelecom.org/wp-content/themes/flatsome-child/assets/frontend/css/fontsgilroy.css');
:root {
    --BrandOrange: #FF701D;
    --BrandBlue: #1169B0;
    --BrandGreen: #00D574;
    --BrandRed: #FF0000;
	--orange100: #E74B12;
	--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: #2B2B2B;
    --gray1: #333333;
    --gray2: #4F4F4F;
    --gray3: #828282;
    --gray4: #BDBDBD;
    --gray5: #F5F5F5;
    --widgettitle: #DF6F21;
    --camera1day: #2671b8;
    --camera3day: #ea6141;
    --camera7day: #4b9f4e
}

.nav > li > a {
    color: var(--neutral900);
}
a {
	color: var(--orange100);
}
a:hover {
	color: var(--orange100);
	opacity: .9;
}

.title-item {
    color: #ff6634;
    border-bottom: 2px solid #ff6634;
    margin-bottom: 20px;
}

.title-item .col {
    padding: 0 8px 10px;
}

.title-item .col h2 {
    margin-bottom: 0;
}

.list-style-orange {
    list-style: none;
}

.bg-orange p {
    background: #f36f20;
    color: #fff;
}

.bg-grey p {
    background: #f0f0f0;
    color: #000;
}

.box-mini p {
    padding: 17px;
    border-radius: 5px;
    margin-top: -50px;
    padding-top: 55px;
    text-align: justify;
}

p.location {
    background: url(https://mangfpttelecom.org/wp-content/themes/flatsome-child/assets/frontend/images/i-locator.png) left 0 no-repeat;
    padding-left: 25px;
    margin-bottom: 7px;
    padding-bottom: 2px;
}

p.phone {
    background: url(https://mangfpttelecom.org/wp-content/themes/flatsome-child/assets/frontend/images/i-phone.png) left 0 no-repeat;
    padding-left: 30px;
    margin-bottom: 7px;
    padding-bottom: 2px;
}

.font-bold {
    font-weight: 600;
}

.header-top {
    background-color: var(--neutralBlack);
    
}

.header-top span {
    color: var(--neutral500);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.header-top a {
    color: var(--neutral100);
}

.footer-1 {
    background-color: var(--neutralBlack);
	color: var(--neutral200);
}

.footer-2 {
    background-color: var(--neutralBlack);
	color: var(--neutral200);
}

.footer-2 a:hover{
    text-decoration: underline;
}

.footer-2 .widget-title, .footer-1 .widget-title {
    color: var(--BrandOrange);
}

.footer-1 .is-divider, .footer-2 .is-divider {
    height: 1px;
    max-width: 100%;
}


.absolute-footer.dark {
    background-color: var(--neutralBlack);
    color: var(--neutral100);
}

.back-to-top.is-outline:hover {
    background-color: #e88b59;
}
.back-to-top.is-outline.active {
    opacity: 1;
}
.back-to-top.is-outline {
    opacity: 0;
    background-color: #f17c3d;
    border: 2px solid var(--neutral200);
    color: var(--neutral200);
}
.no-margin-bottom {
    margin-bottom: 0;
}

.red-b-color h1 {
    color: var(--BrandRed);
}

.orange-b-color h1 {
    color: var(--BrandOrange);
}

.grean-b-color h1 {
    color: var(--BrandGreen);
}

.blue-b-color h1 {
    color: var(--BrandBlue);
}

.orange-b-color h1>b {
    background-color: var(--BrandOrange);
}

.grean-b-color h1>b {
    background-color: var(--BrandGreen);
}

.blue-b-color h1>b {
    background-color: var(--BrandBlue);
}

.white-b-color h1>b {
    background-color: var(--neutral100);
}

.goi-mang-home .featured-box, .goi-mang-post .featured-box {
	background-color: #fff;
    border-radius: 5px;
	padding-top: 20px;
	margin: 5px 5px;
    box-shadow: 0 3px 10px rgb(10 37 64 / 30%);
}

.goi-mang-home a:hover .featured-box, .goi-mang-post a:hover .featured-box {
    background-color: var(--neutral300);
}

.goi-mang-home .featured-box .icon-box-text, .goi-mang-post .featured-box .icon-box-text {
    color: var(--neutralBlack);
}

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

.goi-mang-home .featured-box .icon-box-text h6, .goi-mang-post .featured-box .icon-box-text h6 {
    color: var(--neutralBlack);
    font-size: 18px;
    padding-bottom: 20px;
    opacity: 1; 
}

.goi-mang-home .featured-box .icon-box-text p, .goi-mang-post .featured-box .icon-box-text p, .goi-mang-post .featured-box .icon-box-text .text div {
    font-size: 14px;
    margin: 0;
    padding: 10px;
}

.goi-mang-home .featured-box .icon-box-text p, .goi-mang-post .featured-box .icon-box-text p, .goi-mang-post .featured-box .icon-box-text .text ul {
    list-style: auto;
}

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

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

.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;
}

.dang-ky-lap-mang-ca-nhan, .dang-ky-lap-mang-combo, .dang-ky-lap-mang-doanh-nghiep, .dang-ky-lap-mang-combo-k-plus, .dang-ky-lap-mang-ca-nhan-du-an, .dang-ky-lap-mang-combo-du-an, .dang-ky-lap-mang-doanh-nghiep-du-an, .dang-ky-lap-camera  {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; 
}

.post-sidebar .widget   {
    border-bottom: 3px solid var(--camera1day);
    border-radius: 2px;
}

.post-sidebar .widget .widget-title  {
    color: var(--camera1day);
}

.post-sidebar .widget .is-divider  {
    color: var(--camera1day);
    margin-top: 5px;
    max-width: 100%;
    height: 2px;
}

#comments {
    margin: 0 auto;
}

#comments #wpdcom .wpd-form-head {
   display: none;
}

#comments #wpdcom {
    max-width: 100%;
}

.justify-text {
    text-align: justify;
}

.badge-inner {
    background-color: var(--camera1day);
    color: var(--neutral200);
    line-height: 1.1;
    border: 1px solid var(--neutral200);
    border-left: 0;
}

.badge-inner .post-date-month {
    border-top: 1px solid var(--neutral200);
}

.nav-pagination>li>span, .nav-pagination>li>a {
    color: var(--neutral200);
    border-color: var(--camera1day);
    border-radius: 0;
}

.nav-pagination>li>.current, .nav-pagination>li>span:hover, .nav-pagination>li>a:hover{
    border-color: var(--camera1day);
    background-color: var(--camera1day);
    color: var(--neutral200);
}

.pum-close.popmake-close { margin: 0; }
.pum-content.popmake-content:focus-visible, 
.pum-content *:focus,
.pum-overlay .pum-content
{
	outline: none !important;
}
.wpcf7-form-control.wpcf7-submit {
	width: 100%;
}

#search-lightbox input.search-field {
	border-color: var(--neutral400);
}

footer .dark .textwidget, footer .dark .textwidget p, footer .dark .textwidget td {
	color: var(--neutral900);
}

footer .dark .textwidget a:hover {
	color: var(--neutral900);
	text-decoration: underline;
}

.home-new li>a {
	margin-left: 7px;
    margin-right: 7px;
	background-color: var(--neutral300);
}

.home-new li.active>a {
    opacity: 1;
    color: #fff;
	background-color: var(--neutral900);
}

.home-new li>a>span {
	width: 156px;
	padding: 7px 0;
	text-align: center;
	color: var(--neutral900);
}

.home-new li.active>a>span {
	color: var(--neutral200);
}

.home-new .box-text-inner .is-divider {
	display: none;
}

.home-new .box-text {
	background: linear-gradient(to bottom, transparent, rgba(0,0,0)) no-repeat bottom;
    background-size: 100% 75%;
}

.home-new .home-khuyen-mai .text-box-content {
	background: linear-gradient(to bottom, transparent, rgba(0,0,0)) no-repeat bottom;
    background-size: 100% 100%;
}

.home-sp-dv a {
	font-size: 18px;
}

.icon-home {
	padding-bottom: 30px;
}

.icon-home a {
	display: table;
    background: #F8F9FA;
    padding: 25px 10px;
    width: 100%;
    border: 2px solid transparent;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.icon-home a:hover {
	border: 2px solid #e8e8e8;
}
.icon-home .col {
	padding: 5px 10px;
}
.icon-home .icon-box {
	display: table;
}
.icon-home .icon-box .icon-box-img {
	display: table-cell;
	vertical-align: middle;
}
.icon-home .icon-box .icon-box-text {
	display: table-cell;
	vertical-align: middle;
}

.icon-home .home-dang-ky-online:hover .icon-box .icon-box-text>h3 {
	color: var(--BrandBlue);
}

.icon-home .home-tin-tuc:hover .icon-box .icon-box-text>h3 {
	color: var(--BrandOrange);
}

.icon-home .home-ho-tro:hover .icon-box .icon-box-text>h3 {
	color: var(--BrandGreen);
}

.section .section-content .text > h1 {
	font-size: 38px;
}

.custom-title-h2 {
	background-color: var(--orange100);
    color: var(--primary100);
    padding: 10px 5px;
    border-radius: 5px;
}

.dang-ky-online-form-page .wpcf7 .wpcf7-submit {
	background-color: var(--orange100);
    color: var(--primary100);
	border-radius: 5px;
}

.foot-hotline {
	color: var(--orange100) !important;
	font-weight: 600;
}

@media (max-width: 1024px) {
	.icon-home .icon-box .icon-box-img {
		width: 68px !important;
	}
	.icon-home .icon-box .icon-box-text {
		font-size: .9em;
	}
}

@media (max-width: 768px) {
	.icon-home .icon-box .icon-box-text {
		font-size: 1.6em;
	}
	
}

@media (max-width: 480px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.icon-home .icon-box .icon-box-text {
		font-size: 2em;
	}

}