February 19, 2017
- 1197 Dundas St. W.
Wavelength Music Festival 17 – Night 3: Phèdre + Han Han + Emay + Fin + Hush Pup
/* ----------------------------------------- */
/* 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 */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Content Template: Single Event V3 - start */
/* ----------------------------------------- */
.s-event-info-list {
margin-left: 22px;
}
.below-poster-event-info-list li {
list-style-type:none;
font-size: 18px;
color: rgba(18, 18, 18, 0.8);
}
.pec_event_page_date {
display:none !important;
}
.s-venueaddress {
list-style-type: none;
}
.x-icon {
color: #e34638;
font-size: 110%;
width: 30px;
text-align: center;
margin-top: 5px;
}
.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;
}
.buybutton:hover {
background-color: #51913a;
}
.eventnum.x-btn:hover {
color: #ffffff;
}
.eventnum.x-btn {
cursor: default;
}
.eventgallery p {
display:none;
}
/* ----------------------------------------- */
/* Content Template: Single Event V3 - end */
/* ----------------------------------------- */