/**
 * Override Primary Color -> #FF6600 (Orange)
 * Target colors:
 *   Primary:        #FF6600
 *   Hover/Darker:   #e65c00
 *   Light bg:       rgba(255,102,0,.12)
 */

/* ============================================
   CSS VARIABLES (if theme uses them)
   ============================================ */
:root {
    --primary-color: #FF6600 !important;
    --primary-color-hover: #e65c00 !important;
    --primary-color-light: rgba(255,102,0,.12) !important;
}

/* ============================================
   HEADER / TOPBAR / NAVIGATION
   ============================================ */
.topnav {
    background: #FF6600 !important;
}

.menu_header > ul > li.current-menu-item > a,
.menu_header > ul > li.current-menu-ancestor > a,
.menu_header > ul > li.current_page_item > a,
.menu_header > ul > li.current_page_ancestor > a,
.menu_header > ul > li:hover > a,
.menu_header > ul > li:focus > a {
    color: #FF6600 !important;
}

/* ============================================
   SEARCH FORM
   ============================================ */
form#searchform input#s {
    border-color: #FF6600 !important;
}

form#searchform button#searchsubmit {
    background: #FF6600 !important;
}

a.menu_danhmuc_btn {
    background: #FF6600 !important;
}

#gototop {
    background: #FF6600 !important;
}

.price .amount {
    border-color: #FF6600 !important;
    color: #FF6600 !important;
}

.hotline_detail a {
    color: #FF6600 !important;
}

.amount {
    color: #FF6600 !important;
}

a.title_more {
    color: #FF6600 !important;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    color: #FF6600 !important;
    border: 1px solid #FF6600 !important;
}

.btn-default {
    background: #FF6600 !important;
}

a[class^="add_to_compare"] {
    color: #FF6600 !important;
}

.woocommerce .woocommerce-ordering a.active:after,
.woocommerce .woocommerce-ordering a:hover:after {
    background-color: #FF6600;
}

.woocommerce .woocommerce-ordering a.active:before,
.woocommerce .woocommerce-ordering a:hover:before {
    border-color: #FF6600;
}

/* ============================================
   ICON BOXES / HEADER ELEMENTS
   ============================================ */
.icon_box {
    background: #FF6600 !important;
}

/* ============================================
   BUTTONS / LINKS / TABS
   ============================================ */
a.btn-xemtskt {
    border-color: #FF6600 !important;
    color: #FF6600 !important;
}

ul.duan_tab li a.active {
    background: #FF6600 !important;
}

ul.duan_tab li a {
    color: #FF6600 !important;
    border-color: #FF6600 !important;
}

.tab_list_duan_box:hover {
    color: #FF6600 !important;
}

.list_cat_news ul li a {
    color: #FF6600 !important;
    border-color: #FF6600 !important;
}

.list_cat_news ul li a:hover,
.list_cat_news ul li a.active {
    background: #FF6600 !important;
}

/* ============================================
   WOOCOMMERCE ELEMENTS
   ============================================ */
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:active::before,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:focus::before,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover::before,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a::before {
    color: #FF6600 !important;
    border-color: #FF6600 !important;
    background: #FF6600 !important;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #FF6600 !important;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #FF6600 !important;
    border-color: #FF6600 !important;
    color: #fff !important;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #e65c00 !important;
    border-color: #e65c00 !important;
    color: #fff !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
    background: #FF6600 !important;
    border-color: #FF6600 !important;
    color: #fff !important;
}

#ship-to-different-address label input:checked~span:before {
    color: #FF6600 !important;
}

.devvn_button_checkout button {
    border-color: #FF6600 !important;
}

/* ============================================
   SECTION TITLES / HEADINGS
   ============================================ */
.devvn-title > span,
.devvn-title > h1 {
    background: #FF6600 !important;
}

.devvn-title > span:after,
.devvn-title > h1:after {
    border-top-color: #FF6600 !important;
}

@media (max-width: 991px) {
    .devvn-title > span::after,
    .devvn-title > h1::after {
        border-top-color: #FF6600 !important;
    }
}

/* ============================================
   LINKS / TEXT COLORS
   ============================================ */
div#thongsokythuat_rutgon a,
div#thongsokythuat a {
    color: #FF6600 !important;
}

.devvn_readmore_flatsome a {
    color: #FF6600 !important;
}

.form_content .tinymce strong {
    color: #FF6600 !important;
}

ul.list_infor li .fas {
    color: #FF6600 !important;
}

/* ============================================
   HOVER STATES / INTERACTIVE ELEMENTS
   ============================================ */
.list_dichvu_box:hover {
    background: #FF6600 !important;
}

.devvn_duan_img .devvn_news_img:after,
.devvn_duan_img .devvn_news_img:before {
    background: #FF6600 !important;
}

/* ============================================
   BORDERS / OUTLINES
   ============================================ */
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a::before {
    border-color: #FF6600 !important;
}

/* ============================================
   SPECIAL ELEMENTS
   ============================================ */
.hotline_detail svg {
    fill: #FF6600 !important;
}

div[class^="khuyen_mai_"] span {
    color: #FF6600 !important;
}

.butto_km_cat a {
    background-color: #FF6600 !important;
    color: #fff !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-top-color: #FF6600 !important;
}

.woocommerce-pagination .page-numbers.current,
.pagination .page-numbers.current {
    border-color: #FF6600 !important;
    color: #FF6600 !important;
}

/* ============================================
   ADDITIONAL WOOCOMMERCE SELECTORS
   ============================================ */
.woocommerce span.onsale {
    background-color: #FF6600 !important;
    color: #fff !important;
}

.woocommerce .star-rating span::before {
    color: #FF6600 !important;
}

.woocommerce div.product .product_meta a {
    color: #FF6600 !important;
}

.woocommerce-cart .cart_totals .shop_table .order-total {
    border-top-color: #FF6600 !important;
}

/* ============================================
   WIDGET TITLES / SIDEBAR
   ============================================ */
.widget-title::after,
.title-sidebar::after {
    border-top-color: #FF6600 !important;
}

/* ============================================
   FOOTER ELEMENTS
   ============================================ */
.site-footer a:hover {
    color: #FF6600 !important;
}

/* ============================================
   ACTIVE / FOCUS STATES
   ============================================ */
*:focus {
    outline-color: rgba(255,102,0, 0.5) !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #FF6600 !important;
    box-shadow: 0 0 0 1px rgba(255,102,0, 0.3) !important;
}