/*
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 {
	--yellow : #febb12;
}

@font-face {
	font-family:"CoconVu";
	src:url(/wp-content/themes/jetaime/fonts/CoconVU.woff);
	font-weight: normal;
	font-display:swap;
}

@font-face {
	font-family:"CoconVUBold";
	src:url(/wp-content/themes/jetaime/fonts/CoconVUBold.woff);
	font-weight: bold;
	font-display:swap;
}

#mega-menu-primary li a, a, p {
	font-family: "CoconVu"!important;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "CoconVUBold"!important;
}
h1 {font-size: 2.5em!important } 
h2 {font-size: 2em!important } 
h3 {font-size: 1.4em!important } 
h4 {font-size: 1.2em!important } 
h5 {font-size: 1.1em!important } 
h6 {font-size: 1em!important }

ul.mega-sub-menu {
	border: 1px dashed var(--jet-primary)!important;
	margin-top: 17px!important
}

ul.mega-sub-menu li {
	padding-left:0!important;
	transition: padding .3s ease-in-out!important;
	border-radius: 5px!important;
}

ul.mega-sub-menu li:hover {
	padding-left: 5px!important;
}

.header-search .header-button {
    border: 2px dashed var(--primary-color);
    padding: 5px 4px;
    border-radius: 99px;
}

.info-top {
	font-size :14px;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.info-top p {margin-right: 20px;}
.info-top p, .info-top  a{color: #fff; font-weight: 600;}
.info-top a:hover {
	color: var(--yellow)
}

.title-on-image {position: relative;    top: -90px; }
.title-on-image h1 {margin-bottom: 0}

.page table td {
	border: 1px solid #000;
	color: #000;
	padding: 10px 20px
}

.page table td p {
	line-height: 30px;
}

.title-home h2{
	padding-bottom: 15px;
    background: url(/wp-content/uploads/2025/09/h-decor-2.webp) no-repeat bottom center;
}

#footer p , #footer a{
	color: #fff;
	font-size: 15px;
	transition: padding .3s ease-in-out
}

#footer p i {
	color: #fff;
}

#footer a:hover {
	padding-left: 5px;
}

.tesimonial .col-inner {border-radius:10px ; padding: 0 20px; background : url('/wp-content/uploads/2025/09/icon_quote.webp');background-repeat: no-repeat;
    background-position: 95% 10%;background-size: 30px;}
.tesimonial .large-4{min-height: 100%; display:flex}
.tesimonial p {font-size:15px}


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

/* CSS hiệu ứng bóng lướt NGHIÊNG cho logo by GIUSEART.com */
 
/* Sửa #logo thành phần tử CSS của bạn */
#logo:after,#logo:before{transform: skewX(-25deg) translateY(-50%);content:"";position:absolute;top:50%;width:40px;height:100%;background-color:white;z-index:0}
#logo:before{left:0%;animation:light-left 5s infinite alternate linear}
#logo:after{right:-5%;animation:light-right 5s infinite alternate linear}
 
@keyframes light-left{0%{left:-5%;opacity:0}50%{left:50%;opacity:1}to{left:105%;opacity:0}}@keyframes light-right{0%{right:-5%;opacity:0}50%{right:50%;opacity:1}to{right:105%;opacity:0}}