/*
Theme Name: Flatsome Child
Description: dự án Sycamore bình dương
Theme URI: 
Author: J Sugar
Author URI: fb/josephSugar
Template: flatsome
Version: 3.6.0
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
@import url("awesome/css/font-awesome.min.css");
@import url("awesome/css/images.css");
@import url("awesome/css/maps.css");
@import url("style2.css");

.right-news .box-text.text-left {
    padding-top: 0;
    vertical-align: top;
}
.product-small.box {
    border: 1px solid #e8e8e8;
    padding: 5px;
    background: white;
}
.woocommerce-result-count, .woocommerce-ordering {
    display: none;
}
.row.category-page-row {
    padding-top: 0;
}
.wpcf7 p {
    font-size: 14px;
}
.button.is-outline {
	border: 1px solid currentColor !important;
}
.button.is-outline span {
	padding: 10px 0 !important;
	font-weight: 400;
}
input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    
    border-radius: 7px;
}
/* Trang archive */
.info {
    padding: 0 20px;
}
span.bed {
    float: left;
}
span.bdsprice {
    float: right;
    font-weight: 700;
}
.info span.area {
    padding: 0px 15px;
	float: left;
}
.diachi {
    text-align: left;
    padding: 0 20px;
    margin-bottom: 5px;
    width: 100%;
}
.thoigian {
    text-align: left;
    padding: 0 20px;
    width: 100%;
}
p.name.product-title {
    text-align: left;
    padding: 0 20px;
    font-weight: bold;
    margin-bottom: 5px;
    min-height: 40px;
}
/* chi tiáº¿t bds */
.thongtinchung p {
    text-align: justify !important;
}
.top-info span {
    float: right;
    font-weight: 600;
}
span.price-duan {
    color: #dd3333;
}
h3.bds-title:before {
    content: '\f0f7';
    font-family: FontAwesome;
    padding-right: 10px;
    font-weight: 300;
}
.top-info ul {
	margin-bottom: 0;
}
.top-info li {
    list-style: none;
    display: inline-block;
}
.top-info .col {
    float: left;
    /* border-right: 1px solid #e8e8e8; */
    padding: 3px 35px !important;
    /* text-align: center; */
}
.top-info .col:last-child {
	border-right: none;
}
h1.product-title.entry-title:before {
    content: '\f015';
    font-family: FontAwesome;
    color: green;
}
.section-title-main:before {
    content: '\f0f7';
    font-family: FontAwesome;
    padding-right: 10px;
    font-weight: 400;
}
.ttt-bds button.accordion:before {
    content: '\f219';
    font-family: FontAwesome;
    padding-right: 10px;
    font-weight: 400;
}
.tienich {
	list-style: none;
}
.tienich li {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 15px;
}
.tienich li:before {
    content: '\f006';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    padding-right: 10px;
}
.custom-product-page p {
    text-align: left;
    font-size: 16px !important;
    color: rgba(68,76,89,.76);
    font-weight: 300 !important;
    line-height: 26px;
}
.col.url {
    padding-bottom: 0 !important;
}
.ttt-bds .accordion {
    color: black;
    cursor: pointer;
    padding: 5px 15px 0 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
    border-top: 1px solid #e8e8e8;
    margin-bottom: 0;
}
.ttt-bds .active, .accordion:hover {
    background-color: white; 
}

.ttt-bds .panel {
    padding: 10px 0;
    display: none;
    background-color: white;
    overflow: hidden;
}
.ttt-bds .accordion:after {
    content: '\f107'; /* Unicode character for "plus" sign (+) */
    font-size: 14px;
    color: #777;
    float: right;
    margin-left: 5px;
	font-family: FontAwesome;
}

.ttt-bds .active:after {
    content: "\f106"; /* Unicode character for "minus" sign (-) */
	font-family: FontAwesome;
}
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

.ttcb {
    padding: 0 15px !important;
}
.ttcb .col {
    border-bottom: 1px dotted #dedede;
    padding: 7px 0 !important;
    margin-right: 2%;
    max-width: 48%;
}
.ttcb span {
    float: right;
    font-weight: 600;
}
.custom-url .col {
    padding-bottom: 0;
}
/* end chi tiáº¿t sp */
p.no-comments {
    display: none;
}
.footer .widget-title, .footer a, .wt {
    color: rgba(255,255,255,.5) !important;
	font-weight: 400 !important;
}
.footer a {
    font-weight: 300 !important;
}
.entry-image.relative, .entry-meta {
    display: none;
}
.entry-content.single-page {
	padding-top: 0;
}
.entry-header-text {
    padding-bottom: 0;
}
.entry-content  p {
	text-align: justify
}
p.wp-caption-text {
    text-align: center;
}
#related_posts .col {
  float: left;
  margin-left: 0;
  list-style: none;
}
.relatedcontent h3 {
  font-size: 16px;
  margin-top: 7px;
}
.relatedthumb img {
  height: 100%;
  max-height: 165px;
}
#related_posts {
  border-top: 4px double #e8e8e8;
        padding-top: 10px;
}
#related_posts li:nth-child(1) {
  padding-left: 0 !important;
}
#related_posts li:nth-child(2) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#related_posts li:nth-child(3) {
  padding-right: 0 !important;
}
.relatedthumb img {
  min-height: 125px;
}
.post-navigation {
    border: 2px dashed green;
    padding: 15px;
	margin: 15px 0;
}
.post-navigation ul {
    margin-bottom: 0;
}
.post-navigation li {
    margin-bottom: 0;
    list-style: none;
    margin-left: 0 !important;
}
.post-navigation li:before {
    content: '\f0a4';
    font-family: FontAwesome;
    padding-right: 10px;
}
.rpwe-block li {
	margin-left: 0 !important;
}
.row-small .col {
    padding: 15px 10px;
}
.term-description {
    padding: 15px;
    border: 1px solid #999;
    background: #fafafa;
    border-radius: 15px;
}
.term-description p {
	margin-bottom: 0;
}
.nav-pagination>li>span, .nav-pagination>li>a {
	border-radius: 0;
}
.blog-share.text-center {
    text-align: left;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    padding: 5px;
}
.blog-share .is-divider {
    display: none;
}
.blog-share a {
	margin-bottom: 0;
}
.blog-share:before {
    content: "Chia sáº»";
    padding-right: 15px;
}
article.post {
    margin-bottom: 0;
}
span.amount {
    color: #2e981e;
}
h3.fbreview {
    background: #2e981e;
    color: white;
    padding: 5px 20px;
}
.related h3 {
    margin-left: 0;
}

p#billing_address_1_field {
	width: 100%;
}
@media only screen and (min-width: 1024px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.tienich li {
		width: 30%;
		padding-bottom: 10px;
	}
	.product-small.box .box-text.box-text-products {
		min-height: 150px;
	}
	.related .box-text.box-text-products, .shop-container .box-text.box-text-products {
		padding: 5px 0;
		min-height: 130px !important;
	}
	.related .name.product-title {
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		width: 260px;
		min-height: 20px;
	}
	.related .diachi {
		min-height: 46px;
	}
}
@media screen and (max-width: 480px) {
	.small-columns-2>.col, .small-columns-2 .flickity-slider>.col {
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.ml-half {
    margin-left: 0px;
}

}





.iti__flag-box, .iti__country-name {
    color: #004352;
}
.wpcf7 .screen-reader-response {
    display: none !important;
}

.flickity-prev-next-button::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1px solid transparent;
    background: var(--color-border-gradient) border-box;
    -webkit-mask: linear-gradient(var(--color-white) 0 0) padding-box, linear-gradient(var(--color-white) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: Preloader 3s alternate infinite;
}

.slider-nav-light .flickity-prev-next-button {
    color: #fff;
    width: 3rem !important;
    height: 3rem !important;
    margin: 0.5rem;
}
.flickity-prev-next-button {
	width: 3rem !important;
    height: 3rem !important;
}

.flickity-prev-next-button .arrow {
    /* fill: #fff; */
    width: 80% !important;
    height: 80% !important;
}

.flickity-prev-next-button svg {
    /* fill: #fff; */
    width: 80% !important;
    height: 80% !important;
}


.slider-nav-light .flickity-prev-next-button svg {
    /* fill: #fff; */
    width: 80% !important;
    height: 80% !important;
}
.slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow {
    border-radius: 100%;
    border: none !important;
}
.phankhu {
	display: flex;
    justify-content: flex-start;
    
}
.phankhu span{
    position: relative;
    display: block;
}
.phankhu span{
	width: 3rem;
    height: 2rem;
    border-radius: .5rem;
    margin-right: .3rem;
    background: var(--color-white);
    border: 1px solid var(--color-black-alpha-01);
    padding: .2rem;
    z-index: 5;
}

.phankhu span::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: .3rem;
	position: relative;
    display: block;
}

.phankhu p{
	font-weight: 600;
	padding-top: 3px;
}


.color-orchard::after {
    background: #adc4a7;
}
.color-hill::after {
    background: #61846e;
}
.color-heights-1::after {
    background: #ce775a;
}
.color-heights-2::after {
    background: #005341;
}
.color-grand::after {
    background: #ab9152;
}
.color-phases::after {
    background: #d5c3be;
}
.color-park::after {
    background: #c6dba4;
}
.pkboder {
	border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}

.pkboder p{
	margin:0 !important;
}

.orchard{
    border: solid 2px #adc4a7;
}
.hill{
    border: solid 2px #61846e;
}
.heights{
    border: solid 2px #ce775a;
}
.grand{
    border: solid 2px #ab9152;
}
.scm-list li {
    list-style: none;
    margin-left: 0 !important;
}

select {
	margin-bottom: 0 !important;
}
