body {
	background: url(../images/background.jpg?v=2021) no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
}

.page-wrap h1, .page-wrap h2, .page-wrap h3, .page-wrap h4, .page-wrap h5
{
	text-transform: uppercase;
	font-family: 'Futura W01 Bold', sans-serif;
}

.page-wrap .voting-paused{ color: #414042; }

.page-wrap #header{ margin-bottom: 20px;}

.page-wrap #logo{margin-top: 30px; min-height: 95px;  }
.page-wrap #logo img.logo-image{margin: 0; float: left; width: 144px; padding: 10px 10px 10px 0; }

.page-wrap .logo-title{ display: block; margin: 0px 10px 0px 0px; font: 900 23px/40px 'abril-text', sans-serif; text-transform: uppercase; color: #A00000 !important; }
	.page-wrap .logo-title.home{text-transform: uppercase; font-size: 27px; }
.page-wrap .logo-social{ display: block; /*width: 245px;*/ margin-right: 10px; color: #A00000 !important; }
.page-wrap .logo-social span.share-text{display: block; color: #A00000; font-weight: bold; }

.page-wrap .header-share-links{margin: 0px 0 5px; }
	.page-wrap .header-share-links a{display: inline-block; max-width: 40px; margin-right: 10px; }
	.page-wrap .header-share-links a svg {max-width: 100%; color: #A00000; }

	.page-wrap .logo-wrapper{display: inline-block; vertical-align: middle; }
	.page-wrap .logo-masthead{display: inline-block; vertical-align: middle; padding-left: 10px; }

.page-wrap #nav .navbar-collapse{ padding: 0; }

.page-wrap #nav{  margin-top: 65px; float: right; min-height: 0; }
.page-wrap #nav li{ display: inline-block; }
.page-wrap #nav li a{display: block; background-color: #fff; height: 36px; padding: 0 15px; font: bold 14px/36px 'Futura W01 Bold', sans-serif; color: #414042; margin-left: 12px; box-shadow: 3px 3px 0 #808285; text-transform: uppercase; }
	.page-wrap #nav li a.nav-selected, .page-wrap #nav li a:hover{ background-color: #414042; color: #fff; }

	/* .page-wrap #nav li a.nav-item-140{background: #48C6EF; color: #fff;}
	.page-wrap #nav li a.nav-selected.nav-item-140, .page-wrap #nav li a.nav-item-140:hover{ background-color: #3eabce; color: #fff; } */


.page-wrap #footer{ margin-top: 40px; font-size: 10px; color: #414042; }
	.page-wrap #footer a{color: #414042 !important; }

.page-wrap #footer .pull-left a{padding-right: 10px;}


.page-wrap .content-wrap{color: #231F20; }


.a-space .ccm-image-block {
	max-width: 100%;
	height: auto;
}

.a-space-2 .ccm-image-block,
.a-space-3 .ccm-image-block,
.a-space-4 .ccm-image-block,
.a-space-5 .ccm-image-block {
	padding-top: 20px; 
}
.a-space-5 {
	text-align: center;
}

/* Home Page */

.page-wrap .content-wrap.home{text-align: center; }
	.page-wrap .content-wrap.home img{ display: inline-block; height: auto; max-width: 100%; }

.page-wrap .home .main{background-color: #fff; box-shadow: 7px 7px 0 #808285; padding: 40px; text-align: left; margin-top: 40px; }
	
	.page-wrap .home .main h3{margin-top: 0; margin-bottom: 20px; color: #414042;}

.page-wrap .home-left{padding-right: 60px; }
	/* .page-wrap .home-left a{ font: 900 15px 'abril-text'; color: #EF4136; } */
.page-wrap .home-right{padding-left: 60px; border-left: 2px solid #939598; }
	.page-wrap .home-right a{ font: 900 15px 'abril-text'; color: #185369; }
	.page-wrap .home .home-right h2, .page-wrap .home .home-right h3{ color: #EF4136; }
	.page-wrap .home-right h4{ text-transform: none; font-size: 21px; color: #414042; }

.page-wrap .home-left .vote-button {
	display: inline-block;
	background: #A00000;
	color: white;
	padding: 1rem 3rem;
	font-weight: bold;
	border-radius: 10px;
	font-size: 2rem;
}
	.page-wrap .vote-button:hover {
		text-decoration: none;
		opacity: .85;
	}

/* BRACKETS */
.bracket-wrapper{width: 1140px; height: 674px; margin: 0 auto; background-repeat: no-repeat; background-size: 888px auto; background-position: 36px center; position: relative;} /* 888 + 180nav */
	.bracket-wrapper.bracket-wrapper-1{background-image: url('../images/bracket_court_lines.png'); background-color: #F3CF39; }
	.bracket-wrapper.bracket-wrapper-2{background-image: url('../images/bracket_court_lines.png'); background-color: #CC9323; }
	.bracket-wrapper.bracket-wrapper-3{background-image: url('../images/bracket_court_lines.png'); background-color: #8B6A26; }
	.bracket-wrapper.bracket-wrapper-4{background-image: url('../images/bracket_court_lines.png'); background-color: #C50000; }
	.bracket-wrapper.bracket-wrapper-5{ background-color: #A00000; height: auto; background-image: url('../images/brackets/finalfour.png'); background-position: 36px top; }

.bracket-wrapper .bracket{ position: relative; margin-left: 36px; width: 888px; height: 674px; background: url('../images/bracket_lines3.png') no-repeat center;  }

		.bracket-wrapper .winner-announcement {color: #fff; text-transform: uppercase; font: 700 22px/1 'abril-text', sans-serif; text-align: center; position: absolute; top: 305px; left: 400px; }
			.bracket-wrapper .winner-announcement span{font: normal 11px 'Futura W01 Bold', sans-serif;  }
			.bracket-wrapper .winner-announcement .date{font-size: 15px;  }

		.bracket-wrapper.bracket-wrapper-5 .round.bracket-winner{ margin-left: -105px; top: 90px; }
		.bracket-wrapper.bracket-wrapper-5 .winner-announcement{ font-size: 28px; left: 385px; top: 195px; }
			.bracket-wrapper.bracket-wrapper-5 .winner-announcement span{ font-size: 15px;}
			.bracket-wrapper.bracket-wrapper-5 .winner-announcement .date{ font-size: 20px;}
			.bracket-wrapper.bracket-wrapper-5 .bracket-nav ul li a{height: 476px; }

	.bracket-wrapper.bracket-wrapper-5 .bracket{ background-image: url('../images/bracket_lines2.png'); height: 476px; }
		.bracket-wrapper.bracket-wrapper-5 .bracket-name {color: #fff; text-transform: uppercase; font: 700 16px/1 'abril-text', sans-serif; text-align: center; }
		.bracket-wrapper.bracket-wrapper-5 .bracket-name span{font: normal 10px 'Futura W01 Bold', sans-serif; }
		.bracket-wrapper.bracket-wrapper-5 .bracket-name span.date{font-size: 20px; }

		.bracket-wrapper.bracket-wrapper-5 .winner-round{position: absolute;}
		/* Book Cover Rounds */
		.bracket-wrapper.bracket-wrapper-5 .left-side .winner-round.one{left: 135px; top: 80px; }
		.bracket-wrapper.bracket-wrapper-5 .right-side .winner-round.one{right: 132px; top: 80px; }
		.bracket-wrapper.bracket-wrapper-5 .winner-round.one .winner{margin-bottom: 42px; }
			.bracket-wrapper.bracket-wrapper-5 .left-side .winner-round.two{left: 237px; top: 175px; }
			.bracket-wrapper.bracket-wrapper-5 .right-side .winner-round.two{right: 240px; top: 170px; }
		/* Text Only Rounds*/
		.bracket-wrapper.bracket-wrapper-5 .left-side .winner-round.one.text-only{left: 128px; top: 125px; }
		.bracket-wrapper.bracket-wrapper-5 .right-side .winner-round.one.text-only{right: 128px; top: 125px; }
		.bracket-wrapper.bracket-wrapper-5 .winner-round.one.text-only .winner{margin-bottom: 145px; }
			.bracket-wrapper.bracket-wrapper-5 .left-side .winner-round.two.text-only{left: 270px; top: 225px; }
			.bracket-wrapper.bracket-wrapper-5 .right-side .winner-round.two.text-only{right: 270px; top: 225px; }

.bracket-wrapper h2{text-align: center; font: 900 30px/1 'abril-text', sans-serif; color: #fff; padding-top: 20px; vertical-align: middle; margin: 0; }
	.bracket-wrapper h2 .middle{display: inline-block; vertical-align: middle; }
	.bracket-wrapper .br-title-left{display: inline-block; width: 100px; height: 30px; background: url('../images/bracket_title.png') no-repeat center left; vertical-align: middle;}
	.bracket-wrapper .br-title-right{display: inline-block; width: 100px; height: 30px; background: url('../images/bracket_title.png') no-repeat center right; vertical-align: middle;}

.bracket ul{padding: 0; margin: 0; list-style: none; }
	.bracket ul li{padding: 0; margin: 0; }

.bracket .round{position: absolute; }
		.bracket .round.bracket-winner{ top: 235px; left: 50%; margin-left: -69px; }
	.bracket .round li{background: url('../images/empty.png') no-repeat center; width: 70px; height: 105px; } /* default image */
	.bracket .round img, .bracket .winner-round img{
		cursor: pointer; 
		margin: 3.5px 2px;
		border-radius: 6%;
		box-shadow: 2px 2px #575859;
	}
		.bracket .round.one img{ box-shadow: 1px 1px #575859; }
		.bracket .round.bracket-winner img{ box-shadow: 3px 3px #575859;  }

	.bracket .round.one li{background: transparent; width: auto; height: auto;  } /* default image */

.bracket .left-side .round.one{ top: 10px; left: 24px; }
.bracket .right-side .round.one{ top: 10px; right: 24px; }
.bracket .round.one li{margin-bottom: 0px;}

.bracket .left-side .round.two{left: 124px; top: 39px; }
.bracket .right-side .round.two{right: 124px; top: 39px; }
.bracket .round.two li{margin-bottom: 58px; }


.bracket .left-side .round.three{left: 242px; top: 121px; }
.bracket .right-side .round.three{right: 242px; top: 121px; }
.bracket .round.three li{margin-bottom: 222px; }

.bracket .left-side .round.four{left: 296px; top: 292px; }
.bracket .right-side .round.four{right: 296px; top: 292px; }

.bracket-nav {position: absolute; right: 0; top: 0;}
.bracket-nav ul { margin: 0; padding: 0; list-style: none;}
.bracket-nav ul li{float: left; margin: 0; padding: 0;}
	.bracket-nav ul li a{display: block; position: relative; background-repeat: no-repeat; width: 36px; height: 674px; padding: 0; }
		.bracket-wrapper.bracket-wrapper-5 .bracket-nav ul li a span{width: 450px; }
	.bracket-nav ul li a span{
		font: 600 18px 'abril-text', sans-serif; text-transform: uppercase; color: #fff;
		letter-spacing: 2px;
		transform: rotate(-90deg);
  		transform-origin: left bottom;
		text-decoration: none;
		float: left;
		white-space: nowrap;
		line-height: 36px;
		width: 654px;
		position: absolute;
		bottom: 0;
		left: 36px;
		text-align: right;
	}

		.bracket-nav ul li.bracket-nav-1 a{ background: #F3CF39; }
		.bracket-nav ul li.bracket-nav-2 a{ background: #CC9323; }
		.bracket-nav ul li.bracket-nav-3 a{ background: #8B6A26; }
		.bracket-nav ul li.bracket-nav-4 a{ background: #C50000; }
		.bracket-nav ul li.bracket-nav-5 a{ background: #A00000; }

/* VOTING */
.round-title{margin: 0 0 40px 50px;}
	.round-title .round-description{padding-left: 30px;}
	.round-title h1{font: normal 45px/1 'Futura W01 Bold', sans-serif; color: #EE5928; text-transform: uppercase; margin: 0;
	text-shadow: 1px -1px 0 #90330C,
				2px -1px 0 #90330C,
				3px -2px 0 #90330C,
				4px -2px 0 #90330C,
				5px -3px 0 #90330C
	}
	.round-title h4{font: normal 28px/1 'Futura W01 Bold', sans-serif; color: #414042; margin: 0; }
	.round-title h5{font: normal 11px/1 'Futura W01 Bold', sans-serif; color: #414042; margin: 0; padding-top: 5px; }

.match-column{ }

.bracket-column{ color: #fff; padding-bottom: 30px; }

	.bracket-info h3{ font: 900 16px 'abril-text', sans-serif; text-transform: uppercase; color: #fff;  }
	.bracket-info a{color: #fff !important; font: 9px 'Futura W01 Bold', sans-serif; text-transform: uppercase; }

	.bracket-info{ margin: 40px 0 20px 15px; padding-bottom: 30px;  }
	.bracket-info img{ float: left; width: 50px; width: 50px; height: 79px; margin-right: 10px; vertical-align: top;}

	.bracket-column-1{background-color: #F3CF39; 
		box-shadow: 1px -1px 0 #e4c128, 2px -2px 0 #e4c128, 3px -3px 0 #e4c128, 4px -4px 0 #e4c128, 5px -5px 0 #e4c128, 6px -6px 0 #e4c128; }
	.bracket-column-2{background-color: #CC9323;
		box-shadow: 1px -1px 0 #bd8611, 2px -2px 0 #bd8611, 3px -3px 0 #bd8611, 4px -4px 0 #bd8611, 5px -5px 0 #bd8611, 6px -6px 0 #bd8611;  /*#157D9F*/}
       .bracket-column-2.round-5{margin-left: -20px; margin-right: 20px; }
	.bracket-column-3{background-color: #8B6A26;
		box-shadow: 1px -1px 0 #7d5e19, 2px -2px 0 #7d5e19, 3px -3px 0 #7d5e19, 4px -4px 0 #7d5e19, 5px -5px 0 #7d5e19, 6px -6px 0 #7d5e19; /*#0F475A*/}
	.bracket-column-4{background-color: #C50000;
		box-shadow: 1px -1px 0 #b50000, 2px -2px 0 #b50000, 3px -3px 0 #b50000, 4px -4px 0 #b50000, 5px -5px 0 #b50000, 6px -6px 0 #b50000; /*#81664F*/ }

	/**/
	.bracket-column-0{background-color: #A00000; text-align: center;
		box-shadow: 1px -1px 0 #8e0000, 2px -2px 0 #8e0000, 3px -3px 0 #8e0000, 4px -4px 0 #8e0000, 5px -5px 0 #8e0000, 6px -6px 0 #8e0000; /*#414042*/ }
		.bracket-column-0 .match-column .book-match{ display: inline-block; padding: 5px 15px; }

	/* Finals */
	.bracket-column-0 .bracket-info h3{text-align: center; font-size: 30px;}

.book-match{text-align: center; clear: both; padding: 12px 0; border-radius: 5px; margin-top: 15px; }

	.book-match .percent{display: block; font: normal 12px/1.2 'Futura W01 Book', sans-serif; }
	
	.book-match.error{background-color: #BE1E2D; }

	.book-match .book-cover {
		width: 110px;
		height: 165px;
		margin: 3px 2px;
		border-radius: 6%;
		box-shadow: 2px 2px #575859;
	}
		.bracket-column-0 .book-match .book-cover {width: auto; height: auto; }
	.book-match .info-icon {position: absolute; left: 0; top: 0;}

	.book-match .book-left{display: inline-block; position: relative; vertical-align: top;}
	.book-match .book-right{display: inline-block; position: relative; vertical-align: top;}
	.book-match .book-vs{display: inline-block; height: 150px; width: 13px; margin: 0 3px; background: url(../images/book-vs.png) no-repeat center;}

	.book-match .book-vs-lg{display: inline-block; height: 150px; width: 26px; margin: 0 3px; background: url(../images/book-vs-lg.png) no-repeat center;}
		.match-column.round-five .book-vs-lg{float: left; margin-left: -26px;}

	.star-border{height: 10px; background: url('../images/star-border.png') repeat-x center; margin: 0 5px;}

.book-match .vote-btn{
	display: block;
	height: 17px;
	width: 54px;
	background-color: #939598;
	box-shadow: 1px 1px 0 #808285;
	border-radius: 5px;
	margin: 5px auto;
	color: #fff;
	font: 900 12px/17px 'abril-text', sans-serif; 
	text-transform: uppercase;
	text-align: center;
}
.book-match .vote-btn.active, .book-match .vote-btn:hover{
	background-color: #39B54A;
	box-shadow: 1px 1px 0 #009444;
	text-decoration: none;
	cursor: pointer;
}
.book-match .vote-radio{position: absolute; left: -9999px; opacity: 0; }

.voting-message{ background-color: #414042; color: #fff; text-align: center; font: 900 24px/48px 'abril-text', sans-serif; }
	.voting-message.error{background-color: #BE1E2D; }

.voting-submit{margin: 30px 0; text-align: center; }
	.voting-submit input{ font: 900 30px/65px 'abril-text', sans-serif; color: #414042; text-transform: uppercase; background: #fff url('../images/submit-arrow.png') no-repeat 275px center; 
						 box-shadow: 5px 5px 0 #808285; border: none; border-radius: 10px; height: 65px; width: 310px;}

/* Predictor page */
.predict{}

.predict .round.one li img{width: 54px;}
.predict .round.two li img,
.predict .round.three li img,
.predict .round.four li img{width: 70px;}

.predict .ui-draggable-dragging{ width: 90px; }
.predict.bracket-wrapper-5 .ui-draggable-dragging{ width: 120px; box-sizing: content-box; padding: 20px;}

.predict .bracket-winner{
	height: 210px;
	width: 140px; 
}
.predict .bracket-winner .winner-announcement{
	top: 60px;
	left: 20px;
}
	.predict .bracket-winner.ui-state-highlight{background: transparent; border: none; opacity: .5;}

	.predict .winner-round .ui-state-highlight{background: transparent; opacity: .5;}


.predict.bracket-wrapper-5 .final-winner .bracket-winner{ width: 210px; height: 317px; }
	.predict.bracket-wrapper-5 .winner-round .winner img{width: 93px;}

.predict.bracket-wrapper-5 .final-winner .bracket-winner .winner-announcement{
	position: static;
	text-align: center;
	margin-top: 100px;
	width: 100%;
}

.predict .next-button{
	position: absolute;
	top: 450px;
	left: 375px;
	display: block;
	background: #fff;
	box-shadow: 5px 5px 0px #808285;
	text-decoration: none;
	padding: 10px 20px;
	border-radius: 5px;
	color: #404042;
	font: 900 16px/1 "abril-text",sans-serif;
	/*display: none;*/
}
	.predict .next-button:hover{background: #eee;}
	.predict .next-button.disabled{
		cursor: not-allowed;
		background: #ddd !important;
		color: #666 !important;
	}


	.predict.bracket-wrapper-5 .next-button{top: 410px; left: 347px;}

.predict .winner-round .winner,
.predict .round li{position: relative; }

.winner-round a.remove,
.round a.remove{
	cursor: pointer;
	background: #000;
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	top: -5px;
	right: -5px;
	width: 20px;
	height: 20px;
	line-height: 1;
	color: #fff;
	text-align: center;
	text-decoration: none !important;
}

.predict .winner-round .winner{
	height: 140px;
	width: 93px;
}
.predict .winner-round .winner .bracket-name{padding-top: 40px;}

.winner-round .ui-state-disabled,
.round .ui-state-disabled,
.round.ui-state-disabled{
	opacity: 1;
}


/* Book Info Popup */
.book-info .info-content{padding: 20px; display: flex;}
	.book-info .cover-image{
		margin-right: 20px; padding-bottom: 10px;
	}
		.book-info .cover-image img {
			border-radius: 6%;
			box-shadow: 3px 3px #575859;
			width: 240px;
		}

	.book-info .book-details {
		display: flex;
		flex-direction: column;
		flex-basis: 0;
		flex-grow: 1;
	}
	.book-info .book-title{ font: 900 36px/1 "abril-text", sans-serif; color: #414042; margin: 10px 0;}
	.book-info .book-author{ font: 14px "Futura W01 Book", sans-serif; color: #414042; margin-bottom: 10px; }	
		.book-info .book-author span{text-transform: uppercase;}
	.book-info .book-description{font-size: 10px; }

	.book-info .vote-button{margin-top: 15px; align-self: flex-start; }
	#thank_you .social-buttons{margin: 15px 0; }
	.book-info .social-buttons{margin-top: 15px; align-self: flex-end; padding-top: 12px;  }
		.book-info .vote-btn-info{
			display: inline-block;
			height: 34px;
			width: 114px;
			background-color: #939598;
			box-shadow: 2px 2px 0 #808285;
			border-radius: 5px;
			margin: 5px auto;
			color: #fff;
			font: 900 18px/34px 'abril-text', sans-serif; 
			text-transform: uppercase;
			text-align: center;
			cursor: pointer;
		}
		.book-info .vote-btn-info.active, .book-info .vote-btn-info:hover{
			background-color: #39B54A;
			box-shadow: 1px 1px 0 #009444;
			text-decoration: none;
			cursor: pointer;
		}

	#thank_you .social-buttons .fb-share-button, #thank_you .social-buttons .twitter-tweet-button, #thank_you .social-buttons a,
	.book-info .social-buttons .fb-share-button, .book-info .social-buttons .twitter-tweet-button, .book-info .social-buttons a{
		vertical-align: top !important; 
	}
	.book-info .fb-share-button span{ float: left; }

	.book-info .buy-links{ clear: both; background-color: #FBB040; padding: 10px 10px 5px; text-align: center; }
		.book-info .buy-links a {
			display: inline-block;
			background: white;
			padding: 8px 15px;
			margin-bottom: 5px;
			min-width: 165px;
			font-size: 20px;
			text-align: center;
			color: #ef702e;
			border: 3px solid #ef702e;
		}
			.book-info .buy-links a:hover {
				background: #ef702e;
				color: white;
				text-decoration: underline;
			}

	.fb-share-btn{
		background: url(../images/facebook_share.png);
		width: 60px;
		height: 22px;
		display: inline-block;
	}

/* Voting Popups */
#thank_you{padding: 30px; }
#thank_you h1{
	font: normal 35px/1 'Futura W01 Bold', sans-serif; color: #EE5928; text-transform: uppercase; margin: 0 0 10px; text-align: center;
	text-shadow: 1px 1px 0 #90330C,
				2px 2px 0 #90330C,
				3px 3px 0 #90330C
}
#thank_you h3{ text-transform: none; font: 18px 'Futura W01 Bold', sans-serif; color: #414042; }

#thank_you .control-group{margin-bottom: 10px; }
#thank_you input.text{ background: #E6E7E8; border: none; width: 230px; height: 38px; font: 14px 'Futura W01 Book', sans-serif; border-radius: 5px; padding: 0 10px; margin-right: 10px; }
#thank_you #email{ width: 300px; float: left; }

#thank_you .checkbox{float: left; margin: 0px; font: 10px/1 'Futura W01 Book', sans-serif; color: #414042; width: 220px;}

#thank_you .form-buttons{clear: both; padding-top: 20px; }
	#thank_you .form-buttons input{
			display: inline-block;
			border: none;
			height: 32px;
			padding: 0 10px;
			background: #F7941E;
			box-shadow: 2px 2px 0 #F15A29;
			border-radius: 5px;
			margin-right: 10px;
			color: #fff;
			font: 900 18px/34px 'abril-text', sans-serif; 
			text-transform: uppercase;
			text-align: center;
			cursor: pointer;}
	#thank_you .form-buttons .no-thanks{
			display: inline-block;
			height: 32px;
			padding: 0 10px;
			background-color: #E6E7E8;
			box-shadow: 2px 2px 0 #939598;
			border-radius: 5px;
			margin-right: 10px;
			color: #414042;
			font: 900 18px/34px 'abril-text', sans-serif; 
			text-transform: none;
			text-decoration: none !important;
			text-align: center;
			cursor: pointer;}


#votes_submitted h1{ font: 900 50px/1 'abril-text', sans-serif; text-align: center;  margin-bottom: 20px;  }
#votes_submitted .social-buttons{margin: 10px 0 30px; text-align: center;}
	#votes_submitted .social-buttons a{ display: inline-block; margin-right: 40px; }
	#votes_submitted .social-buttons img{ margin-right: 15px; }
#votes_submitted .submitted-bar{width: 100%; padding: 20px; background-color: #F7941E; color: #fff; font: bold 25px 'abril-text', sans-serif; text-align: center; margin-bottom: 20px; }
	#votes_submitted .submitted-bar strong{font-family: 'Futura W01 Bold', sans-serif; text-transform: uppercase; }
#votes_submitted p{ font: normal 17px 'Futura W01 Book', sans-serif; color: 414042; text-align: center; }
#votes_submitted p strong{ font-family: 'Futura W01 Bold'; }
#votes_submitted p em{ font-style: normal; text-transform: uppercase; }

/* Shelf 2 */
.shelf {
	max-width: 828px;
	margin: 0 auto 2rem;
	padding-left: 0;
	padding-right: 0;
}
	.shelf-header{
		text-align: center;
		margin-bottom: 2rem;
	}
		.shelf-header img {
			width: 100%;
		}

	.shelf-row {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: end;
		background: url('../images/shelf-row.png') top center repeat-y;
	}

		.shelf-row .book {
			overflow: hidden;
			margin: 2rem 0;
			padding: .5rem 2.1875rem .5rem;
		}
		.shelf-row .book-info {
			display: block;
			width: 84px;
		}
		.shelf-row .book img {
			width: 84px;
		}

/* Shelf */
.page-wrap #shelf{width: 828px; height: 451px; margin: -40px auto 20px; background: url('../images/shelf_of_fame/shelf.png') no-repeat; position: relative; }
	#shelf .top-row{position: absolute; top: 115px; left: 65px; }
	#shelf .bottom-row{position: absolute; top: 290px; left: 65px;}

	#shelf .book{display: inline-block; margin-right: 15px; max-height: 128px; overflow: hidden; vertical-align: top; }
		#shelf .bottom-row .book{vertical-align: bottom; }
	#shelf .book img{width: 84px; }


	#shelf .cast-vote{ display: inline-block; margin-top: 10px;}
	#shelf .cast-vote h3{font: 900 20px/1.2 'abril-text', sans-serif; color: #414042; margin: 15px 0 10px; }
	#shelf .cast-vote a{
			display: inline-block;
			height: 24px; padding: 0 15px;
			background: #39B54A;
			box-shadow: 2px 2px 0 #009444;
			border-radius: 5px;
			color: #fff;
			font: 900 14px/24px 'abril-text', sans-serif; 
			text-transform: uppercase;
			text-decoration: none !important; }

/* About Page */

.page-wrap .about h1{font: 900 54px/1 'abril-text', sans-serif; color: #00AAEA; text-transform: none; padding-left: 30px; margin-top: 0; text-shadow: 2px 1px 0 #006E98; }

.page-wrap .content-wrap.full{background-color: #fff; border-top: 5px solid #808285; padding: 30px 0; margin-top: 20px; }

.about-left h2{ color: #44C8F5; font-size: 32px;}
.about-left h3{ color: #F15A29; font-size: 42px; margin-top: 0;}
.about-left h4{ color: #F7941E; font-size: 32px; }

.about-right h2{ color: #F15A29; font: 700 30px 'abril-text', sans-serif; padding-bottom: 20px; border-bottom: 2px solid #F15A29; margin-bottom: 30px; }
.about-right h3{ color: #414042; font-size: 24px; text-transform: none; }

/* Leaderboard */

.leaderboard-wrapper{}

.leaders-table{ background: #fff; box-shadow: 7px 7px 0px #808285; margin-top: 30px; }
	
	.leaders-table .l-rank{font: 900 18px "abril-text", sans-serif; color: #185369; }
	.leaders-table .l-name{font-weight: bold; }
	.leaders-table .l-points{}

/* other */
.page-wrap .icon-bar{background-color: #414042; height: 3px;}
.page-wrap .vote-link{display: none; }

.page-wrap .ip-notify{color: #414042; text-align: center; margin-bottom: 20px; margin-top: 0px; font-size: 22px; }


@media (max-width: 1199px) { 
	.page-wrap .logo-title {font-size: 18px;}

	.bracket-wrapper{ width: 888px; height: auto; background-position: center top; }
		.bracket-wrapper .bracket{ margin-left: 0; }
	.bracket-nav{ position: static; border-top: 2px solid #F3CF39;}
	.bracket-nav ul li{ float: none; }
	.bracket-nav ul li a{width: 100%; height: 32px; color: #fff; font: 900 16px/32px 'abril-text'; padding: 0 10px; background-repeat: repeat-x; background-position: bottom; text-decoration: none !important;  }
		.bracket-nav ul li a span{
			transform: none;
			text-align: left;
		}
	.bracket-wrapper.bracket-wrapper-5 .bracket-nav ul li a{height: 32px; }

	.page-wrap #nav li a{font-size: 13px; padding: 0 10px;}
}

@media (max-width: 991px) { 

	.page-wrap #header{ margin-bottom: 0;  }

	.page-wrap #logo{margin: 30px auto 0; position: relative; text-align: center; }
	.page-wrap #logo img.logo-image{ margin-left: 0; }

	.page-wrap .logo-title, .page-wrap .logo-social{ display: none; }
	.page-wrap .vote-link{display: block; float: right; font: normal 16px 'Futura W01 Bold', sans-serif; color: #414042 !important; text-transform: uppercase; text-decoration: none !important; margin: 35px 35px 0 0;  }

	.page-wrap .logo-masthead{display: none; }
	
	.page-wrap .navbar-toggle{ float: left; margin-left: 35px; margin-top: 30px;  }

	.page-wrap #nav{ margin: 0; float: none; }
	.page-wrap #nav .nav{padding-bottom: 5px; max-width: 350px; margin: 20px auto; }
	.page-wrap #nav li{display: block; text-align: center; }

	.page-wrap .home-left{ padding: 0; }
	.page-wrap .home-right{border-top: 2px solid #939598; border-left: none; padding: 30px 0 0; margin-top: 30px;}

	.page-wrap .about-right{ border-top: 2px solid #939598; padding-top: 10px 15px 0; margin-top: 30px; }

	.page-wrap #shelf{margin-top: 0;}

	.bracket-info{text-align: center; padding-top: 20px; }
	.bracket-info h3{font-size: 32px; line-height: 1;}
	.bracket-info a{ font-size: 14px; }
	.bracket-info img{width: auto; height: auto; }

	/* Scrolling for shelf and brackets */
	.container.scrolling, .container-fluid.scrolling{overflow: auto; padding: 0;}


	.bracket-column{position: relative; }
	.book-match .book-vs-lg{position: absolute; top: -30px; height: 15px; width: 150px; margin: 0; background-image: url(../images/book-vs-hz.png);}
		.match-column.round-five .book-vs-lg{float: none; margin-left: 0;}

}

@media (min-width: 992px) and (max-width: 1199px) { 
	.book-match .book-cover{width: 80px; height: 120px; }
}

@media (max-width: 767px) { 

	.row {
		margin-left: 0;
		margin-right: 0;
	}

	#header, #header .col-md-6{ padding: 0; }

	.bracket-info h3{font-size: 26px; }

	.page-wrap .about h1{font-size: 42px; text-align: center; padding-left: 0;}
}

@media (max-width: 480px) { 
	.page-wrap .about h1{font-size: 28px; text-align: center; padding-left: 0;}
}