/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.single-product .gap-element,.shop-page-title .form-flat{
		display:none!important;
	}
	
	.product-section .section-title-normal span {
		font-size: 21px;
	}

}
@media screen and (min-width: 850px) {

}
.mo-ta-danh-muc.active {
    max-height: 100%;
}
.blog-first h5{
	font-size:30px;
	font-weight:700;
	    line-height: 1.2 !important;
}
.blog-first .post-meta,.blog-child .post-meta{
	font-size:16px;
	font-weight:400;
	line-height:24px;
	color:#888888;
}
.blog-child h5 a{
	font-size:24px;
	font-weight:700;
	line-height: 1.2 !important;
}
.blog-first h5 a,.blog-child h5 a{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog-child .from_the_blog_excerpt{
	display:none
}
.blog-first .from_the_blog_excerpt {
	font-size:18px;
	font-weight:700;
	padding:7px 0px;
}
.no-data button,.category-blog-cus,.page-template-page-right-sidebar .normal-blog-cus{
	display:none
}
.page-template-page-right-sidebar .category-blog-cus{
	display:block
}
.aus_home_news h5 a{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.no-data .accordion-inner,.category-filter-row{
	display:none!important;
}
.active-span{
	color:#ed7106;
	font-weight:700;
}
.shop-page-title .title-overlay {
   background-color:unset;
}
.page-blog.aus_tab_project .nav{
	margin-bottom:15px
}
.page-blog .is-large{
	font-size:18px;
	font-weight:700!important;
	padding-bottom:10px;
}
.page-blog .post-item:first-child hr{
	display:none;
}
.page-blog .post-item{
	padding-bottom:10px;
}
.page-blog .nav-pagination>li>.current{
	border: unset;
    background-color: #f17700;
    color: #fff;
    border-radius: unset;
}
.page-blog .nav-pagination>li>a,.page-blog .nav-pagination>li>span{
	border-radius: unset;
    border-color: unset;
    border: unset;
    background: #F1F1F1;
    font-size: 15px;
    font-weight: 400;
    height: 45px;
    line-height: 2em;
    min-width: 45px;
    padding: 10px 20px;
}
.post-item hr{
	display:none;
}
.page-blog .post-item hr{
	display:block;
}
.page-blog ul.links li{
	margin:0px;
	    padding: 0px;
    margin-top: 20px;
}
.page-blog .is-large a{
	    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.page-blog .box-text{
	padding-top:0px;
	padding-bottom:0px;
}
.page-blog .from_the_blog_excerpt {
	padding-bottom:10px;
}
.page-blog .post-meta{
	font-size:14px;
	color:#888888;
}
.page-blog .is-divider{
	display:none
}
.archive .box-image{
	max-height:180px;
}
.search-container{
    position: relative;
}
.download {
    background-image: url(http://austrong.thocode.top/wp-content/uploads/2025/08/download.svg);
    background-repeat: no-repeat;
    background-position: center center;
    line-height: 20px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 0px;
}
.auto-card{
	background-image: url(http://austrong.thocode.top/wp-content/uploads/2025/08/autocard.svg);
    background-repeat: no-repeat;
    background-position: center center;
    line-height: 20px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 0px;
}
#signup-link{
	border-radius:20px;
	padding:40px 40px 10px 40px
}
.required{
	color:#FF0000
}
.product-buttons{
	display:flex;
	
}
.btn-orange {
    background-color: #e87700;
    color: white;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    border-radius: 0;
    border: none;
    padding: 12px 30px;
    cursor: pointer;
  }
  .btn-blue {
    background-color: #0d6efd;
    color: white;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    border-radius: 0;
    border: none;
    padding: 12px 20px;
    cursor: pointer;
    margin-left: 8px;
  }
  .btn-orange:hover, .btn-blue:hover {
    opacity: 1;
	 color:#fff;
  }
  .text-row {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
	 cursor:pointer;
  }
  .text-item {
    font-size: 14px;
    line-height: 1.2;
    color: #000;
    display: flex;
    align-items: center;
    gap: 4px;
	  cursor:pointer
  }
 
.mt-2{
	margin-top:20px
}
.nhanbaogia .popup-camket p{
	font-size:15px;
	font-weight:400;
	text-align:center
}
.nhanbaogia h3{
	text-align:center;
	font-size:20px;
	font-weight:700;
	line-height:26px;
}
.product-small .box-image {
    position: relative; /* Create positioning context for the overlay */
    overflow: hidden; /* Ensure the overlay stays within bounds */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}

.product-small .box-image .image-none img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease; /* Smooth transition for image opacity */
}

/* Create the overlay using ::before */
.product-small .box-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000; /* Semi-transparent light blue overlay */
    opacity: 0; /* Hidden by default */
    transition: opacity 0.3s ease; /* Smooth transition for overlay */
    z-index: 1; /* Place overlay above the image but below image-tools */
	cursor:pointer;
}
.he_thong_text_cus{
	position: absolute;
    top: 42%;
    left: 15%;
}
.breadcrumbs .container{
	display: flex;
    align-items: baseline;
}
.breadcrumbs .container span{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 33%;
}
.product-thumbnails .is-selected{
	    border: 2px solid #F26F39;
    padding: 0px!important;
}
.f40{
	font-size:40px;
	font-weight:400;
}
.nav-divided>li+li>a:after{
	border:unset!important
}
/* On hover: Show overlay and fade image */
.product-small .box-image:hover::before {
    opacity: 0.5; /* Show the overlay */
}
.product-small .box-image {
    position: relative; /* Create positioning context for overlay and icon */
    overflow: hidden; /* Ensure overlay and icon stay within bounds */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}

.product-small .box-image .image-none img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease; /* Smooth transition for image opacity */
}

/* Overlay using ::before */

/* Search icon using ::after */
.product-small  .box-image::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url('http://austrong.thocode.top/wp-content/uploads/2025/09/search-icon-white.svg');
    background-color: #f36f39;
    border-radius: 50%;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0; /* Hidden by default */
    transition: opacity 0.3s ease;
    z-index: 2; /* Above overlay, below image-tools */
	transform: translate(-50%, -50%); /* Center the frame */
	height:30px;
	width:30px;
	cursor:pointer
}
.product-small  .box-image:hover::after {
    opacity: 1; /* Show the search icon */
}


/* Ensure image-tools stay above the overlay */
.product-small .box-image .image-tools {
    z-index: 3; /* Keep tools (e.g., quick view) above the overlay */
}

.search-container .fa-search {
    background-image: url(http://austrong.thocode.top/wp-content/uploads/2025/08/look-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    line-height: 20px;
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 15px;
    right: 100%;
    top: 15%;
}
.cus-search .fa-search{
	right:-60%
}
.cus-search{
	    position: absolute;
    right: 0;
}
.nhanbaogia input:not([type="submit"]) {
	background: #F2F2F2;
    height: 40px;
    box-shadow: unset;
}
.nhanbaogia input[type="submit"]{
	width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.nhanbaogia .wpcf7-spinner{
	display:none;
}
.nhanbaogia .popup-img{
	background-image: url(http://austrong.thocode.top/wp-content/uploads/2025/08/popup-img.svg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 250px;
    text-align: center;
}
.dark .breadcrumbs {
    color: #fff !important;
}
.product-summary .breadcrumbs{
	display:none!important;
}
.product-section{
	border:unset!important;
}
.product-section .entry-content{
	padding-top:0px!important;
}
.product-section .section-title-normal span{
	font-size:24px;
	font-weight:400;
	border-bottom:2px solid #ED7106
}
.product-section tr:nth-child(2n-1) {
  background-color: #FFF5F2;
}
.product-section td{
	padding-left: 10px!important;
	color:#000;
}
.product-section tr:nth-child(2n) {
  background-color: #FFECE5;
}
.product-summary  .product_title {
	font-size:32px;
	font-weight:700;
	text-align: left;
    margin-bottom: 0px;
}
.term-description p,.single-product p{
	line-height:26px;
	font-size:15px;
	font-weight:400;
}
.search-container .search-submit{
	position:absolute
}
.search-container form, .search-container input{
	margin-bottom:0px!important
}
.breadcrumbs{
	font-weight:400!important;
	color: #888888!important;
    margin: 15px 0px!important;
}
.portfolio-single-page .row{
	max-width:1760px!important
}
.text-content-duan p{
	font-size:18px;
	line-height:30px;
}
.title-duan{
	font-size:32px;
	font-weight:700;
	line-height: 40px;
}
.breadcrumbs i{
	padding: 0px 5px!important;
    font-size: 18px;
    top: 3px;
}
.header-orange {
    background-color: #f17700;
    color: white;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
  }
  .news-item {
    display: flex;
    align-items: flex-start;
    padding: 15px;
  }
  .news-item a {
    display: flex;
    text-decoration: none;
    color: inherit;
    width: 100%;
  }
  .news-item img {
    width: 150px;
    height: 90px;
    object-fit: cover;
    flex-shrink: 0;
  }
  .news-text {
    margin-left: 12px;
    font-size: 15px;
	font-weight:400;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .list-post-cus hr {
    margin: 0px 15px !important;
    /* border: none; */
    border-top: 1px solid #ddd;
    opacity: 1;
  }
  .news-item a:hover .news-text {
    text-decoration: underline;
  }
.list-post-cus{
	    border: 1px solid #F0F0F0;
}
  @media (max-width: 420px) {
    .container {
      width: 95%;
      max-width: none;
      margin: 10px auto;
    }
    .news-item img {
      width: 120px;
      height: 72px;
    }
    .news-text {
      font-size: 13px;
      margin-left: 8px;
    }
  }
.store-cus{
	margin-top:20px
}
.store-locator form{
	display:flex;
	justify-content:center;
	align-content:center;
	gap:10px;
	margin-bottom:0px;
}
.store-locator select,.store-locator input{
	box-shadow:unset!important;
	color:#B4B4B4!important;
	background-color:#F2F4F5!important;
	border-radius:20px!important;
}
.store-item h3{
	font-size:20px;
	font-weight:700;
}
.store-item p{
	margin-bottom: 0px;
    font-size: 16px;
    line-height: 26px;
	color:#444444;
}
.store-item p a{
	color:#007DD5;
}
.d-none{
	display:none;
}
.store-item{
	border-bottom: 1px solid #DDDDDD;
    padding: 15px 0px;
}
.article-inner .is-divider{
	display:none;
}
.article-inner  h1.entry-title{
	font-size:32px;
}
.article-inner .entry-header-text{
	padding:0px
}
.article-inner .entry-content {
    padding-top: 0px;
}
.aus_tab_project h6 {
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
    margin-top: 5px;
	opacity:1;
}
.sidebar-catalog{
	background: #F1F1F1;
    padding: 20px 15px;
}
.sidebar-catalog h2{
	font-size:32px;
	font-weight:400;
	color:#000;
}
.sidebar-catalog .accordion .toggle{
	right: 0 !important;
    top: unset !important;
    left: unset;
}
.sidebar-catalog .accordion-inner{
    background: #fff;
    padding: 15px 20px 5px;
}
.sidebar-catalog .accordion-item{
	margin-bottom:10px
}
.sidebar-catalog .accordion-title.active{
	color:#ED7106!important;
}
.sidebar-catalog .accordion-title{
	background-color: #fff !important;
    border-bottom: 1px solid #ccc !important;
    border-top: unset;
    color: #000 !important;
    padding: 12px 20px;
}
.btn-show-more {
    color: #f26f3a !important;
    width: 100%;
    max-width: 180px;
    height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -1rem;
    background: #ffffff;
    font-size: 14px;
    color: #212529;
    text-decoration: none!important;
    cursor: pointer;
	border-radius: 10px;
    -webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
	
}
.box-btn-show-more {
    width: 100%;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.91)), color-stop(55%, #fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.91) 50%, #fff 55%);
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 10px;
}
.list-content {
    position: relative;
    width: 100%;
}
.mo-ta-danh-muc {
    max-height: 250px;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 5px 0px;
    border-radius: 10px;
    padding: 1rem 1rem 2rem 1rem;
    overflow: hidden;
}
.breadcrumbs {
	font-size:16px;
	font-weight:400;
}
h1.shop-page-title,h1.entry-title{
	font-size:64px;
	font-weight:700;
}
.hm_shop_now{
	display:none!important
}
.product-title{
	font-size: 18px;
    font-weight: 400;
    text-align: center;
}
.product-small .box-image{
	border-radius:10px
}
.archive  .page-title-inner{
	height:380px
}
.product-title a{
	color:#000;
}