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

/*************** ADD CUSTOM CSS HERE.   ***************/
.product-short-description table{
	
}
.post-sidebar.col{
	padding-top:0px !important;
	padding-left:0px !important
}
.post-sidebar.col a{
	color:#333;
}
.blog-wrapper.blog-archive.page-wrapper .large-10.col{
	        flex-basis: 100%;
        max-width:100%;
    
}
.blog-wrapper.blog-archive.page-wrapper .post-title a{
	font-size:18px;
}
.product-short-description table {
  border-collapse: collapse;
  width:100%;
}
.blog-wrapper .col.post-item .box-text{
	padding-left:15px;
	padding-right:15px;
}
.product-short-description table td, .product-short-description table th {
  border: 1px solid #ddd;
  padding: 8px;
}
.product-short-description table tr:nth-child(even){background-color: #f2f2f2;}

.product-short-description table tr:hover {background-color: #ddd;}

.product-short-description table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #000088;
  color: white;
}
.product-info h1{
	color:#000088!important
}
.shop-container .product-small.box{
	padding: 0px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
    border-radius: 5px !important;
    background: #fff !important;
} 
.shop-container .product-small.box .box-image{
	padding-left:45px;
	padding-right:45px;
}
aside.widget .is-divider{
	display:none !important;
}
.orderby{
	font-size:15px !important;
}
.woocommerce-result-count{
	font-size:15px !important;
}
.widget>ul>li ul, ul.menu>li ul{
	display:block !important
}
aside.widget{
	background:#f8f8f8;
	border-radius:8px;
}
aside.widget .search-field{
	height:48px;
	font-size:13px;
	box-shadow:0px 0px #fff !important
}
aside.widget .ux-search-submit{
	height:48px;
}
aside.widget .product-categories, aside.widget  .product_list_widget{
	padding:15px;
	border:1px solid #dedede;
	border-top:0px !important;
	border-radius:6px;
}
 aside.widget  .product_list_widget .product-title{
	color:#333;
	font-size:15px;
}
aside.widget .product-categories li a{
	color:#333;
	font-size:15px;
}
aside.widget .searchform{
	padding:15px;
}
aside.widget .widget-title {
	display:block !important;
	width:100% !important;
	padding:15px;
	background:#000088;
	color:#fff;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	    font-size: 16px;
	
}
nav.rank-math-breadcrumb{
	padding-top:15px;
	padding-bottom:15px;
	background:#f6f6f6;
	font-size:14px;
	color:#444;
}
.sub-menu.nav-column.nav-dropdown-default a{
	font-size:15px !important
}
nav.rank-math-breadcrumb a{
	color:#444;
}
nav.rank-math-breadcrumb>p{
	max-width:1240px;
	margin:0 auto;
	
}
.orderby{
	border-radius:20px;
}
.shop-page-title.category-page-title .page-title-inner{
	padding-top:10px;
	padding-bottom:10px;
}
.page-title.shop-page-title .page-title-inner{
		padding-top:10px;
	padding-bottom:10px;
}
nav.woocommerce-breadcrumb{
	text-transform:none !important;
		font-size:14px;
	color:#444;
}
.bfooter h3 {
    color: #fff;
    font-size: 24px;
    font-family: Oswald, sans-serif;
	margin-bottom:20px;
}
.bfooter p{
	font-size:14px;
}
.bfooter li{
		font-size:14px;
list-style:none;
	margin-left:0px !important
}
.copyright-footer{
	font-size:13px !important
}
.itin .box-push .box-text {
	margin-right:0px !important;
	margin-left:6% !important;
    max-width: 94%;
	border-radius:15px !important
 
}
.doitac img{
	border:1px solid #dedede !important
}
.itin .box-image{
	border-radius:15px !important
}
.col.post-item a.button.primary{
	font-weight:400 !important;
	text-transform:none !important;
	
}
.col.post-item .post-title{
	margin-bottom:15px;
}
.itin .badge.post-date{
	left:6% !important;
}
.itin .badge-inner{
	background:#000088 !important;
	color:#fff !important;
	border:0px !important
}
.xtinx .box-text.text-center{
	padding-left:40px;
	padding-right:40px;
	padding-bottom:40px;
}
.xtinx .post-title{
	margin-bottom:10px;
	font-size:22px;
}
.header-wrapper.stuck .header-main .nav > li > a {
    line-height: 50px !important;
}
.xtinx .button.is-outline{
	padding:7px 30px;
	background:#000088 !important;
	border:0px !important
}
.xtinx .col.post-item .box-text{
	display:none;
}
.xtinx .col.post-item:hover .box-text{
	display:block;
}
.xtinx .box-image{
	border-radius:20px !important
}
.xtinx .col.post-item:hover .overlay{
	background-color:rgba(0,0,0,.65) !important
}
.product-small.box .box-image{
	padding-left:45px;
	padding-right:45px;
	background:#fff;
}
.product-small.box .name.product-title a{
	font-size:17px;
	color:#333;
}
.product-small.box .box-image{
		border-top-left-radius:12px;
	border-top-right-radius:12px;
}
.product-small.box .box-text{
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;	
}
.product-small.box .name.product-title:hover a{
	color:#aa0000 !important	
}
.catex h3{
	font-size:16px;
}
.catex .box-image{
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.catex .box-text.text-center{
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;	
}
.dvitem .is-divider{
	display:none !important
}
.col.post-item .is-divider{
	display:none !important
}
.sanpham .tieude p{
	color:#fff !important
}
.dvitem  .post-title{
	text-transform:uppercase;
	margin-top:8px;
}
.dvitem a:hover{
	color:#aa0000 !important	
}
.tieude h1{
	    color: #000088;
    font-size: 42px;
    font-family: "Oswald", sans-serif;
	text-transform:uppercase;
	margin-bottom:10px !important
}
.archive-page-header h1{
		    color: #000088;
    font-size: 42px;
    font-family: "Oswald", sans-serif;
	text-transform:uppercase;
	margin-bottom:10px !important
}
.tieude h2{
	    color: #000088;
    font-size: 42px;
    font-family: "Oswald", sans-serif;
	text-transform:uppercase;
	margin-bottom:10px !important
}
.tieude {
	position:relative
}
.tieude:after{
	position:absolute;
	left:0px;
	right:0px;
	text-align:center;
	margin:0 auto;
	content:"";
	width:90px;
	height:2px;
	background:#aa0000
}
.tieude.sub:after{
	display:none !important
}
.tieude p{
	color:#555;
	font-size:15px;
}
.listcheck .icon-box-text{
	padding-top:7px !important
}
.icall p{
	margin-bottom:0px !important;
	font-size:13px;
}
.icall h4{
	color:#aa0000 !important;
	font-size:23px;
}
.lienhengay{
	white-space:nowrap !important;
	
}
.boxcal .icon-box-img img{
	animation: tilt-shaking 0.15s infinite;

}
@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
.lienhengay:hover{
	background:#000088 !important;
	color:#fff !important;
	-webkit-transition: all 0.3sease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3sease-out;
}

.lienhengay{
	border:1px solid #dedede !important;
	font-size:13px;
	font-weight:500 !important;
	padding:4px 25px;
	margin:0px !important;
	padding-right:60px;
	position:relative;
}
.lienhengay:after{
	width:36px;
	height:37px;
	background:#000088 url(/wp-content/uploads/2025/03/up-right-arrowx.png) no-repeat top 8px right 8px;
	display:block;
	content:"";
	z-index:2;
	position:absolute;
	right:1px !important;
	top:1px;
	background-size:50% 50% !important;
}
.lienhengay:hover:after{
	background:#aa0000 url(/wp-content/uploads/2025/03/up-right-arrowx.png) no-repeat top 8px right 8px;
	transform: rotate(-360deg);
		-webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.colsodem .col-inner{
	position:relative;
	    width:100px;
    height:100px;
    text-align:center;
    line-height:100px;
}
.colsodem p{
    font-weight: 700;
    font-size: 24px;
	color:#aa0000;
	letter-spacing:-1px !important;
	margin:0px !important
}
.col.colsodem{
	padding-right:0px !important
}
.colsodem .col-inner:before {
    --inset: 0px;
    z-index: -2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
   background: #000088;
	position:absolute;
	content:""
}
.colsodem .col-inner:before, .colsodem .col-inner:after {
    content: '';
    position: absolute;
    top: var(--inset);
    right: var(--inset);
    bottom: var(--inset);
    left: var(--inset);
    pointer-events: none;
}
.colsodem .col-inner:after {
    --inset: 8px;
    z-index: -1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
	position:absolute;
	content:""
}

.doinet h4{
	margin-bottom:0px !important;
	margin-top:4px;
}
.textab h1{
	color:#000088;
	font-size:48px;
	  font-family: "Oswald", sans-serif;

}
.textab h1 strong{
	color:#aa0000 !important
}
.header-main .nav > li > a {
    font-size: 15px;
}
.header-main .nav > li{
	margin-left:28px !important
}
#top-bar .search-field{
	min-width:300px !important;
    height: 36px;
	padding-left:25px;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
}
#top-bar  .ux-search-submit{
	height: 36px;
	padding-left:20px !important;
	padding-right:20px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
}
.html_topbar_right, .html_topbar_left{
	font-size:14px !important
}
.html_topbar_left i{
	margin-right:6px !important
}
.gtranslate_wrapper span{
	color:#fff !important;
	font-size:13px;
	font-weight:500 !important;
	margin-left:5px !important
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#logo {
    width: 150px !important;
}
	.gtranslate_wrapper{
		min-width:80px !important;
		display:flex !important;
		
	}
	.tieude h2 {
    font-size: 24px;
    
}
	.textab h1 {
  
    font-size: 30px;
}
	.gtranslate_wrapper span{
		font-size:0px !important
	}

}