/*
Theme Name: Drop-top Child Theme
Theme URI: https://drop-top.themerex.net/
Description: Drop-top is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeREX
Author URI: https://themerex.net/
Version: 1.5.0
Tested up to: 6.7
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: drop-top
Template: drop-top
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* Services We Offer section - padding */
[data-id="1e5eecc"] {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* Service cards - white background */
[data-id="1e5eecc"] .sc_icons_item {
    background-color: #ffffff !important;
}

/* Services section - override theme orange (#FF8615) with blue (#00337a) */
[data-id="1e5eecc"] {
    --wp--preset--color--text-link: #00337a;
    --theme-color-text_link: #00337a;
    --theme-color-alter_link: #00337a;
    --theme-color-extra_link: #00337a;
}
[data-id="1e5eecc"] a,
[data-id="1e5eecc"] a:hover,
[data-id="1e5eecc"] .sc_icons_item_icon,
[data-id="1e5eecc"] .sc_icons_item:hover .sc_icons_item_icon,
[data-id="1e5eecc"] .sc_button,
[data-id="1e5eecc"] .sc_title_subtitle,
[data-id="1e5eecc"] .sc_icons_item_title a,
[data-id="1e5eecc"] .sc_icons_item_link,
[data-id="1e5eecc"] .sc_icons_item_readmore {
    color: #00337a !important;
}
/* View all services button - default: white text, blue bg */
[data-id="1e5eecc"] .sc_button.sc_button_default {
    color: #ffffff !important;
    background-color: #00337a !important;
    border-color: #00337a !important;
}
[data-id="1e5eecc"] .sc_button.sc_button_default .sc_button_title,
[data-id="1e5eecc"] .sc_button.sc_button_default .sc_button_text {
    color: #ffffff !important;
}
/* View all services button - hover: blue text, white bg */
[data-id="1e5eecc"] .sc_button.sc_button_default:hover {
    background-color: #ffffff !important;
    border-color: #00337a !important;
    color: #00337a !important;
}
[data-id="1e5eecc"] .sc_button.sc_button_default:hover .sc_button_title,
[data-id="1e5eecc"] .sc_button.sc_button_default:hover .sc_button_text {
    color: #00337a !important;
}

/* Recommendation section - override theme orange (#FF8615) with blue (#00337a) */
[data-id="11a7d8d"] {
    --wp--preset--color--text-link: #00337a;
    --theme-color-text_link: #00337a;
    --theme-color-alter_link: #00337a;
    --theme-color-extra_link: #00337a;
}
[data-id="11a7d8d"] a,
[data-id="11a7d8d"] a:hover,
[data-id="11a7d8d"] .sc_cars_item_price,
[data-id="11a7d8d"] .sc_cars_item_info a,
[data-id="11a7d8d"] .sc_cars_item_info a:hover,
[data-id="11a7d8d"] .post_featured .mask,
[data-id="11a7d8d"] .sc_title_subtitle {
    color: #00337a !important;
}
/* Sale label - white text on blue bg */
[data-id="11a7d8d"] .sc_cars_item_labels a {
    color: #ffffff !important;
    background-color: #00337a !important;
}
/* Load more button - default: white text, blue bg */
[data-id="11a7d8d"] .nav-links-more .nav-links {
    color: #ffffff !important;
    background-color: #00337a !important;
    border: 2px solid #00337a !important;
    padding: 10px 30px !important;
}
[data-id="11a7d8d"] .nav-links-more .nav-links span {
    color: #ffffff !important;
}
/* Load more button - hover: blue text, white bg */
[data-id="11a7d8d"] .nav-links-more .nav-links:hover {
    background-color: #ffffff !important;
    border-color: #00337a !important;
    color: #00337a !important;
}
[data-id="11a7d8d"] .nav-links-more .nav-links:hover span {
    color: #00337a !important;
}

/* Brand logos section - darken logos for visibility on grey bg */
[data-id="9bb9a7d"] img {
    filter: brightness(0.3) contrast(1.2);
}