/* 
Theme Name: Dog Wash Systems USA
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Child Theme for Dog Wash Systems USA
Author: Cain & Company
Author URI: https://cain-co.com
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

/* Formidable Forms */
.vertical-product-form .frm_fields_container {
  display: block;
}

.vertical-product-form .frm_form_field {
  width: 100% !important;
  margin-bottom: 16px;
}

.vertical-product-form .frm_first,
.vertical-product-form .frm_last {
  width: 100% !important;
}

.frm_form_field label {
  text-transform: uppercase !important;
}

.frm_primary_label {
  text-transform: uppercase !important;
}

/* Formidable submit button */
.frm_submit.frm_flex .frm_button_submit,
.frm_submit .frm_button_submit,
button.frm_button_submit {
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    padding: 17px 20px !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease !important;
}

/* Hover / focus */
.frm_submit.frm_flex .frm_button_submit:hover,
.frm_submit.frm_flex .frm_button_submit:focus,
.frm_submit .frm_button_submit:hover,
.frm_submit .frm_button_submit:focus,
button.frm_button_submit:hover,
button.frm_button_submit:focus {
    background: #ffffff !important;
    color: #000000 !important;
    border: none !important;
    outline: none !important;
}

/* Active */
.frm_submit.frm_flex .frm_button_submit:active,
.frm_submit .frm_button_submit:active,
button.frm_button_submit:active {
    transform: translateY(1px);
}

/* =========================
   DOG WASH NAVIGATION
========================= */

/* Top-level menu links */
.dogwash-nav-menu .elementor-nav-menu > li > a,
.dogwash-nav-menu .elementor-nav-menu > li > a.elementor-item {
    transition: background-color 0.25s ease, color 0.25s ease;
}

/* Dropdown arrows */
.dogwash-nav-menu .sub-arrow svg {
    transition: fill 0.25s ease;
}

/* =========================
   TOP-LEVEL RED STATES
   Hover, current, open, highlighted
========================= */
.dogwash-nav-menu .elementor-nav-menu > li:hover > a,
.dogwash-nav-menu .elementor-nav-menu > li:focus-within > a,
.dogwash-nav-menu .elementor-nav-menu > li.current-menu-item > a,
.dogwash-nav-menu .elementor-nav-menu > li.current-menu-ancestor > a,
.dogwash-nav-menu .elementor-nav-menu > li.current_page_item > a,
.dogwash-nav-menu .elementor-nav-menu > li.current_page_ancestor > a,

/* Elementor / SmartMenus active-open states */
.dogwash-nav-menu .elementor-nav-menu > li > a.elementor-item-active,
.dogwash-nav-menu .elementor-nav-menu > li > a.elementor-item-highlighted,
.dogwash-nav-menu .elementor-nav-menu > li > a.highlighted,
.dogwash-nav-menu .elementor-nav-menu > li > a:focus,
.dogwash-nav-menu .elementor-nav-menu > li > a[aria-expanded="true"] {
    background-color: #ef4030 !important;
    color: #ffffff !important;
}

/* =========================
   ARROW WHITE STATES
========================= */
.dogwash-nav-menu .elementor-nav-menu > li:hover > a .sub-arrow svg,
.dogwash-nav-menu .elementor-nav-menu > li:focus-within > a .sub-arrow svg,
.dogwash-nav-menu .elementor-nav-menu > li.current-menu-item > a .sub-arrow svg,
.dogwash-nav-menu .elementor-nav-menu > li.current-menu-ancestor > a .sub-arrow svg,
.dogwash-nav-menu .elementor-nav-menu > li.current_page_item > a .sub-arrow svg,
.dogwash-nav-menu .elementor-nav-menu > li.current_page_ancestor > a .sub-arrow svg,
.dogwash-nav-menu .elementor-nav-menu > li > a.elementor-item-active .sub-arrow svg,
.dogwash-nav-menu .elementor-nav-menu > li > a.elementor-item-highlighted .sub-arrow svg,
.dogwash-nav-menu .elementor-nav-menu > li > a.highlighted .sub-arrow svg,
.dogwash-nav-menu .elementor-nav-menu > li > a:focus .sub-arrow svg,
.dogwash-nav-menu .elementor-nav-menu > li > a[aria-expanded="true"] .sub-arrow svg {
    fill: #ffffff !important;
}

/* =========================
   ACCESSIBILITY
========================= */
.dogwash-nav-menu .elementor-nav-menu > li > a:focus-visible {
    outline: 2px solid #ef4030;
    outline-offset: 2px;
}