/*
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(7,0,84,0.9);
}
.header:not(.transparent) .header-nav.nav > li > a {
    color: #2ab574;
    font-size: 14px;
    padding: 0 10px;
    font-family: "ellefuturabold" !important;
}
.header-wrapper {
    border-bottom: 1px solid rgb(42, 181, 116);
}

.col.col-padding {
	padding-bottom: 0;
}
.title-home h1 {
    color: #2ab574;
    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: 15px;
    height: 15px;
}
.slider-nav-light .flickity-page-dots .dot {
    border-color: #fff;
    background: #fff;
    opacity: 1;
}
.slider-nav-light .flickity-page-dots .dot.is-selected {
    background: #1f1965;
    border-color: #1f1965;
    border: 1px solid #fff;
	width: 35px; 
	border-radius: 10px;
}
/* css section thông tin dự án */
.st-duan .section-bg.bg-loaded {
    background-color: #1f1965;
}
.ct-duan h3, .ct-duan ul li {
    color: #fff;
}
.ct-duan h3 {
    font-size: 20px;
}
.ct-duan ul, .ct-duan ul li:last-child {
	margin-bottom: 0;
}
.ct-duan ul li {
    font-size: 16px;
}

/* css section vị trí dự án */
.ct-vitri h2 {
    background: linear-gradient(280deg,#2ab574 75%,#283891 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	line-height: 34px;
}
.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/05/du-an-tnr-dong-nai.jpg);;
}
.col.form-action {
    padding: 5px !important;
    background: linear-gradient(248deg, #2ab574 10%, #283891 100%);
}
.form-action .col-inner {
    background-color: rgb(255, 255, 255);
    padding: 20px 20px 20px 20px;
}
.form-action form {
	margin-bottom: 0;
}
span.wpcf7-spinner {
    display: none;
}
.col-form h3.text-center {
    color: #283891;
    padding: 20px 0 15px 0;
}
input[type='email'], input[type='tel'], input[type='text'] {
    border-bottom: 1px solid #000 !important;
    border: none;
    box-shadow: none;
}
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;
    background-image: linear-gradient(248deg, #2ab574 50%, #283891 100%);
    border-radius: 10px;
    width: 100%;
}
.form-action b, .form-action strong {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffa509;
    font-weight: normal;
}

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


}