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


.flex-col.hide-for-medium.flex-right {
    	transform: translateX(-18%);
}

.flex-col.hide-for-medium.flex-left {
   	transform: translateX(-8%);
}

@media only screen and (min-width: 1020px) {
            flex-col hide-for-medium flex-right {
    	transform: translateX(0%);
}
        }
@media only screen and (min-width: 1020px) {
            flex-col hide-for-medium flex-left {
   	transform: translateX(-0%);
}
}
        


.dat-cho ul li {
    background: url(https://kenhdautubatdongsan.info/wp-content/uploads/2023/11/news.gif) no-repeat left center;
    padding-left: 40px;
    line-height: 30px;
    list-style: none;
    margin-bottom: 0;
}
.elementor-widget-tabs .elementor-tab-content {padding: 0px;}


.post-type-archive #masthead .nav.nav-right {
    display: none;
}

/* Ẩn Main menu khi vào single post */
.single-shop-house #masthead .nav.nav-left,
.single-post #masthead .nav.nav-right {
    display: none;
}

/* Ẩn Main menu khi vào single post */
.single-lien-ke #masthead .nav.nav-left {
    display: none;
}

/* Ẩn Main menu khi vào single post */
.single-chung-cu #masthead .nav.nav-left {
    display: none;
}

/* Ẩn Main menu khi vào single post */
.single-biet-thu #masthead .nav.nav-left {
    display: none;
}


/* Ẩn Main menu khi vào single post */
.single-nha-pho #masthead .nav.nav-left {
    display: none;
}
/* Ẩn Second menu khi mở single page */
.page #masthead .nav.nav-right {
    display: none;
}
.page-template-elementor_library #masthead .nav.nav-right {
    display: none;
}

.error404 #masthead .nav.nav-right {
    display: none;
}



.nav-vertical+.tab-panels {
       padding: 0 0px 0px;
}
.nav-left {
    justify-content: center;
}

.nav-right {
    justify-content: center;
    
}


 /* CSS cho máy tính bảng và máy tính */
        @media only screen and (min-width: 600px) {
            iframe {
                width: 100%;
                height: 480px;
            }
        }

        /* CSS cho điện thoại di động */
        @media only screen and (max-width: 599px) {
            iframe {
                width: 100%;
                height: 300px;
            }
        }



/* an lạc symphony font*/
.golden-text {
    background: linear-gradient(45deg, #ffd700, #ffd700);
    -webkit-background-clip: text;
    color: transparent;    
}

@font-face {
    font-family: 'Playfair_Display';
    src: url('https://kenhdautubatdongsan.info/wp-content/themes/flatsome-child/PlayfairDisplay-VariableFont_wght.ttf') format('ttf');
         
    font-weight: 700; /* Bold */
    font-style: normal;
}
@font-face {
    font-family: 'Ephesis';
    src: url('https://kenhdautubatdongsan.info/wp-content/themes/flatsome-child/Ephesis-Regular.ttf') format('truetype');
    font-weight: 400; /* normal */
    font-style: normal; /* Thay vì 'Regular' */
}



.banner p { 
	font-size: 1.1em; 
}

.banner h3 {
    font-size: 1.5em;
	line-height: normal;
}




/* Baner trên top sigle page */

.custom-banner {
	position: relative;
    height: 700px; /* Thay đổi chiều cao tùy thuộc vào nhu cầu của bạn */
    background-size: cover;
    background-position: center left;
    display: flex;
    flex-direction: column;
    align-items: center;  /*căn giữa theo chiều dọc  */
    justify-content: center; /* căn giữa theo chiều ngang */
    
}

.banner-content {
    position: relative;
    top: 120px; /* Thay đổi giá trị này thành 10px */
    margin-top: 50px; /* Khoảng cách từ lề trên */
	margin-bottom: 20px;
    width: 100%;
	
	
}

@media screen and (max-width: 768px) {
    .banner-content {
        width: 98%; /* Chiều rộng của khung chứa văn bản trên thiết bị di động */        
    }
	.custom-banner {background-position: center right 25%;}
}

.fl-rich-text {
            padding: 20px;
            border-radius: 5px;
            text-align: justify;
        }

        .fl-rich-text.has-content {
            background-color: rgba(255, 255, 255, 0.85);
        }

  .banner-title {
    font-size: 1.5em; /* Điều chỉnh kích thước tiêu đề tùy thuộc vào nhu cầu của bạn */
    font-weight: 700;
    margin-bottom: 10px;
	  color: #000000; /* Đảm bảo màu văn bản đủ rõ ràng trên nền đen */
  }

  .banner-description {
    font-size: 1em; /* Điều chỉnh kích thước mô tả tùy thuộc vào nhu cầu của bạn */
    font-weight: 400;
    color: #000000; /* Đảm bảo màu văn bản đủ rõ ràng trên nền đen */
    margin-bottom: 0;
}






/* Contact */
#responsive-form {
    max-width: 1500px;
    margin: 10px auto;
    width: 100%;
}

.form-row {
    width: 100%;
    display: flex; /* Sử dụng flexbox để xếp cùng một hàng */
    flex-wrap: wrap; /* Nếu không đủ không gian, các phần tử sẽ xuống dòng */
}

.column-half,
.column-quater,
.column-full {
    float: left;
    position: relative;
    padding: 0.25rem;
    width: 100%;
    box-sizing: border-box;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 600px) {
    .column-half {
        width: 25%;
    }
}
@media only screen and (min-width: 600px) {
    .column-quater {
        width: 50%;
    }
}


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.textarea {
    width: 100%;
    padding: 8px;
    border: 2px solid #aa1b2f;
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 10px; /* Thêm khoảng cách giữa các trường nhập */
}

.textarea {
    height: auto;
    padding: 7px;
}

input.wpcf7-form-control.wpcf7-submit {
    display: block;
    margin: 0 auto;
    float: none; /* Không sử dụng float để đảm bảo nút submit nằm trên cùng một hàng */
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid;
    cursor: pointer;
    width: 100%;
    background-color: #aa1b2f;
    color: #ffffff;
}

input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #9a1829;
    color: #ffffff;
}




 /* Ban đầu */
.fa-map-marker:before, .fa-phone-square:before, .fa-clock-o:before, .fa-globe:before, .fa-envelope:before, .fa-bed:before, .fa-bath:before, .fa-arrows-alt:before, .footer-1 a:before {
    font-family: 'Font Awesome 5 Pro';
    text-decoration: inherit;
    position: relative;
    margin-right: .3em;
}

.fa-map-marker:before {content: "\f041";}
.fa-phone-square:before {content: "\f098";}
.fa-clock-o:before {content: "\f017";}
.fa-globe:before {content: "\f0ac";}
.fa-envelope:before {content: "\f0e0";}
.fa-bath:before {content: "\f133";}
.fa-arrows-alt:before {content: "\f0b2";}
.footer-1 a:before {content: "\f0c1";}
*/
/*================*/
/* CSS Footer
/*================*/
.footer-1 .widget-title {
    color: white;
}

.footer-1 p {
    color: white;
    margin-bottom: 2.5px;
}

.footer-1 .is-divider {
    background-color: #ffe205;
}

.footer-1 a {color: white;}
.footer-1 a:hover {color: red;margin-left: 10px;transition: .5s;}

/*================*/
/* CSS Home
/*================*/
.home-icon .box-image img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    border-radius: 99%;
    border: 1px solid #ececec;
    padding: 5px;
}

/*================*/
/* CSS Post
/*================*/
.archive-page-header .row{max-width: 980px;}
.page-title {border-bottom: 3px solid #036ffb;}
.page-title span{
	background: ffffff;
    color: white;
    padding: 4px 10px;
    font-size: 24px;
}
.post .entry-header {margin-bottom: 20px;}

/*================*/
/* CSS Liên hệ*/
/*================*/
.lien-he{
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*================*/
/* Hiệu ứng PULSE SHRINK
/*================*/

@-webkit-keyframes pulse-shrink-on-hover {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes pulse-shrink-on-hover {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.pulse-shrink-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-animation-name: pulse-shrink-on-hover;
  animation-name: pulse-shrink-on-hover;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.pulse-shrink-on-hover:hover,
.pulse-shrink-on-hover:focus,
.pulse-shrink-on-hover:active {
  
}

/*================*/
/* Hiệu ứng BUZZ
/*================*/

@-webkit-keyframes buzz-on-hover {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes buzz-on-hover {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.buzz-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-animation-name: buzz-on-hover;
  animation-name: buzz-on-hover;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.buzz-on-hover:hover,
.buzz-on-hover:focus,
.buzz-on-hover:active {
  
}

/* Hiệu ứng mở bán
*/
figure.photo {
  position: relative;
  overflow: hidden;
  min-width: 220px;
  max-width: 100%;
  max-height: 350px;
  width: 100%;
 /*background: #000000;*/
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.photo * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

figure.photo img {
  max-width: 100%;
  position: relative;
  height: 180px; 
  object-fit: cover;
  display: block;
}
@media screen and (max-width: 768px) {
  figure.photo img {
    height: 300px; /* Điều chỉnh chiều cao mong muốn cho điện thoại di động */
  }
}





figure.photo:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Hover state - trigger effect */

figure.photo:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}

/* Active state */

figure.photo:active:after {
  opacity: 0;
}



figure.photo:hover img,
figure.photo.hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.photo:hover h3,
figure.photo.hover h3 {
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
}