/*
 * USCAA PAC Child Theme Global Styles
 * 
 * Additional styling to extend parent theme
 */




/* Form Field Styling */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
    border: 1px solid var(--Neutral-400, #CED4DA) !important;
    border-radius: 0.8rem !important;
    box-shadow: var(--card-shadow) !important;
    font-size: 1.6rem !important;
    padding: 0.8rem 1.2rem !important;
    width: 100% !important;
    background-color: var(--color-white) !important;
    color: var(--color-black) !important;
    height: auto !important;
    line-height: normal !important;
}

/* Dropdown specific styling */
select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' d='M8 12L2 6h12z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 1.2rem center !important;
    background-size: 16px 12px !important;
    padding-right: 3rem !important;
    height: 4.2rem !important; /* Fixed height for dropdowns */
    vertical-align: middle !important;
}

/* Number input styling */
input[type="number"] {
    -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
    height: 4.2rem !important; /* Fixed height for number inputs */
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Text inputs fixed height */
input[type="text"],
input[type="tel"],
input[type="password"] {
    height: 4.2rem !important;
}

/* Focus states for all form elements */
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-color: var(--color-garnet) !important;
    box-shadow: 0 0 0 3px rgba(115, 0, 10, 0.15) !important;
}

/* Placeholder styling */
::placeholder {
    color: #6c757d !important;
    opacity: 0.7 !important;
}

/* PAC-specific styling for email fields */
#gform_fields_1 input[type="email"]{
   line-height: 2.3rem !important;
}

/* Button styling override */
.btn{
    background-color: #CC2E3F !important;
}

.btn:hover,
.btn:active {
    background-color: #B8293A !important; /* 10% darker than #CC2E3F */
}

/* Gravity Forms button styling */
button.gform_button.button {
    background-color: #CC2E3F !important;
}

button.gform_button.button:hover,
button.gform_button.button:active {
    background-color: #B8293A !important; /* 10% darker than #CC2E3F */
}

.title-underline{
    border-bottom: 2px solid #CC2E3F;
}
.side-text {
    & h2{
        border-bottom: 2px solid #CC2E3F !important;
    }  
}

.cards {
    & .cards-grid {
      & .single-card {
        & .single-card-content {
          & h2 {
            border-bottom: 2px solid #CC2E3F !important;
          }
        }
      }
    }
  }


  .title-underline, .section-title, .gform_title {
    border-bottom: 2px solid #CC2E3F;
  }

  .footer-bg {
    & .footer-cta-title {
        border-bottom: 2px solid #CC2E3F !important;
    }
  }


  & .testimonial-item {
    & .testimonial-content {
      & .testimonial-quote {
        & span {
            color: #CC2E3F !important;
        }       
      }
    }   
  }
        
  @media(max-width:992px){
    .text-with-pattern .content-wrapper {
        & .image-content {
            margin-bottom:2rem;    
        } 
    }       
  }

  @media(max-width:768px){
    .custom-logo{
       max-width:300px;
       height:auto;
    }
      .uscaa-logo-container{
        max-width:300px;
      }
  }

.gfield_label{
  font-size:1.75rem !important;
  color:var(--color-black) !important;
  font-weight: 550 !important;
}  


.grecaptcha-badge{
  z-index:99999999 !important;
}