/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

@import url("./assets/fonts/stylesheet.css");
.text-white *{color: #fff;}

.wpb_single_image.img-full .vc_single_image-wrapper{display: block;}
.wpb_single_image.img-full .vc_single_image-wrapper img{width: 100%;}

.table-left{margin-bottom: 30px;}
.table-left table td{text-align: left; border-bottom: 1px solid #eee; padding-left: 0;}

@media (max-width: 480px) {
	.boxed div.section .section_inner, 
	.carousel-inner .slider_content_outer, 
	.container_inner, 
	.container_inner nav.content_menu, 
	.elementor-row .elementor-widget-wrap > .qode_elementor_container_inner, 
	.full_width .parallax_content, 
	.qode_elementor_container_inner, 
	.steps_holder_inner, 
	div.grid_section .section_inner, 
	nav.content_menu ul {
	    width: 340px;
	}
}



/*HOME*/
.qode_content_slider .flex-control-nav{position: relative; top: -30px;}
.qode_content_slider .flex-control-nav li{margin: 0 10px;}
.qode_content_slider .flex-control-nav li a{border: 3px solid #fff; background-color: transparent; opacity: 0.8;}
.qode_content_slider .flex-control-nav li a:hover,
.qode_content_slider .flex-control-nav li a.flex-active{background-color: #C19480; opacity: 1;}

.row-blocks .qode-banner .inner{position: relative; height: 0; padding-top: 50%; margin-bottom: 20px;}
.row-blocks .qode-banner .qode-banner-content{height: auto; top: auto; bottom: 0; background-color: #B8860B;  padding: 11px 30px 10px 30px;}

.qode-banner .qode-banner-content .qode-banner-text-holder * {
    color: #9B090C;
}

.row-blocks .qode-banner:hover .qode-banner-content{opacity: 1;}
.row-blocks .qode-banner .qode-banner-content .qode-banner-text-holder *{font-weight: 500;}
.row-blocks .qode-banner .qode-banner-image{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%;}
.row-blocks .qode-banner .qode-banner-image img{width: 100%; height: 100%; object-fit: cover;}
@media(min-width: 768px){
	.row-blocks .vc_column-inner>div{display: flex;flex-wrap: wrap; justify-content: space-between;}
	.row-blocks .qode-banner{width: calc(50% - 10px); flex: 0 0 auto;}
	
}
@media(min-width: 992px){
	.row-blocks .vc_column-inner>div{position: relative; padding-left: calc(33.33333% + 20px);}
	.row-blocks .qode-banner .inner{padding-top: 80%;}
	.row-blocks .qode-banner:nth-child(1){position: absolute; top: 0; left: 0; width: 33.33333%;}
	.row-blocks .qode-banner:nth-child(1) .inner{padding-top: calc(160% - 10px);}
}

.title-link{padding-left: 10px; border-left: 4px solid #444;}
.title-link a{color: #1d1e4f;}
.title-link a:hover{color: #C19480;}

.title-link.style-2{border-color: #C19480;}
.title-link.style-2 *{color: #C19480;}



.row-news .latest_post_holder.image_in_box .latest_post_text{padding-left: 0;}
.row-news .latest_post_holder.image_in_box .latest_post_image{width: 100%; margin-bottom: 15px;}
.row-news .latest_post_inner .post_infos{font-weight: 400; font-size: 12px; opacity: 0.8;}
.row-news .latest_post_holder.image_in_box .latest_post_text .latest_post_title{text-transform: none;  font-size: 16px;}
@media(min-width: 768px){
	.row-news .latest_post_holder.image_in_box .latest_post_text{padding-left: calc(45% + 15px);}
	.row-news .latest_post_holder.image_in_box .latest_post_image{width: 45%; height: 130px; overflow: hidden;}
	.row-news .latest_post_holder.image_in_box .latest_post_text .latest_post_title{
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    
	}
	.row-news .latest_post_holder.image_in_box .latest_post_text .excerpt{
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
}

/*ABOUT*/
.q_elements_holder.img-with-text .text-holder{padding: 20px 15px;}
@media(min-width: 769px){
	.q_elements_holder.img-with-text .img-holder>div{min-height: 460px;}
	.q_elements_holder.img-with-text .img-holder .wpb_single_image{display: none;}
	.q_elements_holder.img-with-text .text-holder{padding: 20px 8%; }

}

.q_elements_holder.img-with-text.style-2 .text-holder h3{color: #C19480; position: relative; padding-left: 14px;}
.q_elements_holder.img-with-text.style-2 .text-holder h3:before{content: ""; width: 4px; background-color: #C19480; position: absolute; left: 0; top: 0; bottom: 0;}
@media(min-width: 769px){
	.q_elements_holder.img-with-text.style-2 .img-holder>div{min-height: 400px;}
	.q_elements_holder.img-with-text.style-2 .img-holder .wpb_single_image{display: block;}
	.q_elements_holder.img-with-text.style-2 .text-holder{padding: 20px 30px; }

}

.row-banner .qode-banner{background-color: #fff; padding: 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; margin-bottom: 30px;}
.row-banner .qode-banner .qode-banner-content{position: static; padding: 0; background-color: transparent; opacity: 1;}
.row-banner .qode-banner .qode-banner-image img{width: 100%;}
.row-banner .qode-banner .qode-banner-content .qode-banner-text-holder *{color: inherit;}
.row-banner .qode-banner .qode-banner-content .qode-banner-text-holder h3{color: #C19480; margin-top: 20px;}
.row-banner .qode-banner .qode-banner-content .qode-banner-text-holder p{margin-top: 10px;}
@media(min-width: 769px){
	.row-banner .vc_column-inner>div{display: flex; flex-wrap: wrap; }
	.row-banner .qode-banner{flex: 0 0 auto; width: calc(50% - 15px);}
	.row-banner .qode-banner:nth-child(2n+1){margin-right: 30px;}
	.row-banner .qode-banner{padding: 30px;}
	.row-banner .qode-banner .qode-banner-content .qode-banner-text-holder h3{margin-top: 30px;}
}

.row-icon-text .q_icon_with_title{background-color: #fff; padding: 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; margin-bottom: 30px;}
.row-icon-text .q_icon_with_title .icon_title{text-transform: none;}
.row-icon-text .q_icon_with_title .icon_holder{display: flex; height: 100%; align-items: center; justify-content: center;}
.row-icon-text .q_icon_with_title p{margin-bottom: 0;}
.row-icon-text .q_icon_with_title .icon_text_inner{padding-bottom: 0;}
@media(min-width: 769px){
	.row-icon-text .vc_column-inner>div{display: flex; flex-wrap: wrap; }
	.row-icon-text .q_icon_with_title{flex: 0 0 auto; width: calc(50% - 15px);}
	.row-icon-text .q_icon_with_title:nth-child(2n+1){margin-right: 30px;}
}


/*SERVICE*/
.muc-luc{padding: 20px; background-color: #d5e5f5; margin: 30px 0; border-radius: 15px;}
.muc-luc ol{margin-left: 15px; margin-top: 15px; line-height: 1.7;}
.muc-luc ol li+li{margin-top: 8px;}

.service-banner img{width: 100%;}

.service-row{margin-bottom: 40px;}
.service-row-title{border-bottom: 2px solid #f77474;}
.service-row-title span {display: inline-block; margin-right: 15px;padding-bottom: 7.5px;border-bottom: 2px solid #C19480; margin-bottom: -2px;}

.service-intro .img-holder img{display: block;width: 100%;}
.service-intro .img-holder .img-caption{background-color: #C19480; padding: 20px; color: #fff; font-size: 15px; font-weight: 600; text-align: center;}

.service-notes ul{margin-top: 15px;}

.service-progress .progress-item{margin-bottom: 15px;}
.service-progress .progress-item img{width: 100%;}
.service-progress .progress-item .text-holder{padding: 20px 10px; color: #fff; background-color: #C19480; text-align: center; font-weight: 600;}

.service-testimonials h4 span{border-bottom: 1px solid #888;}

.service-faq h4{text-transform: none; color:  #C19480; font-size: 15px; line-height: 1.7; margin-bottom: 5px;}

.service-item{margin-bottom: 30px;}
.service-item .inner{background-color: #C19480; height: 100%;}
.service-item a *{color: #fff; text-align: center; text-transform: none; font-size: 15px;}
.service-item img{width: 100%; display: block;}
.service-item .text-holder{padding: 10px;}

/*FIXED BLOG*/
.category-khuyen-mai .blog_holder article .post_text .post_info,
.category-khuyen-mai .blog_holder article .post_text .post_excerpt{display: none;}
.category-khuyen-mai .blog_holder article .post_text .post_text_inner{padding: 15px!important;}
.category-khuyen-mai .blog_holder article:hover .post_text .post_text_inner{background-color: #fff;-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);}

/*TITLE*/
.title,
.title_holder{height: 40px!important;}
.title_holder *{display: none!important;}
/*HEADER FOOTER*/
header{-webkit-box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);}
.has_sub.wide .menu-item-has-children >a{position: relative; margin-left: 10px!important;}
.has_sub.wide .menu-item-has-children >a:before{content: ""; width: 4px; height: 14px; background-color:  #C19480; position: absolute; left: 0; top: 50%; margin-top: -7px;}
.footer_inner{background-size: cover;}
.footer_top h5{margin-bottom: 5px; font-size: 20px;}
.footer_top p{margin-top: 0; margin-bottom: 15px;}
.footer_top .footer_col1 img{margin-bottom: 15px;}
.footer_top .footer_col3 .cols{display: flex;}
.footer_top .footer_col3 .cols a{display: block;width: 50%;flex: 0 0 auto; padding-left: 6px; padding-right: 6px;}
.footer_top .footer_col4 label{display: none;}
.footer_top .footer_col4 .form-group{margin-bottom: 10px;}
.footer_top .footer_col4 .form-group input{
	outline: 0!important;
	border: 1px solid #fff; background-color: transparent; color: #fff; border-radius: 15px; width: calc(100% - 20px); padding: 5px 10px; font-size: 16px;
}

.footer_top .footer_col4 .wpcf7-submit {
	border:1px solid #FFF!important;
}

.qode-banner .qode-banner-content .qode-banner-text-holder * {
	color: #FFF!important;
}

.row-blocks .qode-banner .qode-banner-content {
    background-color: #9B090C!important;
}