.site-content{
    overflow-x: hidden;
}
.top-header-strip{
    background-color: rgb(229 7 34 / var(--tw-bg-opacity));
}
.social-icons .list-icons{
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    margin-left: auto;
    list-style: none;
    justify-content: right;
}
.bg-cwblue.text-white{padding: 26px 0;}
.middle-logo-holder .middle-img{height: 61px;width: auto;}
.store-locator .locator{
    color: #ffffff;
    font-weight: 600;
    font-size: 26px;
    line-height: 28px;    
}
.store-locator a{    
    text-decoration: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
}
.red-strip{
    background-color: rgb(229 7 34 / var(--tw-bg-opacity));    
}
.red-strip h1{
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.card{
    border: none;
}
.location-body h4{
    color: rgb(1 72 150 / var(--tw-text-opacity));
    font-weight: 700;
    text-transform: uppercase;
}
.location-body p strong{
    color: rgb(1 72 150 / var(--tw-text-opacity));
    font-weight: bolder;
}
hr.red{
    border: 1px solid rgb(229 7 34 / var(--tw-bg-opacity));  
}
.three-col-layout .card a{
    text-decoration: none;
    color: rgb(1 72 150 / var(--tw-text-opacity));
}

.three-col-layout .card-body{
    background-color: rgb(255 242 0 / var(--tw-bg-opacity));
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    border-radius: 20px;
    min-height:85px;
}
section.three-col-layout {
    padding: 60px 0;
}
.three-col-layout .card a:hover{
    text-decoration: none;
    color: rgb(255 242 0 / var(--tw-bg-opacity));
}
.three-col-layout .card a:hover{
    .card-body{
        background-color: rgb(1 72 150 / var(--tw-text-opacity)); 
    }
} 
.free-text-body h2{
    font-size: 2.5rem;
    line-height: 2.8rem;
    font-weight: 800;
    color: rgb(1 72 150 / var(--tw-text-opacity)); 
}

.free-text-body h4{
    text-transform: uppercase;
    line-height: 26px;
    font-size: 20px;
    color: rgb(1 72 150 / var(--tw-text-opacity)); 
    font-weight: 600;
}
section.middle-slider, section.locations, section.instagram-widget{
    padding: 40px 0;
}
section.free-text.bottom {
    padding-bottom: 40px;
}
.stack-boxes figure.wp-block-image.size-full {
    margin-bottom: 0;
}
.stack-boxes{
    background-color: rgb(1 72 150 / var(--tw-bg-opacity));
    color: #fff;
    padding: 32px;
    margin-bottom: 13px;
    border-radius: 0.375rem;
}
/*nav classes  starts here*/
.menu-item::marker {
    content: none; /* Removes the marker */
}
.container .top-nav ul.navbar-nav{
    margin-bottom: 0;
    padding: 0;
}
.container .top-nav nav.navbar{
    padding: 1.5rem 0rem 0 0;
}
.container .top-nav .navbar-dark .navbar-nav .nav-link{
    color: #fff;
    font-weight: 600;
    padding-bottom: 0;
    font-size: 1.2rem;
}
.container .top-nav .navbar-dark .navbar-nav .current_page_item .nav-link{
    font-weight: 900;
    text-decoration: underline;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.nav-item {
    position: relative;
}
.navbar-nav > li.menu-item + li.menu-item::before {
    content: "|";
    color: #888;
    padding: 0 10px;
    position: absolute;
    left: -12px;
    top: 9px;
}
.card{
    border: none !important;
}
@media (max-width:1190px) {
    .three-col-layout .card-body{
        font-size: 22px;
        min-height: 160px;
    }
}
@media (max-width:767px) {
    .responsive-gap-20{
        gap:20px;
    }
    .social-icons .list-icons{
        justify-content: center;
    }
    .store-locator .locator{
        font-size: 22px;
    }
    .store-locator img{
        width: 20px;
    }
    .copyright-text{
        text-align: center;
    }
}