Wavelength Music

/* ----------------------------------------- */ /* View slug: upcoming-shows-list - start */ /* ----------------------------------------- */ .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 */ /* ----------------------------------------- */