/*********************************************
	
	Des Moines Bills Backers
	
	Style Sheet

	Last Modified By: Chris Butzke
	Last Modified Date: October 2015

*********************************************/
	html, body {margin:0; padding:0; height:100%;}
	body * {-webkit-box-sizing:border-box; }
	.clearfix:after {content: ""; display: table; clear:both; zoom:1;}

/**************************
	Page Structure
**************************/
	#wrap-main-section {width: 100%; height:100%; padding: 0; margin: 0; position:relative; top:0;}
	#content {width:100%; height:100%; margin:0; padding:0;}
	.wrap.main-section #content > .bg {width: 100%; height:100%; padding: 0;margin: 0; background: transparent !important;}
	#content .main.col-sm-12 {width:100%; height:100%; float:none; margin:0; padding:0;}
	#content .entry-content {width:100%; height:100%; margin:0; padding:0;}

	.wide-container {width:100%; padding:0; margin:0; text-align:center; background:transparent;}
	.inner-container {width:100%; padding:30px; margin:0 auto; text-align:center;}

	@media only screen and (min-width:1200px) {
		.inner-container {max-width:1200px;}
	}

/**************************
	Base Styles / Colors
**************************/
	.navy-bg {background:#001e34;}
	.red-bg {background:#b5191e;}

/**************************
	Navigation
**************************/
	#navbar_social_bar {float: right;}
	#banner-header {position:fixed; width:100%; top:-51px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
	.fixed #banner-header {top:0;}
	#banner-header .navbar-header {float: left;}
	#banner-header .navbar-toggle {display: none !important;}
	#banner-header .navbar-collapse.collapse {display: block !important;}

	#copyright-bar {text-align:center;}
	#footer_social_bar {text-align:center; margin:10px 0 15px;}
	#footer_social_bar a {font-size: 1.5em;}

	@media only screen and (min-width:768px) {
		#copyright-bar {text-align:left;}
		#footer_social_bar {text-align:right; margin:0;}
		#footer_social_bar a {font-size:1em;}
	}

/**************************
	Hero Section
**************************/
	.jarallax {position:relative; min-height:480px; width:100%; background-repeat:no-repeat; background-position: 50% 50%; background-size:cover !important;}
	.no-touch .jarallax.ralph-hero {height:100% !important;}
	.hero {position:relative; height:auto; top:10px; text-align:center;}
	.hero-left {float:none; margin:0 auto 10px auto; padding:0;}
	#logo img {height:60px; width:auto;}
	.hero-right {float:none; margin:0 auto; padding: 0;}
	.hero-right-nav {float:none; display: inline-block; margin:0 auto; padding:0; line-height:34px;}
	.hero-right-nav li {display: inline-block; margin:0 20px;}
	.hero-right-nav a .fa {color: #fff;}
	.hero-right-nav a:hover .fa, .hero-right-nav a:focus .fa {opacity:0.8;}
	.hero-right .join-button {float:right;}
	.ralph-image-heading {text-align: center; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); left: 50%; display: block; width: 100%; padding: 0 30px;}
	.ralph-image-heading h2 {font-size: 60px; line-height:1; font-weight: bold; color: #001e34; margin:0; text-align:center; text-shadow: 0 1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 0 4px 0 #111, 0 6px 0px #b5191e;}

	@media only screen and (min-width:600px) {
		.hero {position:relative; height:60px; }
		.hero-left {float:left; margin:0; padding-left:30px;}
		.hero-right {float:right; margin:0; padding: 8px 30px 8px 0;}
		.hero-right-nav {display: block; float: right; line-height:34px;}
		.hero-right-nav li {display: inline-block; margin:0 20px 0 10px;}
	}
	@media only screen and (min-width:768px) {
		.hero {top:50px;}
		.gallery-thumb {}

	}

/**************************
	Gallery
**************************/
	.gallery {display:block; width:100%;}
	.gallery a.fancybox {position:relative; display:block; width:100%; height:100%;}
	.gallery-thumb {position:relative; width:50%; float:left; background-size:cover; background-position:50% 33%;}

	.gallery-thumb:hover, .gallery-thumb:focus {background-position:50% 50%;}
	.gallery a.fancybox:hover, .gallery a.fancybox:focus {box-shadow: inset 0 0 200px rgba(255,255,255,0.5);}
	.fancybox-overlay {background: rgba(0, 3, 10, 0.95);}
	.fancybox-skin {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
	.fancybox-nav span {opacity:0.7; background:none; visibility:visible; -webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;}
	.fancybox-nav:hover span, .fancybox-nav:focus span {opacity:1;}
	.fancybox-nav span:before {position:absolute; font-family: 'FontAwesome'; font-size:28px; line-height:1; color: #fff; background: none;}
	.fancybox-prev span:before {content: '\f053'; left:0;}
	.fancybox-next span:before {content: '\f054'; right:0;}

	.gallery-thumb a img {visibility:hidden;}
	@media only screen and (min-width:600px) {

	}
	@media only screen and (min-width:768px) {

	}

	@media only screen and (min-width:992px) {
		.gallery-thumb {width:25%;}
	}

	@media only screen and (min-width:1200px) {
			
	}



/**************************
	Keg Stand Info
**************************/
	.jarallax.keg-stand {text-align:center;}
	.bar-section {padding:30px 15px;}
	/* .bar-logo {float:none; display:block; opacity:0.7; margin:0 0 20px;}
	.bar-logo img {max-width:180px;} */
	.bar-info {width: 90%; float:none; display:block; font-family:'Patua One', Arial, Helvetica, sans-serif; padding:15px 20px; background:rgba(255,255,255,0.8); border:6px solid rgba(255,255,255,0.4); border-radius:8px; margin: 0 auto;}
	.bar-info p {color:#001e34;}
	.bar-info .fa {font-size: 1.5em; margin: 5px 10px;}

	@media only screen and (min-width:768px) {
		.bar-section {padding:90px 30px 30px 30px; max-width:1200px; margin:0 auto;}
		.flexbox .bar-section {display: flex; justify-content: center; overflow: hidden;}
		/* .bar-logo {position:relative; float:left; width:30.3333%; margin: 0 3% 0 0;} */
		.bar-info {position:relative; width:80%; max-width: 700px; margin: 0 auto; text-align:center;}
		/* .bar-logo img {position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width:100%;} */
	}

/**************************
	Team Schedule
**************************/
	.jarallax.sched {}
	.inner-container.schedule {max-width: 900px; padding:30px 10px; margin: 0 auto;}
	.schedule p {color:#001e34; margin:0 0 20px;}
	.bills-schedule {font-family:'Patua One', Arial, Helvetica, sans-serif; font-size:60%;}
	.bills-schedule thead th {color:#f5f5f5; background:rgba(0,30,52,0.9); padding:10px; font-weight:normal;}
	.bills-schedule tbody td {font-weight:normal; color:#001e34; vertical-align:middle; padding:10px;}
	.bills-schedule .even td {background-color: rgba(255,255,255,0.2);}
	.bills-schedule .odd td {background-color: rgba(255,255,255,0.3); border-top: 1px solid rgba(150,150,150,0.1);}
	.bills-schedule .row-hover tr:hover td, .bills-schedule .row-hover tr:focus td {background: rgba(255,255,255,0.5);}
	.bills-schedule td.column-1 {}
	.bills-schedule thead th.column-3, .bills-schedule thead th.column-4 {text-align:center;}
	.bills-schedule tbody td.column-3, .bills-schedule tbody td.column-4 {text-align:center;}
	.bills-schedule tbody td.column-5 {text-transform: uppercase;}
	.bills-schedule td.bills-win {font-size:150%; color:#001e34; text-transform:uppercase;}
	.bills-schedule td.bills-loss {font-size:150%; color:#b5191e; text-transform:uppercase;}

	@media only screen and (min-width:768px) {
		.inner-container.schedule {padding:30px;}
		.bills-schedule {font-size:100%;}
		.bills-schedule thead th, .bills-schedule tbody td {padding:10px 15px;}
	}

#cff .cff-item {background: rgba(0,10,30,0.5); padding: 10px !important; margin: 0 0 15px; text-align:left;}
#cff .cff-item p.cff-post-text {font-size:14px; line-height:1.5;}

#backers-feeds {min-height:300px;}
#backers-feeds > div {float:none; width:100%; padding:15px;}
#backers-feeds .feed .backers-fb, #backers-feeds .feed .tw-feed {max-height:800px; overflow-y:auto; padding-right:10px;}

@media only screen and (min-width:768px) {
	#backers-feeds > div {float:left; width:33.3333%; padding:15px;}
}

.tw-feed ul {padding: 0; display: block;}
.tw-feed li {position:relative; display: block; background: rgba(0,10,30,0.5); padding: 10px; border-radius: 8px; margin: 0 0 15px; text-align: left; font-size: 14px; line-height: 1.5; }

.tw-feed .user {float:none; margin:0 0 10px;}
.tw-feed .user:after {content:''; display:table; clear:both;}
.tw-feed .user img {float: left; margin: 0 15px 0 0;}

.tw-feed .user span[data-scribe="element:name"] {display: block; font-weight:bold; -webkit-width: calc(100% - 63px); width: -moz-calc(100% - 63px); width: calc(100% - 63px); float: left;}
.tw-feed .user span[title="Verified Account"] {display: none;}
.tw-feed .user span[data-scribe="element:screen_name"] {float: left; font-weight:bold;}

.tw-feed p.timePosted {position: absolute; left: 10px;}

.tw-feed p.interact {text-align:right;}
.tw-feed p.tweet a {font-weight: bold;}
.tw-feed .twitter_reply_icon, .tw-feed .twitter_retweet_icon, .tw-feed .twitter_fav_icon {display: inline-block; vertical-align: middle; color:transparent; text-align:right; font-size:0; line-height:1;}
.tw-feed .twitter_reply_icon:after, .tw-feed .twitter_retweet_icon:after, .tw-feed .twitter_fav_icon:after {content:''; display:inline-block; position:relative; font-family:FontAwesome; font-size:16px; margin:0 10px; color:rgba(255,255,255,0.7);}
.tw-feed .twitter_reply_icon:hover:after, .tw-feed .twitter_retweet_icon:hover:after, .tw-feed .twitter_fav_icon:hover:after, .tw-feed .twitter_reply_icon:focus:after, .tw-feed .twitter_retweet_icon:focus:after, .tw-feed .twitter_fav_icon:focus:after {color:#0084B4;}

.tw-feed .twitter_reply_icon:after {content:'\f112';}
.tw-feed .twitter_retweet_icon:after {content:'\f079';}
.tw-feed .twitter_fav_icon:after {content:'\f005';}

@media (min-width: 768px) {
    #backers-feeds > .feed {
        width:auto;
    }
}