/*! Compiled SASS file | Do NOT modify from here !*/
.js body *:focus {
  outline: 0;
}
.js .container--has-focus *:focus {
  outline: solid CornflowerBlue 3px;
}

#cboxLoadedContent [id^=image-gallery]:before, #cboxLoadedContent [id^=image-gallery]:after {
  content: "";
  display: table;
}
#cboxLoadedContent [id^=image-gallery]:after {
  clear: both;
}

#cboxNext, #cboxPrevious {
  top: 4.2857142857em;
  bottom: 4.2857142857em;
  min-width: 3.5714285714em;
  height: auto;
  text-indent: -714.2142857143em;
}
#cboxNext:hover, #cboxPrevious:hover {
  background-color: #f2f2f2;
}
#cboxNext:focus, #cboxPrevious:focus {
  background-color: #f2f2f2;
}

#cboxOverlay {
  background-color: #373737;
}
#cboxLoadedContent {
  margin-top: 2.8571428571em;
  margin-bottom: 0;
}
#cboxLoadedContent [id^=image-gallery] {
  padding: 1.4285714286em 5em 4.2857142857em;
}
#cboxClose {
  color: #767665;
  border-width: 1px;
  border-style: solid;
  border-color: #767665;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
#cboxClose:hover {
  background-color: #f2f2f2;
}
#cboxClose:focus {
  background-color: #f2f2f2;
}
#cboxClose:active {
  background-color: #f2f2f2;
}
#cboxPrevious {
  background-image: url("../../../images/icons/arrow-pager-Previous-40x40.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  right: auto;
  left: 0;
}
#cboxNext {
  background-image: url("../../../images/icons/arrow-pager-Next-40x40.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  right: 0;
  left: auto;
}