/*
Theme Name: Thietbicongnghe24h
Description: Official theme for thiebicongnghe24h.vn
Author: Onspace Studio
Template: flatsome
Version: 1.0.1
*/
/* --------------------------------------------------
 * Variants
 * ------------------------------------------------ */
:root {
    --primary-color: #005fa4 !important;
    --color-secondary: #de8826 !important;
    --fs-color-primary: #005fa4 !important;
    --fs-color-secondary: #de8826 !important;
    --fs-color-success: #627D47;
    --fs-color-alert: #b20000;
    --fs-color-base: #4a4a4a;
    --color-white: #fff;
    --color-black: #000;
}

.marquee {
    font-size: 15px;
    font-weight: 500;
    
    color: #fff;
    white-space: nowrap;
}

.marquee__inner {
    display: inline-flex;
    animation: marquee 50s linear infinite;
}

.marquee__inner span {
    padding: 0 2rem;
}

.marquee:hover .marquee__inner {
    animation-play-state: paused;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}
/* --------------------------------------------------
 * Header
 * ------------------------------------------------ */
.header-bottom {
    background-color: var(--primary-color) !important;
}

.header-bottom-nav>li>a,
.header-bottom-nav>li.active>a {
    color: var(--color-white);
}

.header-top {
    background-color: var(--primary-color);
}

.header-vertical-menu__tagline {
    display: none;
}

.header-vertical-menu__title {
    text-transform: uppercase;
}

.nav-divided>li+li>a:after {
    border-left: 1px solid var(--color-white);
    left: -24px;
}

.nav-spacing-xlarge>li {
    margin: 0 24px;
}

.social-icons .icon {
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 38px;
    display: inline-block;
    font-size: 1rem;
    color: var(--color-white);
    border-radius: 4px;
}

.social-icons .facebook {
    background-color: #3a589d;
}

.social-icons .youtube {
    background-color: #c33223;
}

.header-button .button {
    min-width: 34px;
    height: 34px;
    border-radius: 4px;
}

/* --------------------------------------------------
 * Main & Pages
 * ------------------------------------------------ */
.section-title-container .section-title b {
    opacity: 0 !important;
    color: #aea8af;
}

.section-title i {
    opacity: 1;
}

.section-title-container .section-title-center {
    border-bottom: 1px solid var(--primary-color);
}

.section-title-container .section-title-main {
    position: relative;
    color: var(--primary-color);
    text-transform: unset;
    padding-bottom: 10px;
    font-weight: 400;
}

.box-text {
    padding: 0;
}

.box-text .text {
    padding: 4px 8px;
    background-color: rgb(244, 243, 237);
    display: block;
    margin-top: 0;
}

.box-text .text h3,
.box-text .text h4,
.box-text .text a {
    color: var(--primary-color);
}

.box-text .hover-bounce {
    opacity: 1 !important;
    transform: scale(1) translateZ(0) translateY(10px) !important;
    transition: transform .3s;
}

.accordion-inner {
    color: var(--color-white);
    background-color: var(--primary-color);
    border-radius: 0 0 8px 8px;
}

.product-small.box {
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / .16), 0 3px 6px rgb(0 0 0 / .23);
}

.product-small.box .box-text {
    text-align: center;
    padding: 12px 16px;
}

.product-small.box .product-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.product-small.box .product-title a {
    color: #121212;
}

.product-small.box .price bdi {
    color: var(--fs-color-alert);
}

.header-wrapper .header-vertical-menu__fly-out {
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    box-shadow: none;
}

.nav-dropdown-has-border .nav-dropdown {
    border: none;
}

.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    border-bottom-color: var(--color-white);
}

.nav-dropdown-has-arrow li.has-dropdown:after {
    border: none;
}

.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: none;
}

.nav-dropdown {
    width: 340px;
    padding: 0;
}

.nav-dropdown li:hover {
    color: var(--color-white);
    background-color: var(--primary-color);
}

.nav-dropdown li:hover a {
    color: var(--color-white);
}

.post-item .box-image {
    margin-bottom: 10px;
}

.post-item .box-text .is-divider {
    display: none;
}

.box-push.box-text-bottom {
    background-color: var(--color-white);
}

.box-push.box-text-bottom a {
    color: var(--primary-color);
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

.box-push.box-text-bottom .box-text-inner {
    text-align: left;
}


#main .widget {
    padding: 0 10px 10px;
    background-color: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 0;
}

#main .widget .widget-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0;
    display: block;
    padding: 8px 20px;
    margin: 0 -10px 10px;
    background: var(--primary-color);
    border-radius: 0;
}

#main .widget .is-divider {
    display: none;
}

.category-page-row .shop-container .shop-top {
    padding: 8px;
    background: #f5f5f5;
    border: 1px solid #e4e4e4;
    border-bottom-width: 0;
}

.category-page-row .shop-container .shop-top .col {
    margin: 0;
    padding: 0 10px;
}

.category-page-row .shop-container .shop-top .shop-page-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-color);
    text-transform: uppercase;
    margin-bottom: 0;
}

.category-page-row .woocommerce-ordering,
.category-page-row .woocommerce-ordering select {
    margin: 0;
    font-size: 13px;
}

.category-page-row .shop-container .products {
    padding: 8px;
    border: 1px solid #e4e4e4;
    margin-left: -15px;
    margin-right: -15px;
}

/* --------------------------------------------------
 * Footer
 * ------------------------------------------------ */
.absolute-footer.dark {
    background-color: var(--primary-color);
}

.ux-menu-link__link {
    color: var(--color-white);
}

.ux-menu-link__link:hover {
    opacity: 0.8;
}