/*
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  ***************/


}
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');



:root {
	--red : #eb1b26
}

.jet-white {
	color: #fff!important;
}

.jet-eb {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.jet-lora {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.jet-libre-regular {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: normal;
}

.jet-libre-bold {
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  font-style: normal;
}

.text-white {
	color: #fff;
	font-size: 2em
}

@font-face {
	font-family:"jet-bold";
	src:url(/wp-content/themes/jetaime/fonts/ArcaMajora-Bold.otf);
	font-weight: 600
}

@font-face {
	font-family:"jet-heavy";
	src:url(/wp-content/themes/jetaime/fonts/ArcaMajora-Heavy.otf);
}


.text-banner h3 strong{
	line-height: 85px;
}

.count svg {
	color: #fff098;
}

.jet-doitac img {
    height: 100px;
    width: 100%;
    object-fit: scale-down;
    padding: 10px;
	cursor: pointer;
	
}

.page-template #content .title-bg {
	background-image: unset!important
}

/* .projects .col:hover .bg-project{
	background: #000;	
	height: 100%;
	width: 100%;
	display: block;
    opacity: 0.5;
    z-index: 1;
	
}
 
.projects .col .box-text, .products .col .box-text{
	display: none
}

.projects .col:hover .box-text, .products .col:hover .box-text {
	display: block;
	z-index: 2;
	transition: display 0.5s ease-in
}

.projects .col-inner, .projects .col-inner .box {
	background-color: unset;
}




.bg-project {
	position:absolute;
	transition: opacity 0.1s ease-in-out;
	opacity: 0.5;
	border-radius: 10px;
}
*/
.title-hover, .products .title-hover {

	text-align: center;

}

.projects .post-item .col-inner {
	border-radius: 10px;
}

.projects .post-item .box-text, .projects .box {
	border-radius:10px;
	background: #fff
}

.projects .col-inner .box-image {
	border-radius: 10px 10px 0 0;
}

.title-hover h5, .products .title-hover h5{
	color: #000!important;
	font-size: 17px;
	height:40px
}

.icons-blog a, .products .icons-blog a {
	background: #fff;
	border-radius: 99px;
	padding: 12px 15px;
	margin:0 5px;
}

#footer .absolute-footer {
	color: #fff
}

.home .is-divider {
	position: absolute;
    bottom: 0;
}

.page .is-divider {
	position: relative;
    bottom: 25px;
}

.section-story img {
	width: 90%;
	border-radius: 10px;
}

.section-story .image-2{
	position: absolute;
	top: 20%;
    left: 10%;
    z-index: -1;
    opacity: 0.9;
}

.form-lh .col {
	padding-bottom: 5px;
}

.form-lh .col label {
	color: #fff;
}

.form-lh input, .form-lh select, .form-lh textarea {
	border-radius: 5px;
	height: 40px;
}

.section-contact p {
	margin-bottom: 5px;
}

.nav-pagination>li>a, .nav-pagination>li>span {
	border-radius: 5px;
}

.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover {
	border-color: #fff;
}

h5.post-title a, h5.post-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0;
	height: 40px;
}

.home .section-tintuc .is-divider {
	display: none;
}

h5.post-title a:hover {
	color :var(--red);
}

.archive .page-title span {
	color: #000; font-size: 26px
}

.col-image-price {
	position: relative;
    top: -90px;
    right: 0;
    max-height: 320px;
}

.col-image-price img {
	border-radius: 10px;
	border: 3px solid #fff;
}

.text-image img {
	width: 100%;
}

.cat-title {
	background: var(--red);
	border-radius: 0 0 10px 10px;
	padding: 5px 0
}

.link-cat {
	text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	visibility: hidden;
}

.post-item .text-image img {
	border-radius: 10px 10px 0 0 ;
}

.post-item .bg-cate {
	height: 0%;
	transition: height 0.5s ease-in-out;
	border-radius: 10px;
	opacity: 0.9
}

.post-item:hover .text-image h5 {
	display: none;
}

.post-item:hover .bg-cate{
	background: var(--red);
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    position: absolute;
}

.post-item:hover .link-cat {
	visibility: visible;
	transition: visibility 0.9s ease-in-out;
	z-index: 1;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 5px 15px
}

.text-image h5 {
	position: absolute;
	text-align: center;
	color: #000;
	bottom: -5px;
}

.title-cate {
	text-align: center;
	border-top: 1px solid var(--red); 
	border-bottom: 1px solid var(--red);
	padding: 10px 0px
}

.title-cate a {
	font-size: 30px;
	color: #fff;
}

.see-more {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}

.see-more i {
	transition: padding-left 0.1s ease-in
}

.see-more:hover i {
	padding-left: 10px;
}

.see-more:hover a {
	background: var(--red);
	color: #fff;
}

.see-more a {
	color: #000;
	background: #fff;
	padding: 5px 10px;
	border-radius: 5px;
}

.section-taxonomy {
	background: #fff;
	color: #fff
}

.section-taxonomy {
	color: #000;
}

.section-taxonomy h2 {
	font-size: 3.0em;
	color: #000
}

.title-product {
	text-align: center;
	background: #fff;
	border-radius: 0 0 10px 10px;
	padding: 10px 0;
	
}

.section-product h3.title-cat-product {
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #fff;
	text-align: center;
	padding: 10px 0px;
	font-size: 1.6em;
	color: #fff
}

.section-product {
	background: var(--red)
}

.products img {
	border-radius: 10px 10px 0 0
}

.tieude h1 {
	color: #000;
	font-size: 3em
}

.mota p {
	margin-bottom: 15px;
}

.price {
	background: #e5e5e5;
	padding: 10px 0;
	border-radius: 5px;
	font-size: 20px; 
	font-weight: 600
}

.button-contact {
	margin: 10px 0 5px 0px;
	border-bottom: 1px solid #fff
}

.button-contact a{
	border-radius: 5px;
}

.section-footer .hotro {
	color: #fff;
}


.section-footer .sdt:hover a{
	font-size: 20px;
}

.section-footer .icon-box {
	margin-bottom: 10px;
}

.section-footer .sdt a{
	color: #fff;
	font-weight: 600;
	font-size:18px;
	transition: font-size 0.3s ease-in
}

.section-footer hr {
	margin: 1px;
    border-top: 1px solid #fff;
    opacity: 1;
    width: 50%;
}

.section-footer .icon-box-left, .section-footer .icon-box-right{
	align-items: center;
}

.section-footer p {
	margin-bottom: 10px;
	font-size: 15px
}

.tab-panels { 
	padding: 0!important;
	border: 0px solid #ccc!important
}

.tabbed-content ul.nav li { 
	width: 25%;
	margin: 0
}

.tabbed-content {border:0}

.tabbed-content ul.nav li a { 
	width: 100%;
	display: block;
	text-align: center;
	border:0;
	padding: 15px 0;
	font-size: 15px
}

.tabbed-content ul.nav li.active a{
	background: var(--red);
	color: #fff
}

.tintuc-product .is-divider {
	display: none
}

.related-product .title-product a h5,.related-product .title-product a{
	height: 50px;
}

.tintuc-product h5.post-title,.tintuc-product h5.post-title a{
	height: 45px;
}

.hot_news {
    grid-template-columns: 50% 50%;
    display: grid;
    grid-template-areas: 'left right-one' 'left  right-two' 'left right-three' 'left right-four'
}

.hot_news .col {
	padding: 3.5px
}

.hot_news .post-1 {
    grid-area: left
}

.hot_news .post-2 {
    grid-area: right-one
}

.hot_news .post-3 {
    grid-area: right-two
}

.hot_news .post-4 {
    grid-area: right-three
}

.hot_news .post-5 {
    grid-area: right-four
}

.post-1 .box-image, .post-1 .box-vertical {
	width: 100%!important;
	display: block
}

.post-2 .from_the_blog_excerpt,.post-3 .from_the_blog_excerpt,.post-4 .from_the_blog_excerpt,.post-5 .from_the_blog_excerpt {
    display: none
}

.intro-title h3 {
    border-bottom: 1px solid #ccc;
    margin: 10px 0;
    padding-bottom: 10px;
    position: relative
}
.intro-title h3::before {
    border-bottom: 2px solid #fd0000;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 125px;
}
.menu-intro > li {
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    margin: 10px 0;
    padding-bottom: 10px;
	list-style: none;
	text-transform: uppercase;
}

.menu-intro > li a {
	color: #000;
}
.menu-intro > li a:hover {
	color: var(--red);
}
.menu-intro .active {
    color: #fd0000;
}
.menu-intro i {
    float: right;
    position: relative;
    top: 5px;
}

.menu-intro ul {
    display: block;
    padding-left: 25px;
    padding-top: 8px;
    position: relative;
	margin: 0
}

.menu-intro ul::before {
    border-left: 1px dashed #333;
    content: "";
    display: block;
    height: 100%;
    left: 9px;
    position: absolute;
    top: -6px;
}
.menu-intro ul li {
    display: block;
    padding-left: 5px;
    padding-top: 10px;
    position: relative;
}
.menu-intro ul li::before {
    bottom: 0;
    content: "---";
    display: block;
    height: 5px;
    left: -15px;
    position: absolute;
    top: 8px;
    width: 30px;
}

table.page-qhcd tr td{
	border: 1px solid #ccc;
	padding: 10px;
	color: #000;
}

table.page-qhcd tr td:first-child {
	width: 85%
}

.section-rsb p {
	font-weight: 600
}

.section-rsb a {
	color: red
}

.section-dv, .section-rsb {
	border: 1px solid #f4f4f4;
	margin-bottom: 10px;
	border-radius: 10px;
	padding: 10px 15px !important;
}


.section-dv p {
	background: red;
	padding: 5px 0;
	border-radius: 10px 10px 0 0;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600
}

.section-dv h5.post-title a,.section-dv h5.post-title {
	-webkit-line-clamp: 4;
    height: 70px;
    font-size: 13px; 
}

.section-dv .col {
	padding-bottom: 0
}

.section-dv .is-divider {
	display: none;
}

.col-divided {
	border-right: 0
}

.single form.cart .ux-quantity, form.cart button {
	display: none;
}

.form-p {
	padding: 0 20px;
}

.form-p .col {
	padding-bottom: 0px;
}

.form-p input[type=text],.form-p input[type=tel],.form-p input[type=email]  {
	height: 45px;
	border-radius: 10px;
}

#formsp {border-radius: 10px;}

.mfp-close-btn-in .mfp-close {
	color: #fff
}

.single .price {
	background: #fff;
}

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