.elementor-1725 .elementor-element.elementor-element-97a8551{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-d8a2874 *//* =====================================================
   SKILLEDSERVICE VOLUME CALCULATOR
   ONLY COLOR CHANGES
   Navy: #00132B
   Gold: #F1B01D
   ===================================================== */


/* -----------------------------------------------------
   1. RED ITEM CARD BORDERS → GOLD
   ----------------------------------------------------- */

.pathway-volume-calculator .pvc-item-card {
    border-color: #F1B01D !important;
}


/* -----------------------------------------------------
   2. PLUS / MINUS CONTROLS → GOLD
   ----------------------------------------------------- */

.pathway-volume-calculator .pvc-item-card button {
    color: #F1B01D !important;
    border-color: #F1B01D !important;
    background-color: #ffffff !important;
}


/* Hover on + / -
   Keep the same size and layout */
.pathway-volume-calculator .pvc-item-card button:hover {
    color: #ffffff !important;
    background-color: #F1B01D !important;
    border-color: #F1B01D !important;
}


/* -----------------------------------------------------
   3. QUANTITY NUMBER BORDER → GOLD
   ----------------------------------------------------- */

.pathway-volume-calculator .pvc-item-card input,
.pathway-volume-calculator .pvc-item-card .qty,
.pathway-volume-calculator .pvc-item-card .quantity {
    border-color: #F1B01D !important;
}


/* -----------------------------------------------------
   4. ACTIVE TAB → NAVY
   ----------------------------------------------------- */

/* Active tab */
.pathway-volume-calculator button.active,
.pathway-volume-calculator .active,
.pathway-volume-calculator [aria-selected="true"] {
    background-color: #00132B !important;
    border-color: #00132B !important;
    color: #ffffff !important;
}


/* -----------------------------------------------------
   5. ACTIVE TAB HOVER
   ----------------------------------------------------- */

.pathway-volume-calculator button.active:hover,
.pathway-volume-calculator [aria-selected="true"]:hover {
    background-color: #00132B !important;
    border-color: #00132B !important;
    color: #ffffff !important;
}


/* -----------------------------------------------------
   6. INACTIVE TABS
   Keep them light/white
   ----------------------------------------------------- */

.pathway-volume-calculator button:not(.active) {
    color: #00132B;
}


/* -----------------------------------------------------
   7. TAB HOVER
   Gold accent when mouse is over another tab
   ----------------------------------------------------- */

.pathway-volume-calculator button:not(.active):hover {
    border-color: #F1B01D !important;
    color: #00132B !important;
}


/* -----------------------------------------------------
   8. RED BORDERS INSIDE ITEM CONTROLS → GOLD
   ----------------------------------------------------- */

.pathway-volume-calculator .pvc-item-card * {
    border-color: inherit;
}


/* -----------------------------------------------------
   9. FORM FIELDS
   Only change focus border to gold
   ----------------------------------------------------- */

.pathway-volume-calculator input:focus,
.pathway-volume-calculator select:focus,
.pathway-volume-calculator textarea:focus {
    border-color: #F1B01D !important;
    box-shadow: none !important;
    outline: none !important;
}/* End custom CSS */