:root{--ph-pink:#eb098e}*{margin:0}body{background-color:#000}p,span,label{color:#dedede;font-family:Cambria,Hoefler Text,Liberation Serif,Times,Times New Roman,"serif"}a{color:var(--ph-pink)}h1,h2,h3,h4,h5,h6{color:#ebebf5}input,select,textarea{color:#fff;text-indent:10px;background-color:#0000006e;border:2px solid #424242;border-radius:5px;outline:none;width:100%;height:30px;margin:10px 0;font-size:16px}textarea{min-height:50px}input:focus,select:focus{border-color:var(--ph-pink)}#site-header{background-color:#00000040;border:2px solid #0006;border-radius:10px;padding:10px 18px;position:fixed;top:20px;right:50px}#header-nav{align-items:center;gap:30px;display:flex}#header-nav a{letter-spacing:1px;font-size:18px;font-weight:700;text-decoration:none}#nav-signup{background-color:var(--ph-pink);color:#fff;border-radius:5px;padding:5px 12px}#nav-logout-btn{cursor:pointer;background:0 0;border:none;width:auto;padding:0}#nav-logout-btn:hover{background:0 0}#nav-logout-icon{color:var(--ph-pink)}#homepage-body{background-image:url(/images/homepage-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}#homepage-container{text-align:center;max-width:1640px;margin-left:auto;margin-right:auto;padding:100px 20px}#homepage-logo img{width:100%;max-width:400px;margin-left:auto;margin-right:auto}#homepage-cta-container{justify-content:center;align-items:center;gap:30px;margin-top:30px;display:flex}#homepage-cta-container img{width:100%;max-width:200px}.homepage-btn img{transition:all .2s ease-in-out}.homepage-btn img:hover{transform:rotate(3deg)}.homepage-btn-middle img{transition:all .2s ease-in-out}.homepage-btn-middle img:hover{transform:rotate(-3deg)}#homepage-about{max-width:1100px;margin-top:50px;margin-left:auto;margin-right:auto;font-size:18px}#homepage-about p{padding:20px}#signup-page,#login-page{background-image:url(/images/showposter-bg-noblur.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}#signup-card,#login-card{max-width:400px;margin-left:auto;margin-right:auto;padding:100px 20px 20px}#signup-card img,#login-card img{width:100%;max-width:400px;margin-bottom:10px}#signup-submit,#login-submit{background:0 0;border:none;width:100%;margin-top:10px}#signup-submit img,#login-submit img{text-align:center;cursor:pointer;max-width:250px;transition:transform .2s ease-in-out}#signup-submit img:hover,#login-submit img:hover{transform:rotate(3deg)}#signup-login-link,#login-signup-link{margin-top:20px}#edit-profile-page{background-image:url(/images/showposter-bg-noblur.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh}#edit-profile-layout{justify-content:center;gap:50px;max-width:1200px;margin-left:auto;margin-right:auto;padding:100px 20px 30px;display:flex}#edit-profile-fields-col{width:100%}img#photo-current{border-radius:5px;width:100%;max-width:500px}input#band-photo{max-width:500px;display:block}#edit-profile-submit{background:0 0;border:none;width:100%;margin-top:10px}#edit-profile-submit img{text-align:center;cursor:pointer;max-width:250px;transition:transform .2s ease-in-out}#edit-profile-submit img:hover{transform:rotate(3deg)}@media only screen and (max-width:690px){#edit-profile-layout{flex-direction:column}#edit-profile-photo-col{margin-left:auto;margin-right:auto}}#search-page{background-image:url(/images/showposter-bg-noblur.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;grid-template-columns:280px 1fr;min-height:100vh;display:grid}#search-sidebar{background-color:#000;border-right:1px solid #333;height:100vh;padding:2rem;position:sticky;top:0;overflow-y:auto}#search-logo{margin-bottom:2rem}#search-logo img{width:160px}#search-form{flex-direction:column;gap:1rem;display:flex}#search-results{padding:100px 20px}#featured-heading{margin-bottom:1.5rem}#featured-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}#search-results-list{flex-direction:column;gap:1rem;display:flex}#results-heading{margin-bottom:1.5rem}.band-card{border:1px solid #333;border-radius:8px;gap:1rem;max-width:320px;padding:1rem;display:flex}.band-card-image img{object-fit:cover;border-radius:6px;width:100%;height:140px}.band-card-info{flex-direction:column;gap:4px;display:flex}.band-card-name{font-size:1.1rem}.band-card-location,.band-card-genre{color:#888;font-size:13px}.band-card-links{align-items:center;gap:12px;margin-top:8px;display:flex}.band-card-link{color:#888;font-size:20px}.band-card-link:hover{color:#fff}.band-card-contact{margin-top:8px}.band-card-contact-btn{border:1px solid #333;border-radius:4px;padding:6px 14px;font-size:13px;display:inline-block}.band-card-contact-btn:hover{color:#fff;background:#333;text-decoration:none}.band-card-signup-prompt{color:#888;font-size:13px;font-style:italic}.band-card-signup-prompt:hover{color:#fff;text-decoration:underline}#search-submit{background:0 0;border:none;width:100%;margin-top:10px}#search-submit img{text-align:center;cursor:pointer;max-width:190px;transition:transform .2s ease-in-out}#search-submit img:hover{transform:rotate(-3deg)}#search-drawer-btn{width:auto;margin-bottom:1.5rem;padding:10px 20px;display:none}#search-drawer-close{width:auto;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;margin-bottom:1rem;padding:0;font-size:18px;display:none}#search-drawer-overlay{display:none}@media (max-width:768px){#search-page{grid-template-columns:1fr}#search-sidebar{z-index:100;width:80%;max-width:320px;height:100vh;padding:1.5rem;transition:left .3s;position:fixed;top:0;left:-100%;overflow-y:auto}#search-form{padding-bottom:200px}body.drawer-open{overflow:hidden}#search-sidebar.drawer-open{left:0}#search-drawer-overlay{z-index:99;background:#00000080;width:100%;height:100%;display:block;position:fixed;top:0;left:0}#search-drawer-btn{display:block!important}#search-drawer-close{color:#fff;float:right;display:block!important}}#footer-container{justify-content:space-between;align-items:center;max-width:1640px;padding:8px 20px;display:flex}#footer-logo img{width:100%;max-width:50px}#footer-legal-links a{color:#fff;margin-left:10px}@media only screen and (max-width:699px){#footer-container{flex-direction:column}}
