/*
Theme Name: jetaime
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  ***************/


}

:root {
	--blue  : #517bf3;
	--jet-secondary: rgb(57, 96, 173);
	--cia : #00b068;
	--gnon : #49cc04;
	--qd : #9e5814;
	--nuru : #373791;
	--check : #e8121d;
	--kd : #e8121d;
	--mb : #0a7907;
	--some : #ffcd04;
	--hot : #ec0b85;
}

/* body, #wrapper, section.jet-breadcums {
	background: linear-gradient(90deg,rgba(41, 46, 57, 1) 0%, rgba(121, 85, 72, 1) 100%);
} 



.home section.jet-content {
  background: linear-gradient(
    69deg, 
    rgba(41, 46, 57, 0) 0%,  
    rgba(41, 46, 57, 1) 70%,  
    rgba(121, 85, 72, 1) 100% 
  );
 background-repeat: no-repeat;
  background-size: 100% 50%;
}



 .tax-checker_cat section.jet-content {
  background: linear-gradient(
    20deg, 
    rgba(41, 46, 57, 0) 0%,   
    rgba(41, 46, 57, 1) 70%, 
    rgba(121, 85, 72, 1) 100%
  );
 background-repeat: no-repeat;
  background-size: 100% 50%;
} 
*/
body.single, .single #wrapper, .single section.jet-breadcums{
	    background: linear-gradient(to right, rgb(41, 46, 57), rgb(33, 150, 243));
}
body.error404 #wrapper , body.home #wrapper, body.archive  #wrapper{
    background: url(/wp-content/uploads/2025/09/bg_home_tax1.webp);
    background-size: cover;
    background-repeat: no-repeat;
}

#main.dark {
	background: transparent!important
}

.row.taxonomy-checker {
	margin-left: -10px!important;
	margin-right: -10px!important;
}

.nav-sidebar li.current-menu-item a, .nav-sidebar ul.children li.current-menu-item a{
	color: var(--blue)!important
}



.single .jet-content {
  background:
    /* Gradient theo chiều cao để tạo hiệu ứng mờ dần */
    linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 1) 100%),
    /* Gradient ngang giữ màu gốc */
    linear-gradient(to right, rgb(41, 46, 57), rgb(33, 150, 243));
  background-repeat: no-repeat;
  background-size: cover;
}
.cia, .gnon, .qd, .nuru, .check, .kd , .mba, .some, .hot {
	padding: 0px 5px;
	display: inline-block;
	border-radius: 5px;
	margin-bottom: 3px;
	font-size: 12.5px;
	font-weight: 600;
}

.cia {background: var(--cia)}
.gnon {background: var(--gnon)}
.qd {background: var(--qd)}
.nuru {background: var(--nuru)}
.check {background: var(--check)}
.kd {background: var(--kd)}
.mba {background: var(--mb)}
.some {background: var(--some)}
.hot {background: var(--hot)}
.blue { color : #03A9F4 }
.datroi, .datroi a {color: #2936bf!important}
.do, .do a {color: red!important}
.vang , .vang a{color: yellow!important}
.cam , .cam a{ color: #FF7600!important}
.tim , .tim a{color: #8500FF!important}
.xanh, .xanh a {color: #0ec9c9!important}
.xam, .xam a {color: #0ec9c9!important}
.trang, .trang a {color: #fff!important}

.copyright-footer {
	color: #fff;
}

.mega-menu-description {
	display: none!important;
}

.mega-sub-menu li {
	padding-left: 10px!important;
}

.mega-sub-menu a.mega-menu-link {
	border-left: 1px solid rgb(68, 74, 86)!important;
	font-weight: 500!important;
}

.mega-sub-menu a.mega-menu-link:hover {
	border-left: 1px solid rgb(3, 169, 244)!important;
	    background: rgb(47, 53, 66)!important;
}

.stuck a.icon-tele{
	line-height: 0!important;
}

a.icon-tele {
	color: #fff!important;
}

.icon-tele img {
	width: 30px;
	height: 30px;
	margin-right: 10px;

}

.mega-menu-title {line-height: 2em!important}

div#mega-menu-wrap-primary, .jsidebar #secondary {
    position: sticky;
    top: 0px;
    scroll-behavior: smooth;
}

.row-info .col{
	padding-bottom: 0px;
}

.row-info .col-inner{
	border: 1px solid var(--blue);
	padding: 10px;
	border-radius: 10px;
	background: linear-gradient(48deg,rgba(60, 88, 167, 1) 0%, rgba(61, 77, 122, 1) 100%);;
}

.row-info .icon-box {
	display: flex;
	align-items: end;
}

.row-info .icon-box-text {
	padding-left: 5px!important
}

.row-info .icon-box-text p{
	font-size: 18px;
	color: #fff;
}

.row-info .icon-box-text a {
	color: #e90b0b;
	font-weight: 600;
}

.taxonomy-checker .box-image {
	    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}



.taxonomy-checker img.istar {
	width: 25%;
}


.taxonomy-checker .box-text .jprice img, .taxonomy-checker .box-text .jkv img,
.home .box-text .jprice img, .home .box-text .jkv img{
	width: 22px;
	padding-right: 5px;
}

.taxonomy-checker .box-text .jprice,
.home .box-text .jprice {
	font-size: 14px;
		display: flex; 
	align-items: center;
}

.taxonomy-checker .box-text .jkv,
.home .box-text .jkv {
	font-size: 13px;
		display: flex; 
	align-items: center;
}

.taxonomy-checker .col{
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
}

.taxonomy-checker .col:nth-child(4n) {
    padding-right: 10px!important;
}

.taxonomy-checker h5 img,
.home h5 img {
	width: 25px;
	padding-bottom: 5px;
}

.taxonomy-checker .box-image,
.home .box-image {
	position: relative;
}

.taxonomy-checker .jlabel,
.home .jlabel {
	position: absolute;
	padding: 5px 0 0 5px;
}

.taxonomy-checker .col-inner .box-text,
.home .col-inner .box-text {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #292e39 100%);
    content: '';
    display: block;
    width: 100%;
    opacity: 1;
    height: 35%;
    position: relative;
    bottom: 5px;
}

.taxonomy-checker .col-inner .box-text-inner,
.home .col-inner .box-text-inner{
	position: absolute;
	bottom: 5px;
	padding: 0 5px 0px 5px;
}

.taxonomy-checker .col-inner:hover .box:after,
.home .col-inner:hover .box:after {
	opacity: 1;
}

.taxonomy-checker .col-inner .box:after,
.home .col-inner .box:after  {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    top: 99%;
    background: -webkit-radial-gradient(ellipse at 50% -50%, #f44336 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, #f44336 0%, rgba(0, 0, 0, 0) 80%);
}

#jmenu .icon-menu {
	color: #fff;
	font-size: 25px;
}

.jtitle {color : #e0e6f0}

section.jet-breadcums {
	padding-top: 0!important;
	padding-bottom: 0!important;
}

.single-title {
	display: flex;
    align-items: self-start;
    height: 30px;
    line-height: 25px;
}

.single-title span {
	margin-right: 5px;
	flex: 0 0 auto;
}

section.jet-breadcums p {
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 500;
	color: #959fb4;
}

section.jet-breadcums .col {
	padding-bottom: 0;
	height: auto;
	font-weight: 600;
	font-size: 20px;
	padding-top: 5px;
}

.single .jnoidung img {
	width: 100%;
}

#mega-menu-wrap-primary.jhide {
	left: 0%!important;
	transition: left .3s ease-in-out;
}

.mega-menu-link {
	text-transform: capitalize;
}

#mega-menu-wrap-primary.jhide {
	left: -110%!important;
}

h2.title-home {
	border-bottom: 5px solid var(--jet-secondary);
}

.title-home span {
	background: var(--jet-secondary);
	color: #fff ;
	padding: 10px 30px 6px 30px;
    font-size: 20px;
    line-height: 25px;
	border-left: 6px solid #607d8b;
	border-right: 6px solid #607d8b;
}

.large-9-full {
	max-width: 100%;
	flex-basis: 100%;
}


i.ux-menu-link__icon:before{
font-family: "FontAwesome";
    content: "";
    margin-right: 10px;
    margin-left: 1px;
    font-size: 15px;
    color: rgb(3, 169, 244);
    opacity: 0.8;
}


#footer .is-divider {
	background-color: #3f51b5!important;
}

#footer p, #footer a.ux-menu-link__link {
	font-size: 13px;
	transition: padding .3s ease-in-out;
}

#footer a {
	color :#fff;
}

#footer a.ux-menu-link__link:hover {
	padding-left: 5px;
	color: rgb(3, 169, 244);
}

nav.rank-math-breadcrumb p {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}

.single-info, .checker-related {
	background: #313742;
	padding: 10px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
	color: #bdc6db;
}

.checker-related {
	margin-top: 10px;
}

.checker-related .jet-slider .col {
	padding-bottom: 0;
}

.checker-related .jet-slider {
	margin-left: 0px!important;
	margin-right: 0px!important;
}

/*Flicky Button*/
.checker-related .flickity-prev-next-button {opacity: 1!important; top:unset }
.checker-related .flickity-prev-next-button svg{border-color: var(--primary-color)!important; background: var(--primary-color); color: #fff }

.checker-related .slider-nav-circle .flickity-prev-next-button.next svg {
	border-radius: 10px 0 0 10px;
}

.checker-related .slider-nav-circle .flickity-prev-next-button.next {
	right: -2.6%;
}

.checker-related .slider-nav-circle .flickity-prev-next-button.previous {
	left: -2.6%	;
}

.checker-related .slider-nav-circle .flickity-prev-next-button.previous svg {
	border-radius: 0 10px 10px 0;
}

.single-info img {
	margin-bottom: 5px;
}

.single-info span {
	color: #fff;
	font-weight: 500;
}

.single-info .o-info h4 {
	margin-top: 20px;
}

.single-info .o-info div {
	width: 100%;
}

.single-info .o-info .o-title {
	width: 25%;
	display: inline-block;
	position: relative;
	color: #959Fb4;
	font-weight: 600;
}

.single-info .o-info .o-title:after {
	content: ":";
	position: absolute;
	right: 10%;
}

.single-info .o-info i {
    color: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 99px;
    padding: 3px;
    font-size: 11px;
}

.single h1 {
	font-size: 18px;

}

.single .post-meta {
	font-size: 14px;
	font-weight: 500;
}

.single .jet-content {
	padding-top: 0;
}

.jgiadikhach span:not(.o-title) {
    background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 10s ease-in-out infinite;
    background-size: 400% 100%;
    font-weight: bold;
    position: relative;
    top: 0px;
    margin-right: 5px;
}


.single .jmota {
	border: 2px dashed #00ff89;
    margin: 10px 0;
    padding: 10px;
    font-size: 105%;
    color: #ff9800;
    margin-top: 10px;
}

.single .jmota u {
    font-weight: bold;
    text-transform: uppercase;
    color: #66a3ff;
    text-decoration: unset;
}

.jmota li {
	list-style: none;
}

.jmota li:before {
		content: "\f058";
    font-family: 'FontAwesome';
    margin-right: 8px;
    color: #a0a0ff;
}

.jmota strong, .jmota .text-color, .text-color {
    background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 10s ease-in-out infinite;
    background-size: 400% 100%;
    font-weight: bold;
}

.jmota b, .jmota .text-gif {
    background: url(/wp-content/uploads/2025/08/user.gif) repeat scroll 0 0%;
    text-shadow: 0px 0px 0px rgb(6 246 25 / 75%), 0px 0px 0.5em rgb(76 175 79 / 66%), 0px 0px 0.4em rgb(16 174 246 / 66%);
    color: #00ff1d;
}

.single #custom_html-2 h3 {
	text-align: center;
	border-bottom:1px solid #4a4a4a;
}

.single #custom_html-2{
	background: #313742;
	border-radius: 10px;
	padding: 10px;
}

.single #custom_html-2 img {
	border-radius: 10px;
	border: 3px solid #fff
}

.jet-checker-new .col {
	padding-bottom: 0;
	
}

.jet-checker-new .col-inner {
	border-bottom: 1px solid #4a4a4a
}

.jet-checker-new .box-text-inner {
	display: flex;
	flex-flow: wrap;
	
}

#custom_html-2 .is-divider {
	display: none;
}

#footer h2 {
	display: flex;
	align-items: center;
	font-size: 15px;
}

#footer img {
	width: 25px;
	margin-right: 5px;
}


@keyframes rainbow_animation {
  0%,
  100% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
}