.hubWrapper { padding: 0 10px; }
.socialWrapper {
	width: 100%;
	height: 0px;
	padding: 30px 0 0 0;
	margin-top: -30px !important;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.socialWrapper.open {
	height: 608px;
	padding: 60px 0 100px;
	margin-top: 0;
	position: relative;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.socialWrapper .socialFlyOut {
	position: relative;
	top: -30px;
	width: 100px;
	height: 30px;
	border-radius: 2px 2px 0 0;
	text-align: left;
	font-size: 16px;
	font-family: "proxima-nova", Arial, sans-serif;
	line-height: 30px;
	padding: 0 10px;
	margin-right: -12px;
	cursor: pointer;
	float: right;
	right: 15px;
}
.theme_fall .socialWrapper .socialFlyOut,
.theme_summer .socialWrapper .socialFlyOut { background-color: #8c2832; color: #f5f0eb; }
.theme_winter .socialWrapper .socialFlyOut,
.theme_spring .socialWrapper .socialFlyOut { background-color: #008291; color: #f5f0eb; }

.socialWrapper .socialFlyOut .icon-arrow {
	background-image: url(/includes/public/assets/icon-arrow.png);
	width: 14px;
	height: 9px;
	display: inline-block;
}

.socialWrapper .socialFlyOut .icon-arrow.up {
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
	        transform: rotate(0deg);
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

.socialWrapper .socialFlyOut .icon-arrow.down {
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	     -o-transform: rotate(-180deg);
	        transform: rotate(-180deg);
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

.socialFeeds {
	position: relative;
	margin: 15px auto 0;
	width: 636px !important;
}

.socialWrapper.open .socialFlyOut { border-radius: 0 0 2px 2px; }

.socialContent {
	position: absolute;
	display: block !important;
	margin: 0 auto;
	background-image: url(/includes/public/assets/texture2-summer.jpg);
	padding: 0 !important;
	height: 390px;
	overflow: auto;
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.theme_summer .socialContent { background-image: url(/includes/public/assets/texture2-summer.jpg); }
.theme_fall .socialContent { background-image: url(/includes/public/assets/texture2-fall.jpg); }
.theme_winter .socialContent { background-image: url(/includes/public/assets/texture2-winter.jpg); }
.theme_spring .socialContent { background-image: url(/includes/public/assets/texture2-spring.jpg); }
.socialContent.active {
	z-index: 1;
	opacity: 1;
	-webkit-transition: all .5s;
	-webkit-transition-delay: .5s;
	-moz-transition: all .5s;
	-moz-transition-delay: .5s;
	-ms-transition: all .5s;
	-ms-transition-delay: .5s;
	-o-transition: all .5s;
	-o-transition-delay: .5s;
	transition: all .5s;
	transition-delay: .5s;
}

.socialContent > div.instagram { background-color: #fff; }
.socialContent > div.facebook,
.socialContent > div.twitter { background-color: transparent; }

.socialContent iframe { display: block !important; }
.socialContent iframe.twitter-timeline { width: 636px !important; }

.socialContent .clear { clear:both; }

.socialBox { width: 500px; margin: 0 auto !important; }

.socialBox .socialbutton {
	width: 100%;
	max-width: 30%;
	margin-right: 4%;
}
.socialBox .socialbutton:last-child {
	margin-right: 0;
}

.socialBox .socialbutton a { 
	cursor:pointer;
	display: inline-block !important;
	position:relative;
	border: 1px solid #cdc8c3;
	border-radius: 2px;
	padding: 0 !important;
	text-transform: uppercase;
	font-size: 18px !important;
	font-family: "proxima-nova", Arial, sans-serif !important;
	color: #41372d;
	background-color: #f5f0eb;
	width: 100%;
	height: 40px;
	line-height: 40px;
	vertical-align: top;
}
.theme_fall .socialBox .socialbutton a,
.theme_summer .socialBox .socialbutton a { background-color: #f5f0eb; color: #41372d; }
.theme_winter .socialBox .socialbutton a,
.theme_spring .socialBox .socialbutton a { background-color: #ebf0f5; color: #2d3741; }
.theme_fall .socialBox .socialbutton.active a,
.theme_summer .socialBox .socialbutton.active a { border-color: #8c2832; background-color: #8c2832; color: #f5f0eb; }
.theme_winter .socialBox .socialbutton.active a,
.theme_spring .socialBox .socialbutton.active a { border-color: #008291; background-color: #008291; color: #f5f0eb; }

.socialBox .socialbutton i { font-size: 26px; padding-top: 6px; }

.socialFeed .items .item { float: left; margin: 0; padding:0 15px 15px 0; width: 100%; max-width: 143px; }
.socialFeed .items .item img { display: block; }

.socialContent .content.facebook, .socialContent .content.twitter {
	text-align: center;
}
.socialContent .fb-page, .socialContent [data-twttr-id], .socialFeed {
	margin: 0 auto;
}

/** FACEBOOK **/
.socialFeed.facebook_content { overflow:visible; position:relative; }

/** TWITTER **/
.socialFeed.twitter_content { overflow:hidden; }

@media (max-width: 767px) {
	.socialWrapper { display: none !important; }
}