/* Styles to support Event Calendary custom post types and shortcode */


/* floating properties */
.gzcalevent {width:48%; margin-bottom: 10px !important;}
.gzcalevent:nth-child(2n+3) {clear:both;} /* Don't stack shorter items */

/* event list summary */
.gzcalevent {background-color:#111; padding:5px; border:2px solid #300; border-radius:8px; background: linear-gradient(to bottom, rgba(22,22,22,1) 0%,rgba(11,11,11,1) 20%); display: flex; position: relative;}
.gztwitchevent {border-color: #f0bc2a;}
.gzcalblock {background-color:#ddd; border:3px solid #9999ff; border-radius:3px; width:80px; height:80px; text-align:center; position:relative; float:left; margin:0 15px 8px 0; flex: 0 0 80px;}
.gzcalday {width:100%; background-color:#777; color:#000;}
.gztwitch {margin-top: 6px;}

.gzunderimage {position: absolute; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); background-color: #000066; border-radius: 8px; opacity: .15;}

/* Superimposed Calendar
.gzcalmonth {position:relative; font-size:210%; color:#191; font-weight:bold;}
.gzcaldate {position:absolute; width:100%; top:-5px; left:0px; color:#aa11aa; opacity:.75; font-weight:bold; font-size:120%;}
*/

/* Angle Calender */
.gzcalmonth {position:absolute; left:-8px; top:35px; font-size:120%; color:#191; transform:rotate(270deg);}
.gzcaldate {position:absolute; width:100%; font-size:215% !important; top:25px; left:5px; color:#aa11aa; opacity:.75; font-weight:bold;}
.gzperformerheading {color:#fb3a64;}

.gzeventtitle {font-size:130%; color: inherit;}
.gzdoors {font-size:80%; color: inherit;}
.gzeventinfo {font-size:95%; margin-top:-5px; position: relative; overflow: hidden;}
.gzeventdescription, .gzeventinfo {color: #eeeeee; text-shadow: 1px 0px #999999;}

/* modifiers for event detail page */
.gzcaleventfull {margin-bottom: 10px; background-color:#111; padding:5px; border:2px solid #300; border-radius:8px; background: linear-gradient(to bottom, rgba(22,22,22,1) 0%,rgba(11,11,11,1) 20%); display: flex; position: relative;}
.gzeventinfo p {margin-bottom:0;}
.gzeventinfo p:after {content:''; clear:both; display:table;}
.gzcaleventfull .gzeventinfo {font-size:120%;}

/* request elements */
.submit-request {margin-top:15px;}
.request-error {color:#ff2222; display:none;}

@media screen and (max-width: 820px) {
	.gzcalevent {width:98%; margin:0 .8% 10px; clear:both;}
}

/* Notes
.alm-reveal .iotw-image {position: relative; padding-top: 55%; background: center/cover; overflow: hidden; margin: 0;}