@import "common.css";
@import "display_table.css";
@import "admin.css";

input[type="text"] {
    width: 100%
}

.mobile-h1-header {
    padding: 0;
}

#textual-menu #tour-menu-select {
    color: var(--global-font-color-menu-selected);
    font-weight: var(--global-font-weight-menu-selected);
}

.logo-div {
    width: 300px;
}

.logo-and {
    position: relative;
    top: +18px;
    padding: 0 1em;
}

.logo-img {
    width: 100%;
}

.logo-tour {
    text-decoration: none;
}

.tour-h1 {
    display: flex;
    justify-content: center;
}

.center-aligned {
    text-align: center;
    vertical-align: top;
}

.tour-items {
    width: min(800px, 95%);
    margin: 0 auto min(5%, 2em) auto;
}

.bordered-content {
    width: 100%;
    border: none;
    background-color: var(--global-bg-color);
    margin: 1em auto;
}

/* TOUR TABLE - GENERAL */
.tour-table {
    width: min(800px, 100%);
    box-shadow: 0px 0px 20px var(--global-font-color);
    border-radius: 5px;
    border-color: rgba(0,0,0,0);
    border-style: none;
    font-size: max(1em, min(1.25em, 1.5vh));
}

.add-section {
    width: min(800px, 90%);
    margin: 3em auto;
    padding: 1em;
    background-color: white;
    font-size: min(0.9em, 3vw);
}

.tour-admin-input-form {
    width: 100%;
}

.tour-table-row {
    margin: 0;
}

.tour-table-column-quarter {
    width: 30%;
    margin: 0;
}

.tour-table-column-half {
    width: 55%;
    margin: 0;
}

.tour-table-column-right {
    width: 15%;
    margin: 0;
}

/* TOUR TABLE - DATE */

.tour-table-year-month {
    text-transform: uppercase;
    font-weight: bold;
    font-size: min(0.9em, 3vw);
    margin: 0;
}

.tour-table-day-of-month {
    margin: 0;
    font-size: min(1.8em, 4.5vw);
    font-weight: bold;
}

.tour-table-day {
    margin: 0;
    font-size: min(0.9em, 3vw);
    font-weight: bold;
    text-transform: uppercase;
}

.tour-table-time-range {
    margin: 0;
    font-size: min(0.7em, 2.5vw);
    font-weight: bold;
}

/* TOUR TABLE - VENUE */
.tour-table-city {
    margin: 0;
    font-size: min(1.8em, 4vw);
    text-transform: uppercase;
    font-weight: bold;
}

.tour-table-county {
    margin: -0.3em 0 0 0;
    font-size: min(0.9em, 2.5vw);
}

.tour-table-event-name {
    margin: 0;
    font-size: min(0.85em, 2.5vw);
}

.tour-table-event-address {
    margin: 0;
    font-size: min(0.85em, 2.5vw);
}

/* TOUR TABLE - EVENT HREF */
.tour-table-event-href {
    margin: 0;
    font-size: min(1.0em, 3.5vw);
}

.right-border {
    padding: 0;
    border-right-style: dashed;
    border-width: 1px;
}

.left-border {
    padding: 0;
    border-left-style: dashed;
    border-width: 1px;
}

.tour-admin-buttons {
    text-align: right;
    width: min(800px, 95%);
    position: absolute;
    transform: translate(0, -1em);
}

@media screen and (max-width: 1400px) {
    .bordered-content {
        margin: 0 auto;
        padding: 0;

    }

    .center-aligned {
        text-align: left;
    }

    .tour-h1 {
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap;
    }

    .logo-div {
        width: 225px;
    }

    .logo-and {
        padding: 0;
        top: 6px;
    }

    .mobile-h1-header {
        position: relative;
        top: -45px;
    }

    .cindy-logo-desktop {
        display: none;
    }
}