/** DEFAULT STYLE IS FOR THE C1 column **/
.socialWrapper {
	min-height: 337px;
	position:relative;
	width: 100%;
}

.socialFeeds {
	display:none;
	font-size:11px;
	line-height:1.2em;
	margin:0;
	padding-top:18px;
	width: 100%;
}
.hublink {
	display:block;
	font-size:12px;
	padding:15px;
}
.socialBox {
	min-height: 40px;
	overflow: hidden;
	min-width: 230px;
}
.loader {
	background:url(/sitecore/includes/plugins/socialmedia/v1/images/ajax-loader.gif) center no-repeat #cbb6a6;
	display:none;
	height:238px;
	opacity:0.7;
	width:100%;
}
.socialBox .socialbutton, .socialBox .socialblog { cursor:pointer; float:left; height:40px; position:relative; width:40px; }
.socialBox .socialbutton:last-child { margin-right:0;}

.socialBox #facebook,
.socialBox #twitter,
.socialBox #youtube,
.socialBox #pinterest, 
.socialBox #instagram,
.socialBox .socialblog {background-image:url('/sitecore/includes/plugins/socialmedia/v1/images/social-icons-sprite.png'); background-repeat:no-repeat;}

.socialBox #facebook { background-position: 2px -42px;}
.socialBox #twitter { background-position: -52px -42px;}
.socialBox #youtube { background-position: -108px -42px;}
.socialBox #pinterest { background-position: -163px -42px;}
.socialBox #instagram { background-position: -217px -42px;}
.socialBox .socialblog { background-position: -273px -42px; display:block;}

/* current state and hover state */
.socialBox #facebook.current, .socialBox #facebook.on { background-position: 0 0px;}
.socialBox #twitter.current, .socialBox #twitter.on { background-position: -52px 0px;}
.socialBox #youtube.current, .socialBox #youtube.on { background-position: -108px 0px;}
.socialBox #pinterest.current, .socialBox #pinterest.on { background-position: -163px 0px;}
.socialBox #instagram.current, .socialBox #instagram.on { background-position: -215px 0px;}
.socialBox .socialblog:hover { background-position: -270px 0px;}



.socialBox .socialbutton:nth-child(6){}

/** headers **/
.socialFeeds .facebook_header,
.socialFeeds .twitter_header,
.socialFeeds .youtube_header,
.socialFeeds .pinterest_header,
.socialFeeds .foursquare_header ,
.socialFeeds .instagram_header {
	display:none;
	height:238px;
	overflow-y:scroll;
	padding:0px;
	width:197px;
}

/** FACEBOOK **/
.socialFeeds .facebook_header { overflow:visible; padding:0px 0 0 18px; position:relative;}

/** TWITTER **/
.socialFeeds .twitter_header { overflow:hidden; padding:0px 0 0 18px;}

/** YOUTUBE **/
.socialFeeds .youtube_header { overflow:hidden; padding-top:30px; position:relative; width: 100%; height:208px;}
/* youtube nav */
.socialFeeds .youtube_header a.prev,
.socialFeeds .youtube_header a.next {
	cursor: pointer;
	height:139px;
	position:absolute;
	top: 5px;
	width:28px;
}
.socialFeeds .youtube_header a.prev {
	background: url('/sitecore/includes/plugins/socialmedia/v1/images/social_prev.png') no-repeat 0 0;
	left:10px;
}
.socialFeeds .youtube_header a.next {
	background: url('/sitecore/includes/plugins/socialmedia/v1/images/social_next.png') no-repeat -10px 0;
	right:10px;
}
.socialFeeds .youtube_header a.prev.disabled,
.socialFeeds .youtube_header a.next.disabled {
	opacity:0.7;
}
/* youtube scrollable */
.socialFeeds .youtube_header .scrollable { height:161px; margin-left:40px; overflow: hidden; position: relative; width:180px;}
.socialFeeds .youtube_header .items { position: absolute; width: 20000em;}
.socialFeeds .youtube_header .items .item{ float:left; height:153px; margin-right:20px; position:relative; width:190px;}
.socialFeeds .youtube_header .items .item  img { border:none; width:150px;}
.socialFeeds .youtube_header .items .item .title { font-size:14px; padding: 5px 0; position:relative; width:151px;}

/** Pinterest **/
.socialFeeds .pinterest_header {color:#333333; height:238px; overflow-y:scroll;overflow-x:hidden; padding-right:0px; padding-left:0px; width:217px;}
.socialFeeds .pinterest_header .follow { float:right; margin-right:20px;}
.socialFeeds .pinterest_header .items { margin-top:20px; margin-bottom: 100px; position:relative; width:200px;}
.socialFeeds .pinterest_header .items .item{
	background-color:#ffffff; 
	-moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.25);
	min-height: 10px;
	padding:14px;
	width:128px;
}
.socialFeeds .pinterest_header .items .item img { width:128px;}
.socialFeeds .pinterest_header .items .item a {display: block;}
.socialFeeds .pinterest_header .items .item p{ color:#000000; display: block; font-size:11px; line-height:1.2em; min-height: 10px; width:128px;}
.socialFeeds .pinterest_header .items .item p img { border:0; width:128px;}


/** Instagram **/
.socialFeeds .instagram_header {width:217px;}
.socialFeeds .instagram_header .items { padding-left: 18px; }
.socialFeeds .instagram_header .items .item{float: left; padding-bottom: 15px; padding-right: 15px;}

/** foursquare **/
.socialFeeds .foursquare_header {width:196px; padding-left:18px;}
.socialFeeds .foursquare_header .tip {padding:9px 0px; border-bottom:1px solid #841124;}
.socialFeeds .foursquare_header .left{float:left; margin-right:10px; width:32px; height:50px;}
.socialFeeds .foursquare_header .right{float:left; width:136px}




/** Hub **/
.socialWrapper.hub {
	min-height:800px;
	width:100%;
}

.hub #socialWidgetIcons{
	max-width:300px;
	margin:0 auto;
}
.hub .loader {min-height:800px;}

.hub .socialBox {
	min-height: 100px;
	width:100%;
}
.hub .socialBox .socialbutton, .hub .socialBox .socialblog { height:40px; width:45px; float:none; margin:0 auto;}

.
/* current state and hover state */
.hub .socialBox #facebook.current, .socialBox #facebook.on {}
.hub .socialBox #twitter.current, .socialBox #twitter.on {}
.hub .socialBox #youtube.current, .socialBox #youtube.on {}
.hub .socialBox #pinterest.current, .socialBox #pinterest.on {}
.hub .socialBox #instagram.current, .socialBox #instagram.on {}
.hub .socialBox #flickr.current, .socialBox #flickr.on {}
.hub .socialBox .socialinfo {display:none; margin-top:8px; text-align: center;}
.hub .socialBox .socialinfo a {color:#CD0F1E; text-decoration: none; font-size:18px;}
.hub .socialBox .socialinfo .socialInfoTitle {font-family:'Museo Slab W01 500'; font-size:28px; margin-bottom: 10px; margin-top: 10px;}
.hub .socialBox .socialinfo .socialInfoLink { margin-bottom: 30px;}
.hub .hublink {text-align:right;}

.hub .socialFeeds .facebook_header,
.hub .socialFeeds .twitter_header,
.hub .socialFeeds .youtube_header,
.hub .socialFeeds .pinterest_header,
.hub .socialFeeds .foursquare_header ,
.hub .socialFeeds .instagram_header {
	min-height: 700px;
	width: 100%;
}
.hub .socialFeeds .facebook_header {padding:0;}
.hub .socialFeeds .twitter_header {padding:0;text-align: center;}
.hub .socialFeeds .twitter_header .twitter-timeline-rendered {height:800px;}
.hub .socialFeeds .youtube_header {min-height:770px; overflow-y: auto; width: 100%;}
.hub .socialFeeds .youtube_header .items { position: relative; margin: 10px 0 10px 76px; width: 100%;}
.hub .socialFeeds .youtube_header .items .item {margin-bottom: 20px; width: 165px;}


.hub .socialFeeds .pinterest_header {min-height: 600px;}
.hub .socialFeeds .pinterest_header .items { margin-bottom: 0px; width:100%;}

.hub .socialFeeds .instagram_header {min-height: 600px; width: 100%;}
.hub .socialFeeds .instagram_header .items {/*padding-left: 76px;*/}

.hub .socialFeeds .foursquare_header {width:666px; }
.hub .socialFeeds .foursquare_header .right{width:606px}

/** Listings **/

.socialWrapper.listings {
	width: 605px;
	height: 440px;	
}
.socialWrapper.listings .socialBox {
	width: 605px;
}
.socialWrapper.listings .socialFeeds {
	width: 605px;
	height: 340px;
	margin: 20px auto;	
}
.socialWrapper.listings .socialFeeds .facebook_header,
.socialWrapper.listings .socialFeeds .twitter_header,
.socialWrapper.listings .socialFeeds .youtube_header {
	width: 605px;
	height: 340px;
	padding: 0;
	text-align: center;
}
.socialWrapper.listings .socialFeeds .youtube_header { padding:10px; overflow-y: auto; width: 585px;}
.socialWrapper.listings .socialFeeds .youtube_header .items { position: relative; width: 555px; margin: 10px auto;}
.socialWrapper.listings .socialFeeds .youtube_header .items .item { width: 165px; margin-bottom: 20px;}

/* ******************* Footer ******************* */
.socialseason{
	width:100%;
	height:300px;
}
.socialslide{
  background: url() no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity:0.4;
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}
#sv-bodyContainer .socialContainer {
	height: 80px;
	margin: 30px auto 0;
	max-width:640px;
	position:relative;
	text-align: center;
}
#sv-bodyContainer .socialContainer .tagline {
	margin-bottom:30px;
	font-size:16px;
}
#sv-bodyContainer .socialContainer h3 {
	margin-bottom: 8px;
}
#sv-bodyContainer .socialIcon {
	float:left;
	height:80px;
	width:100px;
	margin: 0 auto;
	display:block;
	float:none;
	margin-bottom:20px;
}


#sv-bodyContainer .socialIcon.fb {
	background:url(/includes/images/assets/social-icons-sprite-footer2.png) no-repeat 0 0px;
}
#sv-bodyContainer .socialIcon.twitter {
	background:url(/includes/images/assets/social-icons-sprite-footer2.png) no-repeat -110px 0px;
}
#sv-bodyContainer .socialIcon.yt {
	background:url(/includes/images/assets/social-icons-sprite-footer2.png) no-repeat -220px 0px;
}
#sv-bodyContainer .socialIcon.pin {
	background:url(/includes/images/assets/social-icons-sprite-footer2.png) no-repeat -330px 0px;
}
#sv-bodyContainer .socialIcon.instagram {
	background:url(/includes/images/assets/social-icons-sprite-footer2.png) no-repeat -440px 0px;
}
#sv-bodyContainer .socialIcon.blog {
	background:url(/includes/images/assets/social-icons-sprite-footer2.png) no-repeat -550px 0px;
}
/* hover state */
#sv-bodyContainer .socialIcon.fb:hover {
	background:url(/includes/images/assets/social-icons-sprite-footer2.png) no-repeat 0 -84px;
}
#sv-bodyContainer .socialIcon.twitter:hover {
	background:url(/includes/images/assets/social-icons-sprite-footer2.png) no-repeat -110px -84px;
}
#sv-bodyContainer .socialIcon.yt:hover {
	background:url(/includes/images/assets/social-icons-sprite-footer2.png) no-repeat -220px -84px;
}
#sv-bodyContainer .socialIcon.pin:hover {
	background:url(/includes/images/assets/social-icons-sprite-footer2.png) no-repeat -330px -84px;
}
#sv-bodyContainer .socialIcon.instagram:hover {
	background:url(/includes/images/assets/social-icons-sprite-footer2.png) no-repeat -440px -84px;
}
#sv-bodyContainer .socialIcon.blog:hover {
	background:url(/includes/images/assets/social-icons-sprite-footer2.png) no-repeat -550px -84px;
}
@media only screen and (max-width: 40em) {
	#sv-bodyContainer .socialContainer {
		margin-top: 4px;
	}
	#sv-bodyContainer .socialContainer .tagline {
		margin-bottom:20px;
	}
	#sv-bodyContainer .socialContainer h3 {
		margin-bottom: 2px;
	}
} 
