/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*
declare site colours
 */
:root {
    --istp-blue: #0073aa;
    --istp-blue-dark: #005082;
    --istp-blue-light: #729fcf;
    --istp-blue-lighter: #a7c9e2;
    --istp-blue-lightest: #d9e6f2;
    --istp-blue-darkest: #003a61;
    --istp-green: #7ad03a;
    --istp-green-dark: #5fb611;
    --istp-green-light: #a7e974;
    --istp-primary: #1d6a59;
    --istp-accent: #248a73;
    --istp-text: #7a7a7a;
}
.center-success-message .elementor-message-success {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: fit-content;

/*    Hide direction fields unless whatley selected */
}
.elementor-field-group-mondayDirection .select-caret-down-wrapper,
#form-field-mondayDirection,
.elementor-field-group-tuesdayDirection .select-caret-down-wrapper,
#form-field-tuesdayDirection,
.elementor-field-group-wednesdayDirection .select-caret-down-wrapper,
#form-field-wednesdayDirection,
.elementor-field-group-thursdayDirection .select-caret-down-wrapper,
#form-field-thursdayDirection,
.elementor-field-group-fridayDirection .select-caret-down-wrapper,
#form-field-fridayDirection,
.elementor-field-group-saturdayDirection .select-caret-down-wrapper,
#form-field-saturdayDirection,
.elementor-field-group-sundayDirection .select-caret-down-wrapper,
#form-field-sundayDirection, #Direction {
    display: none;
}

.istp-label{
    display: flex;
    flex-direction: row;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    color: var(--istp-text);
}
.istp-field-select {
    background-color: #1D6A5936;
    color: var(--istp-primary);
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid var(--istp-text);
}
.istp-field-label {
    margin-bottom: 5px;
}
.istp-field-label::after {
    content: " *";
    color: red;
}