.topnav{display:grid;grid-template-columns:1fr 10fr 1fr;background-color:var(--color-1);width:100vw}.topnav a:hover{color:var(--color-2);text-decoration:underline}.log-header{padding-left:10px;padding-bottom:25px;display:grid;grid-template-columns:9fr 1fr}.text-field-group-input{min-width:50vw}.log-form-content{text-align:left;padding-left:2rem;padding-bottom:10px}.log-btn-bar{margin-top:5px}.log-btn{padding:5px;margin-right:5px}.btn-close{margin:5px}.icon-pw{padding-left:5px;cursor:pointer}.btn-play{background:none;color:var(--secondary);width:50%}.play-icon{padding-right:5px}.burger{text-align:right;color:var(--color-3);padding-right:10px;padding-top:50px}.burger:hover{color:var(--color-2)}.logo{width:100px;display:inline-block}.topnav a{display:block;color:var(--color-3);font-size:17px;text-decoration:none}.topnav p{display:block;color:var(--color-4);font-size:20px}.sub-menu{display:none;position:absolute;top:10vh;background-color:var(--primary-tint-0);padding:10px}.dropdown-head{display:none}.unhidden{display:block}.nav-log{max-width:100px;background-color:var(--color-5);padding-left:10px}@media screen and (min-width:1000px){.nav-log{display:block;float:right}.dropdown-menu{display:block;color:var(--color-3);font-size:17px}.dropdown-head{display:block}.dropdown-content{background-color:var(--color-1);display:none;position:absolute;min-width:160px;box-shadow:0 8px 16px #0003;padding:12px 16px}.dropdown-menu:hover .dropdown-content{display:block}.burger{display:none}.topnav p{position:relative;z-index:-1;display:block;color:var(--color-4);font-size:20px;margin-bottom:10px}.sub-menu{min-width:100vw;display:grid;grid-auto-flow:column;padding-top:20px;position:static}.topnav{overflow:hidden}.sub-menu-top{display:grid;grid-auto-flow:column}.sub-menu-bottom a,.sub-menu-bottom p{display:inline;padding-right:120px}}.homepage-text{display:grid;grid-template-columns:8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw}.logo{display:block;text-align:center;width:100vw}.logo-img{margin-top:25px;max-height:20vh;align-items:center}.head{max-width:100vw;grid-column-start:1;grid-column-end:11;margin-bottom:25px}.subhead{grid-column-start:4;grid-column-end:12;margin-bottom:50px;text-align:end}.strap{grid-column-start:1;grid-column-end:12;margin-bottom:50px}.contact{grid-column-start:1;grid-column-end:12;margin-bottom:25px;font-family:Arial,Helvetica,sans-serif}.email{color:var(--accent);text-decoration:underline;grid-column-start:1;grid-column-end:12;margin-bottom:25px;font-family:Arial,Helvetica,sans-serif}@media screen and (min-width:600px){.logo{max-height:25vh}.subhead{grid-column-start:6;text-align:start}}@media screen and (min-width:1000px){.head{text-align:start}.head,.strap,.contact,.email{grid-column-start:4}}.log-in-out{font-size:larger;border:none;height:35px;color:var(--color-3);background-color:var(--color-1);display:inline;padding-right:10px}.form-log-in-out{top:25vh;left:5vw;background-color:azure;border-color:var(--color-1);border-radius:10px}.text-field-group-input{min-width:45vw;margin-left:10px}.pop-class{text-align:center;width:90vw;margin-left:5vw;min-height:25vh;background-color:azure;color:var(--color-1);border-color:var(--color-1);border-radius:10px;padding:15px}.pop-header{display:grid;grid-template-columns:9fr 1fr}.pop-close{color:red;font-size:large;padding-right:5px}.btn-close{color:red}.hidden{display:none}.align-right{text-align:right}.btn-submit{display:inline-block;background-color:#fff;height:50px;width:100px;margin-left:10px;border-radius:5px}.help-label{display:none;color:var(--color-3)}.bk-btn-help{margin-top:1rem;margin-right:1.5rem;border-radius:25%;grid-area:help;width:1.5rem;background-color:var(--color-1);color:var(--color-3);border:none;font-size:large;padding:5px;cursor:help}.alert-box{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#02020299;justify-content:center;align-items:center}.alert-content{background-color:#fff;padding:20px;border-radius:10px;height:150px;width:300px;text-align:center;box-shadow:5px 5px 25px}.alert-close{color:red;font-size:large;margin:2px}.alert-content button{height:35px;width:40px;margin-top:10px;background-color:var(--color-3);border-radius:5px;border-width:1px;border-color:var(--color-5)}.form-alert{width:60%;margin-left:20%;border-style:solid;border-width:3px;border-radius:15px;top:20%}.form-alert-content{text-align:center}.form-alert-dismiss{margin:10px;text-align:right}@media screen and (min-width:600px){.form-log-in-out{min-width:50vw;left:25vw}.text-field-group-input{min-width:30vw}.help-label{display:inline}.pop-class{width:70vw;margin-left:15vw}}@media screen and (min-width:1000px){.form-log-in-out{min-width:30vw;left:35vw}.text-field-group-input{min-width:15vw}.pop-class{width:50vw;margin-left:25vw}}.page-log{width:80%;margin-left:10%;margin-top:20px;border-style:ridge;border-radius:10px;padding:10px}.log-form input{margin-top:10px;font-size:large;width:90%}.log-radio input{margin-top:10px;font-size:large}.log-radio{margin-left:20%}.log-form button,.log-radio button{margin:10px;padding:10px}.log-form p{margin-top:10px;cursor:pointer;text-decoration:underline}.log-form p:hover{color:brown}@media screen and (min-width:600px){.page-log{width:70%;margin-left:15%}}@media screen and (min-width:1000px){.page-log{width:50%;margin-left:25%}}@media screen and (min-width:1200px){.page-log{width:30%;margin-left:35%}}@media screen and (min-width:1500px){.page-log{width:20%;margin-left:45%}}.gigs-head{margin-top:20px}.gigs-list{margin-top:20px;display:grid;grid-template-columns:8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw}.gig-items{grid-column-start:1;font-size:small;grid-column-end:12;margin-bottom:10px}.lnk-gig{font-size:large}.gig-list-item{margin-bottom:10px}@media screen and (min-width:1000px){.gig-items{grid-column-start:4;font-size:large}.gigs-head{text-align:center}.lnk-gig{margin-left:25vw}}.popup-box{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:color-mix(in srgb,var(--primary),transparent 60%);justify-content:center;align-items:top;z-index:1000}.popup-body{border-radius:10px;border-color:var(--primary-tint-0);border-width:1px;border-style:solid;padding:10px;box-shadow:5px 5px 25px 0 var(--primary-tint-0);background-color:var(--primary-tint-1);width:fit-content;height:min-content}.pop-close{cursor:pointer;text-align:right}.popup-head{display:grid;grid-template-columns:90% 10%;font-family:Arial,Helvetica,sans-serif}.form-text{width:80%}.form-input-box{border-radius:5px;border-style:solid;border-width:1px;height:2rem;padding-left:5px}.invalid-feedback{color:red}.loader{font-size:xx-large;animation:spin 2s linear infinite}.loader-text{animation:fade 3s linear infinite}.custom-file-upload-btn{border:1px solid #4d4a4a;border-radius:5px;display:inline-block;padding:6px 12px;cursor:pointer;margin-top:15px;margin-bottom:25px;background-color:#fff;vertical-align:top}.custom-file-input{border:1px solid #4d4a4a;height:auto;border-radius:5px;display:inline-block;padding:6px 10px;cursor:pointer;margin-top:15px;margin-bottom:25px;background-color:#fff;vertical-align:top;color:#000}.custom-file-pic{height:75px;display:inline;margin-left:25px;margin-top:15px}.form-input-pic{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.form-input-pic+label{font-size:1.25em;font-weight:700;color:#fff;background-color:var(--primary);display:inline-block}.form-input-pic:focus+label,.form-input-pic+label:hover{background-color:var(--primary-tint-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade{0%{color:var(--color-1)}50%{color:var(--color-3)}to{color:var(--color-1)}}.band-form-body{margin:15px;display:flex;flex-direction:column;gap:15px;padding:20px;background-color:#f0f8ff;border-radius:8px;color:#000;font-family:Arial,Helvetica,sans-serif}.band-bio{width:100%}.profile-pic{height:50px;width:50px;border-radius:25px;margin:15px}.player-info{width:90vw}.player-pic{height:150px;width:150px;border-radius:75px;margin:15px}.player-head{display:block;font-size:xx-large;padding:0;margin:15px}.player-sub-head{display:block;font-size:x-large;padding:10px;margin:10px}.player-detail{font-size:large;padding:10px;margin:10px;display:block;font-weight:700}.player-info-head{font-weight:lighter;padding-right:5px}.band-table{background-color:var(--secondary);color:var(--primary)}.player-row{display:grid;grid-template-columns:1fr 6fr;font-size:x-large;cursor:pointer}.player-row td{align-content:center}@media screen and (min-width:600px){.player-info{width:80vw}}@media screen and (min-width:1000px){.player-info{width:60vw}}@media screen and (min-width:1500px){.player-info{width:50vw}}:root{--primary: #69290b;--primary-tint-0: color-mix(in srgb, #000000, var(--primary));--primary-tint-1: color-mix(in srgb, #404040, var(--primary));--primary-tint-2: color-mix(in srgb, #808080, var(--primary));--primary-tint-3: color-mix(in srgb, #c0c0c0, var(--primary));--primary-tint-4: color-mix(in srgb, #ffffff, var(--primary));--secondary: #ffc000;--secondary-tint-0: color-mix(in srgb, #000000, var(--secondary));--secondary-tint-1: color-mix(in srgb, #404040, var(--secondary));--secondary-tint-2: color-mix(in srgb, #808080, var(--secondary));--secondary-tint-3: color-mix(in srgb, #c0c0c0, var(--secondary));--secondary-tint-4: color-mix(in srgb, #ffffff, var(--secondary));--accent: #32b9c0;--accent-tint-0: color-mix(in srgb, #000000, var(--accent));--accent-tint-1: color-mix(in srgb, #404040, var(--accent));--accent-tint-2: color-mix(in srgb, #808080, var(--accent));--accent-tint-3: color-mix(in srgb, #c0c0c0, var(--accent));--accent-tint-4: color-mix(in srgb, #ffffff, var(--accent))}.site-grid{min-height:100vh;display:grid;grid-template-rows:100px auto 50px;grid-template-areas:"header" "main" "footer";padding:8px}header{grid-area:header;position:sticky;z-index:100;top:0;width:100vw}main{grid-area:main;width:100vw}footer{grid-area:footer;padding-top:10px;width:100vw}.site-style{background-image:linear-gradient(var(--primary-tint-0),var(--primary-tint-0));color:var(--secondary);font-family:Mystery Quest}.link{color:var(--accent)}*{box-sizing:border-box;padding:0;margin:0}.fa{padding:5px;font-size:20px;width:30px;height:30px;text-align:center;text-decoration:none;border-radius:50%}.page{width:100%;padding:10px;text-align:center}.page-head{margin-bottom:15px}main p{padding:10px;text-align:justify}@media screen and (min-width:600px){.text-content,.email,.contact{width:80vw;padding:0;margin-left:10%;text-align:left;font-size:large}.page{width:70%;margin-left:15%}}@media screen and (min-width:1000px){.text-content,.email,.contact{width:70vw;margin-left:15vw}.page{width:60%;margin-left:20%}}.footer{display:grid;grid-template-columns:8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw 8.33vw}.footer-text{grid-column-start:1;grid-column-end:12}@media screen and (min-width:1000px){.footer-text{grid-column-start:4}}.page-ticket{width:90vw;padding-left:5vw}.btn-submit{padding:8px;background-color:var(--color-4);color:var(--color-1)}.frm-tickets{width:75vw;margin-left:5vw;margin-bottom:20px;border:1px;border-style:solid;border-radius:5px;padding:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--color-3);background-color:var(--color-2)}.inp-tickets{width:90%;color:#000}.sel-ticket{color:var(--color-3)}.drp-ticket{color:#000}.logo-container-ticket{display:block;text-align:center}.logo-ticket{height:150px}.txt-ticket{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-bottom:20px}@media screen and (min-width:600px){.page-ticket{width:50vw;margin-left:25vw}.frm-tickets{width:30vw;margin-left:5vw}.head-ticket{text-align:center;margin-top:15px;margin-bottom:20px}}.chart-image{max-width:95vw;max-height:90vh;background-color:var(--background-secondary);border-radius:8px;z-index:2000}.chart-list-body{background-color:var(--primary-tint-4);color:#000;margin:10px;border-radius:10px;font-family:Arial,Helvetica,sans-serif;max-height:80vh;overflow-y:scroll}.chart-pop-image{width:fit-content;height:fit-content}.chart-list-title{text-align:left;padding-right:5px;padding-left:5px;cursor:pointer}.chart-list-trans{text-align:center}.chart-list-body th{color:var(--accent-tint-0);text-align:left;padding-right:5px;padding-left:5px}.profile-input{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-input-box{width:90vw;color:var(--primary)}.profile-input-box input{margin-bottom:15px}.profile-input-box textarea{width:90vw;color:var(--primary)}.profile-submit-button{border-radius:10px;height:2rem;width:40vw;margin-left:30vw;margin-top:15px;color:var(--primary);background-color:var(--secondary);font-weight:700}
