/* CSS Document */

.wellCats{
	background-color:#AB1C23;
	padding:10px;
	margin-bottom:30px;
}
.wellCats legend{
	font-family: 'Open Sans Bold';
	font-size:24px;
	color:#FFF;
	border-bottom:1px solid #D2232B !important;
	margin-bottom:10px !important;
}
.blog-font{
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size:14px;
}
.wellCats a{
	display:block;
	padding:10px 15px;
	font-family: 'Open Sans Bold';
	font-size:15px;
	color:#FFF;
	text-transform:uppercase;
	border-bottom:1px solid #D2232B;
}
.wellCats a:hover{
	background-color:#D2232B;
	color:#FFF;
}
.wellCats a:last-child{
	border-bottom:none;
}
.blogItem, .blogItem h4{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.blogItem{
	display:block;
	background-color:#EEE;
	padding:10px;
	margin-bottom:30px;
}
.blogItem:hover{
	background-color:#AB1C23;
}
.blogItem .image{
	height:250px;
	margin-bottom:10px;
	background:url(../images/spinner.gif) no-repeat center;
	background-size:contain;
}
.blogItem .image img{
	visibility:hidden;
}
.blogItem h4{
	display:table;
	height:60px;
	font-family: 'Open Sans Bold' !important;
	font-size:20px;
	color:#1D1D1C;
}
.blogItem:hover h4{
	color:#FFF;
}
.blogItem h4 > div{
	display:table-cell;
	vertical-align:middle;
}
#blogThumbs{
	margin-bottom:45px;
}
#blogThumbs .image{
	float:left;
	width:33.333333%;
	height:100px;
	transition:all .3s ease;
	cursor:pointer;
	border:1px solid #008043;
	background:url(../images/spinner.gif) no-repeat center;
	background-size:contain;
}
#blogThumbs .image img{
	visibility:hidden;
}
#blogThumbs .image:hover, #blogThumbs .image.cycle-pager-active{
	border:1px solid #AB1C23;
}
#blogThumbs .image:hover{
	opacity:.7;
}
#intRotator{
	position:relative;
	margin-bottom:30px;
	overflow:hidden;
}
#intRotator, #intRotator .slide, #intRotator .prev, #intRotator .next{
	height:250px;
}
#intRotator .slide{
	width:100%;
	display:block;
	overflow:hidden;
	background:transparent url(../images/spinner.gif) no-repeat center center;
}
#intRotator .slide img{
	visibility:hidden;
}
#intRotator .prev, #intRotator .next{
	position:absolute;
	top:0;
	width:25px;
	background:rgba(29,29,28,.3);
	z-index:998;
	display:table;
	text-align:center;
	font-size:18px;
	color:#FFF;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	cursor:pointer;
	z-index:998;
}
#intRotator .prev > div, #intRotator .next > div{
	display:table-cell;
	vertical-align:middle;
}
#intRotator .prev{
	left:0;
}
#intRotator .next{
	right:0;
}
#intRotator .prev:hover, #intRotator .next:hover{
	background:rgba(29,29,28,1);
}
#intRotator .caption{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:rgba(0, 0, 0, .7);
	padding:8px 25px;
	font-family: 'Open Sans Bold';
	font-size:14px;
	color:#FFF;
	text-align:center;
	z-index:999;
}
#blogSide .wellSide{
	background-color:#AB1C23;
	padding:12px;
	margin-bottom:30px;
	color:#FFF;
}
#blogSide .buttons .image{
	display:block;
	margin-bottom:10px;
}
#blogSide .buttons .image:last-child{
	margin-bottom:0;
}
#blogSide .buttons img{
	cursor:pointer;
	width:100%;
	transition:all .3s ease;
}
#blogSide .buttons img:hover{
	opacity:.8;
}
#blogSide .buttons{
	margin-bottom:30px;
}
#blogSide .title{
	font-family: 'Open Sans Bold';
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:5px;
}
#blogSide .social{
	margin-top:20px;
}
#blogSide .tags .badge{
	padding:7px 10px !important;
	margin-bottom:3px;
	background-color:#1D1D1C;
	font-weight:inherit;
	font-family: 'Open Sans Bold';
	font-size:13px;
}
#blogSide .tags .badge:hover{
	background-color:#555;
}
.breadcrumb{
	background-color:#AB1C23 !important;
	border-radius:0 !important;
	font-family: 'Open Sans Bold';
	color:#FFF;
}
.breadcrumb a{
	color:#1D1D1C;
}
.breadcrumb a:hover, .breadcrumb .active{
	color:#FFF !important;
}

/********************************************************** MEDIA QUERRIES ******************************************************************/

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {


}

/* Tablet (portrait) */
@media(min-width:768px){
	.modal{
		padding-top:135px !important;
	}
	.wellCats{
		padding:8px;
	}
	.wellCats legend{
		margin-bottom:7px !important;
	}
	.wellCats a{
		font-size:14px;
	}
	.blogItem .image{
		height:190px;
	}
	.blogItem h4{
		height:50px;
		font-size:14px;
	}
	#blogThumbs .image{
		width:33.333333%;
		height:65px;
	}
	#intRotator, #intRotator .slide, #intRotator .prev, #intRotator .next{
		height:180px;
	}
	#intRotator .caption{
		font-size:12px;
	}
	#blogSide .title{
		font-size:16px;
	}

}

/* Tablet (landscape) */
@media(min-width:992px){
	.blog-font{
		font-size:16px;
	}
	.blogItem h4{
		height:60px;
	}
	#blogThumbs .image{
		width:25%;
	}
	#intRotator, #intRotator .slide, #intRotator .prev, #intRotator .next{
		height:240px;
	}
	#intRotator .prev, #intRotator .next{
		width:30px;
		font-size:22px;
	}
	#intRotator .caption{
		padding:8px 30px;
		font-size:13px;
	}

}

/* Desktop */
@media(min-width:1200px){
	.blog-font{
		font-size:18px;
	}
	.wellCats{
		padding:12px;
	}
	.wellCats legend{
		font-size:26px;
		margin-bottom:10px !important;
	}
	.wellCats a{
		padding:12px;
		font-size:16px;
	}
	.blogItem{
		padding:12px;
	}
	.blogItem .image{
		height:210px;
		margin-bottom:12px;
	}
	.blogItem h4{
		height:78px;
		font-size:18px;
	}
	#blogThumbs .image{
		height:80px;
		border:2px solid #1D1D1C;
	}
	#blogThumbs .image:hover, #blogThumbs .image.cycle-pager-active{
		border:2px solid #AB1C23;
	}
	#intRotator, #intRotator .slide, #intRotator .prev, #intRotator .next{
		height:280px;
	}
	#intRotator .prev, #intRotator .next{
		width:35px;
		font-size:26px;
		opacity:0;
	}
	#intRotator:hover .prev, #intRotator:hover .next{
		opacity:1;
	}
	#intRotator .slide{
		position:relative;
	}
	#intRotator .slide .viewMore{
		position:absolute;
		top:0;
		width:100%;
		height:100%;
		font-family: 'Open Sans Bold';
		font-size:22px;
		color:#FFF;
		padding-top:135px;
		text-align:center;
		z-index:999;
		opacity:0;
		-webkit-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
		-o-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	#intRotator .slide:hover .viewMore{
		background: rgba(29,29,28,.7);
		opacity:1;
		cursor:pointer;
	}
	#intRotator .caption{
		padding:10px 35px;
		font-size:14px;
	}
	#blogSide .wellSide{
		padding:15px;
	}
	#blogSide .title{
		font-size:18px;
	}

}