body { display: flex; min-height: 100vh; flex-direction: column; }
nav { margin-top: env(safe-area-inset-top); }

main { flex: 1 0 auto; } 

.page-footer { padding-top: 0px; } 

#nav-mobile li { border-bottom: 1px solid rgba(0,0,0,0.2); } 
#main-content { padding-top: 20px; } 

a.brand-logo { font-size: 1.5em; line-height: 50px; } 

a.active { font-weight: bold; }


.group-name { line-height: 95px; }


tr.event-row:hover, tr.category-item:hover { cursor: pointer; }

table.responsive-table tr { border-bottom: 1px solid rgba(0,0,0,0.2); } 
.event-details { font-size: 1.15em; } 
.collection2 { border: 0px; border-top: 1px solid #e0e0e0; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 10px 7px; white-space: nowrap; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,0.2); }
.autocomplete-suggestion:hover { cursor: pointer; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 5px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.modal { max-height: 80%; } 


h1.no_marg { margin-top: 0px; } 
h5 { margin-top: 0.656rem; }

.btn-tiny { height: 28px; line-height: 28.4px; font-size: 12px; } 
.event-note-item { border-top: 1px solid rgba(0,0,0,0.2); margin-top: 5px; padding-top: 5px; }

.brand { padding: 25px 20px 10px; } 
ul.collapsible-borderless, ul.collapsible-borderless .collapsible-header, ul.collapsible-borderless .collapsible-body { padding-left: 0px; border: 0px; } 
tr.bold td { font-weight: bold; background: #EFEFEF; } 
tr.people_row { cursor: pointer; }

.people-event-item { border-top: 1px solid rgba(0,0,0,0.1); } 
.event-collection, .event-collection .collection-item { border-left: 0px; border-right: 0px; } 
.event-collection .collection-item { font-size: 12px; padding-left: 10px; padding-right: 10px; }


.groupItem .card-content {
	min-height: 250px;
}


.groupItem .card-content h5 {
	min-height: 150px;
}


@media only screen and (max-width: 992px) {
	.group-name { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

}

@media only screen and (max-width: 600px) {
	.group-name { line-height: 85px; }
	a.brand-logo { line-height: 40px; } 
}