/* ### ELEMENTS & GROUPS ### */
button,input,label,.zd,.zr,.zy{cursor:pointer;-webkit-tap-highlight-color:transparent} /* stops blink on tap */
#alertdays,#alertfilters,#alertfound,#ariaspan,.erase,h2,.hide,.menu-mobile,#printonly,.qd,.qq,#tab1b,#tab2b,#tab3b,#tab4b,#tab5b,.zd,.zy{display:none}
article,.articlex,.boxes,.group,header{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;break-inside:avoid-column;overflow:hidden}  /* overflow:hidden is for FF */
article,.articlex,figure,.filtercolumn{font-family:arial,helvetica,sans-serif}
article,.articlex{display:block;line-height:18px;position:relative;text-align:center;top:6px}
article::after,.articlex::after{background-image:linear-gradient(#dddbdb,#FFF);content:'';display:block;height:16px;margin-top:9px}
#bargray,.b1,.b2,.b3,.b5,button,.button,.buthome,#calendar,.filterlist,.tabset1{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}
body{background-color:#e5e5e5;font-size:15px;margin:0;-webkit-text-size-adjust:100%}
body,.b1,.b2,.b3,.b5,button,.button{font-family:verdana,arial,sans-serif}
#columns{-moz-column-gap:1px;-moz-column-rule:1px solid #757575;-moz-column-width:320px;-webkit-column-gap:1px;-webkit-column-rule:1px solid #757575;-webkit-column-width:320px;column-gap:1px;column-rule:1px solid #757575;column-width:320px}
figure{color:#FFF;display:block;font-size:22px;font-weight:bold;letter-spacing:.3px;line-height:30px;margin:0;text-align:center}
footer{display:block;font-size:10px;line-height:1.2;margin:2px 4px 3px;text-align:center}
h1{font-size:10px;font-weight:normal;line-height:1.2;margin:0 2px 1px;overflow:hidden;text-align:center;white-space:nowrap}
h3{font-size:15px;font-weight:bold;margin:0;text-align:center}
.h3nav{background-color:#aae4ff;color:#444;display:block;line-height:1.7}
h4{font-size:15px;font-weight:bold;margin:8px 0 6px 2px;padding:0}
img{border:0;display:block;margin:3px auto}
li{margin:4px 0 0 26px}
nav,.hash{display:block} /* nav for IE */
p,.margin0{margin:0}
table{border-collapse:collapse;border-spacing:0;box-shadow:0 4px 15px rgba(0,0,0,.3);margin:0 auto;max-width:320px;width:100%}
th{font-weight:normal}
ul{margin:0 auto;max-width:500px;padding:0;text-align:left}

	/* ### SPRITE ### */
.earth,.fb,.thanksgiving,.easter,.flag,.valentines,.halloween,.christmas,.winter,.newyears,.stpatricks,.mlk,.memorial,.labor,.fireworks,.dad,.mom,.haunted{background-size:1103px 35px;height:35px;left:2%;position:absolute;top:8px;width:35px;background-image:url("/photo/sprite31b.png");background-image:-webkit-image-set(url("/photo/sprite31b.png") 1x, url("/photo/sprite31.png") 2x);background-image:image-set("/photo/sprite31b.png" 1x, "/photo/sprite31.png" 2x)}
.earth{background-position:-360px 0}
.fb{background-position:-288px 0;display:inline-block;height:20px;left:0;margin:0 10% 2px 0;position:relative;top:0;vertical-align:middle;width:20px}
.thanksgiving{background-position:-396px 0;width:33px}
.easter{background-position:-430px 0;width:27px}
.flag{background-position:-458px 0;left:1.5%;width:38px}
.valentines{background-position:-497px 0}
.halloween{background-position:-533px 0;left:1.5%;width:38px}
.christmas{background-position:-572px 0;width:27px}
.winter{background-position:-600px 0;width:31px}
.newyears{background-position:-632px 0;width:29px}
.stpatricks{background-position:-662px 0;left:1.5%;width:38px}
.mlk{background-position:-701px 0}
.memorial{background-position:-737px 0}
.labor{background-position:-773px 0}
.fireworks{background-position:-809px 0;width:34px}
.dad{background-position:-844px 0;width:38px}
.mom{background-position:-883px 0;width:38px}
.haunted{background-position:-922px 0;left:1.5%;width:37px}

	/* ### MODIFIERS */
.admin{line-height:1.4;padding:6px 12px 8px}
.after0::after{content:none}
.after1::after{height:3px}
#alertdays,#alertfilters{max-width:120px;min-width:84px;width:40%}
#alertfound{color:#FFF;font-size:16px;line-height:24px;padding:1px 0 7px;text-align:center}
#bargray{background-color:#757575;color:#FFF;font-size:18px;line-height:31px;margin:0;position:relative;text-align:center}
#bargray-left{left:0;position:absolute;top:0;width:33%}
#bargray-right{position:absolute;right:0;top:0;width:33%}
.barmonth{background-color:#aae4ff;border-top:1px solid #999;font-size:18px;line-height:1.6;text-align:center}
.bold{font-weight:bold}
.b1,.b2,.b3,.b5{background-color:#FFF;border-radius:1em;box-shadow:0 1px 3px #808080;color:#000;display:inline-block;font-size:14px;margin:5px 2px 0;padding:1px 9px 3px}
.b2{background-color:#bfffbf}
.b3{background-color:#bfffff}
.b4{font-size:13px;margin:3px 0;padding:0 8px 1px}
.b5{background-color:#eadffe}
.button,.buthome{border:solid 1px #999;border-radius:.5em;box-shadow:0 3px 4px #b3b3b3}
.button{display:inline-block;line-height:2.2;margin:5px 0;max-width:110px;width:28%}
.buthome{color:#FFF;margin-bottom:7px;min-height:80px;padding:7px 0 7px 7px}
.button,.butwhite,table,#wrapper{background-color:#FFF}
.butgray,.butwhite{border:solid 1px #757575;border-radius:.4em;box-shadow:0 1px 4px #434343;color:#434343;display:inline-block;font-size:14px;margin:0;max-width:95px;overflow:hidden;padding:2px 0 3px 3px;white-space:nowrap;width:25%}
.butgray{background-color:#d5d5d5;color:#000}
.butgray::after{content:"▲";margin-left:3px}
.butwhite::after{content:"▼";margin-left:3px}
.but30{width:30%}
.but30::after{content:""}
#calendar{padding:18px 0}
#calendar td{border:1px solid #ccc;color:#444;width:40px}
#calholiday{border:1px solid #ccc;color:#444;display:inline-block;margin-top:19px;padding:6px;text-align:left}
#calmonth{background-color:#757575;color:#FFF;line-height:1.6}
.calnext{background-color:#FFF;border-radius:.4em;bottom:1px;font-size:12px;padding:0 4px;position:relative}
.center{text-align:center}
.centerauto{margin:0 auto}
#citypass{background-color:#d4efff;font-size:16px}
#citypass div{background-color:white;margin:21px auto;width:320px;padding-bottom:8px;box-shadow:0 4px 10px rgba(0,0,0,.3)}
#citypass h3{margin-top:14px;margin-bottom:8px;font-size:18px}
.citypass2{background:url(/photo/cpsea9c.png);background-size:320px 53px;display:inline-block;height:53px;width:320px}
#cityphoto{height:auto;margin:0 auto;max-width:100%}
.colorblue,.tabfade{background-color:#d6f2ff}
.colorgreen{background-color:#ecfce8}
.colorred,#calholiday{background-color:#ffd6d6}
.colorgray,thead,#zcal{background-color:#e5e5e5}
.concerts{max-width:100%;box-shadow:none;margin-bottom:2px}
.concerts th{background-color:#b64502;color:white;font-weight:bold;line-height:26px;padding:0}
.concerts td,.table1 td,.table2 td,.table3 td,.table4 td{padding-right:6px;text-align:left;vertical-align:top;white-space:nowrap}
.concerts td:first-child,.table1 td:first-child,.table2 td:first-child,.table3 td:first-child,.table4 td:first-child{padding-left:12px}
.concerts tr:nth-child(odd){background-color:#f5e0d8}
.concerts1{background-color:#b64502}
.date,.qd{color:#a61519}
.event{font-size:15px;margin:0 auto;max-width:500px;padding:4px 8px 0;text-align:left}
.filtercolumn{display:inline-block;padding-bottom:4px;vertical-align:top;width:50%}
.filtergreen{color:#1F7F1F}
.filterlist{display:inline-block;font-size:15px;text-align:left;white-space:nowrap}
.free{color:#00af00;font-weight:bold}
.grayhead{background-color:#e5e5e5;border-top:1px solid #999;color:#444;font-weight:bold;margin:0;padding:2px 0 5px;text-align:center}
.greenhead{background-color:#18d50d;color:#FFF;font-size:18px;line-height:1.6;padding:4px 0 6px 0;text-align:center}
.hdash{border-top:1px solid #acacac;margin-top:14px;padding-top:12px}
.icon{margin:0 2%;padding:0 34px 0 35px}
.italic{font-style:italic} /* accessibility flag if <i> */
.margin2{margin-right:2%}
.margin3{margin-right:3%}
.margin15{margin-left:1.5%;margin-right:1.5%}
.margintab{margin:0 6%}
.menu-mobile{background-color:#757575;font-size:13px;padding:8px 0;text-align:center}
.miles{color:#444}
.nextmonth{font-size:13px;padding:8px 0;text-align:center}
.qq .date,.qq .qd{color:#949494}
.red{color:red}
.size14{font-size:14px}

	/* ### TAB NAV ### */
.tabbox{background-color:#00a300;margin:0;padding:2px 0 8px;text-align:center}
.tabbox-inner{margin:0 auto;max-width:320px}
.tabfade{border-bottom:1px solid #999;font-size:15px;opacity:0.05;position:fixed;transition:opacity 700ms ease-out;visibility:hidden}
#tabnav{font-size:13px;padding:8px 0 10px;text-align:center}
.tabset2{display:none}
#tab1c{display:inline-block;line-height:1.4;max-width:100%;padding:0 5%} /* max for IE */
#tab2c input{display:block;margin:0 auto}
#tab2c label{display:block;padding:3px 0 4px}
#tab3c label{background-color:#FFF;border:1px solid #999;border-radius:6px;display:inline-block;margin:0 0 5px 2px;padding:4px 4px 2px 3px}
#tab3c input{bottom:1.3px;display:inline;position:relative;vertical-align:middle}
.zd::before{content:"▼ dates";padding-right:15px}
.zg::before{content:"Home games"}
.zr::before{content:"reset";font-weight:normal;padding:0 15px} 
.zt::before{content:"Time"}
.zy::before{content:"▼ away games";padding-right:15px}
.table1,.table2,.table3,.table4{box-shadow:none;font-size:14px;margin:6px auto 4px;max-width:480px}
.table1 tr,.table2 tr,.table3 tr,.table4 tr{border:solid;border-color:#e6dfd8;border-width:1px 0}
.table1 tr:first-child,.table2 tr:first-child,.table3 tr:first-child,.table4 tr:first-child {font-weight:bold}
.table1 .table1off,.table2 .table2off,.table3 .table3off,.table4 .table4off{display:none}
.table1 .za,.table1 .za2,.table1 .zh,.table1 .zr {display:none}
.table2 .za,.table2 .za2 {display:none}
.table3 .zh,.table3 .za2 {display:none}
.table2 .zd::before,.table4 .zd::before {content:"▲ hide dates"}
.table3 .zg::before,.table4 .zg::before {content:"All games"}
.table3 .zt::before,.table4 .zt::before {content:"Pacific time"}
.table3 .zy::before,.table4 .zy::before {content:"▲ hide away"}
.tall{margin-top:8px}
.taller{margin-top:8px}
.top0{top:0}
.ulstyle{margin-bottom:6px;padding-left:30px}
#welcome{margin:0;max-width:100%}
.wide100{width:100%}
#zcal{line-height:1;padding-top:3px} /* keep below #tab2c input */
#zcal #cal0{bottom:1.3px;display:inline;position:relative;vertical-align:middle}

	/* ### LINKS (visited focus) ### */
a{color:#0014e4;text-decoration:none}
a:visited{color:#960096}
.b1:visited,.b2:visited,.b3:visited,.b5:visited{color:#000}
.linko,.tabset3:visited{color:#0014e4}
#bargray a,.greenhead a{color:#FFF}
#ariadiv:focus #ariaspan{display:block;padding-top:6px}
#FF:-moz-focusring,#months a:-moz-focusring,#tabnav a:-moz-focusring{outline:2px solid blue}
.tabset1:focus,.tabset2:focus,.tabset3:focus{outline:2px solid #FFF}
.tabset1:active,.tabset2:active,.tabset3:active{outline:0} /* stops outline on click */

	/* ### MEDIA ### */
/* hover effects only on PC */
	@media(hover:hover) and (pointer:fine){
	a:hover{text-decoration:underline}
	.zy:hover,.zd:hover,.zr:hover{text-decoration:none}
	.b1:hover,.b2:hover,.b3:hover,.b5:hover{box-shadow:0 1px 4px #000;text-decoration:none}
	.buthome,.button,.butwhite,#tab3c label{transition:background-color 300ms}
	.buthome:hover{background-color:#757575;border-color:#000}
	.button:hover,.butwhite:hover,#tab3c label:hover,td label:hover{background-color:#d5d5d5}
}
/* high res */
	@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
	#zcal #cal0,#tab3c input{bottom:1px}
}
/* user wants dark or light*/
	@media (prefers-color-scheme:dark){
	article,.articlex,.table1,.table2,.table3,table4,#wrapper{background-color:#dcdcdc}
	article::after,.articlex::after{background-image:linear-gradient(#dcdcdc,#a6a6a6);margin-bottom:6px}
	.citypass2{background:url(/photo/cpsea9.png);background-size:320px 53px}
	.grayhead{background-color:#cacaca}
	.table1 tr,.table2 tr,.table3 tr,.table4 tr{border-color:green}
}
	@media (prefers-color-scheme:light){
	article,.articlex,#wrapper{background-color:#FFF}
}
/* width tiny */
@media only screen and (max-width:300px){
	#alertfound{font-size:14px}
	.butgray,.butwhite{width:30%}
	.butgray::after,.butwhite::after,.shrink{font-size:12px}
	.button,.butgray,.butwhite{font-size:11px}
	.filtercolumn{margin-left:5%;text-align:left;width:100%}
	.margintab{margin:0 2%}
	.nobreak{display:inline}
}
/* width low */
@media only screen and (max-width:320px){
.filterlist{font-size:14px}
}
/* width medium */
	@media only screen and (max-width:640px){
	#bargray{display:none}
	footer{align-items:center;display:flex;justify-content:center;margin:0 4px 10px;min-height:60px}
	.menu-mobile{display:block}
}
/* width high */
	@media only screen and (min-width:1040px){
	#wrapper{box-shadow:0 0 10px rgba(0,0,0,.3);margin:0 1%}
}
/* IE 10 & 11 */
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	a:hover{text-decoration:underline}
}
/* print */
	@media print{
	.qq .date,.qq .qd{color:#a61519}
	a:visited{color:#0014e4}
	.b1,.b2,.b3,.b5{border:1px solid #dddbdb;box-shadow:none}
	footer,h1,.noprint{display:none}
	body{background-color:#FFF;border-bottom:1px solid #999}
	#printonly{color:#a61519;display:block;font-size:12px;margin:2px 10px;text-align:center}
}