/* Flexslider css library file can be found in /libraries/flexslider directory */

/* This css file is to override the original css style from flexslider library */

/* Some more custom overrides / codes */
/* ================================== */

/* Turn off all list-style-types */
.flexslider ul {
  list-style-type: none;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

/* Begin custom flexslider */
.view-landing-page-adopt-a-book .flexslider {
  margin: 0;
  padding: 0;
	background: #ffffff;
	text-align:center;
}

.view-landing-page-adopt-a-book .flexslider .slides {
	display: flex;
	width: auto !important;
}

.view-landing-page-adopt-a-book .flexslider .slides li {
	font-size: 85%;
	line-height: 130%;
	background-color: #E2E8EC;
	flex: 1;
}

.view-landing-page-adopt-a-book .flexslider .slides li .views-field-title {
	padding: 8px;
	width: 165px !important;
	display: block;
}

.flex-container {
  min-width: 150px;
  max-width: 960px;
}

.flex-viewport {
  max-height: 380px;
}

.view-landing-page-adopt-a-book .flexslider .slides img {
	display: block;
	border-radius: 2px;
	max-width: 150px;
	width: 143px;
	margin: 0 15px; 
}

@media (min-width: 992px) and (max-width: 1199px) {
	.view-landing-page-adopt-a-book .flexslider .slides img {
		max-width: 109px;
		width: 109px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.view-landing-page-adopt-a-book .flexslider .slides img {
		max-width: 150px;
		width: 70px;
	}
}

/* Styling direction nav arrows */


/* Controls via pagination icons */
.flexslider .flex-control-nav {
  position: relative;
  width: 100%;
  bottom: 0px;
  text-align: center;
  margin: 5px 0 -5px 0;
}

/* Hide default arrow nav given by flexslider library */
.flex-direction-nav a:before {
    display: none;
}

.flexslider .flex-control-nav li {
  display: inline-block;
  zoom: 1;
}

.flexslider .flex-control-paging li a {
  display: block;
  cursor: pointer;
  text-indent: -9999px;
  width: 12px;
  height: 12px;
  margin: 0 3px;
  background-color: #b6b6b6;
  border-radius: 12px;
  box-shadow: inset 0 0 0 2px #b6b6b6;
}
.flexslider .flex-control-paging li a.flex-active {
  background-color: #bfab8b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bfab8b), to(#f5e2c1));
  background-image: -webkit-linear-gradient(top, #bfab8b, #f5e2c1);
  background-image: -moz-linear-gradient(top, #bfab8b, #f5e2c1);
  background-image: -o-linear-gradient(top, #bfab8b, #f5e2c1);
  background-image: linear-gradient(to bottom, #bfab8b, #f5e2c1);
  box-shadow: none;
}

.flexslider .flex-direction-nav li {
  list-style-type: none;
  display: block;
  position: absolute;
  width: 45px;
  height: 45px;
  top: 50%;
  background-size: 45px 45px;
}

.flexslider .flex-direction-nav a {
  display: inline;
  /* width: 40px;
  height: 40px; */
}

.flexslider .flex-direction-nav .flex-nav-prev {
  font-size: 0;
  background-image: url("../images/icons/left.png");
  left: 0;
  margin-left: -60px;
	top: 60px;
}	

.flexslider .flex-direction-nav .flex-nav-next {
	font-size: 0;
  background-image: url("../images/icons/right.png");
  right: 0;
	margin-right: -60px;
	top: 60px;
}

/* Captions */

.flex-caption {
  z-index: 1;
  padding: 10px;
}

/* Fixes showing part of next slide */
.loading #container {opacity: 0;}
.loading:before  {
	content: 'LOADING';
	display: block;
	margin: 100px 0 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 60px;
	opacity: 0.3;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/

@media screen and (max-width: 860px) {
	.flex-viewport {
		max-width: 80%;
		margin: 0 auto;
	}
	.flexslider .flex-direction-nav .flex-nav-prev {
		margin-left: 0px;
	}

	.flexslider .flex-direction-nav .flex-nav-next {
		margin-right: 0;
	}
	/* .flexslider .panel-1col .panel-col {
		max-width: 150px;
	}
	.flexslider li img {
		max-width: 150px;
	} */
}