.eventz-ul { width:98%; list-style: none; margin: 0 0 0 0} /* events list */
.eventz-li { margin: 10px 0; padding: 10px 0; } /* events list items */
.eventz-li-b { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 20px 0; margin: -1px 0; } /* events list items bordered */
/* show top border if selected */
.eventz-li-b:first-child { margin-top: 0; }
.eventz-li-f { margin: 10px 0; padding: 10px 0; } /* footer list style*/
.eventz-li-p { padding: 10px 0; margin: 10px 0; text-align: center; } /* wordpress pagination links list style */
.eventz-b { display: table-cell; height: 137px; width: 10000px; } /* div to contain the event body text */
.eventz-b p { font-size: .875em; margin-bottom: 2px !important; line-height: 1.2em; hyphens: none; } /* event body text */
.eventz-b a:focus, .ew-body a:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } /* event body text link */
.eventz-b h4 { line-height: 1.275em !important; margin-bottom: 3px !important; margin-top: 3px !important; word-wrap: break-word; hyphens: none; } /* event title */
.eventz-t { } /* event title  */
.eventz-t-a { color: inherit; text-decoration: inherit; } /* h4 event title link  */
.eventz-l { font-size: 1em; } /* p to contain location / venue */
.eventz-d-c { font-size: 1em; margin-bottom: 2px; } /* p to contain date & category */
.eventz-d { margin-top: 8px; } /* p to contain event description */
.eventz-sep { background-color: rgba(255, 255, 255, 0.2); border: 0; height: 1px; margin: 8px 0 8px 0;} /* events separator / hr style */
.eventz-i { float:left; width: 100%; height: auto; max-width: 190px !important; margin: 4px 12px 2px 0 !important; } /* event image style */
.eventz-i-a { } /* event image link style */
.page-numbers {	font-size: .8em; padding: 5px 5px; margin: 0 0 0 0; } /* wordpress pagination links */
.page-numbers.current {	font-size: .8em; padding: 5px 5px; margin: 0 0 0 0; } /* wordpress pagination links */
.eventfinda-logo { float: left; } /* footer logo */
.onebyte-logo { float: right; } /* footer logo */
@media (min-width: 481px) and (max-width: 767px) {
    .eventz-i {
        display: block !important;
        margin-left: auto;
        margin-right: auto;
    }
    .eventz-b {
        display: inline-block !important;
        hyphens: none !important;
        padding-top: 20px;
        width: 100% !important;
        min-height: 137px;
    }
}
@media (min-width: 320px) and (max-width: 480px) {
    .onebyte-logo {
      float: left;
      clear: left;
    }
    .eventz-i {
        display: block !important;
        margin-left: auto;
        margin-right: auto;
    }
    .eventz-b {
        display: inline-block !important;
        hyphens: none !important;
        padding-top: 20px;
        width: 100% !important;
        min-height: 137px;
    }
}