/* IMPORTANT NOTE: Double class name is used here to increase specificity instead of the uses of !important to over ride the WP Forms styling */

/* WP Form Contact form Styles */
/* WP Forms form field Styles */
body .wpforms-container .wpforms-form .wpforms-field input, 
body .wpforms-container .wpforms-form .wpforms-field textarea{
    color: var(--BCC-text) !important;
    background-color: var(--BCC-Header);
    padding: 4px var(--Space-1);
    border: 0.5px solid var(--BCC-Outlines);
    border-radius: 3px;
}

/* WP Form form placeholder styles */
body .wpforms-container .wpforms-form .wpforms-field ::placeholder{
    color: var(--BCC-Secondary-Text); 
}

/* Form Field focus style */
body .wpforms-container .wpforms-form .wpforms-field.wpforms-field input:focus,
body .wpforms-container .wpforms-form .wpforms-field.wpforms-field textarea:focus{
    border: 1px solid var(--BCC-Accent);
    outline: none;
}
/* Form confirmation message box styles */
div.wpforms-container .wpforms-confirmation-container-full.wpforms-confirmation-container-full{
    background-color: var(--BCC-Header);
    border: 0.5px solid var(--BCC-Outlines);
    border-radius: 3px;
}
div.wpforms-container .wpforms-confirmation-container-full.wpforms-confirmation-container-full p{
    color: var(--BCC-text);
}
/* END Form confirmation message box styles */

/**************************************************************************
Address styles
***************************************************************************/
/* Remove the numeric arrow buttons in the Zip Code field */
.wpforms-field-number.wpforms-field-number input::-webkit-outer-spin-button,
.wpforms-field-number.wpforms-field-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/* State form field styles */
div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-select-style-modern .choices .choices__inner.choices__inner{
    color: var(--BCC-text);
    background-color: var(--BCC-Header);
    padding: 4px var(--Space-1);
    border: 0.5px solid var(--BCC-Outlines);
    border-radius: 3px;
}
/* State field placeholder text styles */
div.choices__placeholder.choices__placeholder{
    color: var(--BCC-Secondary-Text) !important;
}
/* State list dropdown styles */
.choices__list.choices__list{
    color: var(--BCC-text);
    background-color: var(--BCC-Header);
}
/* State Dropdown list hover color */
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__item--selectable.is-highlighted.choices__item--selectable.is-highlighted {
  background-color:var(--BCC-Section);
}
/* List dropdown search styles */
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown.choices__list--dropdown {
  background:var(--BCC-Secondary-Section) !important;
}

/****************************************************************************
END Address styles
*****************************************************************************/

/* Styling for forms buttons */
/* Form button styles */
body .wpforms-container .wpforms-form .wpforms-field .wpforms-page-button.wpforms-page-button{
    color: var(--BCC-Accent);
    background-color: transparent;
    font-weight: 700;
    border: 2px solid var(--BCC-Accent);
    text-transform: uppercase;
    margin-top: var(--Space-4);
    border-radius: 25px;
    transition: all 1s ease-in-out;
    cursor: pointer;
}
/* Form button hover styles */
body .wpforms-container .wpforms-form .wpforms-field .wpforms-page-button.wpforms-page-button:hover{
    color: var(--BCC-Hover);
    border-color: var(--BCC-Hover);
}
/* END Styling for form buttons */

/* END WP Form Contact form Styles */

/**********************************************************************************
***********************************************************************************/

/* Submit button styles */
div.wpforms-container .wpforms-form .wpforms-submit.wpforms-submit{
    font-weight: 700;
    border: 2px solid var(--BCC-Accent);
    color: var(--BCC-Accent) !important;
    background-color: #00000000 !important;
    text-transform: uppercase;
    padding: var(--Space-2) var(--Space-4);
    margin-top: var(--Space-4);
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    transition: 1s;
    cursor: pointer;
}
/* Submit button hover state */
div.wpforms-container .wpforms-form .wpforms-submit.wpforms-submit:hover{
    color: var(--BCC-Hover) !important;
    border-color: var(--BCC-Hover);
}
/* END Submit button styles */

/* Mobile Landscape mode */
@media screen and (min-width: 767px) {
    /* Submit button styles */
div.wpforms-container .wpforms-form .wpforms-submit.wpforms-submit{ 
        display: inline-block;
        width: auto;
   }
    /* END Submit button styles */
}
/* END Mobile Landscape mode */