/*!
Theme Name: Kadence
Theme URI: https://www.liquidweb.com/software/kadence/
Author: Kadence WP
Author URI: https://www.liquidweb.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Version: 1.5.2
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence
Requires at least: 6.3
Tested up to: 6.9.1
Tags: translation-ready, accessibility-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce
Requires PHP: 7.4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share
what you've learned with others.
*/


#sp-real-3f09c4fa11f7 .sp-real-client-title{
    display: none;
}


/* =========================================
   KADENCE PRIMARY NAVIGATION
   ========================================= */

#site-navigation {
    background: #0800a8;
    width: 100%;
}

#site-navigation .primary-menu-container > ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* Main menu items */
#site-navigation .primary-menu-container > ul > li > a {
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    padding: 14px 18px;
    line-height: 1.2;
    text-decoration: none;
}

/* Hover */
#site-navigation .primary-menu-container > ul > li:hover > a,
#site-navigation .primary-menu-container > ul > li.current-menu-item > a {
    background: #060078;
    color: #ffffff;
}


/* =========================================
   DROPDOWN MENU
   ========================================= */

#site-navigation .sub-menu {
    background: #0800a8;
    border: 1px solid #222222;
    min-width: 470px;
    padding: 5px 0;
    margin: 0;
    box-shadow: 0 5px 12px rgba(0,0,0,0.25);
}

/* Dropdown links */
#site-navigation .sub-menu li a {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    padding: 12px 10px;
    line-height: 1.3;
    white-space: normal;
}

/* Dropdown hover */
#site-navigation .sub-menu li:hover > a {
    background: #060078;
    color: #ffffff;
}


/* =========================================
   RESOURCES DROPDOWN
   ========================================= */

#menu-item-56 > .sub-menu {
    min-width: 145px;
}

#menu-item-56 > .sub-menu li a {
    padding: 12px 14px;
}


/* =========================================
   DROPDOWN ARROW
   ========================================= */

#site-navigation .dropdown-nav-toggle {
    color: #ffffff;
    margin-left: 5px;
}


/* =========================================
   HEADER TOP BAR
   ========================================= */

.site-top-header-wrap {
    background: #000000;
}



.site-top-header-wrap a:hover {
    color: #dddddd;
}


/* =========================================
   LOGO SIZE
   ========================================= */

.site-main-header-section-left .custom-logo {
    max-width: 290px;
    height: auto;
}


/* =========================================
   CALL US AREA
   ========================================= */

.header-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-right > p {
    margin: 0;
}

.header-call {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-call p {
    margin: 0;
}

.call-title h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.call-title a {
    font-size: 22px;
    text-decoration: none;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 1024px) {

    #site-navigation .primary-menu-container > ul {
        flex-wrap: wrap;
    }

    #site-navigation .primary-menu-container > ul > li > a {
        font-size: 17px;
        padding: 12px 10px;
    }

    #site-navigation .sub-menu {
        min-width: 300px;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 767px) {

    .site-main-header-section-left .custom-logo {
        max-width: 220px;
    }

    .header-right {
        display: none;
    }
}

.secondary-navigation .secondary-menu-container > ul > li.menu-item > a {
    color: #fff !important;
}
.site-bottom-header-wrap {
    background-color: #0800a8;
}
li#menu-item-45 ul.sub-menu a {
    width: 470px;
}
.content-area {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}
article#post-16 .entry-content-wrap {
    padding-top: 0px;
}
.under-header-area {
	width: 100%;
	background: #fff;
	}
.site-main-header-wrap.site-header-row-container {
    padding: 25px;
}
a.mobile {
    text-decoration: none !important;
}
div#metaslider_116 {
    margin-bottom: 0px;
}
div#metaslider-id-75 {
    padding-top: 60px;
}
.hometitle {
    padding-bottom: 30px;
}
p.imagename {
    padding-top: 15px;
    text-align: center;
}
p.imagename a {
    font-size: 20px;
	font-weight: bold;
}
.imagetitle {
    font-size: 22px;
	font-weight: bold;
}
#sp-real-c1f921feaff4 .sp-real-testimonial-client-title {
    display: none;
}
#sp-real-c1f921feaff4 .sp-real-testimonial-content {
    max-width: 600px;
}
.testimonial{font-weight: bold;}
div#wpcf7-f165-p68-o1 {
    padding-left: 100px;
}
article#post-38 .mt-4 {
    margin-top: 0px !important;
}
article#post-38 p {
    margin-bottom: 10px;
}
.aboutimageslider {
    font-size: 25px;
    font-weight: bold;
}

/* 21-9-26 */
.service-areas {
    background: #fff;
}

.service-areas h1 {
    color: #08088f;
    font-size: 42px;
}

.service-area-item h2 {
    color: #08088f;
    margin-bottom: 8px;
    text-align: center;
}

.service-area-item p {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
	padding: 15px;
}

.service-area-item img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 767px) {

    .service-areas h1 {
        font-size: 32px;
    }

    .service-area-item h2 {
        font-size: 22px;
    }

    .service-area-item p {
        font-size: 15px;
    }

}
.service-area-item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

@media (max-width: 767px) {
    .service-area-item img {
        height: 200px;
    }
}
.service-area-item {
    background: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 139, 0.30);
    height: 100%;
}

.service-area-item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.service-area-content {
    padding: 20px;
}

.service-area-content h2 {
    color: #00008b;
    margin-top: 0;
    margin-bottom: 10px;
}

.service-area-content p {
    margin-bottom: 0;
    line-height: 1.5;
    color: #333;
	}

/* frame   */
.frame-refinishing-section {
    padding-top: 20px;
    padding-bottom: 50px;
}

.frame-images img {
    object-fit: cover;
    display: block;
    margin-bottom: 22px;
}

.frame-content {
    padding-left: 10px;
}

.frame-content h1 {
    color: #111;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 20px;
}

.frame-content h2 {
    color: #111;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 700;
    margin-top: 22px;
    margin-bottom: 14px;
}

.frame-content h3 {
    color: #111;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 700;
    margin-top: 18px;
    margin-bottom: 8px;
}

.frame-content p,
.frame-content li {
    color: #222;
    font-size: 16px;
    line-height: 1.45;
}

.frame-content ul {
    padding-left: 30px;
    margin-top: 15px;
}

.frame-content a {
    color: #111;
    text-decoration: underline;
}


/* Tablet */
@media (max-width: 991px) {

    .frame-content {
        padding-left: 0;
    }

    .frame-content h1 {
        font-size: 28px;
    }

}


/* Mobile */
@media (max-width: 767px) {

    .frame-images img {
        height: 220px;
        margin-bottom: 20px;
    }

    .frame-content h1 {
        font-size: 26px;
    }

    .frame-content h2 {
        font-size: 23px;
    }

    .frame-content h3 {
        font-size: 18px;
    }

    .frame-content p,
    .frame-content li {
        font-size: 15px;
    }

}

/* ================================
   VINYL STRAP REPLACEMENT PAGE
================================ */

.vinyl-strap-page {
    background: #ffffff;
    padding: 25px 0 50px;
}

/* Main left images */
.vinyl-strap-images img {
    width: 100%;
    height: 205px;
    object-fit: cover;
    display: block;
    margin-bottom: 22px;
}

/* Right content */
.vinyl-strap-content {
    padding-left: 10px;
}

.vinyl-strap-content h1 {
    color: #111111;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 18px;
}

.vinyl-strap-content h2 {
    color: #111111;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 700;
    margin: 25px 0 12px;
}

.vinyl-strap-content h3 {
    color: #111111;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 700;
    margin: 18px 0 8px;
}

.vinyl-strap-content p {
    color: #222222;
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 15px;
}

.vinyl-strap-content ul {
    margin: 15px 0 20px;
    padding-left: 30px;
}

.vinyl-strap-content li {
    color: #222222;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 2px;
}


/* =================================
   BOTTOM STRAP COLOR IMAGES
================================= */

.strap-color-images {
    margin-top: 10px;
}

.strap-color-box {
    width: 100%;
}

.strap-color-box img {
    width: 100%;
    height: auto;
    display: block;
}


/* =================================
   TABLET
================================= */

@media (max-width: 991px) {

    .vinyl-strap-content {
        padding-left: 0;
    }

    .vinyl-strap-content h1 {
        font-size: 28px;
    }

    .vinyl-strap-content h2 {
        font-size: 23px;
    }

}


/* =================================
   MOBILE
================================= */

@media (max-width: 767px) {

    .vinyl-strap-page {
        padding: 20px 0 40px;
    }

    .vinyl-strap-images img {
        height: 220px;
        margin-bottom: 20px;
    }

    .vinyl-strap-content h1 {
        font-size: 26px;
    }

    .vinyl-strap-content h2 {
        font-size: 22px;
    }

    .vinyl-strap-content h3 {
        font-size: 18px;
    }

    .vinyl-strap-content p,
    .vinyl-strap-content li {
        font-size: 15px;
    }

}
.first-strap-image {
    position: relative;
    width: 100%;
    margin-bottom: 22px;
}

.first-strap-image .main-strap-img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
}

/* Small image overlapping the main image */
.first-strap-image .before-strap-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 78px;
    height: 78px;
    object-fit: cover;
    z-index: 5;
}

/* Main section spacing */
    .sling-section {
        padding: 35px 0;
    }

    /* Image styling */
    .sling-section img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

    /* Text styling */
    .sling-content h2 {
        font-size: 28px;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 15px;
        color: #111;
    }

    .sling-content h3 {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4;
        margin-top: 20px;
        margin-bottom: 10px;
        color: #111;
    }

    .sling-content p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 15px;
        color: #333;
    }

    .sling-content ul {
        padding-left: 25px;
        margin-top: 15px;
    }

    .sling-content li {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 4px;
    }

    /* Bottom heading */
    .fabric-heading {
        text-align: center;
        font-size: 28px;
        font-weight: 600;
        text-decoration: underline;
        margin-bottom: 30px !important;
        color: #222;
    }

    /* Fabric cards */
    .fabric-card {
        text-align: center;
    }

    .fabric-card img {
        width: 100%;
        object-fit: cover;
    }

   
    /* Responsive */
    @media (max-width: 991px) {
        .sling-content h2 {
            font-size: 24px;
        }

        .sling-content h3 {
            font-size: 19px;
        }
    }

    @media (max-width: 767px) {
        .sling-section {
            padding: 25px 0;
        }

        .sling-content {
            margin-top: 20px;
        }

        .sling-content h2 {
            font-size: 24px;
        }

        .fabric-heading {
            font-size: 24px;
        }

        .fabric-card img {
            height: auto;
        }
    }
 .brand-section {
        padding: 40px 0;
    }
    .brand-image {
        width: 100%;
        height: auto;
        display: block;
    }

   
    }

/* Contact Information */ .info-box { display: flex; align-items: flex-start; gap: 18px; padding: 25px 20px; height: 100%; } /* Icon */ .info-icon { flex: 0 0 55px !important; width: 55px !important; height: 55px !important; background: #007AFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .info-icon i { color: #ffffff !important; font-size: 22px; line-height: 1; } /* Content */ .info-content { flex: 1; } .info-content h5 { margin: 0 0 8px !important; font-size: 18px !important; font-weight: 600; } .info-content p { margin: 0; line-height: 1.6; } .info-content a { text-decoration: none; } .info-content a:hover { text-decoration: underline; } /* Mobile */ @media (max-width: 767px) { .info-box { padding: 20px 10px; } }

.info-icon i {
    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1;
}
.info-content p {
        font-size: 18px !important;
   }

/* Brown Jordan Repair Page */
.bj-content {
    padding: 42px 0;
}

.bj-page h1 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
}

.bj-page h2 {
    font-size: 30px;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 18px;
}

.bj-page h3 {
    font-size: 23px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 12px;
}

.bj-page p,
.bj-page li {
    font-size: 18px;
}

.bj-intro {
    margin-bottom: 35px;
}

.bj-gallery {
    margin: 25px 0 20px;
}

.bj-gallery img {
    width: 100%;
    height: 315px;
    object-fit: cover;
    display: block;
}

.bj-section {
    margin-bottom: 25px;
}

.bj-list {
    padding-left: 30px;
}

.bj-quote-box {
    border-left: 5px solid #1688c7;
    padding: 10px 20px;
    margin: 25px 0;
}

.bj-cta {
    margin-top: 35px;
    padding-top: 10px;
}

.bj-cta a {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
}

.bj-disclaimer {
    font-style: italic;
    margin-top: 25px;
    font-size: 16px !important;
}

@media (max-width: 767px) {

    .bj-page h1 {
        font-size: 30px;
    }

    .bj-page h2 {
        font-size: 25px;
    }

    .bj-page h3 {
        font-size: 21px;
    }

    .bj-page p,
    .bj-page li {
        font-size: 16px;
    }

   
}
.otherbrands {
    font-size: 26px;
    font-weight: 600;
}

.brand-card {
    background: #fff;
    border-radius: 12px;
    padding: 25px 20px;
    margin-bottom: 25px !important;
    border: 1px solid #d9e9f7;
    box-shadow: 0 5px 20px rgba(0, 80, 160, 0.15);
    transition: 0.3s ease;
}

.brand-card:hover {
    box-shadow: 0 8px 28px rgba(0, 80, 160, 0.25);
    transform: translateY(-3px);
}
.brand-card a {
    font-weight: bold;
}
article#post-50 img.img-fluid {
    min-height: 268px !important;
    max-height: 268px !important;
    object-fit: contain;
}