/*
 * Theme Name: T2Tech
 * Description: Công nghệ thông tin ngày càng phát triển, nó giúp con người mua thực hiện công việc mua bán, tìm kiếm thông tin sản phẩm ngày càng hiệu quả hơn. Thay vì phải chạy đến tận nơi bán sản phẩm để tìm hiểu thông tin hay mua một sản phẩm nào đó, bạn chỉ việc ngồi ở nhà và với một thiết bị được kết nối internet là bạn có thể có tất cả. Có thể nói website là một công cụ hữu hiệu nhất trong hoạt động quảng bá thương hiệu, sản phẩm, dịch vụ một cách hiệu quả. Bạn là một người kinh doanh thì việc thiết kế một website là điều vô cùng cần thiết và cấp bách trong thời buổi công nghệ này, đó là sợi dây liên kết giữa doanh nghiệp và khách hàng, giúp cho doanh nghiệp quảng bá thương hiệu, sản phẩm và dịch vụ của mình đến với mọi người một cách nhanh chóng, hiệu quả, dễ dàng và trực quan nhất.
 * Theme URI: 
 * Version: 15.2
 * Theme Author: 
 * Author: Cristian Dev
 * Author URI: toanpham9412@gmail.com
 * Textdomain: t2tech
 */

:root {
  --font-main: "Montserrat", serif;
  --font-heading: "Abhaya Libre", serif;;
  --font-secondary: "Abhaya Libre", serif;
}
body{
  margin: 0;
  line-height: 30px;
  font-family: var(--font-main) !important;
  font-weight: 400;
  font-size: 17px !important;
  color: #151f28 !important;
}
body.post-type-archive-real_estate, body.single-real_estate, body.tax-land_cat
{
	font-family: var(--font-main) !important;
	font-size: 15px !important;
}
.content-tab span{
	font-size: 14px !important;
}
.ihf-grid-result-price a{
	font-size: 14px;
}
.elementor-column.elementor-col-15{
  width: 15%;
}
#ihf-main-container .btn{
	color: #fff !important;
} 
 .navigation,
.navigation ul,
.navigation ul li,
.navigation ul li a {
    list-style: none;
    line-height: 0;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.navigation ul li ul li {
    -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.21);
    -moz-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.21);
    box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.21);
}

.navigation ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.navigation:after,
.navigation > ul:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.navigation > ul > li {
    display: table-cell;
    width: 1%;
}

.navigation > ul > li > a {
    color: #000;
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    margin: 0px 30px 0px 30px;
    white-space: nowrap;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
    font-weight: 700;
    height: 27px;
	font-family: var(--font-heading);
}

.navigation ul li:first-child a {
    margin-left: 0
}

.navigation ul li:last-child a {
    margin-right: 0;
}

.navigation > ul > li > a:hover,
.navigation > ul > li > a:focus {
    color: #000;
}

.navigation > ul > li > a:hover:before,
.navigation > ul > li > a:focus:before,
.navigation > ul > li > a:active:before {
    left: 10px;
    right: 10px;
}

.navigation > ul > li.active > a {
    color: #000;
    border-bottom: 2px solid var(--e-global-color-9b6ac34);
}

.navigation > ul > li.active > a:hover:before,
.navigation > ul > li.active > a:focus:before,
.navigation > ul > li.active > a:active:before {
    display: none;
}

.navigation ul ul {
    position: absolute;
    left: -9999px;
    top: 40px;
    width: 200px;
    z-index: 999;
    padding-top: 15px;
    opacity: 0;
    -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
    -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
    -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
    -o-transition: top 0.2s ease, opacity 0.2s ease-in;
    transition: top 0.2s ease, opacity 0.2s ease-in;
}

.navigation ul ul ul {
    width: auto;
}

.navigation.align-right ul ul {
    text-align: right;
}

.navigation > ul > li > ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: var(--e-global-color-9b6ac34);
    top: -1px;
    left: 30%;
}

.navigation.align-right > ul > li > ul::after {
    left: auto;
    right: 20px;
}

.navigation ul ul ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right-color: var(--e-global-color-9b6ac34);
    top: 12px;
    left: -8px;
}

.navigation.align-right ul ul ul::after {
    border-right-color: transparent;
    border-left-color: #387002;
    left: auto;
    right: -4px;
}

.navigation > ul > li:hover > ul {
    top: 28px;
    left: -10px;
    opacity: 1;
}

.navigation.align-right > ul > li:hover > ul {
    left: auto;
    right: 0;
}

.navigation ul ul ul {
    padding-top: 0;
    padding-left: 6px;
}

.navigation.align-right ul ul ul {
    padding-right: 6px;
}

.navigation ul ul > li:hover > ul {
    left: 200px;
    top: 0;
    opacity: 1;
}

.navigation.align-right ul ul > li:hover > ul {
    left: auto;
    right: 100%;
    opacity: 1;
}

.navigation ul ul li a {
    background-color: var(--e-global-color-9b6ac34);
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    text-decoration: none;
    padding: 0 10px 0 25px;
    line-height: 36px;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
	font-family: var(--font-main);
}

.navigation ul ul li:last-child a {
    border-bottom: none;
}

.navigation ul ul li a::before {
    font: normal normal normal 10px/1 FontAwesome;
    content: "\f101";
    position: absolute;
    top: 14px;
    left: 10px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.navigation ul ul li:hover > a,
.navigation ul ul li > a:hover,
.navigation ul ul li > a:focus {
    background-color: #EBEBEB;
    color: #000;
}

.navigation ul ul li.active > a {
    background-color: #EBEBEB;
    color: #000;
}

.navigation ul ul li:hover > a::before,
.navigation ul ul li > a:hover:before,
.navigation ul ul li > a:focus:before {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.navigation ul ul li.active > a::before {
    color: #000;
}

.navigation > ul > li > a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background-color: var(--e-global-color-9b6ac34);
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.main-slider .owl-nav {
    position: static;
    margin-top: 0;
}
 .main-slider .owl-nav [class*=owl-]{
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    background: rgb(203 172 103 / 42%) !important;
    color: #fff !important;
    font-size: 65px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
 }
 .main-slider .owl-nav .owl-prev {
    left: 40px;
}

.main-slider .owl-nav .owl-next {
    right: 40px
}
.main-slider .owl-nav:hover [class*=owl-]{
    background: var(--e-global-color-9b6ac34) !important;
}
.elementor-icon i, .elementor-icon svg {
    width: 25px;
    height: 25px;
    color: #fff;
}
.elementor-social-icons-wrapper a{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.frm-contact{
    padding: 20px 20px 0;
    border: 1px dashed #CDE0EC
}
.form-group{
    margin-bottom: 15px;
}
.form-control{
    background-color: #F7FAFC !important;
    color: #000 !important;
    border: 0px none #FFFFFF !important;
    border-radius: 5px !important;
    padding: 15px 20px 15px 20px !important;
    box-shadow: 0px 0px 0px 0px #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    background-clip: inherit !important;
    width: 100%;
    font-family: var(--font-main) !important;
    height: 48px;
}
.frm-contact button,
.frm-contact input[type="submit"]{
    background-color: #151F28;
    border: 0px solid #151F28;
    border-radius: 0.3125px;
    padding: 11px 11px 11px 11px;
    white-space: normal;
    width: 100%;
    box-shadow: 0px 0px 0px 0px #FFFFFF;
    color: #fff;
        font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-main) !important;
}
.elementor-share-btn__icon{
    height: 20px;
    display: block;
    cursor: pointer;
}
.page-numbers{
    color: #000 !important;
}
.form-inline .form-group{
    display: block !important;
}
#ihf-detail-modals .form-control{
    background-color: #fff !important;
    border: 1px solid #e1e1e1 !important;
}
.ihf-more-info-submit{
    margin: 10px;
}
#ihf-main-container .form-control, 
#ihf-main-container textarea{
    color: #555 !important;
}
.btn-contact a{
    background-color: var(--e-global-color-9b6ac34) !important;
    border: none !important
}
.elementor-icon i{
    font-size: 30px;
}
.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper,
.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper{
    align-items: center;
}
.frm-contact--howitwork{
    border: 1px solid #151f28 !important;
    background-color: #fff !important;
    max-width: 550px;
    margin: auto;
    border-radius: 10px;
    padding: 20px;
}
.frm-contact input{
    height: 51px;
}
.block-form{
    padding: 50px 0;
}
.form-wrap{
    max-width: 600px;
    margin: auto;
    padding: 20px 100px 40px;
    border: 5px solid var(--e-global-color-9b6ac34);
}
.form-wrap h2{
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: var(--font-heading) !important;
}
.wpcf7-response-output{
    margin-top: 0;
}
.wpcf7-spinner {
  display: none !important;
}

.wpcf7 .submitting .wpcf7-spinner {
  display: inline-block !important;
}
.form-subrice p{
    margin-bottom: 0 !important;
}
.form-subrice label,.form-subrice br{
    display: none !important;
}
.form-subrice p, .form-subrice input[type="submit"]{
    width: 100% !important;
    display: block !important;
}
.form-subrice .wpcf7-response-output{
    color: #fff !important;
}
body.page-template-page-contact-us .elementor-1386 .elementor-element.elementor-element-27af058{
    padding: 50px 0 !important;
}
.header-sm {
  background-color: var(--e-global-color-9b6ac34);
  padding: 2px 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
}
.header-sm .logo a img {
  height: 40px;
}
body.page .wp-block-media-text>.wp-block-media-text__content{
	padding: 0 !important;
}
.elementor-2578 .elementor-element.elementor-element-a815e38 .elementor-button{
	font-family: var(--main-font) !important
}
.ihf-detail-tab-content p,
.wpdt-html-content p{
	margin-bottom: 0 !important;
}
.ihf-detail-tab-content hr{
	margin: 7px 0 !important;
}
.content-tab .btn-contact{
	margin-top: 7rem;
}
.btn-contact a{
	color: #000 !important;
}
.about-list li{
	align-items: flex-start !important;
}
.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media {
  min-height: 412px !important;
}
body.single-real_estate h1 {font-size: 35px}
.land-info{
    padding: 0 15px;
    font-size: 11px;
    line-height:30px;
    text-align: center;
}
.desc-land{
    test-alig: left;
}
#ihf-main-container .listing-open-home-text{
    color: #151F28 !important;
}


@media screen and (max-width : 1250px){
    .navigation > ul > li > a
    {
        font-size : 12px;
        margin    : 0px 30px 0px 32px;
    }
    .elementor-2589 .elementor-element.elementor-element-0a0323e .elementor-button{
        font-size: 10px;
    }
}
@media screen and (max-width : 1200px){
    .navigation > ul > li > a
    {
        margin    : 0px 20px;
    }
}
@media screen and (max-width : 1024px){
    .elementor-2589 .elementor-element.elementor-element-7c42e43{
        display: none;
    }
    .header-sm,
    #hamburger{
        display: block
    }
    #hamburger{
        background-color: var(--e-global-color-9b6ac34);
    }
    body.home .main-slider,
    .elementor.elementor-13{
        margin-top: 40px;
    }
    main.site-main{
        margin-top: 65px;
    }
}
@media screen and (max-width : 955px){
	.under-slider{
		flex-direction: column;
	}
	.under-slider > div{
		width: 100% !important;
	}
	.under-slider > div > div {
		padding: 5px;
	}
}
@media screen and (min-width : 767px){
	.slider-item{
		height: 100vh;
	}
}
@media screen and (max-width : 767px){
    .main-slider .owl-nav [class*=owl-]{
        width: 28px;
        height: 28px;
    }
    .main-slider .owl-nav .owl-next{
        right: 0;
    }
    .main-slider .owl-nav .owl-prev{
        left: 0;
    }
    .form-subrice input{
        width: 100% !important;
    }
    .block-form{
        padding: 0 15px;
        margin-bottom: 40px;
    }
    .form-wrap{
        padding: 20px 15px 40px;
    }
    body img{
        height: auto !important;
    }
    .header-sm .logo a img{
        height: 40px !important;
    }
	.elementor-1386 .elementor-element.elementor-element-8b082d7 .elementor-icon-list-item>.elementor-icon-list-text, .elementor-1386 .elementor-element.elementor-element-8b082d7 .elementor-icon-list-item>a{
		font-size: 14px;
	}
}