#wpcf7-f2150-p29-o1, > form > div.row > div:nth-child(3) > input
{
    background-color: black;
    color: white;
}

#panel-29-2-0-1> .panel-widget-style {
    background-color: #ec3444;
    color: #ffffff;
    padding: 20px;
}


.servicetrade-widget-login-form-login > div:nth-child(2) > label:nth-child(1) {
    color: #333333 !important;
}

.servicetrade-widget-login-form-login > div:nth-child(3) > label:nth-child(1) {
    color: #333333 !important;
}

div.servicetrade-form-actions:nth-child(4) > button:nth-child(1) {
    color: #333333 !important;
}


body > div.boxed-container > header > div:nth-child(1) > div.logo {
    position: relative;
}

body > div.boxed-container > header > div:nth-child(1) > div.logo::after {
    content: "Serving Northern California";
    display: block;
    text-align: center;
    font-size: 19px; /* Set the font size to 19px */
    font-family: 'Montserrat', sans-serif; /* Use the Montserrat font family */
    font-weight: 400; /* Set the font weight to 400 */
    color: #000; /* Adjust text color as needed */
    margin-top: 10px; /* Adjust spacing as needed */
}


body > div.boxed-container > header > div:nth-child(1) > div.header-widgets.header-widgets-desktop > div:nth-child(3)


/* Change the icon-box title */
body > div.boxed-container > header > div:nth-child(1) > div.header-widgets.header-widgets-desktop > div:nth-child(3) .icon-box__title {
    content: "We're Hiring";
}

/* Change the icon-box link */
body > div.boxed-container > header > div:nth-child(1) > div.header-widgets.header-widgets-desktop > div:nth-child(3) a.icon-box__link {
    background-image: url('https://www.aaafireprotection.com/index.php/job-application/');
    /* You can set other styles for the link here */
}

/* Change the icon-box subtitle */
body > div.boxed-container > header > div:nth-child(1) > div.header-widgets.header-widgets-desktop > div:nth-child(3) .icon-box__subtitle {
    content: "Apply Now!";
}

/* For the second Portal login */

body > div.boxed-container > div.master-container > div > div > main > div > div > article > div > form.servicetrade-widget-login-form-signup > div:nth-child(2) > label {
    color: #333333;
}

body > div.boxed-container > div.master-container > div > div > main > div > div > article > div > form.servicetrade-widget-login-form-signup > div:nth-child(3) > label {
    color: #333333;
}

body > div.boxed-container > div.master-container > div > div > main > div > div > article > div > form.servicetrade-widget-login-form-signup > div:nth-child(4) > label {
    color: #333333;
}


body > div.boxed-container > div.master-container > div > div > main > div > div > article > div > form.servicetrade-widget-login-form-signup > div.servicetrade-form-actions > button {
    color: #333333;
}


/*Center the form*/

body > div.boxed-container > div.master-container > div > div > main > div > div > article > div > form.servicetrade-widget-login-form-signup {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; /* If you want to center text within the form */
}


body > div.boxed-container > div.master-container > div > div > main > div > div > article > div > form.servicetrade-widget-login-form-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; /* If you want to center text within the form */
}


body > div.boxed-container > div.master-container > div > div > main > div > div > article > div > form.servicetrade-widget-login-form-forgot-password {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; /* If you want to center text within the form */
}

body > div.boxed-container > div.master-container > div > div > main > div > div > article > div > form.servicetrade-widget-login-form-forgot-password > div.servicetrade-inputcontainer > label:hover {
    color: #333333;
}


body > div.boxed-container > div.master-container > div > div > main > div > div > article > div > form.servicetrade-widget-login-form-forgot-password > div.servicetrade-form-actions > button:hover {
    color: #333333;
}

body > div.boxed-container > div.master-container > div > div > main > div > div > article > div > form.servicetrade-widget-login-form-forgot-password > div.servicetrade-inputcontainer > label {
    color: #333333;
}

body > div.boxed-container > div.master-container > div > div > main > div > div > article > div > form.servicetrade-widget-login-form-forgot-password > div.servicetrade-form-actions > button {
    color: #333333;
}

#pgc-5360-1-2 > div > form.servicetrade-widget-login-form-signup > div:nth-child(2) > label {
    color: #333333;
}


#pgc-5360-1-2 > div > form.servicetrade-widget-login-form-signup > div.servicetrade-form-actions > button {
    color: #333333;
}


#pgc-5360-1-2 > div > form.servicetrade-widget-login-form-forgot-password > div.servicetrade-inputcontainer > label {
    color: #333333;
}

#pgc-5360-1-2 > div > form.servicetrade-widget-login-form-forgot-password > div.servicetrade-form-actions > button {
    color: #333333;
}

#pgc-5360-1-2 > div > form.servicetrade-widget-login-form-signup > div:nth-child(3) > label {
    color: #333333;
}

#pgc-5360-1-2 > div > form.servicetrade-widget-login-form-signup > div:nth-child(4) > label {
    color: #333333;
}


/* Global form font changes from Times to Arvo */
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    font-family: 'Arvo', serif !important;
}

/* Contact form font changes from Times to Arvo */
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    font-family: 'Arvo', serif !important;
}

/* === Mobile Header: Larger Logo, One-Line Tagline, Full Visibility === */
@media (max-width: 768px) {

  /* Stack header elements vertically and center them */
  body > div.boxed-container > header > div:nth-child(1) {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* Logo container: centered and allowed to expand */
  body > div.boxed-container > header > div:nth-child(1) > div.logo {
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto !important;
    overflow: visible !important;
  }

  /* Logo image: large, uncropped, responsive */
  body > div.boxed-container > header > div:nth-child(1) > div.logo img {
    display: inline-block;
    width: auto !important;
    max-width: 90vw; /* stays responsive within screen width */
    height: auto;
    min-height: 160px; /* increase/decrease to adjust logo size */
    transform: none;
  }

  /* Tagline: one line, centered under logo */
  body > div.boxed-container > header > div:nth-child(1) > div.logo::after {
    content: "Serving Northern California";
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #000;
    text-align: center;
    white-space: nowrap; /* keeps tagline on one line */
  }

  /* Center the mobile menu between tagline and phone number */
  body > div.boxed-container > header nav {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

/* === Optional: Make tagline auto-adjust for very small phones === */
@media (max-width: 400px) {
  body > div.boxed-container > header > div:nth-child(1) > div.logo::after {
    font-size: 14px; /* slightly smaller on very narrow screens */
  }
}

/* Footer year changes CSS */
/* hide the old one first */
.footer-bottom__left,
.footer-bottom__right {
    display: none !important;
}

/* adding the new footer center align */
.footer-bottom .container::after {
    content: "© 2025 AAA Fire Protection Services. All Rights Reserved. Designed by WebByline";
    display: block;
    text-align: center;      /* adjust if needed */
    padding: 10px 0;
    font-size: 14px;
    color: #ffffff;        /* match your theme */
}

/* Mobile: force 2 columns */
@media (max-width: 767px) {

  /* Reduce top-gap before first logos */
  .logo-panel,
  .logo-panel .row {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .logo-panel .col-xs-17 {
    width: 50% !important;
    float: left;
    padding: 10px 0 !important;
    margin: 0 !important;
    text-align: center !important;
  }

  .logo-panel .col-xs-17 a {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px 0 !important;
  }

  .logo-panel img {
    max-width: 80% !important;
    height: auto;
    margin: 0 auto !important;
    display: block;
  }
}

/* Hide the hero carousel arrows completely */
#headerCarousel .carousel-control,
#headerCarousel .left.carousel-control,
#headerCarousel .right.carousel-control,
#headerCarousel .carousel-control i.fa {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}