/* quote box layout and typography*/


.box{
	margin:40px 20px 30px 20px;
	border:1px solid #DDD;
	padding:10px;
	min-height:200px;
}

.large-3 .box{
	margin-top:10px;
	}

.slick-slide{
	outline:none;
}

.box p.link a{
    font-size:80%;
    text-transform:uppercase;
}

.box .subheading{
    font-size:80%;
    display:block;
    font-style:italic;
}

.box .wysiwyg{
	font-size:80%;
}

.box h3{
	font-size:120%;

}

.box h5.name-title{
	margin-bottom:0px;
}

.box figure{
	margin:5px 5px 5px 0px;
	float:left;
}

.box figure figcaption{
	font-weight:bold;
	font-size:80%;
	border-top: none;
	background-color: #fff;
	min-height: 0px;
	padding: 5px;
	
}

/* Previous and Next Arrow Icons */				
			
.slick-prev, .slick-next{
	z-index:10000; 
	height: 32px; 
	width:32px; 
	top:100px;
}
	
	    		    	
	
.slick-prev:before, .slick-next:before { 
	width:32px;
	height:32px;
	padding:3px 10px 8px 10px;
	content:" ";

}
.slick-prev:before{
	background:url('/resources/img/components/arrow-left.svg') no-repeat;
	
}
.slick-next:before {
	background:url('/resources/img/components/arrow-right.svg') no-repeat;
}
			
.slick-prev { 
	left:-30px; 	
}

.slick-next { 
	right:-30px; 

}

	

/*---- The Dots ------*/
.slick-dots{
	top:-35px;
	height:35px;
	margin:0px 0px 0px -20px;
	}
}

.large-3    .slick-dots{
	bottom:-15px;
	left:-20px;
	height:0px;
	
	
}


/*------ Responsive ------ */

@media (min-width: 40em) {
	.large-3 .box{
		margin:40px 0px 0px 0px;
	}
	
	.large-3 .box h3{
		margin-right:10px;
	}
	
	.large-3 .box figure{
		float:none;
	}
		
	.large-3 .slick-prev, .large-3 .slick-next{
		top:-18px;
	}
	
	.large-3 .slick-prev:before, .large-3 .slick-next:before{
			background-size: 10px 20px;
			padding:3px 3px 0px 10px;
		}
	
	.large-3 .slick-prev { 
		left:-15px; 
		z-index:1000;
		
	}
	
	.large-3 .slick-next { 
		right:-5px; 
	}
	
	.large-3 .box{
		border:none; 
		min-height:none;
		padding:0;
	}
	
	.large-3 .slick-dots{
		border-top:1px solid #EEE;
		top:-16px;
		margin-left:5px;
		width:85%;
	}
	
	.large-3 .slick-dots li{
		  display:none;
}
	
	.large-3 .slick-dots li button{
		  display:none;
	}
	

}


@media (min-width: 60em){
	
	.large-3 .slick-dots{
		width:100%;
		border-top:none;
		display:block;
		top:-33px;
		left:-30px;
		margin-left:25px;
	}
	
	.large-3 .slick-dots li{
		  display:inline-block;
		  margin:2px;
		  width:20px;
	}
	.large-3 .slick-dots li button{
		  display:block;
		  padding:5px;
		  width:20px;
	}
	
	
	
}

@media (min-width: 70em){
		
	.large-3	.slick-dots{
			left:-40px;
	}
	
}