/*
 * Widget Image Boxes Grid
 */
.sidebar_container .highlights .item,
.panel-two-col-even .highlights .item {
	margin-bottom: 30px;
}
.highlights .item {
	margin-bottom: 20px;
}
.widget-imageboxes-grid > .row > .columns {padding: 0;} 
.highlights .item .image-wrapper {position: relative;}
.highlights .item .image-wrapper::before {
	content: "";
	background-color: rgba(0,153,168,0.75);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}
.highlights .item .image-wrapper img {width: 100%;}
.highlights .item .content-wrapper {
	position: absolute;
	z-index: 200;
	color: #fff;
	top: 0;
	width: 100%;
	text-align: center;
	padding-top: 40px;
	bottom: 0;
	height: 207px;
	margin: auto;
}
.highlights .item .title {
	font-size: 30px;
	font-family: 'Triump W05 Regular';
	text-transform: uppercase;
	line-height: 37px;
	padding: 0 40px;
	margin-bottom: 15px;
}
.highlights .item .read-more {
	width: 168px;
	padding-left: 0;
	padding-right: 0;
	font-size: 22px;
	padding-top: 3px;
	border: solid 3px #fff;
}
.widget-imageboxes-grid .banner {
	text-align: center;
	background-color: #4a1e59;
	color: #83c8bd;
	font-size: 35px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Avenir Next LT W05 Regular';
	padding: 15px 10px;
	z-index: 20;
	position: relative;
	letter-spacing: 0.5px;
}
@media only screen and (min-width: 40.063em) {
	/*tablet and desktop > 641px */
	.highlights::before {
		height: 85%;
		bottom: 0;
		margin: auto;
	}
	.highlights .item {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.highlights .item .stacked-arrows::after,  
	.highlights .item .stacked-arrows::before,
	.highlights .item .grid-dots::after,  
	.highlights .item .grid-dots::before {
		content: "";
		background-repeat: no-repeat;
		position: absolute;
	}
	.highlights .item .stacked-arrows::after,  
	.highlights .item .stacked-arrows::before {
		background-image: url("/includes/public/assets/images/sprite-stacked-arrows-white.png");
		height: 60px;
		width: 24px;
		bottom: 15px;
		left: 15px;
	}
	.highlights .item .stacked-arrows::after {
		top: 15px;
		right: 15px;
		left: auto;
		background-position: -27px 0;
	}
	.highlights .item .grid-dots::before,
	.highlights .item .grid-dots::after {
		background-image: url("/includes/public/assets/images/pattern-white-dots.png");
		width: 77%;
		height: 15px;
		top: 23px;
		left: 15px;
	}
	.highlights .item .grid-dots::after {
		bottom: 23px;
		top: auto;
		right: 15px;
		left: auto;
	}   
	.highlights .item .title {
		font-size: 40px;
		padding: 0 20px;
		line-height: 48px;
		margin-bottom: 23px;
		font-weight: normal;
	}
	.widget-imageboxes-grid > .row > .columns {
		padding-left: 10px;
		padding-right: 10px;
	}
	.highlights .item .content-wrapper.long-text {padding-top: 0;}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	/*tablet - > 641px < 1025px */
}
@media only screen and (min-width: 64.063em) {
	/*desktop > 1024px*/
	.widget-imageboxes-grid {margin-bottom: 80px;}
	.highlights .item .read-more {
		opacity: 0;
		height: 57px;
		width: 220px;
		font-size: 30px;
		line-height: 35px;
		border-width: 5px;
		padding-top: 6px;
		transform: scale(0.85);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		-webkit-transition: all 150ms ease-in-out;
		-moz-transition: all 150ms ease-in-out;
		-o-transition: all 150ms ease-in-out;
		transition: all 150ms ease-in-out;
	}
	.highlights .item .title {
		font-size: 50px;
		line-height: 60px;
		font-weight: normal;
	}
	.highlights .item .title,
	.highlights .item .image-wrapper::before {
		-webkit-transition: all 700ms ease-in-out;
		-moz-transition: all 700ms ease-in-out;
		-o-transition: all 700ms ease-in-out;
		transition: all 700ms ease-in-out;
		-webkit-transition-delay: 200ms; /* Safari */
		transition-delay: 200ms;
	}
	.highlights .item:hover .title {opacity: 0;}
	.highlights .item:hover .image-wrapper::before {background-color: rgba(0,153,168,0);}
	.highlights .item:hover .read-more {
		opacity: 1;
		transform: scale(1);
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		-webkit-transition-delay: 300ms; /* Safari */
		transition-delay: 550ms;
	}
	.highlights .item:hover .grid-dots::after {width: 0;}
	.highlights .item:hover .grid-dots::before {width: 0;}
	.highlights .item .grid-dots::before,
	.highlights .item .grid-dots::after {
		width: 86%;
		background-repeat: repeat-x;
		-webkit-transition: all 900ms ease-in-out;
		-moz-transition: all 900ms ease-in-out;
		-o-transition: all 900ms ease-in-out;
		transition: all 900ms ease-in-out;
	}
	.highlights .item .grid-dots::before {
		right: 67px;
		left: auto;
		background-position: right 6px top 0;
	}
	.highlights .item .grid-dots::after {
		left: 67px;
		right: auto;
		background-position: left 0;
	}
	.highlights .item .stacked-arrows::before {left: 20px;}
	.highlights .item .stacked-arrows::after {right: 20px;}
	.widget-imageboxes-grid .banner {
		height: 145px;
		font-size: 45px;
		line-height: 45px;
		padding-top: 51px;
		margin-left: 20px;
		margin-right: 20px;
		position: relative;
	}
	.widget-imageboxes-grid .banner::before,
	.widget-imageboxes-grid .banner::after {
		content: "";
		height: 202px;
		width: 48px;
		background-position: 0 0;
		background-image: url("/includes/public/assets/images/shape-flourish-orange.png");
		top: -17px;
		display: block;
		background-repeat: no-repeat;
		position: absolute;
	}
	.widget-imageboxes-grid .banner::before {left: 25px;}
	.widget-imageboxes-grid .banner::after {background-position: -70px 0; right: 25px;}
}