/* line 3, ../compass/morekid-gallery.scss */
.mk-gallery {
  width: 100%;
  height: 0;
  padding: inherit;
  margin-bottom: 2.5em;
}
/* line 9, ../compass/morekid-gallery.scss */
.mk-gallery .loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  z-index: 15;
  opacity: 0;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
/* line 20, ../compass/morekid-gallery.scss */
.mk-gallery .loading .text {
  display: block;
  position: absolute;
  width: 80%;
  margin-left: 10%;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: center;
  text-transform: uppercase;
  font-size: .7em;
}
/* line 34, ../compass/morekid-gallery.scss */
.mk-gallery.is-loading .loading {
  display: block;
  opacity: 1;
}
/* line 44, ../compass/morekid-gallery.scss */
.mk-gallery .slides {
  position: relative;
  width: 100%;
  height: 0;
  padding: inherit;
  overflow: hidden;
}
/* line 51, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: inherit;
  overflow: hidden;
  text-align: center;
  background: #ffffff;
  display: none;
}
/* line 62, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  width: 35%;
  height: 100%;
  margin-left: -17.5%;
  z-index: 5;
  text-align: left;
  opacity: .9;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  transition: opacity 0.1s ease-in-out;
}
/* line 79, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide .overlay:hover {
  opacity: 1;
}
/* line 83, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide .overlay.dark-overlay {
  color: #222222;
}
/* line 87, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide .overlay .overlay-content {
  position: absolute;
  top: 20%;
  width: 100%;
  left: 0;
  display: inline-block;
  vertical-align: middle;
}
/* line 95, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide .overlay .overlay-content .title {
  display: block;
  font-size: 34px;
  text-transform: uppercase;
  font-weight: 700;
}
/* line 102, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide .overlay .overlay-content .date {
  display: block;
  margin-top: .2em;
  font-weight: 400;
  font-size: 28px;
  text-transform: uppercase;
}
/* line 110, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide .overlay .overlay-content .body {
  margin-top: .4em;
  display: block;
  font-weight: 400;
  font-size: 20px;
  text-decoration: none;
}
/* line 120, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide img {
  width: 100%;
  height: auto;
}
/* line 125, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide img.invertedSizes {
  height: 100%;
  width: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
/* line 135, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide:first-child {
  display: block;
}
/* line 145, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide.ready-for-slide-in {
  position: absolute;
  z-index: 10;
  display: block;
  top: 0;
}
/* line 151, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide.ready-for-slide-in.r-to-l {
  right: -100%;
}
/* line 154, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide.ready-for-slide-in.r-to-l.slide-in {
  transition: right .3s ease-in-out;
  right: 0%;
}
/* line 161, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide.ready-for-slide-in.l-to-r {
  left: -100%;
}
/* line 164, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide.ready-for-slide-in.l-to-r.slide-in {
  transition: left .3s ease-in-out;
  left: 0%;
}
/* line 174, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide.ready-for-slide-out.r-to-l.slide-out {
  transition: margin-left .3s ease-in-out;
  margin-left: -40%;
}
/* line 182, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide.ready-for-slide-out.l-to-r.slide-out {
  transition: margin-left .3s ease-in-out;
  margin-left: 40%;
}
/* line 190, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide.ready-for-fade-in {
  position: absolute;
  z-index: 10;
  display: block;
  top: 0;
  opacity: 0;
  /*@include transform( scale(1.03) );*/
}
/* line 198, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide.ready-for-fade-in.fade-in {
  transition: opacity .3s ease-in-out;
  opacity: 1;
  /*@include transform( scale(1) );*/
}
/* line 206, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide.ready-for-fade-out {
  /*@include transform( scale(1) );*/
}
/* line 209, ../compass/morekid-gallery.scss */
.mk-gallery .slides .slide.ready-for-fade-out.fade-out {
  /*  out slide don't need to actually fade,
  	or it creates a flash of white
  	this animation change is just
  	to trigger the transitionEnd event
  	in sync with the in slide
  */
  transition: opacity .3s ease-in-out;
  opacity: .99;
  /*@include transform( scale(1.05) );*/
}
/* line 225, ../compass/morekid-gallery.scss */
.mk-gallery .hovers {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
/* line 234, ../compass/morekid-gallery.scss */
.mk-gallery .hovers .left,
.mk-gallery .hovers .right {
  position: absolute;
  width: 50%;
  top: 0;
  height: 100%;
  color: #ffffff;
  z-index: 1;
  cursor: pointer;
}
/* line 244, ../compass/morekid-gallery.scss */
.mk-gallery .hovers .left:before,
.mk-gallery .hovers .right:before {
  display: inline-block;
  position: absolute;
  font-size: 2.3em;
  margin-top: -.5em;
  top: 50%;
  opacity: 0;
  transition: opacity .1s ease-in-out;
}
/* line 255, ../compass/morekid-gallery.scss */
.mk-gallery .hovers .left:hover:before,
.mk-gallery .hovers .right:hover:before {
  opacity: 1;
}
/* line 261, ../compass/morekid-gallery.scss */
.mk-gallery .hovers .left {
  left: 0;
}
/* line 264, ../compass/morekid-gallery.scss */
.mk-gallery .hovers .left:before {
  left: .5em;
}
/* line 269, ../compass/morekid-gallery.scss */
.mk-gallery .hovers .right {
  right: 0;
}
/* line 272, ../compass/morekid-gallery.scss */
.mk-gallery .hovers .right:before {
  right: .5em;
}
/* line 278, ../compass/morekid-gallery.scss */
.mk-gallery .controls {
  text-align: center;
  margin-top: 1em;
}
/* line 282, ../compass/morekid-gallery.scss */
.mk-gallery .controls .dots {
  display: none;
  vertical-align: middle;
}
/* line 286, ../compass/morekid-gallery.scss */
.mk-gallery .controls .dots .dot {
  display: inline-block;
  background: transparent;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 14px;
  border: 1px solid #b0b0b0;
  cursor: pointer;
}
/* line 296, ../compass/morekid-gallery.scss */
.mk-gallery .controls .dots .dot:last-child {
  margin-right: 0;
}
/* line 300, ../compass/morekid-gallery.scss */
.mk-gallery .controls .dots .dot.selected {
  background: #333333;
  border-color: #333333;
}
/* line 307, ../compass/morekid-gallery.scss */
.mk-gallery .controls .prev,
.mk-gallery .controls .next {
  display: none;
  color: #ffffff;
  height: 14px;
  width: 14px;
}
/* line 314, ../compass/morekid-gallery.scss */
.mk-gallery .controls .prev.icon-before-prev:before, .mk-gallery .controls .prev.icon-before-next:before,
.mk-gallery .controls .next.icon-before-prev:before,
.mk-gallery .controls .next.icon-before-next:before {
  display: inline-block;
  line-height: 14px;
  width: 14px;
}
/* line 326, ../compass/morekid-gallery.scss */
.mk-gallery .controls .next {
  margin-left: 10px;
}
/* line 333, ../compass/morekid-gallery.scss */
.mk-gallery.dot-controls .controls .dots {
  display: inline-block;
}
/* line 339, ../compass/morekid-gallery.scss */
.mk-gallery.arrow-controls {
  margin-bottom: 0;
}
/* line 344, ../compass/morekid-gallery.scss */
.mk-gallery.arrow-controls .slides .slide .overlay {
  display: block;
}
/* line 350, ../compass/morekid-gallery.scss */
.mk-gallery.arrow-controls .controls {
  display: none;
  position: absolute;
  bottom: 8%;
  right: 4%;
  text-align: left;
  z-index: 10;
}
/* line 359, ../compass/morekid-gallery.scss */
.mk-gallery.arrow-controls .controls .dots {
  display: none;
  margin-right: 20px;
}
/* line 363, ../compass/morekid-gallery.scss */
.mk-gallery.arrow-controls .controls .dots .dot {
  background: #ffffff;
  width: 10px;
  height: 10px;
  border: 0;
}
/* line 369, ../compass/morekid-gallery.scss */
.mk-gallery.arrow-controls .controls .dots .dot.selected {
  background: #ffffff;
}
/* line 375, ../compass/morekid-gallery.scss */
.mk-gallery.arrow-controls .controls .prev,
.mk-gallery.arrow-controls .controls .next {
  display: inline-block;
}
/* line 382, ../compass/morekid-gallery.scss */
.mk-gallery.all-controls {
  margin-bottom: 0;
}
/* line 385, ../compass/morekid-gallery.scss */
.mk-gallery.all-controls .controls {
  display: none;
  position: absolute;
  bottom: 8%;
  right: 4%;
  text-align: left;
  z-index: 10;
}
/* line 394, ../compass/morekid-gallery.scss */
.mk-gallery.all-controls .controls .dots {
  margin-right: 0px;
}
/* line 397, ../compass/morekid-gallery.scss */
.mk-gallery.all-controls .controls .dots .dot {
  background: #ffffff;
  width: 10px;
  height: 10px;
  border: 0;
}
/* line 403, ../compass/morekid-gallery.scss */
.mk-gallery.all-controls .controls .dots .dot.selected {
  background: #222222;
}
/* line 409, ../compass/morekid-gallery.scss */
.mk-gallery.all-controls .controls .prev,
.mk-gallery.all-controls .controls .next {
  display: inline-block;
}
/* line 415, ../compass/morekid-gallery.scss */
.mk-gallery.all-controls.outer-controls {
  margin-bottom: 2.5em;
}
/* line 418, ../compass/morekid-gallery.scss */
.mk-gallery.all-controls.outer-controls .controls {
  position: relative;
  right: 0;
  bottom: 0;
  text-align: center;
}
/* line 426, ../compass/morekid-gallery.scss */
.mk-gallery.all-controls.outer-controls .controls .dots .dot {
  background: #dddddd;
  width: 10px;
  height: 10px;
}
/* line 431, ../compass/morekid-gallery.scss */
.mk-gallery.all-controls.outer-controls .controls .dots .dot.selected {
  background: #333333;
  border-color: #333333;
}
/* line 438, ../compass/morekid-gallery.scss */
.mk-gallery.all-controls.outer-controls .controls .prev,
.mk-gallery.all-controls.outer-controls .controls .next {
  margin-top: .2em;
  color: #222222;
}