/*
Theme Name: Consted Roofing Flooring
Author: aThemeArt
Author URI: https://athemeart.com/
Theme URI: https://athemeart.com/downloads/consted-roofing-flooring/
Description: Consted Roofing Flooring is a beautiful, modern WordPress theme designed with the perfect layout for handymen, contractors, and home improvement professionals. Whether you specialize in plumbing, electrical services, carpentry, painting, roofing, flooring, or general maintenance, this template gives your business the professional appearance it deserves. With its flexible design and user-friendly control panel, Consted makes it simple to customize settings, adjust layouts, and create a style that matches your brand. The template’s clean aesthetics and smooth user experience ensure your services—whether home repair, property maintenance, furniture assembly, landscaping, or commercial fix-it jobs—are presented in the best possible way. Compatible with major plugins such as WooCommerce, Elementor, YITH, Yoast SEO, Contact Form 7, Mailchimp, and Loco Translate, Consted is built for growth and functionality. From showcasing your renovation projects to enabling online bookings, this theme is tailored to support local tradesmen and home improvement businesses of all kinds. With Consted Roofing Flooring, you’ll enjoy a professional look and feel, beautiful design schemes, and all the tools needed to highlight your skills, attract clients, and grow your handyman, plumber, or roof maintenance business.
Template: consted
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.8.4
Requires PHP: 7.0
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, sticky-post, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, blog, e-commerce
Text Domain: consted-roofing-flooring

Consted Roofing Flooring WordPress Theme, Copyright 2025 aThemeArt
Consted Roofing Flooring is distributed under the terms of the GNU GPL

Consted Roofing Flooring is child theme of Consted WordPress Theme, Copyright 2025 aThemeArt
*/
:root {
    --primary-color: #546e9b;
    --secondary-color: #EE212B;
    --tertiary-color: #00215b;
    --quaternary-color: #fff;
    --nav-color: #00215b;
    --nav-color-h: #EE212B;
    --nav-bg-h: #fff;
}
/* Header Top */
.header .top-header {
    background: #666666;
}
/* Navbar Toggle */
.header .navbar-toggle {
    display: none;
    background-color: var(--secondary-color);
    border-radius: 0;
    border: 1px solid transparent;
    transition: all 1s ease;
    height: 40px;
    width: 45px;
    font-size: 30px;
    color: #fff;
    margin: 15px auto 15px 0;
}
.header .navbar-toggle.collapsed i.icofont-close:before {
    content: "\efa2" !important;
}
.header .navbar-toggle:hover,
.header .navbar-toggle:focus {
    color: var(--secondary-color);
    background: var(--quaternary-color);
}
.header .navbar-toggle:hover .icon-bar,
.header .navbar-toggle:focus .icon-bar {
    background: var(--secondary-color);
}
/* Position Relative Utility */
.relative {
    position: relative;
}
/* Sidebar Button Animation */
button.side-bar-show {
    transition: opacity 0.3s ease, transform 0.3s ease;
}
button.side-bar-show:hover,
button.side-bar-show:focus {
    opacity: 0.7;
    transform: scale(1.1);
}
/* Header Bottom */
.header .bottom-header {
    background: #fff;
}
/* Navbar Navigation Hover/Active */
.ow-navigation .nav.navbar-nav li li.active > a,
.ow-navigation .nav.navbar-nav li li > a:hover,
.ow-navigation .nav.navbar-nav li li > a:focus {
    background: var(--nav-color-h) !important;
}
/* Desktop Layout Adjustments */
@media (min-width: 991px) {
    .header .bottom-header.layout-3 .logo {
        position: absolute;
        top: -52px;
        text-align: center;
        z-index: 2;
        height: calc(100% + 50px);
        left: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .header .bottom-header.layout-3.padding-remove .logo {
        top: 0;
        height: 101%;
    }

    .header .bottom-header.layout-3 .logo-wrap {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 0 30px;
        margin: 0;
    }

    .header .bottom-header.layout-3 .logo-wrap a {
        color: #fff;
    }

    .header .bottom-header .logo::after,
    .header .bottom-header .logo::before {
        display: none;
    }

    .header .bottom-header.layout-3 .logo-wrap::after {
        content: "";
        position: absolute;
        height: 100%;
        top: 0;
        left: -1000000px;
        right: 0;
        border-radius: 0 0 12px 10px;
        background: var(--secondary-color);
        z-index: -1;
        transform: skewX(-25.5deg);
    }

    .side-bar-show {
        margin-left: 10px;
    }
}
/* Mobile Layout Adjustments */
@media (max-width: 991px) {
    .header .bottom-header .navbar {
        background: none !important;
        box-shadow: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 99%;
        z-index: 999;
    }
    .header .bottom-header:after,
    .header .bottom-header .navbar,
    .header .bottom-header .navbar .navbar-nav {
        background: #fff !important;
    }
    .header .navbar-toggle {
        display: block;
        margin: 0;
        margin-right: auto;
    }
    .header .empty-space {
        display: inline-block;
        width: 40px;
    }
    .header .bottom-header .logo-container {
        top: 0;
        position: relative;
        margin: 0 auto;
        left: 0;
        height: 100%;
        background: #fff;
        align-self: stretch;
        z-index: 9999;
    }
    #navbar {
        margin-top: 0 !important;
    }
    #navbar.show .nav-close,
    #navbar .nav-close {
        display: none;
    }
    .ow-navigation .navbar-nav {
        margin-top: 9px !important;
    }
    .header .bottom-header .logo-wrap:after {
        display: none;
    }
    .header .bottom-header .logo {
        z-index: 9999;
        top: -10px;
    }
}
/* Scroll to Top Button */
a.ui-to-top {
    position: fixed;
    right: 20px;
    bottom: 50px;
    text-align: center;
    text-decoration: none;
    z-index: 99;
    font-size: 30px;
    color: var(--quaternary-color);
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    padding: 5px;
    border-radius: 5px;
    opacity: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    transform: translateY(50px);
}
a.ui-to-top.active {
    transform: translateY(0);
    opacity: 1;
}
a.ui-to-top:hover,
a.ui-to-top:focus {
    background: var(--quaternary-color);
    color: var(--secondary-color);
}
a.ui-to-top:hover {
    color: var(--secondary-color);
}
#inner-hero ul.post-meta{
    text-align: center;
    color: #fff;
}
#inner-hero ul.post-meta li{
    color: #fff;
}