/*
Theme Name: TruEdge Paint Works (Exqute Child)
Theme URI: https://themeforest.net/user/egemenerd/portfolio?ref=egemenerd
Description: Exqute Child Theme (for TruEdge Paint Works via SCI)
Author: curtismusheno
Author URI: https://sciatwork.com
Template: exqute
Version: 1.0
*/

/* TruEdge Paint Works */

/* style.css */

:root { /* begin root variables (css) */

    /* colors */

        /* logo blue #0297b5 rgba(2, 151, 181, 0.8) */
    --logo-blue-hex: #0297b5;
    --logo-blue-rgba: rgba(2, 151, 181, 0.8);

        /* logo green #00be61 rgba(0, 190, 97, 0.8) */
    --logo-green-hex: #00be61;
    --logo-green-rgba: rgba(0, 190, 97, 0.8);

        /* logo purple #211b72 rgba(33, 27, 114, 0.8) */
    --logo-purple-hex: #211b72;
    --logo-purple-rgba: rgba(33, 27, 114, 0.8);


    /* fonts */
    --font-stack: Helvetica, Arial, sans-serif; /* global font stack */

} /* end root variables (css) */


/* effects */

    /* sticky header nav */
nav#exqute-header-menu {
    position: fixed !important;
    top: 0; /* must sticks to very top of the viewport */
    z-index: 33;
    /**/
    width: 100%;
    padding: 2rem 0 0.5rem 0;
    /* linear-gradient(87deg, rgba(2, 151, 181, 0.8) 0,  rgba(0, 190, 97, 0.8) 100%) !important; */
    box-shadow: 0px 5px 10px gray; /* Cite: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/box-shadow */
}

/* tweaks */

    /* headers & sliders */
nav#exqute-header-menu { 
    background-color: white !important;
}

        /* hero graphic, paint swoosh */
header#exqute-header,
header#exqute-header-slider { /* the top of the main background hero graphic, paint swoosh */
    background: var(--logo-blue-hex) !important;
    background-color: var(--logo-blue-hex) !important;
}
    #exqute-header,
    #exqute-header-cover, 
    #exqute-slider-cover { /* the bottom of the main background hero graphic, paint swoosh */
        background: linear-gradient(87deg, rgba(2, 151, 181, 0.8) 0,  rgba(0, 190, 97, 0.8) 100%) !important;
        display: inherit !important;
    }


    /* hyperlinks */
#exqute-header-menu .navbar-nav .nav-link,
#exqute-header-menu a.dropdown-item {
    color: black !important;
}
    a,
    #exqute-header-menu .navbar-nav .nav-link:hover,
    #exqute-header-menu a.dropdown-item:hover {
        color: var(--logo-purple-hex) !important;
    }

    a:hover, 
    div.tagcloud a:hover, 
    div.tagcloud span:hover {
        color: var(--logo-blue-hex) !important;
    }

    /* menu links */ 

        /* Ensure child links are still clickable */
        /* otherwise, parent theme disables them by default, which is stupid */
    
    .navbar-nav.navbar-nav-hover, .navbar-nav, .nav-link, .nav-item,
    .dropdown, .dropdown-menu, .dropdown-toggle, .dropdown-item, .dropdown-menu.show,
    .menu-item, .menu-item-type-post_type, .menu-item-object-page, .menu-item-has-children, .menu-item-665,
    .menu-item-parent-class .sub-menu a {
        pointer-events: auto !important; 
        cursor: pointer;
    }
    

    /* buttons */
.btn-primary,
input[value="Send"] {
    color: white !important;
    background-color: var(--logo-blue-hex) !important;
    border-color: var(--logo-blue-hex) !important;
}
    .btn-primary:hover,
    input[value="Send"]:hover {
        color: white !important;
        background-color: var(--logo-green-hex) !important;
        border-color: var(--logo-green-hex) !important;
    }

        /* button // #exqute-gototop, circle up button at bottom of the page */
a#exqute-gototop {
    color: white !important;
    background: var(--logo-blue-hex) !important;
}
    a#exqute-gototop:hover {
        color: white !important;
        background: var(--logo-green-hex) !important;
    }


    /* badges */
.badge-primary {
    color: white !important;
    background-color: var(--logo-blue-hex) !important;
}
    .badge-primary:hover {
        color: white !important;
        background-color: var(--logo-green-hex) !important;
    }


    /* highlight */
.highlight {
    color: var(--logo-blue-hex) !important;
}
    .highlight:hover {
        color: var(--logo-green-hex) !important;
    }

    /* underline */
.exqute-title-with-border span::before {
    background-color: var(--logo-green-hex) !important;
}

    /* headings */
p.elementor-heading-title,
p.elementor-size-default {
    color: var(--logo-blue-hex) !important;
}
    p.elementor-heading-title:hover,
    p.elementor-size-default:hover {
        color: var(--logo-green-hex) !important;
    }

a.mp-accordion-title {
    color: var(--logo-purple-hex) !important;
}

.elementor-section { 
    border-color: var(--logo-green-hex) !important; 
}

#exqute-page-title h1 { margin-top: 2em; }
#exqute-page-title a { color: var(--logo-purple-hex) !important; }
#exqute-page-title a:hover { color: var(--logo-green-hex) !important; }