/*
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 {
	--jet-primary : #d10000;
	--jet-secondary : #d2ad31;
	--jet-tertiary: #fff3cd;
}
.col {padding-bottom: 5px!important;}
p {margin-bottom: 5px;}
.is-divider {display: none;}
table {margin-bottom: 0;}
.row-kqxs-custome {padding: 20px 0}
.col-dudoan-xs > .col-inner{padding: 10px; border-radius: 10px;box-shadow: 0 0 10px #dcdcdc;}

.xs-main-table th:first-child, .xs-main-table td:first-child, .th-loto-head-label, .th-loto-tail-label { text-align: center;}

.jet-taxonomy .col {
    padding: 0px 15px 15px 0px;
}

.jet-taxonomy h2 {
    margin-top: 10px;
}

.jet-taxonomy .from_the_blog_excerpt {
    text-align: justify;
}

.jet-taxonomy .post-title , #custom_html-2 .post-title{
    font-size: 16px;
    margin: 5px 0px;
}

.jet-taxonomy .box-image img, #custom_html-2 .box-image img {
    border-radius: 10px;
}

.jet-breadcums {
    background: #f0f0f0; 
    padding:0; 
    margin-bottom:10px
}
.jet-breadcums .col {
    padding-bottom: 0; 
    height:50px ; 
    line-height: 50px;
    overflow: hidden
}






































#menu-menu-footer li a {color: var(--jet-primary); font-weight: 600; font-size: 15px;}
#menu-menu-footer li a:hover {text-decoration: underline;}
.copyright-footer {	color: #000;}

/* CSS BUTTON SLIDER CUSTOM*/
.mfp-arrow, .mfp-counter {color: #000}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer}

.jet-slider .flickity-prev-next-button {
    width: 50px;
}

.jet-slider .flickity-prev-next-button,
.jet-slider .slider-show-nav .flickity-prev-next-button, 
.jet-slider .slider:hover .flickity-prev-next-button {
    opacity: 1;
}

.jet-slider .flickity-prev-next-button svg, 
.jet-slider .slider-nav-circle .flickity-prev-next-button:hover .arrow, 
.jet-slider .slider-nav-circle .flickity-prev-next-button:hover svg {
    background-color: var(--jet-primary);
    border-color: var(--jet-primary)!important;
    padding: 16px;
    fill: #000!important;
    border-radius: 99px
}

.jet-slider .flickity-page-dots {
    bottom: 5%;
    background-color: #fff;
    padding : 10px 20px;
    border-radius: 99px;
    width: max-content;
    margin: 0 auto;
    box-shadow: 0 0 10px #dcdcdc;
}

.jet-slider .flickity-page-dots .dot {
    width: 8px;
    height: 8px;
	border-color: var(--jet-primary);
	background-color: var(--jet-primary);
	opacity: .8
}

.jet-slider .flickity-page-dots .dot.is-selected {
    width: 30px;
    border-radius: 99px;
	border-color: var(--jet-primary);
	background-color: var(--jet-primary)
}

/* CSS PAGINATION CUSTOM */
.nav-pagination li span, .nav-pagination li a{height: 2.75em;    line-height: 2.5em;    min-width: 2.75em; border: 0}
.nav-pagination li a {background: #efefef}