@import url('storyviewer.css');

#article,
#content,
#section {
	margin: 0;
	max-width: 100%;
	float: none;
}

#pagecopy {
	padding-top: 0;
}

#wrapper-header {
	background: rgb(38, 38, 38);
	background: rgba(38, 38, 38, 0.6);
}

#wrapper {
	overflow: visible;
	padding: 0;
}

#SectionAfterBlock {
	width: 100%;
	margin: 0;
}

/*---------- HEADER  ----------*/
#NavHeaderEnter {
	display: block;
}

/*---------- END HEADER  ----------*/

/*---------- ONE COL ----------*/

.one-col {
	padding: 40px 1em 0 1em;
	margin: 2em 0;
	border-top: 1px solid #e5e5e5;
}

.one-col h1 {
	text-align: center;
	border: none;
	text-transform: none;
}

.one-col:first-child {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	background-color: transparent;
}

.one-col:nth-child(2) {
	margin-top: 0;
	padding: 0;
	max-height: 100px;
	border: none;
	background-color: #2a99f0;
	background-image: url(/images/src/Branding/blue_strip.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.one-col:nth-child(2) .usestitle {
	width: 100%;
	height: 100px;
	display: table;
}

.one-col:nth-child(2) h1 {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 16px;
	color: #fff;
	text-align: left;
	text-shadow: 0 1px 1px #714400;
	display: table-cell;
	vertical-align: middle;
}

.one-col:nth-child(3) {
	background-color: red;
}

/* NEWS & TWITTER */
.one-col:last-child h1,
#pagecopy .one-col h2,
#pagecopy .one-col ul {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0;
}

.one-col:last-child h1,
#pagecopy .one-col h2 a {
	color: #333;
	padding-bottom: 20px;
	display: block;
	text-align: left;
	font-size: 26px;
}

#pagecopy .one-col li {
	padding: 0;
	max-width: 100%;
	margin-bottom: 2em;
}

#pagecopy .one-col li:before {
	display: none;
}

#pagecopy .one-col li p {
	font-size: 1em;
}

#pagecopy .one-col li p.tweet a {
	color: #2196f3;
}

#pagecopy .ChameleonPluginTweetStream li {
	padding-left: 30px;
	position: relative;
}

#pagecopy .ChameleonPluginTweetStream li:after {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 40px;
	left: 0;
	background-color: transparent;
	background-image: url(/images/src/Branding/tweet-icon.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% 100%;
}

#pagecopy .ChameleonPluginTweetStream li p.date {
	margin: 10px 0 0 0;
	line-height: 25px;
}

/* END NEWS & TWITTER */

/*---------- END ONE COL ----------*/

/*---------- TWO COLS ----------*/
div.two-cols {
	max-width: 1024px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 1em;
}

.two-cols .column {
	float: left;
}

.two-cols .column.left,
.two-cols .column.right,
.two-cols:last-child .column.left,
.two-cols:last-child .column.right {
	width: 100%;
}

.two-cols .column .usesleft .left {
	float: left;
	padding: 1em 2em 1em 0;
}

.two-cols .column .usesleft h1,
.two-cols .column .usestext h1 {
	margin-top: 0;
}

#pagecopy .two-cols .column .usesleft p,
#pagecopy .two-cols .column .usestext p {
	margin-top: 0;
	max-width: 100%;
}

.two-cols .usestitle h2 {
	font-size: 0.875em;
}

.two-cols .usestitle h2 a {
	background-color: #85ce3b;
	color: #fff;
	border-radius: 0.25em;
	text-transform: uppercase;
	padding: 0 1em;
	line-height: 40px;
	font-weight: normal;
	float: left;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.two-cols .usestitle h2 a:hover {
	background-color: #f6a352;
}

/*---------- END TWO COLS ----------*/
#aside {
	display: none;
}

/*---------- MEDIA QUERIES ----------*/
@media (min-width:480px) {
	.two-cols .usestitle h2 a {
		width: auto;
		text-align: left;
	}

	#pagecopy .one-col ul {
		overflow: hidden;
	}

	#pagecopy .one-col li {
		box-sizing: border-box;
		max-width: 48%;
		float: left;
		margin-right: 2%;
	}

	#pagecopy .one-col li:nth-child(3) {
		clear: left;
	}

	#pagecopy .one-col li p {
		max-width: 100%;
	}

	#pagecopy .one-col li:nth-child(2) {
		margin-right: 0;
	}

	.one-col:nth-child(2) h1 {
		text-align: center;
		padding: 0 1em;
	}

	#pagecopy .ChameleonPluginTweetStream li:after {
		top: 50px;
	}

}

@media (min-width:600px) {
	.two-cols .column.left,
	.two-cols .column.right {
		width: 48%;
	}

	.two-cols .column.right {
		float: right;
	}

	.one-col:nth-child(2) h1 {
		font-size: 1.5em;
	}

}

@media (min-width:768px) {
	.one-col:nth-child(2) h1 {
		font-size: 2.25em;
	}
}

@media (min-width:960px) {
	#nav li.H a:after {
		background-color: #2a99f0;
	}

	#pagecopy .one-col li {
		max-width: 23%;
	}

	#pagecopy .one-col li:nth-child(2) {
		margin-right: 2%;
	}

	#pagecopy .one-col li:nth-child(3) {
		clear: none;
	}

	#pagecopy .one-col li:nth-child(4) {
		margin-right: 0%;
	}

}

@media (min-width:1100px) {
	.two-cols {
		padding: 0;
	}

}