/* Giles-Parscale Style Sheet
-----------------------------------------------------------------------------

Developer: 			Giles-Parscale, Inc.
Email Address:		info@gilesparscale.com
Developer Website:  http://www.gilesparscale.com/

Client Website: 	http://americafirstpolicies.com

*/

/* Table of Contents
-----------------------------------------------------------------------------

	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl {list-style: none;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {color: #000000; font-family: 'Roboto Slab', serif; font-weight: 400;}

/* Create the Default Paragraphs */
p {color: #484848; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 18px; line-height: 36px; letter-spacing: .025em;}

/* Specific Header Settings */
h1 {font-size: 36px; line-height: 36px; letter-spacing: .025em;}
h2 {font-size: 36px; line-height: 36px; letter-spacing: .025em;}
h3 {font-size: 30px; line-height: 30px; letter-spacing: .025em;}
h4 {font-size: 24px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 28px; letter-spacing: .025em;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}
blockquote {}

/* Google Fonts
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Source Code Pro', monospace;
*/

/* Google Web Font Smoothing */
html, body, p, a, h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}


/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #e02d2d; text-decoration: none; cursor: pointer;}
a:hover {color: #e02d2d; text-decoration: none;}
a:active {outline: none;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}
input[type=submit] {cursor: pointer;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Colors
------------------------------------------------------------------------------*/

/*
red: #e02d2d;
grey: #484848;
*/

/* 8. Basic Classes
------------------------------------------------------------------------------*/

.full_bg {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.left {float: left;}
.right {float: right;}
.btn {}
.btn:hover {}
.last {margin-right: 0 !important;}
.end {margin-bottom: 0 !important; border-bottom: none !important;}
.vcenter_container {width: 100%; height: 100%; display: table;}
.vcenter {display: table-cell; vertical-align: middle;}
.hidden {opacity: 0 !important; transition: 1s ease all; -webkit-transition: 1s ease all; -o-transition: 1s ease all;}
.visible {opacity: 1 !important; transition: 1s ease all; -webkit-transition: 1s ease all; -o-transition: 1s ease all;}

/* 9. Framework
------------------------------------------------------------------------------*/

/* Page Layout */
html, body {height: 100%; font-size: 13px; font-family: 'Source Sans Pro', sans-serif;}

/* Wrapper */
#wrapper {min-height: 100%; height: auto !important; margin: 0 auto -135px; overflow: hidden;}
.container {width: 90%; max-width: 1070px; margin: auto; position: relative;}

/* Header */
header {width: 100%; height: 115px; z-index: 999; background:#282828;}
header #logo {position: absolute; top: 37px; left: 0;}
header #logo img {width: 275px;}

header nav {position: absolute; top: 50px; right: 235px;}
header nav ul li {list-style: none; float: left; margin-left: 25px;}
header nav ul li a {font-weight: 700; font-size: 16px; letter-spacing: .01em; color: #fff;}

header #open_form_popup {position: absolute; top: 35px; right: 70px; color: #fff; border: 2px solid #e02d2d; font-weight: 600; font-size: 16px; line-height: 16px; padding: 15px 25px; border-radius: 12px;}
header #open_form_popup:hover {background: #e02d2d;}

header .header_social {position: absolute; top: 48px; right: 0;}
header .header_social ul li {display: inline-block; vertical-align: middle; margin-left: 15px;}
header .header_social ul li a {display: block; background-size: 100%; text-indent: -9999px;}
header .header_social ul li a.facebook {background-image: url(/images/site/facebook.png); width: 10px; height: 20px;}
header .header_social ul li a.twitter {background-image: url(/images/site/twitter.png); width: 20px; height: 16px;}

/* Footer Push */
#push {height: 135px;}

/* Footer */
footer {height: 135px; background: #282828; overflow: hidden; z-index: 2; position: relative; text-align: center;}
footer h4 {color: #fff; margin-bottom: 10px;}
footer p {color: #787878; font-size: 12px; font-weight: 300; letter-spacing: .025em; line-height: 16px;}


/* 10. Content
------------------------------------------------------------------------------*/

/* General */
div, section, article, main, aside, header, footer, dialog, figure, figcaption, hgroup {display: block; box-sizing: border-box;}
.light_txt h1, .light_txt h2, .light_txt h3, .light_txt h4, .light_txt h5, .light_txt h6, .light_txt p, .light_txt a, .light_txt li {color: #fff !important;}

/* Home */
#home header {position: absolute; top: 0; left: 0; background: transparent; transition: 1s ease all; -webkit-transition: 1s ease all; -o-transition: 1s ease all;}
#home header nav ul li a {color: #fff;}

#home #banner {width: 100%; height: 700px; position: relative; text-align: center; overflow: hidden;}
#home #banner:before {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.65); z-index: 2;}
#home #banner #banner_logo_container {position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; opacity: 1; transition: 1s ease all; -webkit-transition: 1s ease all; -o-transition: 1s ease all;}
#home #banner #banner_logo {width: 90%; height: 100%; display: inline-block;}
#home #banner #banner_logo img {width: 100%; max-width: 400px;}
#home #banner #banner_text_container {position: absolute; top: 0; left: 0; z-index: 3; height: 100%; width: 100%; opacity: 0; transition: 1s ease all; -webkit-transition: 1s ease all; -o-transition: 1s ease all;}
#home #banner #banner_text {width: 90%; height: 100%; max-width: 810px; display: inline-block;}
#home #banner #banner_text h1 {font-size: 94px; line-height: 100px; font-weight: 300; color: #fff; letter-spacing: .01em;}
#home #banner #banner_text h1 span {display: block; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 58px; line-height: 58px; color: #e02d2d; letter-spacing: .01em;}

#home #banner #video_container {width: 100%; height: auto; min-height: 100%; position: absolute; top: 0; left: 0; z-index: 3;}
#home #banner #video_container:before {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.65); z-index: 3;}
#home #banner #video_container .canvas, #home #banner #video_container .video {min-width: 100%; min-height: 700px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);}
#home #banner #video_container .canvas {z-index: 2;}
#home #banner #video_container .video {z-index: 1;}
#home #banner #video_container .canvas.dont_show {display: none;}

#home #banner .banner_news_bar {width: 100%; position: absolute; bottom: 0; left: 0; background: rgba(18,115,231,.8); z-index: 99; padding: 15px 0;}
#home #banner .banner_news_bar p, #home #banner .banner_news_bar h5, #home #banner .banner_news_bar a {margin: 0 5px; line-height: 24px; display: inline-block; vertical-align: middle; letter-spacing: .04em; font-family: 'Source Sans Pro', sans-serif; color: #fff;}
#home #banner .banner_news_bar p, #home #banner .banner_news_bar a {font-size: 20px;}
#home #banner .banner_news_bar h5 {font-weight: 700; font-size: 24px;}
#home #banner .banner_news_bar a {font-weight: 700;}
#home #banner .banner_news_bar p span {margin-left: 10px;}
#home #banner .banner_news_bar p a {font-weight: 400;}

#home main .main_row {display: -webkit-flex; display: -ms-flexbox; display: flex;}
#home main .main_col {width: 50%; position: relative;}
#home main .main_col .block {position: relative;}
#home main .main_col .block .inner {width: 100%; max-width: 535px;}
#home main .main_col_left .block {padding: 70px 0 100px 0;}
#home main .main_col_left .block .inner {float: right; padding-right: 40px;}
#home main .main_col_right {background: #e02d2d;}
#home main .main_col_right .block {padding: 60px 0;}
#home main .main_col_right .block .inner {float: left; padding-left: 40px;}

#home main #intro h2 {color: #e02d2d; margin-bottom: 40px;}
#home main #issues h3 {margin-bottom: 15px;}
#home main #issues ul li {list-style: none; font-weight: 300; font-size: 18px; letter-spacing: .025em; line-height: 36px;}
#home main #motto img {width: 100%; max-width: 500px;}

#home main #form h2 {font-size: 60px; line-height: 52px; letter-spacing: .01em; margin-bottom: 30px;}
#home main #form p {font-weight: 300; line-height: 30px;}
#home main #form form {display: inline-block; width: 100%; max-width: 535px; padding-top: 90px;}
#home main #form .dform_element {margin: 0;}
#home main #form .dfcolumns .column {width: calc(72% - 20px) !important; margin-right: 20px; min-height: 0;}
#home main #form .dfcolumns .column.column-last {width: calc(28% - 20px) !important;}
#home main #form .dform_element .dform_error {color: #fff;}
#home main #form form input[type=email], #home main #form form input[type=text] {height: 32px;  margin-bottom: 15px; float: left; font-family: 'Source Code Pro', monospace; font-weight: 300; color: #fff; border-bottom: 2px solid #fff;}
#home main #form form input[type=email] {width: 100%;}
#home main #form form input[type=text] {width: 100%;}
#home main #form form input[type=submit] {float: left; font-family: 'Source Code Pro', monospace; font-weight: 700; font-size: 16px; line-height: 16px; padding: 11px 12px 15px 12px; color: #fff; letter-spacing: .01em; border: 2px solid #fff; border-radius: 15px;}
#home main #form form input[type=submit]:hover {color: #e02d2d; background: #fff;}
#home main #form ::-webkit-input-placeholder {color: #fff;}
#home main #form :-moz-placeholder {color: #fff;}
#home main #form ::-moz-placeholder {color: #fff;}
#home main #form :-ms-input-placeholder {color: #fff;}
#home main #form .form_success {display: none;}
#home main #form:after {display: block; content: ''; width: 100%; max-width: 495px; height: 10px; background: #fff; position: absolute; bottom: 0; left: 40px;}

#form_popup_container {display: table; text-align: center; width: 100%; width: 100vw; height: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.75); z-index: 9999; opacity: 0; visibility: hidden; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;}
#form_popup_container.active {opacity: 1; visibility: visible; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;}
#form_popup {position: relative; display: inline-block; width: 92%; max-width: 550px; background: #e02d2d; text-align: left; padding: 30px;}
#form_popup #close_form_popup {display: block; width: 40px; height: 40px; position: absolute; top: 0; right: 0; background: #BB131E; color: #fff; text-align: center; line-height: 40px; font-size: 18px;}
#form_popup h2 {font-size: 60px; line-height: 52px; letter-spacing: .01em; margin-bottom: 30px;}
#form_popup p {font-weight: 300; line-height: 30px;}
#form_popup form {display: inline-block; width: 100%; max-width: 535px; padding-top: 90px;}
#form_popup .dform_element {margin: 0;}
#form_popup .dfcolumns .column {width: calc(72% - 20px) !important; margin-right: 20px; min-height: 0;}
#form_popup .dfcolumns .column.column-last {width: calc(28% - 20px) !important;}
#form_popup .dform_element .dform_error {color: #fff;}
#form_popup form input[type=email], #home #form_popup form input[type=text] {height: 32px;  margin-bottom: 15px; float: left; font-family: 'Source Code Pro', monospace; font-weight: 300; color: #fff; border-bottom: 2px solid #fff;}
#form_popup form input[type=email] {width: 100%;}
#form_popup form input[type=text] {width: 100%;}
#form_popup form input[type=submit] {float: left; font-family: 'Source Code Pro', monospace; font-weight: 700; font-size: 16px; line-height: 16px; padding: 11px 12px 15px 12px; color: #fff; letter-spacing: .01em; border: 2px solid #fff; border-radius: 15px;}
#form_popup form input[type=submit]:hover {color: #e02d2d; background: #fff;}
#form_popup ::-webkit-input-placeholder {color: #fff;}
#form_popup :-moz-placeholder {color: #fff;}
#form_popup ::-moz-placeholder {color: #fff;}
#form_popup :-ms-input-placeholder {color: #fff;}
#form_popup .form_success {display: none;}

.blogentries {padding:50px 0;}
.blogentries .entry {border-bottom:4px solid #f0f0f0; padding:30px 80px 30px 0;}
.blogentries .entry img {width:200px; float:left;}
.blogentries .entry h2 {max-width:500px; margin-top:20px; margin-bottom:25px; font-size:24px; font-family: 'Roboto Slab'; font-weight: 300;}
.blogentries .entry h2 a {color:#3c3c3c;}
.blogentries .entry .content {float: left;}
.blogentries .entry .date {color:#949494; font-size: 14px; font-weight:700; font-family: 'Source Sans Pro'; text-transform: uppercase;}
.blogentries .entry .date .line {width:25px; border-bottom:1px solid #949494; margin-bottom:14px; display:inline-block;}
.blogentries .entry .arrow {width:46px; height:14px; background:url(/images/site/arrow_red.png) no-repeat; display:inline-block}
.blogentries .entry.featured {border:4px solid #f0f0f0; padding:12px 12px 12px 12px;}
.blogentries .entry.featured h2 {font-size:32px;}
.blogentries .entry.featured img {width:450px;}
.blogentries .entry.featured .content {position: relative; top: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%);}
.blogentries .entry .content.with-image {padding-left: 60px;}

.blogentry {}
.blogentry h1 {margin-top:20px; font-size:38px; font-family: 'Roboto Slab'; font-weight: 300; color:#3c3c3c;}
.blogentry .date {color:#949494; font-size: 14px; font-weight:700; font-family: 'Source Sans Pro'; text-transform: uppercase;}
.blogentry .line {border-bottom:4px solid #f0f0f0; max-width: 950px; margin: 0 auto;}
.blogentry .bloghero {height: 418px; position: relative;}
.blogentry .bloghero .blog_favicon {width: 67px; height: 65px; position: absolute; bottom: -32px; left: 25px; background:url(/images/site/blog_favicon.png);}
.blogentry .blogtop {padding:35px 0; max-width: 800px; }
.blogentry .blogcontent {max-width: 800px; padding: 35px 0;}
.blogentry .blogcontent p {margin-bottom: 20px; color:#5b5b5b; font-size:14px; line-height: 26px}
.blogentry .blogcontent .share {height: 30px; color:#868282; margin-bottom: 20px; font-size: 12px; font-weight:700; font-family: 'Source Sans Pro'; text-transform: uppercase; line-height: 30px;}
.blogentry .blogcontent .share span {margin-right: 10px;}
.blogentry .blogcontent .share .fb {width:28px; height:28px; display:inline-block; background:url(/images/site/icon_facebook_round.png);}
.blogentry .blogcontent .share .tw {width:28px; height:28px; display:inline-block; background:url(/images/site/icon_twitter_round.png);}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* IE */
#home main #form form input[type=email], #home main #form form input[type=text] {line-height: 32px \9;}