Open Roof Festival: Everybody Wants Some!! with Matrox

June 21, 2016

...

Jun 21
99 Sudbury
99 Sudbury St.

Doors 8pm
19+

WL # 704

Jun 21
99 Sudbury
99 Sudbury St.
Doors 8pm
19+

Matrox

June 21, 2016

...

By: wavelength

No biography available at this time

[Show slideshow]

[/types]‘]

UPCOMING SHOWS

COMING UP

873

Thursday, February 29
MORE INFO

By: wavelength
No biography available at this time

/* ----------------------------------------- */ /* View slug: artist-grid-single-event - start */ /* ----------------------------------------- */ .artwrap .one-half { width: 50%; } .artwrap .x-column { float: left; margin-right: 0%; } .artgridtitle { width: 100%; display: block; position: absolute; z-index: 30; bottom: 40%; font-size: 2.0rem; text-transform: uppercase; letter-spacing: 0.18rem; text-align: center; color: #fff; line-height: 2.0rem; margin-bottom: 0.25rem; } .artistgrid a:hover span { background-color: rgba(227, 71, 56, .4); } .artistgrid span { background-color: rgba(0,0,0, .4); position: absolute; top: 0; opacity: 1; display: block; line-height: 0; padding: 0; margin: 0; z-index: 20; width: 100%; height: 100%; max-height: 400px; } li a { margin: 0px; display: block; width: 100%; height: 100%; } .artgridcont { position: relative; } .artgridtitle { width: 100%; display: block; position: absolute; z-index: 30; bottom: 40%; font-size: 2.0rem; text-transform: uppercase; letter-spacing: 0.18rem; text-align: center; color: #fff; line-height: 2.0rem; margin-bottom: 0.25rem; } .artgridsub { width: 100%; display: block; color: #acacac; position: absolute; font-size: 1.3rem; text-transform: uppercase; z-index: 30; top: 60%; text-align: center; } .artistgrid>li { padding: 0 !important; max-width: 400px; } @media (max-width: 599px) { .x-block-grid>li { float: none; width: 90% !important; position: relative; } } .artist-item { max-height: 400px; overflow: hidden; } .x-iso-container>.hentry { padding: 0 !important; } .artist-item a { display: block; } .artist-item a img { display: block; background: none; padding: 0; width: 100%; } .artist-overlay { margin: .25em; bottom: .25em; left: 0px; position: absolute; } .artist-overlay h5 { background: #000000; color: #FFFFFF; font-size: 0.9em; font-weight: normal; margin: 0 !important; max-width: 180px; padding: 5px 7px; text-transform: uppercase; } .col-sm-3 { position: absolute; width: 24%; } #glossary-groups { width: 50px; } #glossary-groups li { float: left; width: 40px; text-align: center; list-style: none; margin-left: 0; } .x-iso-container>.hentry { margin: 0; padding: 1em; opacity: 1; float: left; } @media (max-width: 767px) { .x-column.one-half { width: 100%; } .artistgrid { max-width: 90%; margin: 0 auto; } .artistgrid span { width: 90%; } } /* ----------------------------------------- */ /* View slug: artist-grid-single-event - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: upcoming-shows-list - start */ /* ----------------------------------------- */ .event-map-icon { padding-top: 0 !important; margin-top: 55px !important; } .showlist-header { margin-bottom: 14px; } .showlist-container ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: inline-block; width: 100%; } .se-text1 { font-size: 120%; margin: 0; line-height: 120%; font-weight: 600; } .se-text { font-size: 100%; margin: 0; line-height: 100%; } .se-button { padding: 5px; font-family: "Oswald","Helvetica Neue",Helvetica,sans-serif; font-weight: 800; } .pec-events .entry-content { margin-top: 10px; } .x-btn:hover, .button:hover, [type="submit"]:hover { color: #000; border: none; background-color: #e34638; text-shadow: none; } .eventnum.x-btn:hover { color: #ffffff; } .eventnum.x-btn { cursor: default; } .showlist-container li { position: relative; } .showlist-container img { width: 70%; height: auto; float: left; } .uc-event-header { overflow: hidden; background-color: #e6e7e8; } .uc-overlay { width: 70%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; z-index: 99; display: inline-flex; flex-direction: column; margin: auto 0; align-items: center; background-color: rgba(227, 71, 56, .9); opacity: 0; color: #FFF; } .uc-overlay:hover { opacity: 1; } .uc-overlay h4 { width: 100%; text-transform: uppercase; color: #fff; } #uc-num-corner { position: relative; width: 70%; } #uc-num-corner:before { content:''; border-top: 100px solid red; border-left: 100px solid transparent; position: absolute; top: 0; right: 0; } .uc-num { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg) translateZ(0px); // Put onto GPU as text is rendered better this way. transform: rotate(45deg) translateZ(0px); position: absolute; top: 0px; right: 0; width: 70px; font-size: 40px; } .uc-event-top { padding: 0 10px; } a.uclink { width: 100%; height: 100%; text-decoration: none; z-index: 99; } .uc-event-copy { width: 30%; position: absolute; right: 0; height: 100%; } .uc-button h5:hover { color: #e34638; } .uc-event-info { padding: 0 10px; color: #000; font-weight: 300; line-height: 20px; margin-top: -75px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; } .uc-event-info i { width: 20px; text-align: center; color: #e34638; font-size: 35px; } .uc-event-info p { line-height: 22px; font-weight: 700; margin: 0; } .uc-button { position: absolute; bottom: 0; display: block; width: 100%; text-align: center; right: auto; padding: 20px; } .uc-button i { color: #e34638; } .uc-single-artist { margin: auto !important; } .pastall-icon { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 10px; text-align: center; display: inline-flex; align-items: center; z-index: 98; font-size: 18px; line-height: 18px; font-weight: 600; } .pastall-icon { display:none; } .pastall-icon:before { display: block; position: absolute; margin: -36px 0 0 -35px; top: 50%; left: 50%; width: 70px; height: 70px; font-size: 42px; font-size: 4.2rem; line-height: 72px; text-align: center; text-shadow: 0 0.035em 0 rgba(0,0,0,0.35); vertical-align: middle; color: #fff; border-radius: 100em; -webkit-transition: opacity 0.75s ease; transition: opacity 0.75s ease; font-family: "fontawesome" !important; font-style: normal !important; font-weight: normal !important; speak: none; -webkit-font-smoothing: antialiased; } .uc-overlay:hover>div { display:inline-flex; font-size: 40px; } /* ----------------------------------------- */ /* View slug: upcoming-shows-list - end */ /* ----------------------------------------- */

Open Roof Festival: Everybody Wants Some!! with Matrox

Matrox

UPCOMING SHOWS

COMING UP

MORE INFO

Follow Us

Get the latest news from Wavelength in your inbox once a month