/*
Theme Name: phusinh
Theme URI: https://wordpress.org/
Author: itheme.vn
Author URI: https://itheme.vn/
Description: Luôn đồng hành & cùng khách hàng mọi lúc, mọi nơi!
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: phusinh
*/

@font-face {
	font-family:"SVN-Gilroy-Bold";
	src:url("fonts/SVN-Gilroy-Bold.otf") format("opentype");
	font-weight:700;
}

img,svg{display:block;max-width:100%;height:auto;}
a{color:inherit;cursor:pointer;text-decoration:none;}
.responsive-video{position:relative;width:100%;padding:0 0 56.25% 0;}
.responsive-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;}
.video-wrapper{clear:both;margin-bottom:1rem;width:100%;padding:0 0 56.25%;position:relative;}
.video-wrapper video,.video-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0;display:inline-block;z-index:1;object-fit:cover;}
.alignleft{float:left;padding-right:15px;margin-bottom:20px;}
.alignright{float:right;padding-left:15px;margin-bottom:20px;}
.aligncenter{margin:0 auto;}
input[type=text],input[type=search],input[type=tel],input[type=email],input[type=password],input[type=number],input[type=button],input[type=submit],
textarea{appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;font-family:inherit;}
.wp-caption{max-width:100%;}
.pre-anim{visibility:hidden;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.pre-anim.animated{visibility:visible;}
.wp-video{width:100%!important;margin-bottom:20px;}
.wp-video.video-wrap{position:relative;padding-top:56.25%;}
.wp-video.video-wrap video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}
.mejs-container{width:100%!important;height:auto!important;padding-top:56.25%;}
.mejs-container .mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%;}
.mejs-container .mejs-mediaelement video{position:absolute;top:0;left:0;width:100%!important;height:100%!important;object-fit:contain;}

body:not(.home) header#navbar{background: rgba(255,255,255,.96);backdrop-filter: blur(12px);border-bottom: 1px solid rgba(201,168,76,.2);
	box-shadow: 0 1px 8px rgba(0,0,0,.06);}
body:not(.home) header#navbar .nav-logo-text {background: linear-gradient(135deg,#8B6914,#C9A84C,#B8860B,#C9A84C,#8B6914);background-clip: border-box;
	-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-shadow:none;}
body:not(.home) header#navbar .nav-links a {color: #3a2e1a;text-shadow:none;}
#navbar:not(.scrolled) .nav-links li.current-menu-item>a {color: #F0C96B;}
body:not(.home) header#navbar .nav-links a:hover,
body:not(.home) header#navbar .nav-links li.current-menu-item>a {color: #8B6914;}
body:not(.home) header#navbar .nav-toggle svg{stroke:#3a2e1a;filter:none;}
#navbar.scrolled .nav-links li.current-menu-item>a {color: #8B6914;}
.admin-bar header#navbar{top:32px;}
section#home .container{width:1280px;max-width:100%;}
section#home .content-inner h4{display:inline-flex;align-items:center;margin-left:40px;position:relative;font-size:.7rem;font-weight:700;color:#C9A84C;
	letter-spacing:.2em;text-transform:uppercase;border:1px solid rgba(201,168,76,.4);padding:.35rem .75rem;border-radius:2px;margin-bottom:1.5rem;}
section#home .content-inner h4:before{content:'';width:2rem;height:1px;background:linear-gradient(to right,#8B6914,#C9A84C);right:calc(100% + .5rem);
	position:absolute;}
section#home .content-inner h2{font-size:clamp(2.2rem,6vw,4.5rem);font-weight:800;line-height:1.15;color:#fff;}
section#home .content-inner h2 strong{font-weight:inherit;background:linear-gradient(135deg,#8B6914 0%,#C9A84C 40%,#B8860B 65%,#C9A84C 85%,#8B6914 100%);
	-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
section#home .content-inner h3{display:block;font-size:clamp(1.5rem,3.5vw,3rem);font-weight:500;color:#d4b87a;margin-top:.25rem;line-height:1.15;
	font-family:"SVN-Gilroy-Bold",sans-serif;margin-bottom:1rem;}
section#home .content-inner p{font-size:clamp(.9rem,1.5vw,1.1rem);line-height:1.7;color:#b8a07a;max-width:36rem;margin-bottom:2rem;}
.content-heading-inner h3{font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#8B6914;position:relative;
	display:inline-flex;margin-bottom:1rem;align-items:center;}
.content-heading-inner.align-left h3{margin-left:60px;}
.content-heading-inner h3:before{content:'';display:inline-block;width:3rem;height:1px;background:linear-gradient(to right,transparent,#C9A84C);
	position:absolute;right:calc(100% + 12px);}
.content-heading-inner h3:after{content:'';display:inline-block;width:3rem;height:1px;background:linear-gradient(to left,transparent,#C9A84C);
	position:absolute;left:calc(100% + 12px);}
.content-heading-inner.align-left h3:after{content:none;}
.content-heading-inner h2{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;color:#1a1208;margin-bottom:1rem;}
.content-heading-inner.align-left h2{margin:0 0;}
.content-heading-inner h2 strong{font-weight:inherit;background:linear-gradient(135deg,#8B6914 0%,#C9A84C 40%,#B8860B 65%,#C9A84C 85%,#8B6914 100%);
	-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.content-heading-inner p{color:#6b5535;max-width:40rem;margin-inline:auto;line-height:1.7;}
.news-card-body p{display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
section#contact .content-heading-inner h2{font-size:clamp(1.8rem,4vw,2.75rem);}
section#contact .content-heading-inner p{max-width:36rem;margin:0 auto 2.5rem;}
.content-banner-about{position:relative;z-index:20;}
.content-banner-about h3{font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#C9A84C;display:inline-block;
	position:relative;margin-bottom:1.5rem;}
.content-banner-about h3:before{content:'';display: inline-block;width: 3rem;height: 1px;background: linear-gradient(to right, transparent, #C9A84C);
	position:absolute;right:calc(100% + 12px);top:calc(50% - .5px);}
.content-banner-about h3:after{content:'';display: inline-block;width: 3rem;height: 1px;background:linear-gradient(to left, transparent, #C9A84C);
	position:absolute;left:calc(100% + 12px);top:calc(50% - .5px);}
.content-banner-about h1 strong{background:linear-gradient(135deg,#8B6914 0%,#C9A84C 40%,#B8860B 65%,#C9A84C 85%,#8B6914 100%);background-clip:text;
	-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:inherit;}
.values-header h2 strong{font-weight:inherit;background:linear-gradient(135deg,#8B6914 0%,#C9A84C 40%,#B8860B 65%,#C9A84C 85%,#8B6914 100%);
	-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.content-heading-inner.about{text-align:center;}
.content-heading-inner.about h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.75rem;}
.content-heading-inner.about p{max-width:36rem;font-size:.875rem;}
.content-heading-inner.blog p{max-width:36rem;font-size:.875rem;margin:0 0;}
.content-heading-inner.blog h3{margin-left:60px;}
.content-heading-inner.blog h1 strong{background: linear-gradient(135deg, #8B6914 0%, #C9A84C 40%, #B8860B 65%, #C9A84C 85%, #8B6914 100%);
	-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.content-banner-eco h3{color:#C9A84C;font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;display:inline-block;
	position:relative;}
.content-banner-eco h3:before{content:'';display:inline-block;width:3rem;height:1px;background:linear-gradient(to right,transparent,#C9A84C);
	left:-3.75rem;position:absolute;top:calc(50% - .5px);}
.content-banner-eco h3:after{background:linear-gradient(to left,transparent,#C9A84C);display:inline-block;width:3rem;height:1px;position:absolute;
	right:-3.75rem;content:'';top:calc(50% - .5px);}
.content-banner-eco h1 strong{background:linear-gradient(135deg,#8B6914 0%,#C9A84C 40%,#B8860B 65%,#C9A84C 85%,#8B6914 100%);background-clip:text;
	-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.content-banner-docs h3{font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#8B6914;display:inline-block;
	position:relative;}
.content-banner-docs h3:before{content:'';display:inline-block;width:3rem;height:1px;background:linear-gradient(to right,transparent,#C9A84C);
	left:-3.75rem;position:absolute;top:calc(50% - .5px);}
.content-banner-docs h3:after{background:linear-gradient(to left,transparent,#C9A84C);display:inline-block;width:3rem;height:1px;position:absolute;
	right:-3.75rem;content:'';top:calc(50% - .5px);}
.content-banner-docs h1 strong{background:linear-gradient(135deg,#8B6914 0%,#C9A84C 40%,#B8860B 65%,#C9A84C 85%,#8B6914 100%);background-clip:text;
	-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.address-apart p{font-size:.875rem;color:#3a2e1a;line-height:1.65;}
.address-apart p strong{text-transform:uppercase;margin-bottom:.25rem;letter-spacing:.15em;font-size:.7rem;}
.address-apart hr{height:1px;margin:1rem 0;background:linear-gradient(90deg,rgba(201,168,76,.3),transparent);border:none;}
form.wpcf7-form br{display:none;}
form.wpcf7-form textarea{height:111px;}
form.wpcf7-form .form-field.submit{position:relative;}
form.wpcf7-form .form-field.submit input[type=submit]{opacity:0;z-index:3;position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;}
form.wpcf7-form .form-field.submit a.mask-submit-btn{position:relative;z-index:1;width: 100%;padding: .875rem;border: none;border-radius: 2px;
	font-size: .875rem;font-weight: 700;color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;
	background: linear-gradient(135deg, #8B6914 0%, #C9A84C 40%, #B8860B 65%, #C9A84C 85%);gap: .5rem;transition: filter .2s, box-shadow .2s;}
form.wpcf7-form .form-field.submit:hover a.mask-submit-btn{filter: brightness(1.1);box-shadow: 0 4px 16px rgba(201,168,76,.3);}
form.wpcf7-form .form-field.submit a.mask-submit-btn svg{width: 1rem;height: 1rem;stroke: #fff;fill: none;stroke-width: 2;}
form.wpcf7-form .form-field.submit span.wpcf7-spinner{position:absolute;top:50%;right:10px;margin:0 0;transform:translateY(-50%);z-index:2;}


footer .widget.widget_text img{width:96px;margin:0 0 1rem;}
footer .widget.widget_text p{font-size:.875rem;color:#d4b98a;line-height:1.7;max-width:25rem;margin-bottom:1.25rem;}
footer .widget.widget_text p:last-child{margin-bottom:0;}
footer .widget.widget_text p em{font-size:.75rem;color:#b09070;font-style:italic;}
footer .widget.widget_text ul{display:flex;flex-direction:column;gap:.75rem;}
footer .widget.widget_text ul li{font-size:.875rem;color:#d4b98a;}
footer .widget.widget_text ul li a{transition:color .2s;}
footer .widget.widget_text ul li a:hover{color:#F0C96B;}
footer .widget h2.widget-title{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#C9A84C;margin-bottom:1.25rem;}
footer .widget.widget_nav_menu ul{display:flex;flex-direction:column;gap:.75rem;}
footer .widget.widget_nav_menu ul li a{font-size:.875rem;color:#d4b98a;transition:color .2s;}
footer .widget.widget_nav_menu ul li a:hover{color:#F0C96B;}

@media only screen and (max-width: 1310px){
	body footer .footer-inner{padding-inline:15px;}
}
@media only screen and (min-width: 1024px){
	.nav-links ul.menu-main{display:flex;align-items:center;gap:.25rem;}
	.nav-links ul.menu-main>li>a{position:relative;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:color .2s;color:#3a2e1a;}
	.nav-links ul.menu-main>li.current-menu-item>a,.nav-links ul.menu-main>li.current-menu-ancestor>a,.nav-links ul.menu-main>li:hover>a{color:#8B6914;}
	.nav-links ul.menu-main li{position:relative;}
	.nav-links ul.menu-main li>ul{position:absolute;top:0;left:100%;display:none;width:max-content;padding:10px 8px;background:white;}
	.nav-links ul.menu-main>li>ul{top:100%;left:0;}
	.nav-links ul.menu-main li:hover>ul{display:block;}
	.nav-links ul.menu-main li>ul.aright{left:auto;right:100%;}
	.nav-links ul.menu-main>li>ul.aright{left:auto;right:100%;}
}

@media only screen and (max-width: 782px){	
	.admin-bar header#navbar{top:46px;}
}


@media only screen and (max-width: 639px){
	section#news .news-header{text-align:center;align-items:center;}
	section#news .news-header .content-heading-inner h3{margin-left:0;}
	section#news .news-header .content-heading-inner h3:after{content: '';display: inline-block;width: 3rem;height: 1px;
		background: linear-gradient(to left,transparent,#C9A84C);position: absolute;left: calc(100% + 12px);}
}

@media only screen and (max-width: 600px){
    .alignright,.alignleft{float:none;display:block;margin:0 auto 20px;padding:0 0;}	
	
	.admin-bar header#navbar{top:0;}
}