.cc-top {
  margin-top     : 0px !important;
  padding-top    : 0px !important;
}
.cc-video {
  position       : relative;
  padding-bottom : 56.25%; /* 16:9 */
  padding-top    : 25px;
  margin-bottom  : 18px;
  height         : 0;
}
.cc-video iframe {
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
}
.cc-image {
  padding        : 0 !important;
  margin-top     : 2em;
  margin-bottom  : 2em;
}
.cc-image img {
  vertical-align : bottom;
}
.cc-caption {
  background     : #EEE;
  border-bottom  : 1px solid #DDD;
  margin-top     : 0 !important;
  padding        : 4.5%;
  display        : block !important;
}
.cc-side-caption {
  background     : #EEE;
  border-right   : 1px solid #DDD;
  margin-left    : 0 !important;
  margin-top     : 2em;
  padding        : 4.5%;
  display        : block !important;
}
/* */

.
event-details {
  max-width      : 100%;
  width          : 100% !important;
}

.event-author th {
  max-width      : 90px;
}

.event-author td {
  width          : 100%;
}

.caption {
  color          : #666;
  font-size      : 13px !important;
  line-height    : 18px;
  margin         : 1.5em 0 1em 0;
}

.image {
  padding        : 0 10px;
  margin-top     : 2em;
  margin-bottom  : 2em;
}

.image img {
  width          : 100%;
  border         : 0;
}

.image .caption {
  display        : none;
  margin-bottom  : 0;
}

.image.left {
  float          : left;
  margin-left    : 0;
  margin-right   : 2em;
}

.image.right {
  float          : right;
  margin-left    : 2em;
  margin-right   : 0;
}

.image .row {
  margin-left    : -5px;
  margin-right   : -5px;
}
/* carousel */
.carousel {
  position:relative;
  border:10px solid white;
  margin:20px auto;
}
.carousel > img {
  display:none;
  width:100%;
}
.carousel > input {
  position:absolute;
  left:-9999px;
}
.carousel > input:checked + label + img {
  display:block;
}

.carousel > label,
.carousel > input:checked ~ label ~ label ~ label ~ label {
  display:none;
}
.carousel > input:checked + label {
  display:block;
  left:0;
}
.carousel > input:checked ~ label ~ label ~ label {
  display:block;
  right:0;
}

.carousel > label {
  position:absolute;
  top:0;
  width:25%;
  height:100%;
  visibility:hidden;
}
.carousel > label:before {
  content:'';
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  visibility:visible;
}
.carousel > label:after {
  display:block;
  position:absolute;
  top:50%;
  width:25px;
  height:25px;
  line-height:22px;
  margin:-15px 10px 0 10px;
  background-color:black;
  color:white;
  font-family:'Arial';
  font-weight:bold;
  font-size:18px;
  text-align:center;
  visibility:hidden;
  border:2px solid white;
  border-radius:20px;
  box-shadow:0 3px 4px black;
}
.carousel > label:after {
  visibility:visible;
}

.carousel > input:checked + label:after {
  left:0;
  content:'\00AB';
}
.carousel > input:checked ~ label ~ label ~ label:after {
  right:0;
  content:'\00BB';
}