/**
 * Gel 2017.0
 * Submit Event Stylesheet
 * @version 5.3.0 r 2
 * @modified 2021-11-10 by Fritz Green
 */

/*
font-family: Montserrat, Verdana, sans-serif;
font-family: Georgia, Times New Roman, Times, serif;
Brick: #6e2405;
Light Brick: #83270e;
Olive: #737144;
Light Olive: #84824f;
Brown: #855914;
Light Brown: #966a25;
Gold: #c78500;
Medium Gold: #eda81c;
Light Gold: #ffd681;
Lighter Gold: #ffe4ac;
Off Black: #231f20;
Charcoal: #6a6969;
Light Grey: #e0e0e0;
*/

/******************************/
/* SUBMIT AN EVENT FORM */
#event_form {
    font-size: .85em;
}

/* CONSECUTIVE DATES */
@media screen and (max-width: 1100px) {
    .selected-dates-preview,
    #consecutive-selected-dates-preview {
        width: 100%;
        margin-top: 2em;
        border-top: 1px dashed #414042;
        padding-top: 2em;
    }
    #consecutive-dates-data {
        width: 100%;
    }
}
@media screen and (max-width: 750px) {
    .times-vary-checkbox-span {
        width: 100%;
    }
    #consecutive-from-to-times-default .times-vary-checkbox-span input[type="checkbox"] {
        margin-left: 0;
    }
}

/* NONCONSECUTIVE DATES */
@media screen and (max-width: 1175px) {
    #nonconsecutive_date_selector > .ui-datepicker-inline {
        width: 90% !important;
        margin: 0 8%;
    }
    #nonconsecutive_date_selector .ui-datepicker-group-first,
    #nonconsecutive_date_selector .ui-datepicker-group-middle,
    #nonconsecutive_date_selector .ui-datepicker-group-last {
        width: 100%;
        margin-bottom: 2em;
    }
    .right-arrow, .left-arrow {
        position: absolute;
        top: 1em;
    }
    .left-arrow {
        left: -1.5em;
    }
    .right-arrow {
        right: -1.5em;
    }
}
@media screen and (max-width: 1100px) {
    #nonconsecutive-dates-data .time-selection {
        width: 98%;
    }
    #nonconsecutive-selected-dates-preview {
        width: 98%;
        padding-left: 3%;
    }
}
@media screen and (max-width: 700px) {
    #nonconsecutive-from-to-times-varied {
        width: 100%;
        margin-left: 0;
    }
}

/* RECURRING DATES */
@media screen and (max-width: 1100px) {
    .recurring-date-selection {
        width: 100%;
    }
    #recurring-dates-data {
        width: 100%;
    }
    #recurring-selected-dates-preview {
        flex: none;
        position: static;
        float: none;
        width: 98%
    }
}