/**
 *custom css file for site specific styles
 *
 *change extension to .css to use
 *
 * uncomment the line below in unm_drupal.info to activate
 * stylesheets[all][] = css/custom.css
 *
 */
 
 /* ----- Slick Carousel styles ---------------- */
 /* ---Uncomment this section for standard Slick Carousel (Hero Section) styles
.slick .slick__slide .slide__content img {
	width: 100% !important;
	height: auto !important;
}
.slick__slide .slide__content .views-field-body {
	position: absolute;
	bottom: 20px;
	right: 4%;
	max-width: 49%;
	background-color: #000;
	color: #fff;
	opacity: 0.7;
	padding: 20px;
}
.slick__slide .slide__content .views-field-body p {
	margin-bottom: 0;
	opacity: 1;
}
@media (max-width: 768px) {
	.slick__slide .slide__content .views-field-body {
		position: relative;
		max-width: 100%;
		width: 100%;
		right: initial;
		bottom: initial;
		margin-top: 3px;
	}
}
.slick-dots {
	padding-bottom: 5px;
}
.slick-arrow::before {
    color: #fff;
    font-size: 2.25rem;
}
 ---- */