#event-wrapper {
}
#event-wrapper #event-filter-wrapper {
border-bottom: thin solid rgba(0, 0, 0, 0.2);
opacity: 0.78;
transition: 0.16s;
}
#event-wrapper #event-filter-wrapper:hover,
#event-wrapper #event-filter-wrapper:focus,
#event-wrapper #event-filter-wrapper:active {
opacity: 1;
}
#event-wrapper #event-filter-wrapper label {
font-weight: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#event-wrapper .event {
height: 88px;
max-height: 88px;
margin: 0 0 0.6em 0;
background: white;
border: thin solid grey;
border-radius: 4px;
overflow: hidden;
transition: max-height 0.16s ease;
}
#event-wrapper .event.event-collapsed-item {
max-height: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-color: transparent !important;
border-style: none; }
#event-wrapper .event-entry-poster {
width: 86px;
height: 86px;
margin-right: 6px;
background-color: #EAEAEA;
float: left;
}
#event-wrapper .event-entry-content {
padding: 6px;
}
#event-wrapper .event-entry-date {
margin: 2px 0 2px 0;
padding: 0 0 4px 0;
border-bottom: thin solid rgba(0, 0, 0, 0.16);
}
#event-wrapper .event-entry-description {
margin: 0;
opacity: 0.72;
}
#event-wrapper #event-flow-wrapper {
margin: 0 0 1em 0;
text-align: center;
}
#event-wrapper #event-flow-wrapper button {
margin: 0 0.25em;
background: transparent !important;
border-color: #C2C2C2;
color: #323232;
}
#event-wrapper #event-flow-wrapper button.active {
font-weight: bold;
}
#event-wrapper a {
text-decoration: none;
color: #323232;
}
#event-wrapper .event.filtered {
height: 0 !important;
margin: 0 !important;
border: none !important;
}
#event-wrapper #event-nothingfound {
color: #767676;
font-style: italic;
text-align: center;
display: block;
visibility: hidden;
}
@media (min-width: 992px) {
#event-wrapper #event-filter-wrapper {
border-color: transparent !important;
}
}
.event .event-single-poster {
max-width: 90%;
max-height: 200px;
padding: 0.25em;
background: #E2E2E2;
border: thin solid #C2C2C2;
}
.event .event-single-header {
margin: 0.5em 0;
}
.event .event-single-content {
margin: 0;
padding: 0.4em 0 0 0;
border-top: thin solid #C2C2C2;
}
.event .fa {
width: 1.5em;
text-align: center;
}
@media (min-width: 992px) {
.event .event-single-header .row > div {
text-align: center;
overflow: hidden;
}
.event .event-single-header .row > div:first-child {
text-align: left;
}
.event .event-single-header .row > div:last-child {
text-align: right;
}
}