/*This is the main CSS file for the site.
 * Update ONLY this file when updating styles for the site.
 * If 3rd party styles need to be overridden, add the overrides to this file. 
 */

/* SITEWIDE STYLES */
/* Font Imports */


/* Tag Defaults */
html{height:100%; overflow-x:hidden;}
body{background-color:#000; font-family: 'News Cycle', sans-serif; color:#000; line-height:1.2; font-size:16px;}
header{height:216px; width:100%; position:fixed; top:0; left:0; z-index:500;}
section{padding:0;}
strong{color:#7fc0de;}
h2{font-size:46px; padding:0 0 40px; margin:0; width:100%; text-align:center;}
a{color:#ed393f; font-weight:bold;}

/* Site-wide Styles */
.hero{margin-top:216px;}
.hide{display:none;}
.show{display:inline-block;}
.white{background-color:#fff;}
.title{text-align:center; padding:30px 0; height:153px;}
.nav{text-align:right; padding-right:35px; height:63px; border-bottom:5px solid #999;}
.nav img{margin-left:70px;}
.nav img.nav-square{position:absolute; text-align:right; margin:8px 0 0 45px; padding:0;}
.nav span{position:relative; display:inline-block;}
.about p{font-size:20px; padding:0 48px 24px; line-height:36px; font-weight:bold;}
.about div.row{border-bottom:5px solid #999;}
.about .slides, #quotes{background-color:#fff;}
.about .slides li{background-color:#fff; color:#000; font-size:26px; width:100%; font-weight:bold; font-family: 'Oswald', sans-serif; padding:0 48px; height:100%; vertical-align:middle;}
.about .slides li div {height:45px; display:table-cell; vertical-align:middle; width:100%;}
.about .slides li.long{font-size:20px;}
.about .slides li span{color:#333; font-size:22px; display:block; font-weight:normal;}
.look div.row{padding-top:20px; background-color:#333; border-top:5px solid #999;}
.look h2{color:#fff;}
.listen div.row{padding:25px 0;}
.listen p{font-size:20px; padding:30px 0 10px; margin:0; vertical-align:top;}
.listen p span{display:inline-block; vertical-align:middle; margin:0 0 0 15px;}
.listen p span img{vertical-align:middle;}
.license div.row{padding:40px;}
.license p{font-size:20px; padding:0 0 0 15px; margin:0;}
.footer{color:#fff; font-size:12px; padding:20px 0; min-height:500px;}
.cdbuttons{padding:40px 10px 10px;}
.cdbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	transition: background-color 0.3s ease;
	background-color:#ee1d24;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:21px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:110px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #810e05;
	margin:0;
}.cdbutton:hover {
	background-color:#ed393f;
}.cdbutton:active {
	position:relative;
	top:1px;
}

/*Parallax*/
.parallax {
  float: left;
  width: 100%;
  height: 254px;
  margin: 0;
  background-repeat: no-repeat no-repeat;
  background-attachment: fixed;
}
.parallax .holder {
  float: left;
  width: 100%;
  height: 457px;
  display: table;
}
.parallax .holder .content {
  display: table-cell;
  vertical-align: middle;
}
.parallax .holder .content .box {
  padding: 60px;
  box-sizing: border-box;
  border: 3px solid white;
  float: left;
  width: 100%;
  text-align: center;
}
.parallax .holder .content .box h2 {
  font-size: 1.875em;
  font-weight: 600;
  color: white;
  margin: 0 0 15px 0;
}
.parallax .holder .content .box p {
  font-size: 1.188em;
  color: white;
  margin: 0;
}
.parallax .holder .content .box p span {
  color: #00a1c3;
}

/* RESPONSIVE STYLES */
@media only screen and (max-width: 965px) {
	.nav{padding-right:0;}
}
@media only screen and (max-width: 768px) {
	.license .deets{text-align:center; padding-top:15px;}
	.about .slides li{font-size:20px;}
.about .slides li.long{font-size:18px;}
.about .slides li span{font-size:18px;}
}
@media only screen and (max-width: 680px) {
	.nav{text-align:center;}
	.nav img{margin:0 40px; height:25px;}
	.title{padding:30px 0 30px; height:123px;}
	.hero{margin-top:186px;}
	header{height:186px;}
	.about p{font-size:18px; padding:0 10px;}
}
@media only screen and (max-width: 525px) {
	.nav img{margin:0 10px; height:20px;}
	.title{padding:20px 0; height:87px;}
	.hero{margin-top:150px;}
	header{height:150px;}
	.about p{font-size:16px; line-height:26px;}
	.parallax .holder{height:417px;}
	.listen p{font-size:18px;}
	.footer{min-height:160px;}
}