﻿
.venuearea{margin-top: 28px; margin-bottom:8px;}

.venuebox:nth-child(n){
 box-sizing: border-box;
 background-color: transparent;
 width:100%;
 min-height: 40px;
 max-height: 210px;
 padding-bottom: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
 max-width: 1010px;
 margin-left:auto;
 margin-right:auto;
}

.topline { clear: both; width: 100%; text-transform: none; color: #3b3f4a; border-bottom: 1px solid lightgray; min-height: 5px; font-family: Roboto, Helvetica, Arial, Verdana, sans-serif; font-size: 27px; font-weight: bold; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; }
.itemname { box-sizing: border-box; text-align: left; box-sizing: border-box; width: 55%; min-height: 45px; max-height: 160px; float: left; display: inline-block; margin-right: 30px; padding-left:15px;}
.itemname a{ font-size: 20px; line-height: 1.52; text-decoration: underline;}

/**.timelist{
 margin-top:0px;
 max-width: 640px;
 margin-bottom: 0px;
 display: inline-block;
 width: 41%;
 font-size: 20px;
 line-height: 1.52;
}**//*incorrectly labeled*/

#timelist{
 margin-bottom: 10px;
}


.wherediv{clear: both; width:100%; padding-left:16px;}
.wherediv p{text-align:left; font-size:16px; margin-bottom: 16px;}

@media(max-width:900px){
 .itemname { width: 50%; max-height: 300px; min-height: 20px;}
 .timelist { width: 100%; display: block; max-width: 750px; }
}

@media(max-width:725px) {
 .itemname { float: none; width: 100%; display: block; }
 .timelist { float: none; width: 100%; display: block; text-align:left; padding-left:25px;}
 .venuebox:nth-child(n){ max-height: none; margin-bottom: 1px;}
 
 #timelist{padding-left:20px; margin-bottom:18px;}
 div.wherediv{padding-left:20px;}
}
