/*
 Theme Name:     SimpleKey (LIZ)
 Theme URI:      http://innovatesf.com/twenty-thirteen-child/
 Description:    SimpleKey Child Theme
 Author:         Jake Levitas / Jason Lally
 Author URI:     http://innovatesf.com
 Template:       simplekey
 Version:        1.0.0
*/

@import url(css/general.css);
@import url(css/layout.css);
@import url('http://fonts.googleapis.com/css?family=Lato');
@import url('http://fonts.googleapis.com/css?family=Roboto');
@import url('http://fonts.googleapis.com/css?family=Fjalla+One');
@import url('http://fonts.googleapis.com/css?family=Montserrat');

* {margin:0; padding:0; -webkit-font-smoothing:antialiased;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 27, 2013 */

@font-face {
    font-family: 'slabthingthing';
    src: url('fonts/slabthing-webfont.eot');
    src: url('fonts/slabthing-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/slabthing-webfont.woff') format('woff'),
         url('fonts/slabthing-webfont.ttf') format('truetype'),
         url('fonts/slabthing-webfont.svg#slabthingthing') format('svg');
    font-weight: normal;
    font-style: normal;
}

body.home{display:block;}
h1#site-logo a{background:url(http://liz.innovatesf.com/wp-content/uploads/2013/08/Liz_Logo_170x85_2.png) no-repeat;}
a{color:#444444;}
a:hover{color:#232527;}
::selection{background:#83b350;}
#primary-menu,#primary-menu-container li ul.sub-menu{background:#eeeeee;}
#primary-menu-container a{font-family:"Montserrat",Arial;}
#primary-menu-container a{font-size:14px;}
#primary-menu-container a,#primary-menu-container li ul.sub-menu li a{color:#000000;}
#primary-menu-container a:hover,#primary-menu-container li.current-menu-item a:hover,#primary-menu-container li ul.sub-menu li a:hover{color:#00ADEF;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#eeeeee;}
#primary-menu-container ul li.current-menu-item a{color:#00ADEF;}
#footer{background:#1d1d1d;color:;}
#footer a{color:#898989;}
#footer a:hover{color:#ffffff;}
#featured .oneColumn #firstTitle,#featured .twoColumns #firstTitle{font-family:"Fjalla One",Arial;}
#featured .oneColumn #secondTitle,#featured .twoColumns #secondTitle{font-family:"Montserrat",Arial;}
#featured .oneColumn #firstTitle{font-size:80px;}
#featured .twoColumns #firstTitle{font-size:40px;}
#featured .oneColumn #secondTitle{font-size:30px;}
#featured .twoColumns #secondTitle{font-size:36px;}
.page-area hgroup.title h1,.page-area hgroup.title h1 strong{font-family:"nexa_boldregular",Arial;}
.page-area hgroup.title p{font-family:"nexa_lightregular",Arial;}
.page-area hgroup.title h1,.page-area hgroup.title h1 strong{font-size:48px;font-weight:normal;}
.page-area hgroup.title p{font-size:18px;}
#contact{background-color:#313131;}
#contact,#contact .title h1 strong,#contact .title p,.contactway{color:#ffffff;}
#contact .contactway{border-color:#ffffff;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}.contactform input,.contactform textarea{background:#454545;}
.contactform input,.contactform textarea{color:#8c8c8c;}
#contactName::-moz-placeholder {color:#8c8c8c;}
                       ::-webkit-input-placeholder {color:#8c8c8c;}
.contactform .contact-btn{background:#9f6248;}
#contact .contactform .contact-btn{color:#4c2d20;text-shadow:none;}
@media only screen and (max-width: 640px) {
					:root .css3-selectbox{width:100%;display:inline-block;}
					h1#site-logo{display:none;}
					}
#featured .slide_bg{margin-top:420px;}
@media only screen and (max-width: 640px) {
			#featured .slide_bg{margin-top:0px;}
			#featured .slide_content{top:0px;}
		   }

/* HEADER STYLE */

h1.office-brand {
text-align: left;
color: #000;
padding: 0;
margin: 0;
font-size:15px;
font-family:"Montserrat", sans-serif;
text-transform: uppercase;
font-weight: normal;
}

.brand-outer-wrapper {
float:left; 
z-index:100; 
position: relative;
width:70%;
margin-top: 30px;
margin-bottom: 10px;
}

.brand-outer-wrapper a img {
padding-right:3%;
padding-top:5%;
}

.office-brand-lead {
margin: 0;
padding-top: 5%;
color: #000;
}

#primary-menu {
z-index:10000;
}

/* TOP AREA */

#featured #firstTitle {
color:#00ADEF;
text-transform:uppercase;
font-size:80px;
font-family:"slabthingthing";
-webkit-font-smoothing:antialiased;
}

#featured #secondTitle {
color:#666;
}

#featured #excerpt {
color:#000;
border-color:#000;
background-color:rgba(0,173,239,1);
color:white;
padding-left:15px;
padding-right:15px;
}

#featured .slide_content {
text-transform: none;
color: #00ADEF;
}

.page-area .title {
margin: 0 0 30px;
}

.page-area hgroup.title p {
font-family:"Lato",Arial;
}

.page-area .title p {
font-family:"Lato",Arial;
}

#container .page-area {
padding: 70px 0 0px;
}

#zones {
overflow:hidden;
}

.column {
margin-bottom: 1%;
padding-bottom: 5px;
}

body{
font-family:"Lato";
font-size:18px;
}

h1 {
font-family:"Montserrat";
text-transform: none;
}

.page-area hgroup.title h1 strong {
font-family:"Montserrat";
text-transform: uppercase;
}

.entry h2 {
font-family:"Montserrat";
text-transform: uppercase;
color:#444;
}

.entry h3 {
font-family:"Montserrat";
text-transform: uppercase;
color:#444;
}

.entry h4 {
font-family:"Montserrat";
text-transform: uppercase;
color:#444;
font-size:24px;
}

.entry h5 {
font-family:"Montserrat";
text-transform: normal;
color:#444;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
font-weight: normal;
}

#footer .footer-r {
float: none;
}

#container #contact.page-area {
padding: 70px 0 20px;
}

.contactinfo h2 {
font-family:"Montserrat";
}

.contactinfo h2 strong {
font-family:"Montserrat";
}

#contact .contactform .contact-btn {
font-family: "Montserrat";
font-weight: normal;
}

.subscribe .subscribe-btn {
font-family: "Montserrat";
font-weight: normal;
}

.two_third {
width:64.6% !important;
margin-right:2% !important;
}

.one_half {
width:47% !important;
margin-right:3% !important;
}

.one_half_last {
width:47% !important;
}

.inset-dark {
background-color:rgba(50,50,50,0.5);
padding-left:15px;
border-top:1px solid white; 
border-bottom:1px solid white;
color:white;
}

.flexslider{
padding:15px !important;
}