@CHARSET "ISO-8859-1";

/******************************************************************************
* Breadcrumbs - Custom Overrides
******************************************************************************/

.breadcrumbs li,
.breadcrumbs li a {
	color: #ffffff;
}

.breadcrumbs li.current,
.breadcrumbs li.current a {
	color: #2d2d2d;
}

.breadcrumbs li a:hover,
.breadcrumbs li.current a:hover {
	color: #2d2d2d;
}

.breadcrumbs a:hover {
	color: #0099ff;
}

.breadcrumbs {
	margin-left: 0;
	margin-top: 0;
	font-size: 1.05em;
}

/******************************************************************************
* Breadcrumbs - End
******************************************************************************/

section .social .social-container {
	text-align: center;
	border: 1px solid #0099ff;
	border-radius: 0.5em;
	overflow: hidden;
	min-height: 100px;
	font-size: 1.1em;
}

.social p {
	line-height: 1.5rem;
}

section .social .social-title {
	background-color: #0099ff;
	text-align: left;
}

section .social .social-title h2 {
	font-size: 1.2rem;
}

.social a:link {
	text-decoration: none;
	color: #0099ff;
}

#twitter-widget-0 {
	margin: 0 auto -3px !important;
}

/* .main .col2 section .social #social-youtube {
	margin:8px 15px 4px;
	overflow:hidden;
} */

.main .col2 section .social #social-connect {
	padding: 0 15px;
}

.main .col2 section .social #social-connect a {
	display: inline-block
}

.main .col2 section .social #social-connect a img {
	margin: 15px 0 5px;
	padding: 0;
}

.main .col2 section .social #social-google div {
	width: 258px;
	height: 186px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background: #fff;
}

.main .col2 section .social #social-google div div {
	margin: -32px 0 0 -1px !important;
	position: relative;
}

.pinterestBoardWrapper {
	width: 100%;
	margin: auto;
}

.pinterestBoard span {
	overflow: hidden;
	max-width: 100% !important;
}

/* ---- Header Banner ---- */
.social-media-top-container {
	position: relative;
}

.banner-image-container {
	position: relative;
}

h1.heading {
	color: white;
	position: relative;
	top: -180px;
	font-size: 45px;
	margin-left: 0;
	height: 0;
}

.hero-img {
	display: table;
	margin-left: 50%;
	transform: translateX(-50%);
	width: 100vw;
}

.hero-img>source+img {
	margin-left: 50%;
	transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
	h1.heading {
		position: absolute;
		top: 10%;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
		font-size: 50px;
	}
}