/*
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 {
	--navy-blue : #102b4e;
	--yellow : #d2ad31;
}

.section-chinhsach .row .col:nth-child(1) .icon-box-img svg path{fill: #6dd3d1}
.section-chinhsach .row .col:nth-child(2) .icon-box-img svg,
.section-chinhsach .row .col:nth-child(2) .icon-box-img svg path{fill: #fabc59}
.section-chinhsach .row .col:nth-child(3) .icon-box-img svg path{fill: #f1805f}
.section-chinhsach .row .col-inner {padding: 30px;  width:300px; height: 300px;}
.section-chinhsach .row .col-inner:hover {background: #e57368; border-radius: 50%; cursor: pointer}
.section-chinhsach .row .col-inner:hover .icon-box-img svg,
.section-chinhsach .row .col-inner:hover .icon-box-img svg path{fill: #fff}
.section-chinhsach .row .col-inner:hover .text > * {color: #fff!important}

.section-lydo .icon-box-right {display: block}
.section-lydo .icon-box-text {padding-right: 0!important}

.section-lydo .row .col .icon-inner{border-radius: 50%; height:40px; padding: 7px; margin-bottom: 10px; }
.section-lydo .row .col .icon-inner img {padding-top: 0}
.section-lydo .row .col svg path{fill: #fff}
.section-lydo .row .col:nth-child(1) .icon-inner{ background: #92c5fe}
.section-lydo .row .col:nth-child(2) .icon-inner{ background: #c59dfd}
.section-lydo .row .col:nth-child(3) .icon-inner{ background: #fcb5af}
.section-lydo .row .col:nth-child(4) .icon-inner{ background: #ee87a5}
.section-lydo .row .col:nth-child(5) .icon-inner{ background: #7acbaa}
.section-lydo .row .col:nth-child(6) .icon-inner{ background: #e0f689}




.section-lydo .col-inner:hover .icon-box-img .icon {    animation: collection2 2s linear 0s infinite;    -webkit-animation: collection2 2s linear 0s infinite;}
.section-lydo .icon-box-img svg {padding-top: 0}

.header-search a {
	background: var(--primary-color);
	border-radius: 99px;
}
.header-search a i{
	color: #fff;
    padding: 0px 9px;
    line-height: .9em;
}

.pswp__bg, .mfp-bg.mfp-ready, .autocomplete-suggestions {
    background-color: var(--eras-primary)!important;
}

#baogia {border-radius: 10px;}
.form-lh .col {padding-bottom: 0}
.form-lh input[type=text], .form-lh input[type=email], .form-lh input[type=tel] {
	height: 45px; border-radius: 10px;
}

#footer .col.post-item {padding-bottom: 0}
#footer .is-divider {display: none}

.copyright-footer {	color: #000;}

.jet-taxonomy { padding: 10px ;}
.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-featured .col  {
    padding-left: 15px;
}




#block_widget-2 .box-vertical .box-text {
	padding-left: 1em;
	padding-right: 1em;
}

#block_widget-2 .price-wrapper .price > .amount bdi, #block_widget-2 ins span.amount bdi{
	font-size: 14px;
}

#block_widget-2 h5.post-title a, #block_widget-2 .title-wrapper p a {
	height: auto;
}


.row-slide .col {padding-bottom: 20px}
.row-slide .col-inner img {
    border-radius: 10px;
    height: 100px;
    width: 100%;
    object-fit: scale-down;
}

.row-block-category .box-text {
	position: absolute;
	left:2%;
	bottom: 0%;
}

.shop-container .products{margin-top: 10px}

/*CSS FLICKY*/
/*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 }


@-webkit-keyframes collection2 {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}