/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

/** Journal styles **/

.owl-prev, .owl-next {
	 position: relative;
	 width: 3rem;
	 height: 3rem;
	 background-color: transparent !important;
}
 .owl-prev > i, .owl-next > i {
	 display: block;
	 width: 100%;
	 height: 100%;
}
 .owl-nav {
	 position: absolute;
	 top: 50%;
	 width: 100%;
	 transform: translateY(-50%);
	 opacity: 1;
}
 #cards .owl-nav {
	 top: 40%;
	 transform: none;
   z-index: -1;
}
 .owl-nav svg {
	 width: 25px;
	 height: 25px;
}
 @media screen and (min-width: 1280px) {
	 .owl-nav svg {
		 width: 40px;
		 height: 40px;
	}
}
 .owl-prev {
	 float: left;
	 left: -42px;
}
 @media screen and (min-width: 768px) {
	 .owl-prev {
		 left: -54px;
	}
}
 @media screen and (min-width: 1280px) {
	 .owl-prev {
		 left: -3.75rem;
	}
}
 .owl-next {
	 float: right;
	 right: -42px;
}
 @media screen and (min-width: 768px) {
  .owl-next {
    right: -54px;
  }
 }
 @media screen and (min-width: 1280px) {
	 .owl-next {
		 right: -3.5rem;
	}
}
 #cards .owl-dot span {
	 background-color: #ffffff;
}
 #cards .owl-dot:not(.active) span {
	 opacity: 0.3;
}
 #cards .owl-dots {
	 transform: translateY(1rem);
}

.owl-carousel .owl-stage {
  padding-top: 4px;
}