/* ----------------------------------------- */ /* View slug: upcoming-events-front-page - start */ /* ----------------------------------------- */ .filter-container {width: 100%; background-color: #cccccc; padding: 10px; display: inline-block;} select {padding: 3px 5px 6px 5px; border-radius: 5px;} input[type=submit] {border-radius: 5px; background-color: #002D62;} .filter-state {width: 18%; float: left;} .filter-level {width: 28%; float: left;} .filter-seeall-button-container {float:right; width: 25%;} .filter-seeall-button {background-color: #EE3A43; padding: 2.5px 10px; border-radius: 5px;} .filter-seeall-button-container a {color: #ffffff; font-size:13px; text-align:center; font-family:'Roboto', sans-serif; font-weight: 500;} .filter-seeall-button:hover {background-color:#002D62;} .filter-seeall-button-container a:hover {text-decoration: none;} .filter-spinner {float: left; width:20px; margin-left: 15px; margin-top: 5px;} .event-container { width: 100%; padding-left: 0px; clear: both; margin-top: 15px; } .vent-title-container { width: 100%; } .event-name { width: 83%; font-size: 14px; font-weight: bold; float:left; margin-top: -5px; } .event-date { width: 17%; font-size: 12px; float:left; font-weight: bold; color: red; margin-top: -5px; text-shadow: 0px 0px; text-align:right; } .event-info { width: 55%; float: left; font-size: 11px; line-height: 16px; } .event-thumb { padding-top: 5px; width: 25%; float: left; } .event-button { width: 20%; float: left; margin-top: 5px; text-align: right; } .vc_tta-panel-title>a:hover { background-color: #cccccc; } .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a { background-color: #cccccc; text-shadow: 1px 1px #ffffff; } .event-goto-container {width: 100%;} .event-goto {width: auto; margin-right: 5px; float:left; padding-top:3px;} .event-page-drop {width: auto; margin-right: 5px; float:left;} .event-number-pages {width: auto; float:left; padding-top:3px;} @media only screen and (max-device-width : 430px) { .vc_tta-panel-body {width: 88%;} .event-thumb {display: none;} .vc_tta-panel-heading {display: inline-block; width: 100%;} .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a {display: inline-block; width: 100%;} .event-button {margin-top: 0; font-size: 13px; width: 30%;} .event-info {width: 68%;} .filter-state {width: 20%;} .filter-level {width: 41%;} .filter-seeall-button {line-height: 14px; margin-top: 5px;} .filter-spinner {width:5%; margin-top: 20px;} } /* ----------------------------------------- */ /* View slug: upcoming-events-front-page - end */ /* ----------------------------------------- */