/*
Theme Name:		Blue Egg
Theme URI:		
Author:			Ellsworth Media
Author URI:		http://www.ellsworthmedia.com/
Version:		1.0
*/

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

	1. = Body, Typography and some main Elements
	2. = Structure
	3. = Header styling
	4. = Navigation styling
	5. = Footer styling
	6. = Home Page styling 
	


/*-----------------------------------------------------------------------------------*/
/* 1. = Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

html * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

html, body {padding: 0; margin: 0;}

body { font-size:14px; color:#58585a; font-family:'Open Sans', Arial, Helvetica, sans-serif; overflow-x:hidden; }
input[type=text], textarea { -webkit-appearance:none; border-radius:0; }
input, textarea, select, label { font-family:'Open Sans', Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 25px 0; line-height:1.2; font-family:'Montserrat', Arial, Helvetica, sans-serif; }
h1 { font-size:36px; }
h2 { font-size:36px; }
h3 { font-size:36px; }
h4 { font-size:20px; }
h5 { font-size:14px; }
h6 { font-size:14px; }
img { display:block; max-width:100%; }
ul,ol { margin:0; padding:0; list-style:none; }
a, a:visited, a:active { color:#58585a; text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; transition:all .3s ease-out; }
a:focus, a:hover { text-decoration:none; outline:0; }
p { margin:0 0 15px 0; line-height:1.5; letter-spacing:0; }
.animate { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; }



/*-----------------------------------------------------------------------------------*/
/* 2. = Structure
/*-----------------------------------------------------------------------------------*/

.container { width:960px; margin:0 auto; padding:0; }



/*-----------------------------------------------------------------------------------*/
/* 3. = Header styling
/*-----------------------------------------------------------------------------------*/

#header { border-top:9px solid #A1BCBE; padding: 12px 0 20px 0; }
	#header .logo { float:left; padding-bottom: 20px; width: 294px;}
	#header .menu {float:right; margin-top:20px; display:none; }
	#header nav { float:right; margin-top:42px;  z-index: 5000; width: 360px;}

nav li { float:left; margin-right:20px; }
nav li:last-child { margin-right:0; }
nav li a { text-transform:uppercase; letter-spacing:2px; font-family:'Montserrat', Arial, Helvetica, sans-serif; }
nav li a:hover { color:#000; }



/*-----------------------------------------------------------------------------------*/
/* 4. = Footer styling
/*-----------------------------------------------------------------------------------*/

#footer { padding:18px 0; }
	#footer nav { float:left; }
	#footer p { float:right; margin:0; padding: 0 0 15px 0;}
	

/*-----------------------------------------------------------------------------------*/
/* 5. = Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-hero { z-index: 1; clear: both; position:relative; }
#home-hero .container { position:absolute; left:50%; margin-left:-480px; bottom:60px; }
#home-hero .container h1 { color:#FFF; font-size:76px; font-style:italic; font-weight:300; font-family:"Open Sans"; width:580px; float:right; text-shadow:3px 3px 0 #58585a; line-height:1.1; }

#home-about { padding:50px 0 40px 0; text-align:center; }
#home-about .one-third { float:none; text-align:left; margin-right:55px; vertical-align:middle; display:inline-block; width:250px; }
#home-about blockquote { color:#a1bcbe; margin:0; padding:0; border:none; font-size:24px; font-weight:600; font-style:italic; text-align:right; }
#home-about .two-third { float:none; text-align:left; vertical-align:middle; display:inline-block; width:650px; }
#home-about h2 { text-transform:uppercase; letter-spacing:4px; font-weight:700; }

#home-benefits { background:url(images/home-benefits-bg.jpg) no-repeat center center; background-size:cover; padding:70px 0; text-align:center; }
#home-benefits h2 { color:#FFF; font-size:36px; font-style:italic; font-weight:600; font-family:"Open Sans"; margin:0 0 40px 0; }
#home-benefits h4 { color:#a1bcbe; font-size:20px; font-weight:700; margin:0 0 30px 0; }
#home-benefits p { color:#FFF; font-size:17px; text-align:left; line-height:1.7; }

#home-assets { padding:40px 0; text-align:center; }
#home-assets h2 { font-size:30px; font-weight:700; letter-spacing:5px; margin:0 0 20px 0; }
#home-assets .boxes { margin:50px 0 0 0; position:relative; }
#home-assets .box { width:400px; min-height:230px; padding:30px 25px; margin:0 10px 20px 10px; display:inline-block; vertical-align:top; width:400px; }
#home-assets .dark { background:#BEBEBF; }
#home-assets .light { background:#DBE5E6; }
#home-assets .box h3 { font-size:18px; letter-spacing:3px; margin:0 0 20px 0; }
#home-assets .box ul { list-style:disc; text-align:left; margin:0 0 0 12px; }
#home-assets .box ul li { margin:0 0 5px 0; }
#home-assets .boxes img { position:absolute; z-index:10p; left:50%; top:50%; margin:-95px 0 0 -74px; }

#footer-contact { background:#A1BCBE; padding:40px 0 50px 0; text-align:center; }
#footer-contact .container { width:580px; }
#footer-contact h2 { font-size:30px; font-weight:700; letter-spacing:5px; margin:0 0 20px 0; color:#FFF; }
#footer-contact .light { color:#FFF; font-weight:600; font-style:italic; margin:0 0 30px 0; }

#footer-contact .phone, #footer-contact .email { display:inline-block; font-size:22px; font-weight:600; }
#footer-contact .email { padding-left:42px; background:url(images/icon-email.png) no-repeat; margin-right:22px; }
#footer-contact .phone { padding-left:30px; background:url(images/icon-phone.png) no-repeat; }
#footer-contact br { display:none; }

