/* ============================================================================
   Famous Vitrified - brand theme
   ----------------------------------------------------------------------------
   Palette sampled directly from the company logo (public/img/logo.webp):

       #E31E23  red       9.8% of the logo
       #2C2928  charcoal  27.9%
       #FFFFFF  white     39.2%

   Contrast checked against WCAG AA:
       white on red      4.69:1   (AA for text)
       red on white      4.69:1   (AA for text)
       charcoal on white 14.43:1  (AA for text)

   Loaded AFTER css/style.css. style.css mixed three unrelated accents - a gold
   plus two different reds - so the rules below re-point all of them at one
   two-tone red taken from the logo.

   GENERATED FILE. Re-theming only needs the variables in :root changed; every
   rule below references them.
   ========================================================================== */

:root {
    --fv-red: #E31E23;
    --fv-red-dark: #B1171B;
    --fv-red-soft: #F29A9C;
    --fv-red-tint: #FCE9E9;

    --fv-ink: #2C2928;
    --fv-ink-body: #52504F;
    --fv-ink-muted: #858382;
    --fv-border: #D9D8D8;

    --fv-surface: #FFFFFF;
    --fv-surface-alt: #F8F8F7;

    --fv-accent: var(--fv-red);
}

a {
    color: var(--fv-red, #E31E23);
}

.title small {
    color: var(--fv-red, #E31E23);
}

a.btn_1, .btn_1 {
    background: var(--fv-red, #E31E23);
}

.phone_element a span {
    color: var(--fv-red, #E31E23);
}

.phone_element a i {
    color: var(--fv-red, #E31E23);
}

.social ul li a:hover {
    color: var(--fv-red, #E31E23);
}

.box_facilities i {
    color: var(--fv-red, #E31E23);
}

.box_item_info small {
    color: var(--fv-red, #E31E23);
}

.box_item_info .facilities ul li i {
    color: var(--fv-red, #E31E23);
}

.nav-tabs#customTab .nav-link:hover {
    color: var(--fv-red, #E31E23);
}

.custom_badge {
    background-color: var(--fv-red, #E31E23);
}

.list_ok ul li:before {
    color: var(--fv-red, #E31E23);
}

.error_message {
    color: var(--fv-red, #E31E23);
}

.footer-menu li a:hover, .footer_link a:hover {
    color: var(--fv-red-dark, #B1171B);
}

.copy a:hover {
    color: var(--fv-red-dark, #B1171B);
}

.section-head h4 {
    color: var(--fv-red, #E31E23);
}

.section-head h4:before {
    background: var(--fv-red, #E31E23);
}

.extra-text::before {
    background: var(--fv-red, #E31E23);
}

.extra-text span {
    color: var(--fv-red, #E31E23);
}

.item .icon {
    color: var(--fv-red, #E31E23);
}

.item .feature_box_col_one {
    color: var(--fv-red, #E31E23);
}

.item .feature_box_col_two {
    color: var(--fv-red, #E31E23);
}

.item .feature_box_col_three {
    color: var(--fv-red, #E31E23);
}

.item .feature_box_col_four {
    color: var(--fv-red, #E31E23);
}

.item .feature_box_col_five {
    color: var(--fv-red, #E31E23);
}

.item .feature_box_col_six {
    color: var(--fv-red, #E31E23);
}

.mission i {
    background: var(--fv-red, #E31E23);
}

.skills .prog-item .skills-progress span {
    background: var(--fv-red, #E31E23);
}

.full-body-h3 {
    border-bottom: 4px solid var(--fv-red-dark, #B1171B);
}

.sidebar-card .card-header {
    background: var(--fv-red-dark, #B1171B);
}

.sub-product:hover, .sub-product.active {
    background: var(--fv-red-dark, #B1171B);
}

.active-section {
    border-left: 4px solid var(--fv-red-dark, #B1171B);
}

.blog-section .category-tag {
    background: var(--fv-red, #E31E23);
}

.blog-section .popular {
    background: var(--fv-red-dark, #B1171B);
}

.catalogue-section .view-btn:hover, .catalogue-section .download-btn:hover {
    background: var(--fv-red-dark, #B1171B);
}

.catalogue-section .catalogue-section-text h4:hover {
    color: var(--fv-red-dark, #B1171B);
}

.faq-border {
    border-top: 1px solid var(--fv-red-dark, #B1171B);
}

.table-of-content-sec .title p {
    border-bottom: 4px solid var(--fv-red-dark, #B1171B);
}

.table-of-content-sec .toc a:hover {
    color: var(--fv-red-dark, #B1171B);
    border-color: var(--fv-red-dark, #B1171B);
}

.table-of-content-sec .title p {
    border-bottom: 4px solid var(--fv-red-dark, #B1171B);
}

.sidebar__widget-title {
    border-bottom: 3px solid var(--fv-red-dark, #B1171B);
}

.rc__post-thumb img {
    border: 2px solid var(--fv-red-dark, #B1171B);
}

.rc__meta i {
    color: var(--fv-red-dark, #B1171B);
}

.rc__post-title a:hover {
    color: var(--fv-red-dark, #B1171B);
}

.custom-tabs .nav-link:hover {
    background: var(--fv-red-dark, #B1171B);
}

.custom-tabs .nav-link.active {
    background: var(--fv-red-dark, #B1171B);
}

.tile-card {
    border-left: 4px solid var(--fv-red-dark, #B1171B);
}

.badge {
    background: var(--fv-red-dark, #B1171B);
}

.tile-card {
    border-top: 4px solid var(--fv-red-dark, #B1171B);
}

.custom-load-more-btn:hover {
    background-color: var(--fv-red-dark, #B1171B);
}

.faq-section .accordion .accordion-button:hover {
    color: var(--fv-red-dark, #B1171B);
}

.faq-section .accordion-button:before {
    background-color: var(--fv-red-dark, #B1171B);
}

.faq-section .accordion-button.collapsed:after {
    background-color: var(--fv-red-dark, #B1171B);
}

.faq-section .accordion-title:hover {
    color: var(--fv-red-dark, #B1171B);
}

.faq-section .accordion-item.active .faq-line {
    background: var(--fv-red-dark, #B1171B);
}

.faq-section .accordion-item.active .accordion-content {
    border-bottom: 2px solid var(--fv-red-dark, #B1171B);
}

.faq-section .icon {
    border: 2px solid var(--fv-red-dark, #B1171B);
}

.faq-section .icon::before, .faq-section .icon::after {
    background: var(--fv-red-dark, #B1171B);
}

.common-inquiry-form textarea:focus, .common-inquiry-form input:focus, .common-inquiry-form select:focus {
    border: 1px solid var(--fv-red-dark, #B1171B);
}

.main-product-css .application-section .vt-loaction-grid-col:hover {
    background-color: var(--fv-red-dark, #B1171B);
}

.main-product-css .border-title {
    border-bottom: 2px solid var(--fv-red-dark, #B1171B);
}

.collection-page-section .accordion .card .card-header.anti-active {
    background-color: var(--fv-red-dark, #B1171B);
}

.collection-page-section .accordion .card.anti_skid_tab .card-header a.active {
    background-color: var(--fv-red-dark, #B1171B);
}