/*
Theme Name: Awning Child
Description: This is a child theme for Awning Theme
Author: Trung Phát
Template: awning
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#top-bar .html.custom.html_topbar_left{
	line-height:50px;
}
#top-bar .html.custom.html_topbar_left:before{
	content: "";
    position: absolute;
    left: -2100px;
    top: 0;
    bottom: 0;
    right: 0;
    transform: skew(-47deg);
    z-index: -1;
    width: 2512px;
    border-right: solid 8px;
	background: #2dc55f;
}
#top-bar i{font-size:25px;}
#header-contact i{color:#2dc55f !important;}
#header{
	
}
.header-nav-main>li>a {
    position: relative;
    overflow: hidden;
    display: block;
}
.nav-uppercase.header-contact > li > a{
	text-transform: none !important;
	font-size:16px;
}
.header-nav-main>li>a:before {
    display: block;
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
    width: 2px;
    height: 17px;
    transition: all .3s ease;
    margin-bottom: 21px;
    visibility: hidden;
    opacity: 0;
	background: #2dc55f;
}
.header-nav-main>li>a:after {
    content: "";
    margin: auto;
    border: none;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 50%;
    top: 15px;
    border-radius: 50px;
    opacity: 0;
	background: #2dc55f;
}
.header-nav.nav-right:before{
	background: rgba(45,197,95,0.17);
	content: "";
    position: absolute;
    left: -30px;
    top: 0;
    bottom: 0;
    right: 0;
    transform: skew(-19deg);
    z-index: 0;
    width: 5000px;
}
.header-nav.nav-right .html_topbar_right{
	line-height:100px;
}
.stuck .header-nav.nav-right .html_topbar_right{line-height:70px;}
.header-nav.nav-right .media {
    line-height: 1;
    vertical-align: middle;
    display: inline-flex;
}
.header-nav.nav-right .media i {
    color: #2dc55f;
	font-size: 40px;
    margin-right: 18px;
    margin-top: 3px
}
.header-nav.nav-right .media-body {
    -ms-flex: 1;
    flex: 1;
}
.header-nav.nav-right .media-body p.info-text {
    color: #20253a;
    font-size: 15px;
    font-weight: 700;
}
.header-nav.nav-right .media-body h6 a {
    color: #2dc55f;
	font-size:19px;
	font-weight:bold;
}
.mb-0 {
    margin-bottom: 0!important;
}
.mt-0 {
    margin-top: 0!important;
}
.mb-2 {
    margin-bottom: 0.5rem!important;
}
/*
 ** home
*/
.section-title.section-title-normal {
    font-size: 28px;
    line-height: 36px;
    position: relative;
    margin-bottom: 0;
    padding: 8px 10px 12px 10px;
    border-radius: 0;
    background: #2dc55f;
    color: #fff;
    width: 100%;
	border-bottom:none !important;
}
.section-title-normal span{
	border-bottom: none !important;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-left:20px;
}
.section-title-normal span:before{
	content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    z-index: 1;
}
.section-title.section-title-normal::before {
    content: "";
    z-index: 1;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%) skewX(-28deg);
    width: 31px;
    bottom: 0;
    background: #000f21;
    height: 56px;
}
.home .col.post-item .col-inner{
	box-shadow: 0px 0px 10px 0px rgba(174.75,174.75,174.75,.5);
	padding: 5px;	
}
.home .col.post-item{padding-bottom: 9.8px;}
.col.post-item .button.is-outline{	
	border-color: #2dc55f;
	background:#2dc55f;
	font-size: 16px;
    font-weight: 700;
    padding: 8px 70px 9px 15px;
    color: #fff;
    line-height: 1;
    overflow: hidden;
    position: relative;
    border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    -ms-border-radius: 4px!important;
    -o-border-radius: 4px!important;
}
.col.post-item .button.is-outline:before{
    content: "";
    position: absolute;
    bottom: -24px;
    right: -20px;
    top: 0;
    background: #000f21;
    z-index: 0;
    width: 0;
    border-radius: 4px;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    width: 50%;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
}
.col.post-item .button.is-outline:after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    z-index: 1;
}
.col.post-item .button.is-outline:hover:before {
    width: 55%;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    bottom: -30px
}
.home .col.post-item .box-text{padding-bottom:0px;}
.box-blog-post .is-divider{background:transparent !important;}
.section-cta{
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.section-cta .bg-fill{background-color: #0e162b !important;}
.section-cta .col:last-child{
	padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.section-cta .col:last-child:before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    bottom: 0;
    right: 0;
    transform: skewX(-19deg);
    z-index: 0;
    width: 5000px;
    border-left: solid 8px #fff;
	background: #2dc55f;
}
.section-about .col-right .div-text{
	padding: 50px !important;
    margin-left: -115px;
    border-radius: 9px !important;
    margin-top: 50px;
    background-color: #ececec;
    box-shadow: 0px 5px 48px 0 rgba(0, 0, 0, 0.35);
}
/* slide bar*/
.post-sidebar.large-3.col{padding-left:0px;}
#secondary.widget-area .widget {
	margin-bottom: 40px;
    padding: 20px 10px;
    border: none;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    border: solid 1px;
    border-color: rgba(45,197,95,0.3);
}
#secondary .widget-title {
    background: #2dc55f;
    display: block;
    color: #fff;
    line-height: 45px;
    width: 83%;
    height: 45px;
    padding-left: 5px;
	position: relative;
	border-left:5px solid #000f21;
}
#secondary .widget-title::after {
    content: "";
    width: 29px;
    height: 3px;
    position: absolute;
    top: 0;
    right: -50px;
    left: auto;
	border-top: 45px solid #2dc55f;
    border-right: 50px solid transparent;
}
#secondary .widget .is-divider {
    background: transparent !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
}
/* post */

.relatedcat {
	margin: 30px 0;
    padding: 34px 30px;
    border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-right: unset;
    border-left: 4px solid #2dc55f;
    z-index: 1;
    font-weight: 600;
    position: relative;
    overflow: hidden;
	background-color: rgba(45,197,95,0.07);
}
.relatedcat ul{list-style:none;}
.relatedcat ul li a::before {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    padding-right: 10px;
    vertical-align: bottom;
    background: unset!important;
	color:#2dc55f;
} 

/*footer*/
#footer{
    text-align: left;
    color: #fff;
}
#footer p{margin-bottom:10px;}
#footer .dark .is-divider {
  background-color: #2dc55f;
}
.footer-2{
 	color: #f7f7f7;
    background-image: url(https://maichemientay.vn/wp-content/uploads/2023/10/footer-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #1e2840;
    padding-top: 65px;
    padding-bottom: 0px;	
	overflow: hidden;
    position: relative;
}

.absolute-footer{
	color: #f7f7f7;
    background-color: #070e20;
    padding-top: 20px;
    padding-bottom: 20px;
}
.absolute-footer strong{
	color:#2dc55f;
}
/*** Hieu ung anh*/
.post-item .box-image:hover::before, .product-small .box-image:hover::before{
	-webkit-animation:shine .75s;
	animation:shine .75s;
}
@-webkit-keyframes shine{
	100%{left:125%}
}
@keyframes shine{
	100%{left:125%}
}
.post-item .box-image::before, .product-small .box-image::before{
	position:absolute;
	top:0;
	left:-75%;
	z-index:2;
	display:block;
	content:'';
	width:50%;
	height:100%;
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
/* button contact */
.d-md-none {
    display: none;
}
.nav-social {
	position: fixed;
	right: 5px;
	background: #fff;
	border-radius: 5px;
	width: auto;
	z-index: 150;
	top: 200px;
	padding: 10px 0;
	border: 1px solid #2dc55f;
}
.nav-social ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
	.nav-social ul li {
			border-bottom: 1px solid #d6d6d6;
			padding-bottom: calc( .6em - 5px );
            margin-bottom: .6em;
			list-style: none;
			text-align: center; }
            .nav-social ul li:last-child {
                padding-bottom: 0;
                margin-bottom: 0;
                border-bottom: 0;
            }
.nav-social ul li img {
     max-width: 25px;
     max-height: 20px;
     object-position: center;
     object-fit: contain;
 }
.nav-social ul li a {
				padding: 5px 12px 5px 12px;
				display: block;
				text-align: center;
				font-size: 11px;
				line-height: 15px;
				color: #000;
				font-weight: 400;
				max-width: 80px;
				max-height: 60px;
				text-decoration: none; 
}
.nav-social ul li img {margin-bottom: 10px;}
.nav-social svg{color:#2dc55f}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	body{
		overflow-x: hidden;
    	display: block;
	}
	.post-sidebar.large-3.col{padding-left:15px !important;}
	.section-slider .col{padding-bottom:0px !important;}
	.section-about .col-right .div-text{
		margin-left: 0 !important;
		padding:10px !important;
		margin-top:0px !important;
	}
	.section-title.section-title-normal{
		font-size:18px;
		width: 88% !important;
	}
	.section-cta .col:first-child{
		padding-top: 5px !important;
    	padding-bottom: 5px !important;
	}	
	/* button contact */
	.PC {display: none;}
	.bottom-contact-mobile {
		display: block;
		position: fixed;
		bottom: 0;
		background: white;
		width: 100%;
		z-index: 99;
		box-shadow: 2px 1px 9px #dedede;
		border-top: 1px solid #eaeaea;
	}
	.bottom-contact-mobile ul li {
		width: 25%;
    	float: left;
    	list-style: none;
    	text-align: center;
    	font-size: 13.5px; 
	}
	.bottom-contact-mobile ul li img {
		width: 35px;
    	margin-top: 10px;
    	margin-bottom: 0px;
	}
	.bottom-contact-mobile ul li span {
		color: #000;
		font-size: 12px;
	}
}