@charset "UTF-8";

/*
	Theme Name: Luxe
	Theme URI: themeforest.net/user/gloriathemes
	Author: Gloria Themes
	Author URI: gloriathemes.com
	Description: Luxe is architecture WordPress Theme
	License: GNU General Public License v2 or later
	License URI: www.gnu.org/licenses/gpl-2.0.html
	Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-colors, custom-header, custom-menu, custom-logo, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
	Text Domain: luxe
	Version: 1.1.6
*/

/*
	You can edit theme styles in include/assets/css/gt-style.min.css
	You can find non-minified version of the style file in include/assets/css/gt-style.css
*/

/*@font-face {*/
/* font-family: UTM Avo;*/
/* src: url(https://singhouse.vn/wp-content/themes/luxe/fonts/utmavo/UTM Avo.woff);*/
/* font-weight: normal;*/
/*}*/
.swiper-slide .gt-img {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100vh;  /* Ensures the background image covers the entire height */
}

@font-face {
    font-family: 'UTM Avo';
    font-display:swap;
    src: url('fonts/umtavo/UTM-Avo.woff');
}
 
@font-face {
    font-family: 'UTM Avo Bold';
    font-display:swap;
    src: url('fonts/umtavo/UTM-AvoBold.woff');
}

@font-face {
    font-family: 'Cormorant SC';
    font-display:swap;
    src: url('fonts/cormorantsc/CormorantSC-Medium.woff');
}
 
body, h2, h3, h4, h5, h6, a, p, select, .gt-pagination { 
    font-family: "UTM Avo", Arial, sans-serif !important; 
    font-size: 14px;
}

.gt-navbar-nav .gt-menu.gt-main-menu > li > a, .gt-navbar-nav .gt-menu.gt-main-menu > li > a:visited {
    font-size: 14px!important;
}

.gt-page-heading h1 {
    font-size: 36px!important;
}

h1, strong, label{
    font-family: "UTM Avo Bold", Arial, sans-serif !important; 
}

/* body, h1, h2, h3, h4, h5, h6, a, p  {
	font-family: 'UTM Avo'!important;
}
 */
.gt-navbar-brand-img, #heading-expericene {
	font-family: "Cormorant SC",serif!important;
    font-weight: 500!important;
    font-style: normal!important;
	font-size: 36px!important

}

/*#heading-expericene {*/
/*	margin-top: 4px;*/
/*}*/

.row-experience {
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.home header #menu-menu a{
   color: white;
}

.home .gt-header.gt-header-desktop.gt-absolute .gt-navbar .gt-navbar-icon img{
    filter:invert(0) !important;
}
.column-experience > div {
	padding-left: 0px!important;
	padding-right:10px!important;
	text-align:right;
}
.home .gt-page-wrapper {
	padding: 0!important
}

@media (min-width: 1200px) {
    .gt-footer-widget .gt-container {
      /*//  max-width: 2000px !important;*/
    }
}


.gt-footer-widget .swiper-slide {
	max-width: 350px;
}

.gt-footer-widget .swiper-wrapper .swiper-slide .gt-img {
	 transition: transform 0.5s ease;
}

.gt-footer-widget .swiper-wrapper .swiper-slide:hover {
	 transform: scale(1.1);
}

@media (max-width: 991px) {
    .gt-footer-widget {
        padding: 48px 0 18px!important; }
    .gt-footer-widget .gt-container > :nth-child(3) {
       display: none!important;
    }
    
    .gt-footer-widget .gt-container-full > :nth-child(3) {
       display: none!important;
    }
    
  
}

@media (max-width: 768px) {
    .team-list-raw { 
        display: none!important;
    }
}

@media (min-width: 769px) {
    .gt-team-list { 
        display: none!important;
    }
}

@media (min-width: 992px) {
       .gt-footer-widget .gt-container > :nth-child(4) {
       display: none!important;
    }
        .gt-footer-widget .gt-container-full > :nth-child(4) {
       display: none!important;
    }
    
}

.gt-footer-copyright {
	justify-content: space-between;
	 font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;gt-team-list
    text-decoration: none;
    color: #000000;
}

.gt-page-banner {
	display: none;
}

body.admin-bar .gt-joinbox-close {
    top: 55px;
}
.gt-joinbox-close {
	  width: 48px;
    height: 48px;
    background-color: transparent;
    border-radius: 2px;
    position: absolute;
    right: 24px;
    top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    transform: translateY(32px);
}

.gt-joinbox-close > svg {
    width: 16px;
    height: 16px;
}

/*.gt-form-group input {
			border-bottom: 2px solid black!important; /* Gạch chân dưới */
}*/

#ytb-video  {
	max-height: 700px;
}

#ytb-video .wpb_content_element {
	margin-bottom: 0px;!important
}
#ytb-video .wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner {
	padding-top: 0px!important;
}
.gt-form-submit {
	margin-top: 30px!important;
}
.gt-form-submit .wpcf7-submit {
    border-color: #f7f7f7!imporant;
    background-color: #f7f7f7!important;
    color: #333;
    padding: 10px 20px!important; /* Padding cho nút */
    border-radius: 5px; /* Bo góc cho nút */
    cursor: pointer; /* Thay đổi con trỏ khi di chuột qua */
    font-size: 16px; /* Kích thước chữ */
    text-align: center; /* Căn giữa chữ */
}

.gt-form-submit .wpcf7-submit:hover {
    color: #2b2b2b;
    border-color: #e8e8e8!important;
    background-color: #e8e8e8!important;
}

.gt-form-submit .wpcf7-submit:focus {
    outline: none!important; /* Loại bỏ đường viền khi nút được chọn */
}

.gtranslate_wrapper {
	display: none;
}

.gt-navbar .menu-item-gtranslate .gt_selector {
    padding: 16px 10px!important;
    text-align: center;
    font-size: 14px!important;
    direction: rtl;
}

.home header #menu-menu .gt_selector{
   color: white;
}

.home header .gt_selector option {
   color: black;
}

.gt_selector {
	background-image: none!important;
	border: none!important;
	font-size: 16px;
	background-color: transparent!important;
	-webkit-appearance: none; /* Chrome, Safari, Edge */
            -moz-appearance: none;    /* Firefox */
            appearance: none;         /* Standard */
}

.gt-navbar-mobile .menu-item-gtranslate {
	width: 100%;
	font-size: 24px!important;
}

.gt-navbar-mobile .menu-item-gtranslate .gt_selector {
	font-size: 1.5rem;
	font-weight: 700;
	padding: 8px 32px;
}
.gt-search-box.gt-light .gt-form button {
	min-width: 150px;
}

.gt-footer-copyright {
	text-align: center;
}
.gt-joinbox-close {
	z-index: 301;
}


.gt-project-list.gt-style-1 .gt-title {
    margin-top: 30px;
	text-align: center;
}

.gt-project-list.gt-style-7 .gt-item.gt-col {
    padding: 0 15px!important;
}
.gt-project-list.gt-style-7 .gt-content {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.gt-project-list.gt-style-1 .gt-title > a {
	font-size: 20px!important;
   color:#000000!important;
}

.gt-project-list .gt-line {
   display: none;
}
.gt-project-list.gt-style-7 .gt-content {
	background-color: #DBDBDB;
	opacity: 0.9;
}

.page-numbers {
	font-size: 16px;
	font-weight: 500;
}

.about-text p {
	margin-bottom: 10px!important;
}

.form-contact .vc_column-inner {
	display: flex!important;
    justify-content: start!important;
}

.form-contact .vc_column-inner .wpb_wrapper{
	width: 100%;
}
label {
	width: 100%;
	font-weight: bolder;
}
.gt-form-submit {
	text-align:right;
}

.gt-footer-widget { 
	padding: 30px!important;
	border: none!important;
}
.gt-team-list .gt-item:hover {
	border-color: white!important;
}
.gt-overlay-icon {
	display:none!important;
}

.gt-page-wrapper {
	padding: 120px 0 20px 0!important;
}

.gt-team-list .gt-content .gt-subtitle {
	text-align: center;
	font-weight: normal;
	font-size: 1rem;
}

.gt-blog-list-item.gt-style-1 p {
	margin-bottom: 16px!important;
}
.gt-title > a {
	color: #1f1f1f!important;
	font-weight: 600!important;
	font-size: 20px;
}

.gt-project-list.gt-style-1 .gt-content {
	padding: 0 32px 32px 32px;
}

.gt-project-list.gt-style-1 .gt-content .gt-title > a {
	font-weight: normal!important;
}

.gt-project-list.gt-style-7 .gt-content { 
    padding: 0!important;
}

.gt-footer-info {
    padding: 12px 0!important;
}
.gt-team-list .gt-content {
	padding: 48px 0;
}
.gt-comments {
	display:none;
}
.gt-navbar-icon {
    padding: 16px 20px;
}

.gt-blog-list-item .gt-date {
    font-family: "UTM Avo", Arial, sans-serif !important; 
    font-size: 12px;
    font-weight: 500!important;
    font-style: italic;
}
.gt-blog-list-item.gt-style-1 .gt-content span {
    justify-content: end;
}

.custom-file-control::before, button, input[type="submit"] {
    border-color: #f7f7f7;
    background-color: #f7f7f7;
    color: #333;
}

input[type="submit"]:hover {
    color: #2b2b2b;
    border-color: #e8e8e8;
    background-color: #e8e8e8;
    
}

span.wpcf7-not-valid-tip {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #333!important;
    font-style: italic;
    font-family: "UTM Avo", Arial, sans-serif !important;
}

.wpcf7-response-output {
    display: none; 
    
}

.gt-project-list.gt-style-7 .gt-title > a {
  font-size: 14px!important;
  color:#000000!important;
  font-weight: 500!important;
}

.gt-search-box .gt-form form input, .gt-search-box .gt-form button {
    font-size: 14px;
}

input[type="text"], input[type="email"], input[type="tel"] { 
    border-bottom: 1px solid!important;
}
.searchform input[type="text"] {
    border-bottom: none!important;
}
.gt-join-box .gt-form {
    justify-content: center;
    display: flex;
    border: none !important;
}

.gt-join-box .gt-container p {
    text-align: center;
}

.social-icon a {
    margin-right: 10px;
}

.form-contact input[type="text"], .form-contact input[type="email"]  {
    border: 2px solid #DBDBDB!important;
}