/*
Theme Name: Phụ kiện Garis
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:#db0000}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:black}
.nav-dropdown-default>li:hover{background:white; color: black;}
ul.sub-menu.nav-dropdown.nav-dropdown-default, ul.sub-menu.nav-column.nav-dropdown-default {
    background: #ffffff;
}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
    margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
    left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
ul.sub-menu.nav-column.nav-dropdown-default li:hover {
    background: white;
	color: black;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color: white;
}
.nav-dropdown .menu-item-has-children > a, .nav-dropdown .nav-dropdown-col > a, .nav-dropdown .title > a {
    color: black;
}
.nav-dropdown .nav-dropdown-col > ul li a {
    color: black;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li a:hover {
    color: black !important;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li a {
    color: black;
}
.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover {
    color: hsl(0deg 0% 100% / 85%);
}
div#mega-menu-title {
    background: #F36C20;
}
ul#mega_menu {
    margin-top: 5.5px;
}
ul#mega_menu {
    width: 250px;
    height: 510px;
    overflow: auto;
}
ul#mega_menu {
    scrollbar-color: #F36C20 white;
	scrollbar-width: thin;
}
ul#mega_menu {
    width: 315px;
}
ul#mega_menu li {
    height: 43px;
}

.sanphamhome .flickity-prev-next-button.previous {
    left: 90%;
}
.sanphamhome .flickity-prev-next-button {
    opacity: 1;
}
.sanphamhome .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: -43%;
}
.sanphamhome .slider-nav-circle .flickity-prev-next-button svg {
    border: 0;
    border-radius: 100%;
    background-color: #9a1b1f;
    border-radius: 0;
    color: white;
}
.sanphamhome span.woocommerce-Price-amount.amount bdi {
    font-size: 18px;
}
.tithome .section-title-normal span {
    border-bottom: 4px solid #0301BB;
}
.sanphamhome svg.flickity-button-icon {
    color: #0301BB !important;
}
.sanphamhome svg.flickity-button-icon:hover {
    color: #0301BB !important;
}



.tintuc .flickity-prev-next-button.previous {
    left: 90%;
}
.tintuc .flickity-prev-next-button {
    opacity: 1;
}
.tintuc .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: -72%;
}
.tintuc .slider-nav-circle .flickity-prev-next-button svg {
    border: 0;
    border-radius: 100%;
    background-color: #9a1b1f;
    border-radius: 0;
    color: white;
}
.tintuc .flickity-prev-next-button.next {
    right: -2%;
}


.cathome p.is-xsmall.uppercase.count {
    display: none;
}
.spmoi {background: linear-gradient(90deg, rgba(243,108,33,1) 0%, rgba(243,108,33,1) 17%, rgba(255,219,33,1) 100%);}
a.button.primary.goihotline:after {
    content: 'Gọi hotline để được giá tốt nhất';
    text-transform: capitalize;
    display: block;
    margin-top: -15px !important;
	text-transform: uppercase;
}
a.button.primary.goihotline {
    margin-top: -30px;
	width: 98%;
    margin-bottom: 5px;
	box-shadow: 0 0 0 0 rgba(3, 1, 187, 0.4);
-moz-animation: pulse 2s infinite;
-webkit-animation: pulse 2s infinite;
animation: pulse 2s infinite;
	background-color: #0301BB;
	font-size: 18px;
}
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(3, 1, 187, 1);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(3, 1, 187, 0);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(3, 1, 187, 0);
    }
}
span.posted_in {
    display: none;
}


.price-wrapper p.price.product-page-price.price-on-sale del span.woocommerce-Price-amount.amount:before {
    content: 'Giá niêm yết: ';
    text-decoration: none !important;
    font-size: 22px;
	color: #282828;
}
.price-wrapper p.price.product-page-price.price-on-sale del span.woocommerce-Price-amount.amount bdi {text-decoration: line-through;}
.price-wrapper p.price.product-page-price.price-on-sale del {text-decoration: none;}
.price-wrapper p.price.product-page-price.price-on-sale del span.woocommerce-Price-amount.amount {text-decoration: none;}
.product-info.summary.entry-summary.col.col-fit.product-summary .price del span.woocommerce-Price-amount.amount bdi{text-decoration: line-through;}
.product-price-container.is-normal .price-wrapper p.price.product-page-price.price-on-sale ins span.woocommerce-Price-amount.amount:before {
    content: 'Giá tham khảo:';
    display: inline-block;
    margin-right: 5px;
    padding-top: 20px;
    font-size: 22px;
}
span.woocommerce-Price-amount.amount {
/*    display: block;*/
}
span.woocommerce-Price-amount.amount bdi {
    font-size: 22px;
}
span.sku_wrapper {
    border-top: none;
	font-size: 14px;
	border-bottom: solid 1px #4a4949;
}
li#tab-title-description a:before {
    background-color: #0a0a0a00;
}
li#tab-title-description a, li#tab-title-spec_tab a, li#tab-title-images_tab a {
    font-size: 16px;
    text-transform: math-auto;
}
div#tab-description {
    line-height: normal;
}
.product-short-description {
    line-height: normal;
}

.product-small .box-image:hover::before{
-webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}

/*hover light image product*/
/*
.product-small .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}*/

.product .box-text.text-left {
    border-radius: 0px 0px 5px 5px;
}
.product span.woocommerce-Price-amount.amount bdi {
    font-size: 18px;
}
.product .box-image {
    padding: 10px;
    background: white;
	border-radius: 5px 5px 0px 0px;
}
.iconbox .icon-inner {
    background-color: #F36C20;
    padding: 15px;
    width: 80px;
    height: 80px;
	border-radius: 50%;
}
.entry-divider.is-divider.small, .is-divider {
    display: none;
}
.entry-content.single-page {
    margin-top: -25px;
}
ul.toc_list li a span.toc_number.toc_depth_1:after {
    content: '.';
}
ul.toc_list {
    font-weight: bold;
}

p.toc_title {
    font-size: 16px;
}
span.widget-title.shop-sidebar,span.widget-title {
    color: #ffffff;
    text-transform: math-auto;
    display: block;
    font-size: 20px;
    background: #0301BB;
    padding: 8px 0px 8px 5px;
}
span.widget-title
.sidebar span.woocommerce-Price-amount.amount bdi {
    font-size: 15px;
}
.sidebar li {
    margin-left: 0px !important;
}
.sidebar img.attachment-woocommerce_gallery_thumbnail.size-woocommerce_gallery_thumbnail, aside#flatsome_recent_posts-3 .badge.post-date.badge-outline {
    width: 75px;
    height: 75px;
}
.sidebar a, .sidebar span.woocommerce-Price-amount.amount bdi{
    padding-left: 15px !important;
}
.row-slider-image-box .flickity-prev-next-button {
    margin-top: -67% !important;
}
aside#flatsome_recent_posts-2 .badge.post-date.badge-outline {
    width: 75px;
	height: 75px;
}
ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-tabs.nav-normal.nav-left li a {
    color: black !important;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li a:before {
    content: "\f105";
    font-family: fl-icons;
    padding-right: 5px !important;
}
ul.product-categories li a:before {
    content: "\f105";
    font-family: fl-icons;
    padding-right: 5px !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
a.button.primary.goihotline:after {
    font-size: 13px;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page a {
    color: black !important;
}
.sanphamhome .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: -125%;
}
.tintuc .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: -120%;
    right: 0%;
}
.row-slider-image-box .flickity-prev-next-button {
    margin-top: -110% !important;
    margin-left: -25px;
}
}