/*
Theme Name: Apollo
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.0.0
Author: Obox Design
Author URI: http://www.obox-design.com/

*-----------------------------*
WARNING! DO NOT EDIT THIS FILE!
*-----------------------------*
To make update your theme, do not edit the styles in this file. Rather use 
the custom.css file to add your style changes. By copying a style from this
file and pasting it in custom.css you it will override the style in this file.

*/


@import url(reset.css);
@import url(clearfix.css);


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
html {-webkit-text-size-adjust: none;}
body{margin: 0px; padding: 60px; font-size: 14px; font-family: "proxima-nova-sc-osf", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.6em;}

textarea, input{font-family: "proxima-nova-sc-osf", "Helvetica Neue", Helvetica, Arial, sans-serif;}
textarea{}
input[type=text]{}
input[type=text], input[type=password], textarea{}

input[type=button], input[type=submit]{}
input[type=button]:active, input[type=submit]:active{}

a{text-decoration: none;}
a:hover{text-decoration: underline;}

img{max-width: 100%; height: auto;}
strong{font-weight: bold;}
em{font-style: italic;}
u{text-decoration: underline;}

/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none !important;}
.top-margin{margin-top: 15px;}

/*-------------------------------------------------------------------------------------------*/
/*- LAYOUT ELEMENTS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#wrapper{max-width: 740px; margin: auto;}
#header-container{margin-bottom: 30px;}
#header{padding: 0px 0px 3px;}
#content-container{margin-bottom: 30px;}
#footer-container{text-align: center;}


/*--------------------------------------------------*/
/*- HEADER -----------------------------------------*/
/*--------------------------------------------------*/
.logo{text-align: center;}
.logo h1{margin-bottom: 20px; text-transform: uppercase; font-weight: bold; font-size: 48px; font-weight: 900;}
.logo .tagline{margin: 0px; padding: 0px; text-transform: uppercase; font-weight: bold; font-size: 16px; font-weight: 700;}


/*--------------------------------------------------*/
/*- INDEX ------------------------------------------*/
/*--------------------------------------------------*/

	/*-------------------------------------------*/
	/*- TIMER -----------------------------------*/
	.timer{overflow: hidden; padding: 36px 0; margin: 0px auto 30px;}
	.timer li{float: left; width: 23%; margin: 0% 1%; text-align: center;  border-radius: 4px;}
	.timer li strong{display: block; padding: 40px 30px; font-size: 60px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100; }
	.timer li small{display: block; padding: 10px; text-transform: uppercase; line-height: 1em;}


	/*-------------------------------------------*/
	/*- COPY AREA -------------------------------*/
	.copy{padding: 5px 100px; margin-bottom: 10px; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; overflow: hidden;}
	.copy .post-title{margin-bottom: 20px; font-family: "proxima-nova-sc-osf", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 30px; line-height: 1em; font-weight: 700;}
	.copy p{margin-bottom: 20px;}
	.copy ul{list-style: disc; margin: 0px 0px 15px 26px;}
	.copy ol{list-style: decimal; margin: 0px 0px 15px 26px;}
	.copy ul li, .copy ol li{margin-bottom: 8px;}
	.copy code, .copy pre{}
	.copy img{display: block;}
	.copy h2{font-size: 22px; font-weight: 600; font-weight: lighter; margin-bottom: 15px;}
	.copy h3{font-size: 16px; font-weight: 600; margin-bottom: 15px;}
	.copy h4{font-size: 14px; font-weight: 600; margin-bottom: 15px;}
	.copy h5{font-size: 12px; font-weight: 600; margin-bottom: 10px;}
	.copy blockquote{padding-left: 15px; margin-left: 0px; font-style: italic;}

	/*-------------------------------------------*/
	/*- VIDEO -----------------------------------*/
	.video {width: 100%; position: relative; padding-bottom: 65%; height: 0; overflow: hidden; margin-bottom: 30px;}
	.video iframe, .video object, .video embed {width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	

	/*-------------------------------------------*/
	/*- SUBSCRIBE FORM --------------------------*/
	.subscribe-form{max-width: 300px; padding: 10px; margin: 0px auto 30px; border-radius: 5px;}
	.subscribe-form form{overflow: hidden; margin: 0px; padding: 0px;}
	.subscribe-form h5{text-align: center; margin-bottom: 10px;}
	.subscribe-form input[type=text]{float: left; width: 60%; padding: 10px 5%; margin: 0px; border-radius: 3px 0px 0px 3px; font-size: 15px; text-align: center;}
	.subscribe-form input[type=submit]{float: right; padding: 0px 3%; width: 30%; height: 40px; margin: 0px; border-radius: 0px 3px 3px 0px;
										font-size: 13px; font-weight: 600; text-transform: uppercase;}


	/*-------------------------------------------*/
	/*- SOCIAL BUTTONS --------------------------*/
	.social{text-align: center; margin-bottom: 30px;}
	.social li{display: inline; margin: 0% 1%;}


/*--------------------------------------------------*/
/*- FOOTER -----------------------------------------*/
/*--------------------------------------------------*/		
.footer-text{clear: both; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px;}
.obox-credit{padding: 5px 10px; margin: 0px; position: fixed; bottom: 0px; right: 20px; overflow: hidden; line-height: 1em;
				background: rgba(0, 0, 0, 0.7); border-radius: 5px 5px 0px 0px; text-transform: uppercase; font-size: 9px; text-align: center;}
.obox-credit:hover{background: #000;}