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


}
:root {
	--blue : #1064b8;
	--yellow : #febb12;
	--gradient-primary: linear-gradient(135deg, hsl(228 76% 52%) 0%, hsl(0deg 0% 66.14%) 50%, hsl(209.64deg 84% 39.22%) 100%);
	--jet-primary:  #1064b8;
}

.text-gradient {background: linear-gradient(135deg, #4b6ae7, #30bae8);-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    background-clip: text;}
.btn-laithu, .jet-btn {
	background: var(--gradient-primary);
	color: #fff!important;
	padding: 1em 1.5em!important;
	border-radius: 10px;
	transition: all .3s ease;
    background-size: 200% 200%;
}
.btn-laithu i {padding-right: .5em}
.btn-laithu{ white-space: nowrap; flex-wrap: nowrap!important }
.btn-laithu:hover, .jet-btn:hover {	background-position: 100% 0;    box-shadow: 0 3px 10px #284de266;}
.header-nav-main {    flex-wrap: nowrap; margin: 0 15px;}

.block-header {align-items: center;}
.block-header h3 , .block-header p {margin-bottom: 0;}


.searchform-wrapper input[type=search] {
    border-radius: 50px 0px 0px 50px;
    border: 1px solid #1064b8;
    height: 41px;
}
.searchform-wrapper .searchform .button.icon {
    background: #1064b8;
    border-radius: 999px;
    height: 41px;
}

.row {background: #fff; border-radius: 10px; padding: 10px 10px 0 10px}
.row .col {padding-bottom: 0}


table {width:100%}



.form-lh .col {
	padding-bottom: 0;
}

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

#footer .section-footer, #footer .section-footer .row {background: #4e4e4e;}
#footer a, #footer p {font-size: 16px; color: #Fff }
#footer a.ux-menu-link__link {padding:0; transition: padding 0.3 ease-in}
#footer a.ux-menu-link__link:hover {padding-left: 5px;}
.copyright-footer {
	color: #fff;
}

/* CSS SINGLE PRODUCT*/
.product-main,.page-title:not(.featured-title)+main .product-main {padding:0}

.product-gallery-slider img,
.product-thumbnails img {
  width:100%;
  background:white;
  border-radius:8px;
  padding-bottom: 10px
}

.product-footer .container {
	background: #fff;border-radius: 10px;
	margin-top: 20px
}

.product-footer .woocommerce-tabs {border-top:0}

.single-product .shop-container,
.blog-single,
.page-right-sidebar {
  background:#f9f9fb;
}


/*CSS BREADCUMS PRODUCT + NEWS*/

.category-page-row , .page-title-inner{padding-top:0}

.page-title-inner {min-height: 50px;!important}
.jet-breadcums, .jet-breadcums .row {background: #f0f0f0; font-size: 15px}
.jet-breadcums .col {padding-bottom: 0; height:50px ; line-height: 45px;overflow: hidden}
.archive-post {margin-top: 10px}

/*CSS BORDER RADIUS TIN TUC*/
.row-tintuc .col-inner , .row-tintuc .col-inner .box{
	border-radius: 10px;
}

.row-tintuc .col-inner .is-divider {
	display: none
}

.row-tintuc .col-inner .box-image img {
	border-radius:10px 10px 0 0
}
.row-tintuc .col-inner .box-text {
	border-radius:0 0 10px 10px
}

.row-tintuc .col {
	padding-bottom: 10px;
}

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

.archive-post h5.post-title {
	height: 35px
}

/*CSS BORDER RADIUS PRODUCT*/
.home-product .col-inner,.products .product-small .col-inner, .related .product-small .product-small .col-inner{
	border-radius:10px; 
}

.home-product .product-small, .products .product-small  .product-small, .related .product-small .product-small  {  
    margin-bottom: 10px;
    padding: 10px 5px;
    background: #ffffff;
    position: relative;
    border-radius: 10px;
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    transition-duration: .3s;
}
.product-small .price ins {
	font-size: 15px; 
}

.product-title a {
	font-weight: 600;
	color: #000;
}

.product-title a:hover {
	color: var(--blue)
}
.price-wrapper .price > .amount bdi {
	color: #dd3333;
	font-size: 20px;
	line-height:25px;
}



#tab-title-description {margin-top: 20px; font-size: 20px; color: var(--jet-primary);}
#tab-title-description a:before {background-color:#fff!important}

/* CSS CUSTOME TITLE CATEGORY*/
.title-custom {
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  line-height:21px;
  margin-bottom:5px;
}

.section-title-normal {
  display:inline-block;
  margin-bottom:0;
  border-bottom:0;
  border-radius:5px;
}

.hdevvn-show-cats:before {
  width:50px;
  height:1px;
  content:"";
  position:absolute;
  top:46%;
  left:0;
  background:#FFF;
}

.section-title-normal {
  background:#00499e;
}

.section-title-normal b {
  display:none;
}

.section-title-main {
  position:relative;
}

.section-title-main:after {
  width:50px;
  height:1px;
  content:"";
  position:absolute;
  top:56%;
  left:103%;
  background:#FFF;
}

span.hdevvn-show-cats li {display: none}

.section-title-container {
  margin-bottom:15px;
}

.section-title-normal span {
  position:relative;
  display:inline-block;
  float:left;
  margin-right:15px;
  padding-bottom:0;
  border-bottom:0;
  margin-bottom:0;
  font-size:20px;
  color:white !important;
  padding:10px;
}

.section-title a {
  font-size:14px;
  margin-left:auto;
  color:white;
  margin-right:10px;
}

/* CSS DOT SLIDER */
.flickity-page-dots .dot.is-selected {	background-color: var(--jet-primary)!important;	border-color :var(--jet-primary)!important;	padding: 0px 10px;    }
.flickity-page-dots .dot {height: 2px;border-radius: 10px; background-color:#fff!important; border-color : #fff!important;}