/*
 Theme Name:   Nevo Child
 Theme URI:    https://nevothemes.com
 Description:  Default Nevo child theme
 Author:       Cao Nguyen
 Author URI:   https://nevothemes.com
 Template:     nevo
 Version:      0.1
*/
h2.woocommerce-loop-product__title.title-small {
    text-align: center;
    height: 56px;
    margin-top: 12px;
    margin-bottom: 15px !important;
}
.archive.woocommerce .page-header .inside-page-header {
    text-align: unset;
}
a.product-detail-url {
    display: flex;
}
a.product-detail-url span {
    padding: 5px 10px;
    margin: auto;
    color: white;
    background: #2265e8;
    padding: 9px 20px;
    border-radius: 100px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.product-content-wrap .woocommerce-loop-product__title a {
    font-size: 22px;
    color: #333333;
    /* margin-bottom: 25px; */
    font-weight: 400;
    /* display: block; */
    /* margin-top: 12px; */
    /* height: 56px; */
}
ul.sub-menu li a {
    color: #2265e8 !important;
    border: none !important;
}
ul.sub-menu li:hover > a {
    color: white !important;
}
ul.sub-menu li:hover {
    background: #2265e8;
}
ul.sub-menu li {
    margin: 0;
    padding: 0 15px;
    border-bottom: 1px solid #ececec;
}
.box-wrap {
	overflow: hidden;
}
.box-wrap > .entry-header a,
.box-wrap > .entry-header span {
	color: #ffffff;
}
.box-wrap > .entry-header {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 20px 15px 10px;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 70%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(70%,rgba(0,0,0,.65)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 70%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 70%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 70%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 70%);
}

.entry-header > .cat-links {
	margin-bottom: 10px;
}
.content-9 .post-content,
.content-11 .post-content {
	background-color: #ffff;
    margin: -50px 20px 0;
	padding: 1rem 1.5rem 0;
}
.cat-bottom .post-image > .cat-links {
    top: auto;
    bottom: 10px;
}
.single-post-5 .page-header {
	text-align: center;
}
.single-post-6 .site-main article.post {
	margin-top: -90px;
}
@media (min-width:576px) {
	.#box-wrap > .entry-header {
		padding: 20px;
	}
}

/* new css */
.archive-product > form {
    max-width: 800px;
    display: block;
    margin: 0 auto 50px auto;
}
.sub-dropdown, .nevo-nav-menu ul {
	min-width: 230px;
}
ul#menu-main .nevo-item-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}
ul#menu-main img.hovered-image {
    display: none;
}
ul#menu-main .nevo-item-title:hover .menu-image {
    display: none;
}
ul#menu-main .nevo-item-title:hover .hovered-image {
     display: block !important;
}
ul#menu-main .menu-image-hover-wrapper {
    margin-bottom: 5px;
}
ul#menu-main li {
    border-right: 1px solid #e5e5e5;
    padding: 0 20px;
}
ul#menu-main li:first-child {
    border-left: 1px solid #e5e5e5;
}
.nevo-container.inside-page-header.normal {
    padding-top: 10px;
    padding-bottom: 10px;
}
.header-section  button.search-submit, .archive-product button.search-submit {
    background: transparent;
}
.header-section  button.search-submit path, .archive-product button.search-submit path {
    fill: #7e7e7e;
}
.archive-product input.search-field {
    border-radius: 10px;
    height: 55px;
}
.archive-product > div, .nevo-autocomplete ul {
    max-width: 800px;
    margin: 0 auto 30px auto;
}
.single-product div.product .woocommerce-product-gallery img {
    max-height: 470px;
    object-fit: contain;
    border: 1px solid #ccc;
}
p, #tab-description ul, h2, h3, .woocommerce-tabs .panel h2:first-of-type {
	margin-bottom: 5px !important;
	line-height: 1.35;
}
.product-image-wrap .product-loop-image, .home-products a img {
    max-height: 220px;
    object-fit: cover;
    border: 1px solid #e8e8e8;
}
.blog-cols article header.entry-header, article .entry-summary  {
    padding: 0 20px 0px 20px;
	
}
.blog-cols article h2.entry-title, .home-post h3 {
    position: relative;
    margin-bottom: 14px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
}
.home-post h3 { 
	padding-bottom: 15px;
	margin-bottom: 10px !important;
}
.blog-cols article h2.entry-title:before,  .home-post h3:before {
    width: 30%;
    height: 3px;
    background: #2265e8;
    position: absolute;
    bottom: -1.5px;
    left: 0;
    content: "";
    transition: 0.5s ease-in-out;
}
.blog-cols article:hover h2.entry-title:before, .home-post .e-con-inner:hover h3:before {
    width: 100%
}
.blog-cols article .inside-article {
    padding-bottom: 20px;
}
.nevo-breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
}
.nevo-archive-title h1 {
    font-size: 45px;
    line-height: 1.3;
    font-weight: 700;
}
.site-main > article .inside-article .entry-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(102, 102, 102, 0.15);
    border-bottom: 1px solid rgba(102, 102, 102, 0.15);
    margin-bottom: 35px;
    padding: 10px 0;
}
.site-main > article .inside-article h1 {
    margin-bottom: 15px;
}

.heading-title h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 40px;
    text-transform: uppercase;
    color: #ffffff;
    background: #2265e8;
    padding: 10px 52px 10px 36px;
    display: block;
}
.heading-title {
    margin-bottom: 0;
}
aside ul {
    padding: 20px !important;
}
.one-container .sidebar .widget {
    background: #f5f5f5;
}
aside li.menu-item a {
    border-bottom: 0.5px solid rgba(102, 102, 102, 0.15);
    padding: 15px 0 !important;
}
aside li.menu-item:first-child a {
    padding-top: 0 !important;
}
aside li.menu-item:last-child a {
    border-bottom: none;
    /* padding-bottom: 0 !important; */
}
aside#nav_menu-2 a {
    color: black;
    font-weight: 500;
    transition: 0.3s ease-in-out;
    position: relative;
}
aside#nav_menu-2 a:after {
    position: absolute;
    content: "";
    background: #2265e8;
    height: 2px;
    width: 0;
    transition: 0.3s ease-in-out;
    left: 0;
    bottom: 0;
}
aside#nav_menu-2 li:hover a:after {
    width: 100%;
}
aside div#featured-post-2 {
    padding: 20px;
}
.related-posts h3 {
    margin-bottom: 20px !important;
    text-transform: uppercase;
}
.term-description {
    margin: 30px 0 !important;
}
#featured-post-3 article:first-child header.entry-header {
    padding-left: 15px;
    padding-right: 15px;
}
aside article h3 a {
    font-size: 18px !important;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0;
}
#featured-post-3 article:first-child h3 a {
    font-size: 22px !important;
}
#featured-post-3 article:not(:first-child) {
    padding: 0 25px 0 25px !important;
}
.entry-meta {
    font-size: 14px;
}
#featured-post-3 {
    padding-bottom: 15px;
}
@media screen and (min-width: 1024px) {
	.related-posts img {
		height: 135px;
		object-fit: cover;
	}
}
@media screen and (max-width: 1024px) {
	.archive-product .nevo-autocomplete input {
		width: 100%;
	}
	.product-image-wrap .product-loop-image, .home-products a img {
		max-height: 270px;
	}
	.popup-body {    
		background-image: url(/wp-content/uploads/2024/05/bgft-1.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	button.nevo-toggle svg path {
		fill: white;
	}
	button.nevo-toggle {
		background: #2265e8 !important;
	}

	.menu-mobile li {
		border-color: #ffffff52;
	}
	.archive-post .inside-page-header {
		padding-right: 15px;
		padding-left: 15px;
	}
	.nevo-archive-title h1 {
   		font-size: 32px !important; 
		line-height: 1.3;
	}
	body.single-product .page-header .inside-page-header {
		padding-left: 15px;
		padding-right: 15px;
	}
}
/* css hotline 3 mien */
ul.hotline3mien {
    position: fixed;
    left: 10px;
    bottom: 3%;
    list-style: none;
    padding-left: 0;
	margin-bottom: 0;
	z-index: 9;
}
ul.hotline3mien a {
    display: flex;
    flex-direction: row;
    padding: 15px;
    border-radius: 50%;
}
ul.hotline3mien a svg {
    width: 25px;
    height: 25px;
	-webkit-animation-name: lac;
    animation-name: lac;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
ul.hotline3mien a svg path {
    fill: white;
}
ul.hotline3mien li {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
ul.hotline3mien span {
    display: none;
    padding: 8px 20px;
    border-radius: 20px;
    color: white;
    margin-left: 3px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
ul.hotline3mien li:hover span {
    display: block;
    opacity: 1;
    transform: translateY(0);
}
ul.hotline3mien li:hover span {
    animation: fadeInUp 0.5s ease forwards;
}
ul.hotline3mien span:before {
    content: "";
    position: absolute;
    border: 10px solid transparent;    
    top: 50%;
    margin-top: -10px;
    left: -16px;
}

ul.hotline3mien span {
    position: relative;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@media screen and (max-width: 768px) {
	ul.sub-menu li a {
		color: white !important;
	}
	.menu-mobile .sub-menu li {
		padding: 0;
	}
	.menu-mobile .sub-menu li:last-child {
		border-bottom: none;
	}
}
@media screen and (max-width: 540px) {

	ul.hotline3mien a {
		padding: 12px;
	}
	ul.hotline3mien a svg {
		width: 20px;
		height: 20px;
	}
	ul.hotline3mien span { 
		padding: 5px 15px;
	}
}