/*
Theme Name: Tuning
Theme URI: https://tuning.themerex.net/
Description: Tuning 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.12.0
Tested up to: 6.6
Requires at least: 5.0
Requires PHP: 7.0
Tags: blog, e-commerce, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, grid-layout
Text Domain: tuning
*/

.rounded {
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.overflow_hidden {
  overflow: hidden !important;
}

.overflow_x_hidden {
  overflow-x: hidden !important;
}

.overflow_y_hidden {
  overflow-y: hidden !important;
}

/* ========================================
   HAREM GARAGE - BLACK & GOLD THEME CSS
   ======================================== */

/* CSS Variables */
:root {
    --theme-color-link: #C9A84C !important;
    --theme-color-link_hover: #E5C76B !important;
    --theme-color-accent2: #C9A84C !important;
    --theme-color-accent2_hover: #E5C76B !important;
    --theme-color-accent3: #B8973F !important;
    --theme-color-accent3_hover: #C9A84C !important;
}

/* ========== BACKGROUNDS ========== */

/* Dark body and main wrappers */
body,
.page_wrap,
.top_panel,
.footer_wrap,
.sidebar,
.content_wrap,
.scheme_default,
.scheme_dark {
    
}

/* Header dark */
.top_panel,
.sc_layouts_row,
.sc_layouts_row_type_normal,
.sc_layouts_row_type_compact {
    
}

/* Footer dark */
.footer_wrap,
.vc_row.footer_wrap,
.sc_layouts_row_type_normal.footer_wrap {
    
}

/* Card/section backgrounds slightly lighter */
.sc_services_item,
.sc_team_item,
.sc_blogger_item,
.post_item,
.widget,
.sc_action_item {
    
}

/* ========== TYPOGRAPHY - WHITE TEXT ========== */

body, .page_wrap, .content_wrap, p, span, li, td, th, label,
.sc_layouts_title .sc_layouts_title_title,
.sc_layouts_title .sc_layouts_title_breadcrumbs,
.post_content, .entry-content,
.widget_text, .widget_recent_entries,
.sc_action_title, .sc_action_description,
h1, h2, h3, h4, h5, h6,
.sc_title, .sc_item_title,
.elementor-heading-title,
.elementor-widget-text-editor {
    color: #ffffff !important;
}

/* ========== GOLD ACCENT LINKS ========== */

a,
.sc_button,
.menu_main_nav > li > a:hover,
.menu_main_nav > li.current-menu-item > a,
.sc_layouts_menu_nav > li > a:hover,
.sc_layouts_menu_nav > li.current-menu-item > a,
.sc_icons_item .sc_icon_type_fontello,
.sc_price_link,
.sc_services_item_title a:hover,
.trx_addons_accent,
.color_style_link2 .sc_button,
.post_featured .post_info a:hover {
    color: #C9A84C !important;
}

a:hover {
    color: #E5C76B !important;
}

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

/* Menu items white */
.sc_layouts_menu_nav > li > a,
.menu_main_nav > li > a {
    color: #ffffff !important;
}

/* Menu hover gold */
.sc_layouts_menu_nav > li > a:hover,
.sc_layouts_menu_nav > li.current-menu-item > a,
.menu_main_nav > li > a:hover,
.menu_main_nav > li.current-menu-item > a {
    color: #C9A84C !important;
}

/* ========== BUTTONS - GOLD ========== */

.sc_button_default,
.sc_button.sc_button_size_normal,
input[type="submit"],
.mc4wp-form input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.sc_price_link,
.trx_addons_accent_bg,
.scheme_dark .sc_button_default,
button:not(.components-button),
.wpcf7 input[type="submit"],
.wpcf7-submit,
.wpforms-submit,
form.wpcf7-form input[type="submit"],
.elementor-button,
.elementor-widget-button .elementor-button,
a.elementor-button,
.sc_form_field button,
.sc_form button[type="submit"],
.rev-btn,
a.rev-btn,
.sc_button_simple,
.sc_button {
    background-color: #C9A84C !important;
    border-color: #C9A84C !important;
    color: #000000 !important;
}

.sc_button_default:hover,
.sc_button.sc_button_size_normal:hover,
input[type="submit"]:hover,
.sc_price_link:hover,
button:not(.components-button):hover,
.wpcf7 input[type="submit"]:hover,
.wpcf7-submit:hover,
.elementor-button:hover,
.elementor-widget-button .elementor-button:hover,
.rev-btn:hover,
a.rev-btn:hover,
.sc_button_simple:hover,
.sc_button_default:hover,
.sc_button:hover {
    background-color: #E5C76B !important;
    border-color: #E5C76B !important;
    color: #000000 !important;
}

/* ========== TESTIMONIALS - QUOTE ICONS GOLD ========== */

[class*="testimonial"] i,
[class*="testimonial"] svg,
[class*="testimonial"]::before,
[class*="testimonial"]::after,
.elementor-testimonial-wrapper .elementor-testimonial-content::before,
.elementor-testimonial-meta::before,
.elementor-testimonial-icon,
.elementor-testimonial__icon,
.sc_testimonials .sc_testimonials_item_content:before,
.sc_testimonials .sc_testimonials_item_content:after,
.sc_testimonials_item_content::before,
.sc_testimonials_item_content::after,
.trx_addons_testimonials_text:before,
.trx_addons_testimonials_text:after,
blockquote:before,
blockquote:after,
.format-quote .post_content:before,
.sc_testimonials_item .sc_testimonials_item_quote,
.scheme_default .sc_testimonials .sc_testimonials_item_content:before,
.scheme_dark .sc_testimonials .sc_testimonials_item_content:before,
.sc_testimonials .sc_testi.sc_testimonials .sc_testimonials_item_content:before,
.sc_testimonials_item_quote:before,
.sc_testimonials_item_quote::before,
.sc_testi_icon:before,
.sc_testi_icon::before {
    color: #C9A84C !important;
    fill: #C9A84C !important;
}

/* ========== PAGINATION DOTS / BULLETS GOLD ========== */

.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active-main,
.slick-active button,
.slick-active button:before,
.slick-dots li.slick-active button:before,
.trx_addons_slider_points .swiper-pagination-bullet-active,
.owl-dot.active span,
.owl-dots .owl-dot.active span,
.carousel-indicators .active,
.flex-control-paging li a.flex-active,
.tp-bullet.selected,
.tp-bullet:hover {
    background-color: #C9A84C !important;
    color: #C9A84C !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet:hover,
.slick-dots li button:hover:before {
    background-color: #E5C76B !important;
    color: #E5C76B !important;
}

/* ========== ICONS GOLD ========== */

.sc_icons .sc_icons_item .sc_icons_icon,
.sc_icons_item .sc_icon,
[class*="icon-"]:not(.dashicons) {
    color: #C9A84C !important;
}

/* ========== FORM INPUTS DARK ========== */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
    border-color: #333333 !important;
    
    color: #ffffff !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
    border-color: #C9A84C !important;
}

/* ========== WOOCOMMERCE GOLD ========== */

.woocommerce .price,
.woocommerce .amount,
.product_price,
.sc_price_price {
    color: #C9A84C !important;
}

/* ========== SOCIAL ICONS GOLD ========== */

.sc_socials .social_item a {
    color: #C9A84C !important;
}

.sc_socials .social_item a:hover {
    color: #E5C76B !important;
}

/* ========== SCROLL TO TOP GOLD ========== */

.trx_addons_scroll_to_top,
.trx_addons_scroll_to_top:hover {
    background-color: #C9A84C !important;
    color: #000000 !important;
}

/* ========== GOLD BORDERS ON HOVER ========== */

.sc_services_item:hover,
.sc_team_item:hover,
.sc_blogger_item:hover {
    border-color: #C9A84C !important;
}

/* ========== UNDER CONSTRUCTION PAGE ========== */

.csuspended-page,
.maintenance-page,
body.suspended,
body.maintenance {
    
    color: #ffffff !important;
}

/* ========== OVERRIDE ELEMENTOR BLUE (#125DF0) TO GOLD ========== */
.elementor-36980 .elementor-element.elementor-element-35ccfe9:not(.elementor-motion-effects-element-type-background),
.elementor-36980 .elementor-element.elementor-element-35ccfe9 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #C9A84C !important;
}
.elementor-36980 .elementor-element.elementor-element-211a757 .sc_item_title_text2 {
    color: #C9A84C !important;
}
.elementor-36980 .elementor-element.elementor-element-5d30b65.elementor-view-stacked .elementor-icon:hover {
    background-color: #C9A84C !important;
}
.elementor-36980 .elementor-element.elementor-element-5d30b65.elementor-view-framed .elementor-icon:hover,
.elementor-36980 .elementor-element.elementor-element-5d30b65.elementor-view-default .elementor-icon:hover {
    color: #C9A84C !important;
    border-color: #C9A84C !important;
}
.elementor-36980 .elementor-element.elementor-element-5d30b65.elementor-view-default .elementor-icon:hover svg {
    fill: #C9A84C !important;
}
.elementor-36980 .elementor-element.elementor-element-0ebc5bc.elementor-view-stacked .elementor-icon:hover {
    background-color: #C9A84C !important;
}
.elementor-36980 .elementor-element.elementor-element-0ebc5bc.elementor-view-framed .elementor-icon:hover,
.elementor-36980 .elementor-element.elementor-element-0ebc5bc.elementor-view-default .elementor-icon:hover {
    color: #C9A84C !important;
    border-color: #C9A84C !important;
}
.elementor-36980 .elementor-element.elementor-element-0ebc5bc.elementor-view-default .elementor-icon:hover svg {
    fill: #C9A84C !important;
}
[style*="#125DF0"] {
    background-color: #C9A84C !important;
    color: #C9A84C !important;
    border-color: #C9A84C !important;
}

/* User wants all backgrounds to be the same dark color as the section.
The section has a dark color (e.g. #17181A or #1a1a1a).
We set everything to a unified #17181A so there are no seams! */
body, .page_wrap, .top_panel, .footer_wrap, .scheme_default, .scheme_dark,
.sc_layouts_row, .sc_layouts_row_type_normal, .sc_layouts_row_type_compact,
.sc_services_item, .sc_team_item, .sc_blogger_item, .post_item, .widget, .sc_action_item {
    background-color: #17181A !important;
}
/* ====================================================
   ABSOLUTE BACKGROUND UNIFICATION
   Eliminate ALL tone differences by making sections transparent
   and setting the main body to #17181A 
==================================================== */
html, body, .page_wrap, .content_wrap, .top_panel, .footer_wrap {
    background-color: #17181A !important;
}

.scheme_dark, .scheme_default, 
.sc_layouts_row, .sc_layouts_row_type_normal, .sc_layouts_row_type_compact,
.sc_services_item, .sc_team_item, .sc_blogger_item, .post_item, .widget, .sc_action_item {
    background-color: transparent !important;
}

.elementor-section, 
.elementor-column, 
.elementor-column-wrap, 
.elementor-widget-wrap,
.elementor-container {
    background-color: transparent !important;
}

.elementor-widget-trx_sc_title,
.elementor-widget-spacer,
.elementor-widget-text-editor {
    background-color: transparent !important;
}