/*
	Use this file for overrides.
	Permanent styles can eventually be folded back into style.
*/


._blue { color: #3b95d0 !important; }
._purple { color: #5d164a !important; }
._jam { color: #982371 !important; }
._magenta { color: #BF3082 !important; }
._tiger { color: #ff601a !important; }
._orange { color: #FF7E1D !important; } /* was 7e1d4a for some reason */
._marigold { color: #ffa412 !important; }
._indigo { color: #6060ad !important; }
._cerulean { color: #8fd4d5 !important; }

/* Need to force the Home page  Location Search section to always have white text */
#location-search { color: #fff; }

/* Blog Landing & Blog Detail */
blockquote{
	background:#8fd4d5;
	border:none;
	font-size:38px;
	margin:40px -30px 60px;
	padding:30px;
	position:relative;
	z-index:1;
}
blockquote:before{
	background:inherit;
	content:'';
	display:block;
	height:50%;
	left:0;
	position:absolute;
	right:0;
	z-index:-1;
	-webkit-backface-visibility:hidden;
}
blockquote:before{
	top:0;
	-webkit-transform:skewY(-2deg);
	transform:skewY(-2deg);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
}
blockquote:after{
	background:inherit;
	content:'';
	display:block;
	height:50%;
	left:0;
	position:absolute;
	right:0;
	z-index:-1;
	-webkit-backface-visibility:hidden;
}
blockquote:after{
	bottom:0;
	-webkit-transform:skewY(-2deg);
	transform:skewY(-2deg);
	-webkit-transform-origin:100%;
	transform-origin:100%;
}
hr.bottom{bottom:0;}
.header-image{margin-bottom:-115px;}
.header-image img{max-width:100%;}
.group.siblings > div{margin-left:0;}
.button-wrap{margin:30px 0 -30px;}
.video-wrap{
	height:auto;
	margin:0 0 20px;
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	width:100%;
}
.video-wrap iframe{height:100%;left:0;position:absolute;top:0;width:100%;}
.side.social-medial-links{border-top:1px solid #231d21;margin:30px 0;padding-top:20px;}
.blog-result-item{margin:0 0 40px;}
.accordion-container._comments{margin-bottom:30px;}
.comments-container{padding:30px 0;}
.comments-container .comment{margin:0 0 20px;}
.comments-container .comment.stcu{color:#972371;}
.comments-container .comment.indent{padding-left:30px;}
.comments-container .name{font-size:24px;font-weight:700;}
.comments-container .date{font-size:18px;text-transform:uppercase;}
.comments-container .reply{
	background:url(../img/reply_icon.png) no-repeat left 8px;
	color:#972371;
	font-size:18px;
	padding-left:22px;
	text-transform:uppercase;
}

.comments-container .reply:visited {
	color: #982371;
}

.comments-container .reply:hover, .comments-container .reply:focus {
	color: #72004B;
}

.comments-container .reply:active {
	color: #4C0025;
}

@media (min-width: 500px) {
	blockquote{background:transparent;font-size:50px;margin:50px 0;border-top:10px solid #8fd4df;padding:20px 30px;} /*was margin:40px 0 60px; | added border-top and padding */
	blockquote:before{display:none;}
	blockquote:after{display:none;}
}

@media (min-width: 768px) {
	.comments-container .comment.indent{padding-left:0;}
	.comments-container .comment.indent .meta{padding-left:30px;}
}

@media (min-width: 992px) {
	.accordion-container._comments{margin-bottom:60px;}	
}

ul li ul li a:hover, a:focus {
	text-decoration: none;
}

footer a:hover, footer a:focus, #breadcrumb li a:hover, .igx-desktop-nav ul li a:hover, .igx-mobile-nav a:hover, .mobile-header a:hover, .fixed-container a:hover {
    text-decoration: none !important;
}

.prime-link {
    text-decoration: none !important;
}

.modal-button {
	display: inline-block !important;
	margin-bottom: 1.5rem !important;
	margin: 0 10px 0 0;
}

.modal-group {
	display: flex;
	margin-bottom: 1.5rem;
	width: 100%;
	justify-content: left;
}

@media(max-width: 720px) {
	.modal-group {
		flex-direction: column;
	}
}

.logo-w img {
	width: 100% !important;
	height: auto !important;
}

.logo-h img {
	height: 100% !important;
	width: auto !important;
}

.bg-img {
	left: 0;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

	.bg-img img {
		height: 100%;
		object-fit: cover;
		width: 100%;
	}

	.bg-img .center-bottom {
		object-position: center bottom;
	}

	.bg-img .center-center {
		object-position: center center;
	}

	.bg-img .center-top {
		object-position: center top;
	}

	.bg-img .left-bottom {
		object-position: left bottom;
	}

	.bg-img .left-center {
		object-position: left center;
	}

	.bg-img .left-top {
		object-position: left top;
	}

	.bg-img .right-bottom {
		object-position: right bottom;
	}

	.bg-img .right-center {
		object-position: right center;
	}

	.bg-img .right-top {
		object-position: right top;
	}