/*
    Custom CSS for WPForms
*/
.wpforms-container .wpforms-field,.wp-core-ui div.wpforms-container .wpforms-field {
    padding-bottom:0;
}
div.wpforms-container-full h2 {
    margin-bottom:0;
}

div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    background-color:var(--e-global-color-primary) !important;
    width:100%;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
}
div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
    background-color:var(--e-global-color-secondary) !important;
    color:var(--e-global-color-text);
    width:100%;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
}
div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-field-layout-rows .wpforms-field-repeater-display-rows-buttons button svg {
    transform: scale(1.5) !important;
}
div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-repeater .wpforms-field-layout-rows .wpforms-field-repeater-display-rows-buttons {
    padding-top: 0 !important;
}
div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-field-layout-rows .wpforms-field-repeater-display-rows-buttons {
    gap: 12px !important;
}

/* Volunteer Registration form */
#wpforms-form-8 .wpforms-field-repeater > .wpforms-field-repeater-display-rows .wpforms-field-repeater-display-rows-buttons {
    top:15px !important;
}
#wpforms-form-8 .wpforms-field-repeater > .wpforms-field-repeater-display-rows .wpforms-layout-row {
    padding-bottom:15px;
}
#wpforms-form-8 .wpforms-field-repeater-display-rows-buttons {
    top:8px;
}

/* Volunteer Profile edit forms */
.profile-content div.wpforms-container-full:not(:empty) {
    margin-top: -20px;
}
.profile-content .wpforms-container .wpforms-form .wpforms-field-label {
    margin-bottom: 5px;
    margin-top: 10px;
}
.profile-content div.wpforms-container.custom-form input[type=submit], .profile-content div.wpforms-container.custom-form button[type=submit] {
    width: fit-content;
    margin-top: 15px;
    padding: 16px 40px;
    height: fit-content;
    border-radius: 10px;
    text-transform: capitalize;
    letter-spacing: 1px;
}
div.wpforms-container.custom-form input[type=date], div.wpforms-container.custom-form input[type=datetime], div.wpforms-container.custom-form input[type=datetime-local], div.wpforms-container.custom-form input[type=email], div.wpforms-container.custom-form input[type=month], div.wpforms-container.custom-form input[type=number], div.wpforms-container.custom-form input[type=password], div.wpforms-container.custom-form input[type=range], div.wpforms-container.custom-form input[type=search], div.wpforms-container.custom-form input[type=tel], div.wpforms-container.custom-form input[type=text], div.wpforms-container.custom-form input[type=time], div.wpforms-container.custom-form input[type=url], div.wpforms-container.custom-form input[type=week], div.wpforms-container.custom-form select, div.wpforms-container.custom-form textarea, .wp-core-ui div.wpforms-container.custom-form input[type=date], .wp-core-ui div.wpforms-container.custom-form input[type=datetime], .wp-core-ui div.wpforms-container.custom-form input[type=datetime-local], .wp-core-ui div.wpforms-container.custom-form input[type=email], .wp-core-ui div.wpforms-container.custom-form input[type=month], .wp-core-ui div.wpforms-container.custom-form input[type=number], .wp-core-ui div.wpforms-container.custom-form input[type=password], .wp-core-ui div.wpforms-container.custom-form input[type=range], .wp-core-ui div.wpforms-container.custom-form input[type=search], .wp-core-ui div.wpforms-container.custom-form input[type=tel], .wp-core-ui div.wpforms-container.custom-form input[type=text], .wp-core-ui div.wpforms-container.custom-form input[type=time], .wp-core-ui div.wpforms-container.custom-form input[type=url], .wp-core-ui div.wpforms-container.custom-form input[type=week], .wp-core-ui div.wpforms-container.custom-form select, .wp-core-ui div.wpforms-container.custom-form textarea {
    background-color: var(--wpforms-field-background-color);
    background-clip: padding-box;
    border-radius: var(--wpforms-field-border-radius);
    color: var(--wpforms-field-text-color);
    border-width: var(--wpforms-field-border-size);
    border-style: var(--wpforms-field-border-style);
    border-color: var(--wpforms-field-border-color);
    padding: 0 var(--wpforms-field-size-padding-h);
    font-size: var(--wpforms-field-size-font-size);
    line-height: 100%;
    box-shadow: none;
    transition: border 0.15s, box-shadow 0.15s;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    margin: 0;
}
div.wpforms-container.custom-form input, div.wpforms-container.custom-form select, .wp-core-ui div.wpforms-container.custom-form input, .wp-core-ui div.wpforms-container.custom-form select {
    height: var(--wpforms-field-size-input-height);
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color:revert;
}
div.wpforms-container.custom-form input[type=submit], div.wpforms-container.custom-form button[type=submit], div.wpforms-container.custom-form .wpforms-page-button, .wp-core-ui div.wpforms-container.custom-form input[type=submit], .wp-core-ui div.wpforms-container.custom-form button[type=submit], .wp-core-ui div.wpforms-container.custom-form .wpforms-page-button {
    height: var(--wpforms-button-size-height);
    background-color: var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color));
    border-radius: var(--wpforms-button-border-radius);
    border-style: var(--wpforms-button-border-style);
    border-color: var(--wpforms-button-border-color);
    border-width: var(--wpforms-button-border-size);
    box-shadow: none;
    color: var(--wpforms-button-text-color);
    padding: 0 var(--wpforms-button-size-padding-h);
    font-family: inherit;
    font-weight: 500;
    font-size: var(--wpforms-button-size-font-size);
    line-height: 100%;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    position: relative;
    text-decoration: none;
}
div.wpforms-container.custom-form input[type=submit]:not(:hover):not(:active), div.wpforms-container.custom-form button[type=submit]:not(:hover):not(:active), div.wpforms-container.custom-form .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container.custom-form input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container.custom-form button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container.custom-form .wpforms-page-button:not(:hover):not(:active) {
    background-color: var(--e-global-color-primary) !important;
    font-size: 14px;
    font-weight: 700;
}
div.wpforms-container.custom-form input[type=submit]:hover, div.wpforms-container.custom-form input[type=submit]:active, div.wpforms-container.custom-form button[type=submit]:hover, div.wpforms-container.custom-form button[type=submit]:active, div.wpforms-container.custom-form .wpforms-page-button:hover, div.wpforms-container.custom-form .wpforms-page-button:active, .wp-core-ui div.wpforms-container.custom-form input[type=submit]:hover, .wp-core-ui div.wpforms-container.custom-form input[type=submit]:active, .wp-core-ui div.wpforms-container.custom-form button[type=submit]:hover, .wp-core-ui div.wpforms-container.custom-form button[type=submit]:active, .wp-core-ui div.wpforms-container.custom-form .wpforms-page-button:hover, .wp-core-ui div.wpforms-container.custom-form .wpforms-page-button:active {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-text);
    font-size: 14px;
    font-weight: 700;
}
div.wpforms-container.custom-form .wpforms-field-sublabel {
    font-size: var(--wpforms-label-size-sublabel-font-size);
    line-height: var(--wpforms-label-size-sublabel-line-height);
    margin: var(--wpforms-field-size-sublabel-spacing) 0 0 0;
    padding: 0;
    color: var(--wpforms-label-sublabel-color);
}
div.wpforms-container.custom-form input:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
/* Opportunity Creation form */
div.wpforms-container .wpforms-form.create-opportunity .wpforms-field-repeater.wpforms-field-repeater-display-rows .wpforms-field-label ~ .wpforms-field-layout-rows:nth-of-type(1) .wpforms-field {
    padding-top:0;
}
.wpforms-form.create-opportunity .wp-editor-wrap {
    border-radius:var(--wpforms-field-border-radius);
    border:1px solid var(--wpforms-field-border-color);
}
.wpforms-form.create-opportunity .mce-container-body.mce-stack-layout {
    border-bottom:1px solid var(--wpforms-field-border-color);
}
.wpforms-form.create-opportunity .mce-top-part::before {
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.wpforms-form.create-opportunity #image_upload_box {
    padding: 20px;
    border: 2px dashed #ccc;
    background: var(--e-global-color-030d5f6);
    width: 100%;
    height:180px;
    box-sizing: border-box;
    margin-bottom:10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wpforms-form.create-opportunity #image_upload {
    position: absolute;
    left: 0;
    width: 100%;
    height: 180px;
    opacity: 0;
    cursor: pointer;
}
.wpforms-form.create-opportunity #image_upload_box span {
    text-align:center;
    display:block;
}
#upload-title {
    font-weight:bold;
}
#upload-restrict,#upload-message {
    font-size:0.8em;
    color:var(--e-global-color-text);
}
#upload-message {
    margin-top:30px;
}
#file-info {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}
#file-size {
    display:inline !important;
}
#remove-file {
    background: none;
    font-size: 16px;
    cursor: pointer;
    margin-left: 10px;
    margin-top: -1px;
}
.ui-timepicker-standard a {
    font-size:14px;
}
div.wpforms-container .wpforms-form .wpforms-field-repeater:last-child {
    margin-bottom:0 !important;
}
div.wpforms-container-full.create-opp input[type=submit]:not(:hover):not(:active).save {
    background-color:var(--e-global-color-fd535a7) !important;
}
/* Create opportunity page */
#oppForm #session-form,#oppForm #recurring-form {
    display: flex;
    gap: 10px;
}
#oppForm table.timeslots {
    width: 100%;
    margin-top: 1em;
}
#oppForm table.timeslots tr {
    border-top: 1px solid rgb(0, 0, 0, 0.3);
    border-bottom: 1px solid rgb(0, 0, 0, 0.3);
}
#oppForm table.timeslots td {
    padding: 10px;
    text-align: center;
}
#oppForm .dashicons {
    font-size: 30px;
    color: var(--e-global-color-text);
}
#oppForm .error {
  border: 2px solid red !important;
}

#oppForm #session-table.error,#oppForm #recurring-table.error {
  border: 2px solid red !important;
}
#wpforms-8-field_74-container {
    margin-top: -92px;
}