.eff-panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px; }
.eff-panel p {
padding: 0;
margin: 0 0 10px 0; }
.eff-panel .eff-panel-heading {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
background-color: #f5f5f5;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 0;
border-style: solid;
border-color: #ddd;
overflow: hidden;
height: 40px; }
.eff-panel .eff-panel-heading a {
margin-left: 10px;
overflow: hidden;
line-height: 40px !important; }
.eff-panel .eff-panel-heading img {
margin: 0;
float: left;
height: 40px; }
.eff-panel .eff-panel-body {
border: 1px #ddd solid;
padding: 15px; }
.eff-panel .eff-panel-body p {
overflow: hidden; }
.eff-panel .eff-panel-body > p > a {
white-space: nowrap; }
.eff-panel .eff-panel-body .eff-panel-link {
border: 1px #ddd solid;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.eff-panel .eff-panel-body .eff-panel-link p {
font-weight: lighter; }
.eff-panel .eff-panel-body .eff-panel-link p:not(.date), .eff-panel .eff-panel-body .eff-panel-link h6 {
margin: 10px;
padding: 0; }
.eff-panel .eff-panel-body img {
width: 100%;
height: auto; }
.eff-panel .eff-panel-body span.eff-link-picture {
display: block;
overflow: hidden;
height: 300px; }
.eff-panel .eff-panel-body .eff-event-content .eff-event-header,
.eff-panel .eff-panel-body .eff-panel-link .eff-event-content .eff-event-header {
display: flex;
align-items: center; }
.eff-panel .eff-panel-body .eff-event-content .eff-event-header h4,
.eff-panel .eff-panel-body .eff-panel-link .eff-event-content .eff-event-header h4 {
font-size: 1.4em;
margin: 0 .5em 0 0;
padding: 0; }
.eff-panel .eff-panel-body .eff-event-content .eff-event-header h4 a,
.eff-panel .eff-panel-body .eff-panel-link .eff-event-content .eff-event-header h4 a {
color: inherit;
text-decoration: none; }
.eff-panel .eff-panel-body .eff-event-content .eff-event-header h4 a:hover,
.eff-panel .eff-panel-body .eff-panel-link .eff-event-content .eff-event-header h4 a:hover {
text-decoration: underline; }
.eff-panel .eff-panel-body .eff-event-content p.date,
.eff-panel .eff-panel-body .eff-panel-link .eff-event-content p.date {
margin: 1.4em;
min-width: 2.2em;
font-weight: normal; }
.eff-panel .eff-panel-body .eff-event-content p.date .day,
.eff-panel .eff-panel-body .eff-event-content p.date .month,
.eff-panel .eff-panel-body .eff-panel-link .eff-event-content p.date .day,
.eff-panel .eff-panel-body .eff-panel-link .eff-event-content p.date .month {
display: block;
text-align: center;
line-height: 1; }
.eff-panel .eff-panel-body .eff-event-content p.date .day,
.eff-panel .eff-panel-body .eff-panel-link .eff-event-content p.date .day {
font-size: 1.6em; }
.eff-panel .eff-panel-body .eff-event-content p.date .month,
.eff-panel .eff-panel-body .eff-panel-link .eff-event-content p.date .month {
text-transform: uppercase;
font-size: 0.8em; }
.eff-panel .eff-panel-body .eff-event-content .eff-event-link,
.eff-panel .eff-panel-body .eff-panel-link .eff-event-content .eff-event-link {
border-top: 1px solid #efefef;
font-size: 80%;
margin: 0;
padding: 10px; }
.eff-panel .eff-panel-footer {
padding: 0 10px;
background-color: #f5f5f5;
border-left: 1px;
border-top: 0;
border-bottom: 1px;
border-right: 1px;
border-style: solid;
border-color: #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
overflow: hidden;
height: 40px;
line-height: 40px; }
.eff-panel .eff-panel-footer .eff-time {
float: left;
margin-left: 5px; }
.eff-panel .eff-panel-footer .eff-time i {
margin-right: 5px;
color: #777777; }
.eff-panel .eff-panel-footer .eff-view {
float: right; }
.eff-panel .eff-panel-footer .eff-view a {
margin-right: 5px; }
.eff-panel .eff-panel-footer .eff-view a i {
margin-right: 5px;
color: #777777; }
.eff-error {
border: 1px dotted black;
background: #FDF2AB;
padding: 20px; }
.eff-error h5 {
color: red;
margin: 0; }
.eff-error p {
margin: 0; }