#wrapper,
#opl-header-bg,
#opl-header,
#footer-background,
#footer-content,
#left_col,
#right_col {
	max-width:100%;
}

/* =HEADLINE AREA AND AFTER VIDEO
-------------------------------------------------------------- */
.opl-headline, #opl-user-action {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	color:#212121;
	font-size:14px;
}

.opl-headline h1,
.opl-headline h2,
.opl-headline h3,
.opl-headline h4,
.opl-headline h5,
.opl-headline h6,
#opl-user-action h1,
#opl-user-action h2,
#opl-user-action h3,
#opl-user-action h4,
#opl-user-action h5,
#opl-user-action h6 {
	margin:0 0 20px 0 !important;
	padding:0 !important;
	line-height:1 !important;
}

.opl-headline h1,
#opl-user-action h1,
#opl-main h1 {
	font-size:24pt;
}
.opl-headline h2,
#opl-user-action h2,
#opl-main h2 {
	font-size:18pt;
}
.opl-headline h3,
#opl-user-action h3,
#opl-main h3 {
	font-size:14pt;
}
.opl-headline h4,
#opl-user-action h4,
#opl-main h4 {
	font-size:12pt;
}
.opl-headline h5,
#opl-user-action h5,
#opl-main h5 {
	font-size:10pt;
}
.opl-headline h6,
#opl-user-action h6,
#opl-main h6 {
	font-size:8pt;
}

.opl-headline p,
#opl-user-action p {
	margin:0 0 16px 0 !important;
	padding:0 !important;
	font-size:14px;
	line-height:22px;
}

#opl-user-action input,
#opl-user-action textarea {
	color: #333;
	font-size: 16px;
	line-height: 24px;
}

#opl-user-action p,
#opl-user-action ul,
#opl-user-action ol,
#opl-user-action dd,
#opl-user-action pre,
#opl-user-action hr,
.opl-headline p,
.opl-headline ul,
.opl-headline ol,
.opl-headline dd,
.opl-headline pre,
.opl-headline hr {
	margin-bottom: 16px;
}

#opl-user-action ul ul,
#opl-user-action ol ol,
#opl-user-action ul ol,
#opl-user-action ol ul,
.opl-headline ul ul,
.opl-headline ol ol,
.opl-headline ul ol,
.opl-headline ol ul {
	margin-bottom: 0;
}

#opl-user-action pre,
#opl-user-action kbd,
#opl-user-action tt,
#opl-user-action var,
.opl-headline pre,
.opl-headline kbd,
.opl-headline tt,
.opl-headline var {
	font-size: 15px;
	line-height: 21px;
}
#opl-user-action code,
.opl-headline code {
	font-size: 13px;
}
#opl-user-action dt,
#opl-user-action th,
.opl-headline dt,
.opl-headline th {
	color: #000;
}

#opl-user-action ul,
.opl-headline ul {
	list-style: square !important;
	margin: 0 0 18px 1.5em !important;
}
#opl-user-action ol,
.opl-headline ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
#opl-user-action ol ol,
.opl-headline ol ol {
	list-style: upper-alpha;
}
#opl-user-action ol ol ol,
.opl-headline ol ol ol {
	list-style: lower-roman;
}
#opl-user-action ol ol ol ol,
.opl-headline ol ol ol ol {
	list-style: lower-alpha;
}

#opl-user-action blockquote,
.opl-headline blockquote {
	font-style: italic;
	padding: 0 3em;
}
#opl-user-action blockquote cite,
#opl-user-action blockquote em,
#opl-user-action blockquote i,
.opl-headline blockquote cite,
.opl-headline blockquote em,
.opl-headline blockquote i {
	font-style: normal;
}
#opl-user-action pre,
.opl-headline pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
#opl-user-action abbr,
#opl-user-action acronym,
.opl-headline abbr,
.opl-headline acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
#opl-user-action sup,
#opl-user-action sub,
.opl-headline sup,
.opl-headline sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
#opl-user-action sup,
.opl-headline sup {
	bottom: 1ex;
}
#opl-user-action sub,
.opl-headline sub {
	top: .5ex;
}

#opl-user-action a,
.opl-headline a {
	color: #0066cc;
}
#opl-user-action a:active,
#opl-user-action a:hover,
.opl-headline a:active,
.opl-headline a:hover {
	color: #ff4b33;
}

/* =IMAGES
-------------------------------------------------------------- */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img,
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
input[type=image],
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 100%;
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#opl-main .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/* =VIDEO AND MOBILE
-------------------------------------------------------------- */


@media only screen and (max-width: 767px) {
	.opl-facebook-btn {
		background:transparent url(../images/fb-button-small.png) top left no-repeat;
		width:229px;
		height:41px;
	}

	.opl-optin-button {
		margin:8px 0;
		width:229px;
		height:50px;
		border:none !important;
	}

	.opl-button-green {
		background:transparent url(../images/btn-green-small.png) top left no-repeat;
	}

	.opl-button-green:hover {
		background:transparent url(../images/btn-green-small.png) bottom left no-repeat;
	}

	.opl-button-yellow {
		background:transparent url(../images/btn-yellow-small.png) top left no-repeat;
	}

	.opl-button-yellow:hover {
		background:transparent url(../images/btn-yellow-small.png) bottom left no-repeat;
	}

	.opl-button-orange {
		background:transparent url(../images/btn-orange-small.png) top left no-repeat;
	}

	.opl-button-orange:hover {
		background:transparent url(../images/btn-orange-small.png) bottom left no-repeat;
	}

	.opl-button-red {
		background:transparent url(../images/btn-red-small.png) top left no-repeat;
	}

	.opl-button-red:hover {
		background:transparent url(../images/btn-red-small.png) bottom left no-repeat;
	}

	.opl-button-blue {
		background:transparent url(../images/btn-blue-small.png) top left no-repeat;
	}

	.opl-button-blue:hover {
		background:transparent url(../images/btn-blue-small.png) bottom left no-repeat;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.opl-facebook-btn {
		background:transparent url(../images/fb-button-small.png) top left no-repeat;
		width:229px;
		height:41px;
	}

	.opl-optin-button {
		margin:8px 0;
		width:229px;
		height:50px;
		border:none !important;
	}

	.opl-button-green {
		background:transparent url(../images/btn-green-small.png) top left no-repeat;
	}

	.opl-button-green:hover {
		background:transparent url(../images/btn-green-small.png) bottom left no-repeat;
	}

	.opl-button-yellow {
		background:transparent url(../images/btn-yellow-small.png) top left no-repeat;
	}

	.opl-button-yellow:hover {
		background:transparent url(../images/btn-yellow-small.png) bottom left no-repeat;
	}

	.opl-button-orange {
		background:transparent url(../images/btn-orange-small.png) top left no-repeat;
	}

	.opl-button-orange:hover {
		background:transparent url(../images/btn-orange-small.png) bottom left no-repeat;
	}

	.opl-button-red {
		background:transparent url(../images/btn-red-small.png) top left no-repeat;
	}

	.opl-button-red:hover {
		background:transparent url(../images/btn-red-small.png) bottom left no-repeat;
	}

	.opl-button-blue {
		background:transparent url(../images/btn-blue-small.png) top left no-repeat;
	}

	.opl-button-blue:hover {
		background:transparent url(../images/btn-blue-small.png) bottom left no-repeat;
	}
}

/* = IPHONE
 * -------------------------------------*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
   #wrapper {
		width:100%;
		margin:0 auto;
	}

	.full_width_header, .squeeze_header {
		width:100%;
	}

	#opl-top-nav {
		position:static;
		height:27px;
		margin-top:10px;
	}

	#left_col {
		width:100%;
		min-height:50px;
		float:none;
	}

	#right_col {
		width:100%;
		float:none;
	}

	#full_width_col {
		width:100%;
		margin:0 auto;
		min-height:100px;
	}

	#footer-content {
		margin:0 auto;
		width:100%;
	}

	#optin {
		width:100%;
		background-image:none;
		-webkit-border-radius: 8px;
		border-radius: 8px; 
	}

	#optin .optin_header {
		width:100%;
	}

	#optin .optin_content {
		text-align:center;
	}

	#optin .optin_body {
		width:100%;
		min-height:80px;
		background-color:transparent;
	}

	#optin .optin_footer {
		width:100%;
		height:20px;
		background-image:none;
	}

	#optin .opl-text-field {
		width:98%;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {
   #wrapper {
		width:100%;
		margin:0 auto;
	}

	.full_width_header, .squeeze_header {
		width:100%;
	}

	#opl-top-nav {
		position:static;
		height:27px;
		margin-top:10px;
	}

	#left_col {
		width:100%;
		min-height:50px;
		float:none;
	}

	#right_col {
		width:100%;
		float:none;
	}

	#full_width_col {
		width:100%;
		margin:0 auto;
		min-height:100px;
	}

	#footer-content {
		margin:0 auto;
		width:100%;
	}

	#optin {
		width:100%;
		background-image:none;
		-webkit-border-radius: 8px;
		border-radius: 8px; 
	}

	#optin .optin_header {
		width:100%;
	}

	#optin .optin_content {
		text-align:center;
	}

	#optin .optin_body {
		width:100%;
		min-height:80px;
		background-color:transparent;
	}

	#optin .optin_footer {
		width:100%;
		height:20px;
		background-image:none;
	}

	#optin .opl-text-field {
		width:98%;
	}
}