@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&family=Poiret+One&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--clr-white:#fff;--clr-black:#000;--clr-grey:#2b2727;--clr-grey-2:#2b2727;--clr-dark-blue:#0237ab;--clr-light-blue:#125ac6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Open Sans;margin:0}nav{display:grid;grid-template-columns:repeat(4,1fr)}.nav__brand,nav{align-items:center}.nav__brand{display:flex;grid-column:1/span 3;height:65px;padding:0 75px}.nav__brand h1{font-family:Poiret One;font-size:1.5em;font-style:italic;margin-right:10px}.nav__brand h1,.nav__search{color:#fff;color:var(--clr-white)}.nav__search{background:hsla(0,0%,100%,.2);background-image:url(/static/media/magnifying-glass.60308050cd352ee465c5.svg);background-position-y:center;background-repeat:no-repeat;border:none;border-radius:4px;height:35px;margin:0 5px;padding-left:30px;width:250px}.nav__search::-webkit-input-placeholder{color:#fff;color:var(--clr-white);font-family:Open Sans}.nav__search::placeholder{color:#fff;color:var(--clr-white);font-family:Open Sans}.nav__links{align-items:center;display:flex;height:100%;justify-content:center;list-style:none}.nav__links li{height:100%;min-width:60px}.nav__links li a{align-content:center;color:#fff;color:var(--clr-white);display:flex;flex-wrap:wrap;font-weight:600;height:100%;justify-content:center;padding:0 10px;text-decoration:none}.nav__links li a:hover{background-color:rgba(34,64,109,.3)}.nav__connect{background:hsla(0,0%,100%,.2);border:none;border-radius:4px;color:#fff;color:var(--clr-white);cursor:pointer;font-family:Open Sans;font-size:1.1em;font-weight:600;height:50px;margin:0 75px 0 auto;transition:all .25s ease;width:175px}.nav__connect:hover{background-color:#0237ab;background-color:var(--clr-dark-blue)}header{background-color:#2b2727;background-color:var(--clr-grey);background-image:linear-gradient(45deg,#0237ab 10%,#125ac6 20%,#0237ab 50%,#125ac6 120%);background-image:linear-gradient(45deg,var(--clr-dark-blue) 10%,var(--clr-light-blue) 20%,var(--clr-dark-blue) 50%,var(--clr-light-blue) 120%);background-position:100%;background-repeat:no-repeat;background-size:contain;min-height:25vh;position:relative}.header__title{bottom:25px;color:#fff;color:var(--clr-white);font-family:Open Sans;font-size:clamp(2rem,5vw,3rem);font-weight:300;left:10%;max-width:450px;position:absolute}.sort{justify-content:center}.sort,.sort__select{align-items:center;display:flex}.sort__select{border:1px solid #000;border:1px solid var(--clr-black);cursor:pointer;height:40px;justify-content:space-between;margin:25px 5px;width:225px}.sort__select p{font-size:clamp(.8rem,2vw,1rem);margin-left:10px}.sort__select img{height:auto;margin-right:10px;width:15px}.sort__select:hover{border:1px solid #125ac6;border:1px solid var(--clr-light-blue);outline:2px solid #125ac6;outline:2px solid var(--clr-light-blue)}.card{align-items:center;height:75px;margin:25px auto;max-width:850px;position:relative;width:95%}.card,.card__info{transition:all .25s ease}.card__info{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,1fr);height:100%;padding:10px;text-align:left}.card__info:hover{background:rgba(18,90,198,.2)}.card__info p small{font-size:clamp(.8rem,2vw,.9rem)}.card__info p small span{font-weight:700}.card__date{font-size:clamp(.95rem,3vw,1.15rem);font-weight:300;grid-column:1/span 2;grid-row:1/span 2;place-self:center}.card__name{grid-row:1;place-self:center;align-self:end;font-family:Open Sans;font-size:clamp(.9rem,3vw,1.1rem);font-weight:600}.card__location,.card__name{grid-column:3/span 6;text-align:center}.card__location{grid-row:2;place-self:center;align-self:start;font-size:1.15rem;font-weight:300}.card__cost{font-size:clamp(1rem,3vw,1.1rem);font-weight:300;grid-column:9/span 1;grid-row:1/span 2;place-self:center}.card__cost strong{font-family:Open Sans;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;margin:0}.card__button,.card__button--out{background-color:#125ac6;background-color:var(--clr-light-blue);border:none;border-radius:4px;color:#fff;color:var(--clr-white);cursor:pointer;font-family:Open Sans;font-size:1em;font-weight:600;grid-column:10/span 3;grid-row:1/span 2;height:40px;margin-left:auto;place-self:center;transition:all .25s ease;width:125px}.card__button:hover{background-color:#0237ab;background-color:var(--clr-dark-blue)}.card__button:hover .card__button{border-color:#2b2727;border-color:var(--clr-grey-2)}.card__button--out{background-color:#ba1840}.card hr{margin-top:15px}.occasion{background-color:rgba(0,0,0,.7);height:100vh;width:100vw}.occasion,.occasion__seating{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.occasion__seating{grid-gap:5px;background:linear-gradient(180deg,#125ac6,#fff 75%);background:linear-gradient(to bottom,var(--clr-light-blue),var(--clr-white) 75%);border:10px solid #2b2727;border:10px solid var(--clr-grey);border-radius:8px;display:grid;gap:5px;grid-template-columns:repeat(25,1fr);height:85%;margin:0 auto;max-width:1200px;overflow-x:scroll;padding:20px;width:90%;z-index:2}.occasion__seating h1{color:#fff;color:var(--clr-white);font-weight:300;grid-column:1/span 27;grid-row:1}.occasion__close{background:hsla(0,0%,100%,.2);border:1px solid #2b2727;border:1px solid var(--clr-grey);border-radius:6px;cursor:pointer;grid-column:27/span 1;grid-row:1;height:35px;transition:all .25s ease;width:35px}.occasion__close:hover{background:#fff;border:1px solid #fff;border:1px solid var(--clr-white)}.occasion__close img{height:25px;width:25px}.occasion__spacer--1,.occasion__spacer--2,.occasion__stage{align-items:center;background-color:#2b2727;background-color:var(--clr-grey);color:#fff;color:var(--clr-white);display:flex;justify-content:center}.occasion__stage{border:3px solid #000;border-radius:0 0 24px 24px;grid-column:1/span 27;grid-row:2;height:150px}.occasion__spacer--1,.occasion__spacer--2{border:1px solid #000;margin:0 5px;min-width:30px;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}.occasion__spacer--1{grid-column:6/span 1;grid-row:3/span 10}.occasion__spacer--2{grid-column:22/span 1;grid-row:3/span 10}.occasion__seats,.occasion__seats--taken{align-items:center;background-color:#0237ab;background-color:var(--clr-dark-blue);border:1px solid #000;border-radius:50%;color:#fff;color:var(--clr-white);cursor:pointer;display:flex;font-size:.9em;height:35px;justify-content:center;transition:all .25s ease;width:35px}.occasion__seats:hover{background:#fff;background:var(--clr-white);color:#000;color:var(--clr-black);font-size:1em;font-weight:700}.occasion__seats--taken{background-color:rgba(34,64,109,.7)}@media screen and (max-width:1200px){nav{grid-template-columns:repeat(2,1fr)}.nav__brand{grid-column:1}.nav__links{display:none}}@media screen and (max-width:768px){.nav__search{display:none}.nav__brand{padding:30px 50px}.nav__connect{margin:0 50px 0 auto}}@media screen and (max-width:576px){.card{height:100px}.card__info{padding:0}.card__location,.card__name{grid-column:3/span 7}.card__cost{grid-column:10/span 3;grid-row:1/span 2;place-self:flex-start;justify-self:center;margin-top:20px}.card__button{grid-column:10/span 3;grid-row:2/span 2;place-self:center}}
/*# sourceMappingURL=main.45d34c7a.css.map*/