.previous-photo-button, .next-photo-button {
  background: #DDD;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  color: #787878;
  font-size: 30px;
  min-width: 30px;
  margin-top: 10px;
}
.quarter-opacity{
  opacity      : 0.25;
  filter       : alpha(opacity=25);
}
.half-opacity{
  opacity      : 0.50;
  filter       : alpha(opacity=50);
}
.half-and-quarter-opacity{
  opacity      : 0.75;
  filter       : alpha(opacity=75);
}
.previous-photo-button:hover,  .next-photo-button:hover {
  background: #000;
  color: #A3792C !important;
}

.caption {
  background-color: #EEE;
  border-bottom: 1px solid #DDD;
  border-top: 2px solid #EEE;
  box-shadow: inset 0px 6px 24px -5px rgba(0, 0, 0, 0.35);
  font-size: 1.35em !important;
  margin: 0;
  padding: 20px 10px;
  text-align: center;
}

.thumbnail-photo {
  background   : #000;
  filter       : alpha(opacity=50);
  float        : left;
  margin       : 2px;
  max-width    : 100px;
  min-width    : 100px;
  opacity      : 0.5;
  width        : 100px;
}
.thumbnail-photo:hover {
  cursor       : pointer;
}
.thumbnail-photo:hover, .thumbnail-photo-selected {
  opacity : 1.0;
  filter  : alpha(opacity=100);
}

.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';
}