/*
Theme Name: WillGroup
Theme URI: https://willgroup.net
Author: One for All from WillGroup
Author URI: https://willgroup.net
Version: 1.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Global
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
#wpadminbar {
    position: fixed !important;
}
.row {
    margin-left: -10px;
    margin-right: -10px;
}
[class*='col-'] {
    padding-left: 10px;
    padding-right: 10px;
}
.row-small {
    margin-left: -5px;
    margin-right: -5px;
}
.col-small {
    padding-left: 5px;
    padding-right: 5px;
}
@media (max-width: 767px) {
    .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    [class*='col-'] {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
}
* {
    outline: none !important;
}
img {
    max-width: 100%;
    height: auto;
}
.img-cover {
    object-fit: cover;
}
iframe {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
b, strong {
    font-weight: 600;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #212529;
}
a:hover {
    text-decoration: none;
    color: #D94326;
}
small,
.small {
    font-size: 85%;
}
.font-size-body {
    font-size: 0.875rem !important;
}
.font-weight-medium {
    font-weight: 500 !important;
}
.lead {
    font-size: 1.125rem !important;
    font-weight: 500;
}
.text-primary {
    color: #D94326 !important;
}
a.text-primary:hover {
    color: #212529 !important;
}
a.text-body:hover {
    color: #D94326 !important;
}
.bg-cover {
    background-color: #cfd4db;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bg-primary {
    background-color: #D94326 !important;
}
.bg-dark {
	background-color: #212529 !important;
}
.border-primary {
    border-color: #D94326 !important;
}
.ls-1 {
    letter-spacing: 1px;
}
.lh-1 {
    line-height: 1;
}
.lh-12 {
    line-height: 1.2;
}
.separator {
    background-color: #212529;
    width: 100px;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5rem;
}
.svg {
    height: 0.875rem;
}
.svg-6 {
    height: 1rem;
}
.svg-5 {
    height: 1.25rem;
}
.svg-4 {
    height: 1.5rem;
}
.svg-3 {
    height: 1.75rem;
}
.svg-2 {
    height: 2rem;
}
.svg-1 {
    height: 2.5rem;
}
.svg-body {
    fill: #212529;
}
.svg-primary {
    fill: #D94326;
}
.svg-muted {
    fill: #6c757d;
}
.svg-white {
    fill: #FFF;
}
.svg-dark {
    fill: #212529;
}
.svg-spin {
    -webkit-animation:fa-spin 2s linear infinite;
    animation:fa-spin 2s linear infinite
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}

/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
.form-control::-webkit-input-placeholder {
    color: #999;
}
.form-control::-moz-placeholder {
    color: #999;
}
.form-control:-ms-input-placeholder {
    color: #999;
}
.form-control:-moz-placeholder {
    color: #999;
}
button {
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.required {
    color: #F00;
}
.form-control,
.custom-select {
    font-size: 0.875rem;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; 
}
.custom-select:focus,
.form-control:focus {
    border-color: #D94326;
    box-shadow: none;
}
.form-control-lg {
    font-size: 1rem;
}
.btn {
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
}
.btn:focus,
.btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}
.btn-lg {
    font-size: 1rem;
}
.btn-1 {
    min-width: 10rem;
}
.btn-primary,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    color: #FFF;
    background: #D94326;
    border-color: #D94326;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
    background: #212529;
    border-color: #212529;
}
.btn-outline-primary,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    color: #D94326;
    background: #FFF;
    border-color: #D94326;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #FFF;
    background: #212529;
    border-color: #212529;
}
.btn-dark,
.btn-dark:not(:disabled):not(.disabled):active:focus {
    color: #FFF;
    background: #212529;
    border-color: #212529;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:not(:disabled):not(.disabled):active {
    color: #FFF;
    background: #D94326;
    border-color: #D94326;
}
.btn-outline-dark,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus {
    color: #212529;
    background: transparent;
    border-color: #E5E5E5;
}
.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active {
    color: #FFF;
    background: #D94326;
    border-color: #D94326;
}

/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/
.breadcrumb {
    font-size: 0.875rem;
    text-transform: uppercase;
    background-color: transparent;
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.75rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: '';
    width: 1px;
    height: 1rem;
    background-color: #6c757d;
    padding-right: 0;
    margin-top: 2px;
    margin-right: 0.75rem;
}
.breadcrumb-item a,
.breadcrumb-item.active {
    color: #212529;
}
.breadcrumb-item > a:hover {
	color: #D94326;
}
@media (max-width: 575px) {
    .single .breadcrumb-item.active {
        display: none;
    }
}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.woocommerce-pagination,
.nav-pagination {
    margin-bottom: 1.5rem
}
.woocommerce-pagination ul,
.pagination {
    list-style: none;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-bottom: 0;
}
.woocommerce-pagination li,
.pagination li {
    margin: 0 0.25rem 0.5rem;
}
.woocommerce-pagination li a,
.woocommerce-pagination li span,
.pagination li a {
    color: #212529;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.pagination .page-link:hover,
.pagination .page-item.active .page-link {
    color: #fff;
    background: #D94326;
    border-color: #D94326;
}

/*--------------------------------------------------------------
# Tabs
--------------------------------------------------------------*/
.nav-tabs a {
    font-weight: 600;
    text-transform: uppercase;
    color: #999;
    border-bottom: 1px solid transparent;
    padding-bottom: 0.5rem;
    margin-right: 1.5rem;
}
.nav-tabs a:hover,
.nav-tabs a.active {
    color: #212529;
    border-bottom-color: #212529;
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.modal-dialog {
    min-height: calc(100vh - 3.75rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-content {
    border-radius: 0;
}
.modal-header {
    justify-content: center;
}
.modal-title {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
.modal-footer {
    background-color: #e0e0e0;
    justify-content: center;
}
.modal-close {
    font-size: 1.5rem;
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    z-index: 10;
    top: 0.75rem;
    right: 0;
}
.modal-close:before,
.modal-close:after {
    content: ' ';
    background: #6c757d;
    display: block;
    width: 2px;
    height: 1.25rem;
    margin-top: -0.625rem;
    margin-left: -1px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.modal-close:before {
    transform: rotateZ(-45deg);
}
.modal-close:after {
    transform: rotateZ(45deg);
}
.modal-close:hover:before,
.modal-close:hover:after {
    background: #D94326;
}

/*--------------------------------------------------------------
# Collapse
--------------------------------------------------------------*/
.toggle-collapse::after {
    content: ' ';
    border-bottom: 1px solid #212529;
    border-right: 1px solid #212529;
    display: inline-block;
    vertical-align: middle;
    width: 0.375rem;
    height: 0.375rem;
    margin-top: 2px;
    margin-left: 0.25rem;
    transform: rotateZ(-135deg);
    transition: transform 0.3s ease 0s;
}
.toggle-collapse.collapsed::after {
    margin-top: -0.25rem;
    transform: rotateZ(45deg);
}

/*--------------------------------------------------------------
# site header
--------------------------------------------------------------*/
.site {
    padding-top: 64px;
}
.site-header {
    background-color: #FFF;
    border-bottom: 1px solid #ededed;
}
.admin-bar .site-header {
    top: 32px;
}
.site-logo {
    font-size: 0;
}
.site-logo img { 
    max-height: 3rem;
}
@media (min-width: 992px) {
    .site {
        padding-top: 86px;
    }
}
@media (max-width: 782px) {
    .admin-bar .site-header {
        top: 46px;
    }
}

/*--------------------------------------------------------------
## site nav
--------------------------------------------------------------*/
.site-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.site-nav .menu {
    display: flex;
}
.site-nav .menu > li {
    position: relative;
}
.site-nav .menu > li > a {
    font-weight: 500;
    text-transform: uppercase;
    color: #212529;
    display: block;
    padding: 2rem 1rem;
}
.site-nav .menu > li:hover > a {
    color: #D94326;
}
.site-nav .menu > li.menu-item-has-children > a::after {
    content: '';
    border-bottom: 1px solid #212529;
    border-right: 1px solid #212529;
    display: inline-block;
    vertical-align: middle;
    width: 0.375rem;
    height: 0.375rem;
    margin-top: -0.25rem;
    margin-left: 0.5rem;
    transform: rotate(45deg);
    transition: border-color 0.3s ease 0s;
}
.site-nav .menu > li.menu-item-has-children:hover > a::after {
    border-color: #D94326;
}
.site-nav .sub-menu {
    white-space: nowrap;
    background-color: #FFF;
    border: 1px solid #ededed;
    display: none;
    padding: 1rem;
    position: absolute;
    z-index: 12;
    top: 100%;
    left: 0;
    min-width: 12rem;
}
.site-nav .sub-menu > li {
    position: relative;
}
.site-nav .sub-menu > li > a {
    font-size: 0.875rem;
    color: #343535;
    display: block;
    padding: 0.5rem;
}
.site-nav .sub-menu > li:hover > a {
    color: #D94326;
}
.site-nav .sub-menu > li > .sub-menu {
    top: 0;
    left: 100%;
}
@media (min-width: 992px) {
    .site-nav li:hover > .sub-menu {
        display: block !important;
    }
}
@media (max-width: 991px) {
    .site-nav {
        background-color: #FFF;
        overflow-y: auto;
        width: 15rem;
        padding-top: 4rem;
        position: fixed;
        left: -15rem;
        top: 0; 
        bottom: 0;
        transition: all 0.3s ease 0s;
        z-index: 1102;
    }
    .admin-bar .site-nav {
        top: 32px;
    }
    body.active-site-nav .site-nav {
        left: 0;
    }
    .site-nav-overlay {
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1101;
        top: 0;
        left: 0;
        visibility: hidden;
        opacity: 0;
        transition: visibility, opacity 0.3s ease 0s;
    }
    body.active-site-nav .site-nav-overlay {
        visibility: visible;
        opacity: 1;
    }
    .site-nav .menu {
        display: block;
    }
    .site-nav .menu > li {
        padding: 0.5rem 2rem 0.5rem 1rem;
        margin-left: 0;
    }
    .site-nav .menu > li > a {
        display: inline;
        padding: 0;
    }
    .site-nav li.menu-item-has-children > a::after {
        display: none !important;
    }
    .site-nav .menu > li.menu-item-has-children::after {
        content: ' ';
        border-top: 1px solid #121F38;
        border-left: 1px solid #121F38;
        cursor: pointer;
        float: right;
        width: 0.5rem;
        height: 0.5rem;
        position: absolute;
        top: 0.75rem;
        right: 1rem;
        transform: rotateZ(-135deg);
        transition: all 0.3s ease 0s;
    }
    .site-nav .menu > li.menu-item-has-children:hover::after {
        border-color: #D94326;
    }
    .site-nav .menu > li.menu-item-has-children.active::after {
        top: 1rem;
        transform: rotateZ(45deg);
    }
    .site-nav .sub-menu {
        background-color: transparent;
        border: 0;
        clear: both;
        display: none;
        min-width: 0;
        padding: 0.5rem;
        position: relative;
        top: 0;
        left: 0;
    }
    .site-nav .sub-menu .sub-menu {
        display: block;
    }
    .site-nav .menu > li:hover > .sub-menu {
        display: none;
    }

    .site-nav-toggler {
        width: 25px;
        height: 15px;
        display: block;
        position: relative;
        z-index: 1103;
    }
    .site-nav-toggler-icon:before, 
    .site-nav-toggler-icon:after {
        content: ' ';
        display: block;
    }
    .site-nav-toggler-icon, 
    .site-nav-toggler-icon:before, 
    .site-nav-toggler-icon:after {
        width: 25px;
        height: 2px;
        background-color: #212529;
        position: absolute;
        transition: transform 0.15s ease 0s;
    }
    body.active-site-nav .site-nav-toggler-icon, 
    body.active-site-nav .site-nav-toggler-icon:before, 
    body.active-site-nav .site-nav-toggler-icon:after {
        background-color: #D94326;
    }
    .site-nav-toggler-icon {
        top: 0;
        left: 0;
    }
    .site-nav-toggler-icon:before {
        top: 7px;
        left: 0;
        transition: transform, opacity 0.15s ease 0s;
    }
    .site-nav-toggler-icon:after {
        top: 14px;
        left: 0;
    }
    body.active-site-nav .site-nav-toggler .site-nav-toggler-icon {
        transform: translate3d(0, 10px, 0) rotate(45deg);
        -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
        -ms-transform: translate3d(0, 10px, 0) rotate(45deg);
    }
    body.active-site-nav .site-nav-toggler .site-nav-toggler-icon:before {
        opacity: 0;
        left: 0;
        transform: rotate(-45deg) translate3d(-6px, -6px, 0);
        -webkit-transform: rotate(-45deg) translate3d(-6px, -6px, 0);
        -ms-transform: rotate(-45deg) translate3d(-6px, -6px, 0);
    }
    body.active-site-nav .site-nav-toggler .site-nav-toggler-icon:after {
        left: 0;
        transform: translate3d(0, -14px, 0) rotate(-90deg);
        -webkit-transform: translate3d(0, -14px, 0) rotate(-90deg);
        -ms-transform: translate3d(0, -14px, 0) rotate(-90deg);
    }
}
@media (max-width: 782px) {
    .admin-bar .site-nav {
        top: 46px;
    }
}

/*--------------------------------------------------------------
# Swiper
--------------------------------------------------------------*/
.swiper-button-prev,
.swiper-button-next {
    color: #FFF;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
    color: #D94326;
}
.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 2.5rem;
    transition: color 0.3s ease 0s;
}
.swiper-pagination-bullet {
	width: 0.75rem;
	height: 0.75rem;
}
.swiper-pagination-bullet-active {
	background: #D94326;
}
.swiper .col-archive-product {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/*--------------------------------------------------------------
# Site slider
--------------------------------------------------------------*/
.site-slider .swiper-slide a {
    max-height: 450px;
}

/*--------------------------------------------------------------
# Section title
--------------------------------------------------------------*/
.section-title {
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
}
.section-title:before {
	content: ' ';
	background-color: #212529;
	display: block;
	width: 2rem;
	height: 1px;
	margin-right: 0.5rem;
}
.section-title:after {
	content: ' ';
	background-color: #212529;
	display: block;
	width: 2rem;
	height: 1px;
	margin-left: 0.5rem;
}
@media (min-width: 768px) {
	.section-title {
		font-size: 1.75rem;
	}
    .section-title:before {
        width: 4rem;
        margin-right: 1rem;
    }
    .section-title:after {
        width: 4rem;
        margin-left: 1rem;
    }
}

/*--------------------------------------------------------------
# widget
--------------------------------------------------------------*/
.widget ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.widget .wp-block-categories li {
    display: flex;
}
.widget .wp-block-categories li + li,
.widget .menu li + li {
    border-top: 1px solid #dee2e6;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
}
.widget .wp-block-categories li a,
.widget .menu li a {
    text-transform: uppercase;
    color: #212529;
    margin-right: auto;
}
.widget .wp-block-categories li a:hover,
.widget .menu li a:hover {
    color: #D94326;
}
.widget ol {
	list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.widget ol li {
	line-height: 1.2;
	padding-left: 2.5rem;
	margin-bottom: 0.5rem;
	position: relative;
}
.widget ol li + li {
    border-top: 1px solid #e5e5e5;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
}
.widget ol li::before {
	content: '1';
	font-family: 'Times New Roman', cursive;
    font-size: 2rem;
    color: #999;
    border-right: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    padding-right: 0.5rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    transition: color 0.3s ease 0s;
}
.widget ol li + li::before {
	content: '2';
}
.widget ol li + li + li::before {
	content: '3';
}
.widget ol li + li + li + li::before {
	content: '4';
}
.widget ol li + li + li + li + li::before {
	content: '5';
}
.widget ol li:hover::before {
	color: #212529;
}
.widget ol li + li::before {
	top: 0.75rem;
}
.widget ol li a {
    font-size: 1rem;
    color: #212529;
}
.widget ol li a:hover {
    color: #D94326;
}
.widget ol li a:first-child {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #999;
}
.widget ol li a:hover:first-child {
	color: #212529;
}

.widget .product_list_widget li {
	color: #D94326;    
    margin-bottom: 1rem;
}
.widget .product_list_widget img {
    float: left;
    width: 4rem;
    margin-right: 1rem;
}
.widget .product_list_widget .product-title {
    display: block;
    line-height: 1.2;
    margin-bottom: 0.25rem;
}
.widget .product_list_widget .amount {
    font-weight: 500;
    color: #D94326;    
}
.widget .product_list_widget ins {
    text-decoration: none;
}
.widget .product_list_widget del {
    font-size: 0.75rem;
    color: #6c757d;
    margin-right: 0.25rem;
}
.widget .product_list_widget del .amount {
    color: #6c757d;
}
.widget .product_list_widget li:after {
    content: ' ';
    display: table;
    clear: both;
}

/*--------------------------------------------------------------
# widget filter
--------------------------------------------------------------*/
.widget-filter h3 {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li {
    position: relative;
    margin-bottom: 0.5rem;
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li label {
    padding-left: 1.5rem;
    margin-bottom: 0;
    position: relative;
    transition: color 0.3s ease 0s;
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li label:hover {
    color: #D94326;
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li label::before {
    content: '';
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    height: 1rem;
    width: 1rem;
    position: absolute;
    top: 2px;
    left: 0;
    transition: border-color 0.3s ease 0s;
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li:hover input ~ label::before {
    border-color: #D94326;
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li input:checked ~ label::before {
    background-color: #D94326;
    border-color: #D94326;
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li label::after {
    content: '';
    position: absolute;
    display: none;
    left: 6px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li input:checked ~ label::after {
    display: block;
}
.wc-block-components-price-slider__range-input-progress {
    height: 9px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    --range-color: #D94326;
}
.wc-block-price-filter__controls input {
    font-size: 0.75rem;
    border: 1px solid #ced4da !important;
    padding: 0.25rem !important;
    margin-right: 0.5rem !important;
}
.wc-block-components-filter-submit-button {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #FFF;
    background-color: #212529;
    border: 1px solid #212529;
    padding: 0.25rem;
}
.wc-block-components-filter-submit-button:hover {
    background-color: #D94326;
    border-color: #D94326;
}

/*--------------------------------------------------------------
# archive product
--------------------------------------------------------------*/
.woocommerce-Price-currencySymbol {
    position: relative;
}
.woocommerce-info {
    color: #856404;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    border-radius: 0.25rem;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1.5rem;
    position: relative;
}
.archive-product .price {
    font-size: 1rem;
    font-weight: 500;
    color: #D94326;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0;
}
.archive-product .price ins {
    text-decoration: none;
    order: 1;
    margin-right: 0.5rem;
}
.archive-product .price del {
    font-size: 0.875rem;
    color: #999;
    order: 2;
}

/*--------------------------------------------------------------
# single product
--------------------------------------------------------------*/
.product-thumbs .swiper-slide a::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity 0.3s ease 0s;
}
.product-thumbs .swiper-slide-thumb-active a::before {
    opacity: 0;
}
.product .summary .price {
    font-size: 1.5rem;
    font-weight: 500;
    color: #D94326;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    line-height: 1.2;
}
.product .summary .price ins {
    text-decoration: none;
    order: 1;
    margin-right: 0.5rem;
}
.product .summary .price del {
    font-size: 1.25rem;
    color: #999;
    order: 2;
}
.product .summary .woocommerce-product-details__short-description {
    text-align: justify;
}

/*--------------------------------------------------------------
# Entry
--------------------------------------------------------------*/
.entry-content {
    font-size: 1rem;
    line-height: 1.6;
}
.entry-content a {
    text-decoration: underline;
    color: #D94326;
}
.entry-content a:hover {
    color: #212529;
}
.entry-content cite {
    font-style: normal
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.entry-content blockquote {
    font-weight: 500;
    background-color: #f8f9fa;
    border-left: 0.25rem solid #D94326;
    padding: 1rem 1.5rem 1px 1.5rem;
}
.entry-content ul {
    list-style: none;
    padding-left: 0;
}
.entry-content ul > li {
    padding-left: 1rem;
    position: relative;
}
.entry-content ul > li:before {
    content: ' ';
    background-color: #D94326;
    border-radius: 50%;
    display: block;
    width: 0.375rem;
    height: 0.375rem;
    position: absolute;
    top: 0.5rem;
    left: 0;
}
.entry-content ul > li,
.entry-content ol > li {
    margin-bottom: 0.25rem;
}
.entry-content table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 100%;
}
.entry-content table th,
.entry-content table td {
    padding: 0.5rem;
}
.entry-content table tr + tr th,
.entry-content table tr + tr td {
    border-top: 1px solid #dee2e6;
}
.entry-content img.centered,
.entry-content .aligncenter {
    display: block;
    margin: 0 auto 1rem;
}
.entry-content img.alignnone {
    margin-bottom: 0;
}
.entry-content .alignleft {
    float: left;
    text-align: left
}
.entry-content .alignright {
    float: right;
    text-align: right
}
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
    margin: 0 1rem 1rem 0;
}
.entry-content img.alignright,
.entry-content .wp-caption.alignright {
    margin: 0 0 1rem 1rem;
}
.entry-content .wp-caption {
    max-width: 100%
}
.entry-content .wp-caption-text {
    font-size: 0.875rem;
    background-color: #f8f9fa;
    padding: 0.5rem 0.75rem;
}
.entry-content iframe {
    width: 100%;
    height: 500px;
}
@media (max-width: 576px){
    .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
        font-size: 1.25rem;
    }
}

/*--------------------------------------------------------------
# site footer
--------------------------------------------------------------*/
.site-footer a {
    color: #212529;
}
.site-footer a:hover {
    color: #D94326;
}
.site-footer ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.site-footer ul li {
	margin-bottom: 0.75rem;
}
.site-footer ul li a::before {
	content: '';
    border-top: 1px solid #212529;
    border-right: 1px solid #212529;
    display: inline-block;
    vertical-align: middle;
    width: 0.375rem;
    height: 0.375rem;
    margin-top: -2px;
    margin-right: 0.5rem;
    transform: rotate(45deg);
    transition: border-color 0.3s ease 0s;
}
.site-footer ul li a:hover::before {
    border-color: #D94326;
}
.footer-social-networks a {
	background-color: #212529;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.875rem;
	height: 1.875rem;
}
.footer-social-networks a:hover {
	background-color: #D94326;
}
.footer-social-networks svg {
	fill: #FFF;
	height: 1rem;
}

/*--------------------------------------------------------------
# fixed contact
--------------------------------------------------------------*/
.fixed-contact {
    position: fixed;
    z-index: 1000;
    bottom: 1rem;
    right: 1rem;
}
.fixed-phone,
.fixed-zalo,
.fixed-messenger {
    background-color: #D94326;
}
.fixed-phone:hover,
.fixed-zalo:hover,
.fixed-messenger:hover {
    background-color: #212529;
}
.fixed-zalo,
.fixed-messenger {
    width: 3rem; 
    height: 3rem; 
}
.fixed-zalo img {
    height: 1.75rem;
}
.fixed-phone {
    padding: 0.375rem 0.75rem;
}

@media (max-width: 767px) {
	.fixed-zalo,
	.fixed-messenger {
		width: 2.5rem;
		height: 2.5rem;
	}
	.fixed-phone {
		padding: 0.25rem 0.75rem;
	}
	.fixed-zalo img,
	.fixed-messenger svg,
	.fixed-phone svg {
		height: 1.375rem;
	}
	.fixed-phone .lead {
		font-size: 1rem !important;
	}
}