/*
Theme Name: Flatsome Child
Description: Thiet ke By Pham Van Lan | 097.245.768
Author: Pham Van Lan
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'ellefutura';
    src: url('fonts/elle-futura-book.otf');
}
@font-face {
    font-family: 'ellefuturabold';
    src: url('fonts/elle-futura-bold.otf');
}

body,p{font-family:'ellefutura' !important;font-size:15px;}
.alt-font{font-family:"ellefutura" !important;}
.nav > li > a{font-family:"ellefutura" !important;}
h1,h2,h3,.heading-font{font-family:"ellefuturabold" !important;}
h4,h5,h6{font-family:"ellefutura" !important;}
span.widget-title {font-family: ellefutura !important}

/* css header main */
div#masthead {
    background-color: rgba(65, 65, 65, 1);
}
.header:not(.transparent) .header-nav.nav > li > a {
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    font-family: "ellefuturabold" !important;
}

.col.col-padding {
	padding-bottom: 0;
}
.title-home h1 {
    color: rgba(120, 200, 23, 1);
    text-align: center;
    font-size: 22px;
    font-weight: bolder;
	line-height: 34px;
}
.home ul, .home ul li:last-child {
	margin-bottom: 0;
}

.slider-nav-light .flickity-page-dots .dot {
    width: 12px;
    height: 12px;
}
.slider-nav-light .flickity-page-dots .dot {
    border-color: #fff;
    background: #fff;
    opacity: 1;
}
.slider-nav-light .flickity-page-dots .dot.is-selected {
    background: rgba(120, 200, 23, 1);
    border-color: rgba(120, 200, 23, 1);
    border: 1px solid #fff;
	width: 25px; 
	border-radius: 10px;
}
/* css section giới thiệu */
p.gt-letter {
    margin-bottom: 8px;
    letter-spacing: 1.4px;
}

/* css section thông tin dự án */
.col-text>.col-inner {
    background: #FFFFFF;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
    border-radius: 4px;
    padding: 12px;
}
.ct-duan h3, .ct-duan ul li {
    color: #000;
}
.ct-duan h3 {
    font-size: 20px;
}
.ct-duan ul, .ct-duan ul li:last-child {
	margin-bottom: 0;
}
.ct-duan ul li {
    font-size: 14px;
}

/* css section vị trí dự án */
.ct-vitri h2 {
    color: rgba(120, 200, 23, 1);
}
.ct-vitri p:first-child {
    font-size: 17px;
}
.ct-vitri p:last-child {
    font-size: 16px;
}
.ct-vitri p strong {
    color: #0000ff;
    font-size: 18px;
}

/* css bản đồ */
.row-bando {
    background-image: url(/wp-content/uploads/2022/05/background-pattern.png);
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    align-self: center;
    vertical-align: middle ;
}
.ct-bando h3, .ct-bando td {
    color: #fff;
}
.ct-bando {
    padding: 3.125rem;
}
.ct-bando th {
    font-weight: normal;
    text-transform: none;
}
.ct-bando th, .ct-bando td {
    border-color: rgba(255,255,255,0.08);
}

/* css section form */
.st-form .section-bg.bg-loaded {
    background-image: url(/wp-content/uploads/2022/09/Rectangle-16.png);;
}
.form-action .col-inner {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px 20px 20px 20px;
    border-radius: 6px;
}
.form-action form {
	margin-bottom: 0;
}
span.wpcf7-spinner {
    display: none;
}
.col-form h3.text-center {
    color: #000;
    padding: 20px 0 15px 0;
}
input[type='email'], input[type='tel'], input[type='text'] {
    border: none;
    box-shadow: none;
    border-radius: 4px;
}
input[type='submit']:hover {
    box-shadow: none!important;
    color: #003768;
}
input[type='submit']:not(.is-form) {
    border: 0;
    font-family: "ElleFuturaBold",Arial,san-serif!important;
    border-radius: 10px;
    width: 100%;
}
.form-action b, .form-action strong {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
}
.ct-form ul li, .ct-form ul li strong {
    color: #000
}

/* css footer */
.st-foo .bg-loaded {
    background-image: url(/wp-content/uploads/2022/05/du-an-tnr-dong-nai.jpg);
}
.st-foo .section-bg:before {
    content: '';
    background-image: linear-gradient(245deg, #2ab574 0%, #2ab574 0%, #283891 100%);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.ct-foo h3, .ct-foo h4, .ct-foo p, .ct-foo a {
    color: #fff;
}

.absolute-footer.dark.medium-text-center {
    background: rgba(7,0,84,0.9);
}
.copyright-footer {
    color: #fff;
}

@media (min-width: 850px){
	/* 	css thong tin du an */
	.col-text>.col-inner {
		margin-top: 10px;
		left: -90px;
	}
}


@media (max-width: 768px) {
	/* 	css menu */
	.mfp-content div#main-menu {
		background-color: #fff;
	}
	.sidebar-menu.no-scrollbar {
		padding: 0;
	}
	.mfp-content div#main-menu ul li a {
		color: #000;
	}
}

@media (max-width: 549px) {
	/* 	css section thông tin dự án */
	.ct-duan {
		padding-top: 15px;
	}
	/* 	css bản đồ */
	.ct-bando {
		padding: 2rem;
	}
}

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


}