/* ============================================================
Wirefy by Chris Da Sie
Version:1.3
URL:https://github.com/cjdsie/wirefy
Apache License:v2.0. http://www.apache.org/licenses/LICENSE-2.0
/* Table of Content
==================================================
#Site Styles
#Documentation
#Page Styles
#Media Queries
*/
/* #Site Styles
================================================== */
.container{margin:0 auto;padding:0 auto;max-width:1210px;/*width:80%;*/ font-family:'ITC Avant Garde Gothic W01 Bk'}
.content{position:relative;width:100%;margin-top:3em;margin-bottom:3em;overflow:hidden;}
ul{padding:0;}
/* #Page Styles
================================================== */
/* 13 - Header
--------------------------------------------------*/
header[role="banner"]{width:100%;background:#ccc;max-height:550px;position:relative;overflow:hidden;}
.interior header[role="banner"]{height:350px;}
.header_wrapper{/*;width:100%;*/margin:0 auto;padding:20px 0 5px;/*position:fixed;*/height:auto;z-index:10000;/*border-bottom:1px solid #ccc;*/}
.header_wrapper .inner{max-width:1200px;width:80%;position:relative;margin:0 auto;}
.inner h1{float:left;width:50%;}
.inner h1{margin-bottom:.25em;text-align:left;}
[role='main']{margin:5% auto;}
[role='navigation']{margin:0 auto;width:100%;background-color:#333;float:right;}
.flexNav-touch [role='navigation'],
.flexNav-no-touch [role='navigation']{display:none;}
.menu-button{float:right;display:block;width:20px;height:20px;padding:1em 0;background:transparent;color:#333;background-image:url('../../img/nav-icon.png');background-repeat:no-repeat;background-position:93% 10px;cursor:pointer;}
[role='navigation']:after{/* clearfix */
visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
[role='navigation'] li{position:relative;list-style:none;display:block;background-color:#333;width:100%;}
[role='navigation'] li.item-with-ul{background-color:#222;}
[role='navigation'] li a{/*margin-right:20%;*/
display:block;color:#ddd;border-bottom:1px solid #111;}
[role='navigation'] li a.link-with-ul{border-right:1px solid #222;}
[role='navigation'] .top-level a{position:relative;display:block;background-color:#333;padding:1em;z-index:2;}
[role='navigation'] li ul{width:100%;}
[role='navigation'] li ul li{float:none;width:100%;}
[role='navigation'] li ul li a{display:block;background-color:#333;}
[role='navigation'] li ul{position:relative;border-top:1px solid #333;border-bottom:1px solid #333;}
[role='navigation'] .item-with-ul{background-image:url('../images/arrow-down.png');background-repeat:no-repeat;background-position:93% 18px;}
header .intro{display:block;width:90%;margin:5em auto 0;text-align:center;overflow:hidden;}
header h2{margin-bottom:1em; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; background-color:rgba(119, 119, 119, 0.7); padding:10px; color: #fff;}
.clearfix{clear:both}
/* 14 - #Main Content
================================================== */
section h1{text-align:left;margin-bottom:1em;}
/* section{margin:2em 0;padding:6em 0;} */
.interior section{margin:0;padding:1em 0;}
.searching{float:right;}
/* #Blogs
================================================== */
article{margin:2em 0 0;}
article h3,article h4{margin:0;}
article h5{color:#888;}
article footer,article footer a{color:#ddd;margin:1em 0;}
.first{padding-bottom:1em;border-bottom:1px solid #eee;}
.secondary{float:left;margin:2em 1em 0 0;color:#666;}
.secondary h6{color:#999;}
.secondary h4{color:#333;}
/* #About
================================================== */
.team ul{width:100%;margin:0;padding:0;}
.team ul li{width:100%;display:block;margin:1.5em 0;border-bottom:1px solid #eee;}
.team ul li img{width:30%;float:left;margin:0 1em 0 0;}
.team ul li p{width:100%;float:left;}
.team ul li strong{width:100%;}
/* 15 - #Slideshow
================================================== */
/*! Modified from http://responsiveslides.com v1.32 by @viljamis */
.rslides{height:auto;position:relative;margin:0 auto;padding:0;overflow:hidden}
.rslides h6 {margin-top:1em;}
.rslides_container{margin-bottom:20px;position:relative;float:left;width:100%;}
.rslides_container .slides{margin:0;}
.centered-btns_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.7;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url('../img/themes.gif') no-repeat left top;margin-top:-45px;}
.centered-btns_nav:active{opacity:1.0;}
.centered-btns_nav.next{left:auto;background-position:right top;right:0;}
.transparent-btns_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;left:0;display:none;background:#fff;/* Fix for IE6-9 */ opacity:0;filter:alpha(opacity=1);width:48%;text-indent:-9999px;overflow:hidden;height:91%;}
.transparent-btns_nav.next{left:auto;right:0;}
.large-btns_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0.6;text-indent:-9999px;overflow:hidden;top:0;bottom:0;left:0;background:#000 url('../img/themes.gif') no-repeat left 50%;width:38px;}
.large-btns_nav:active{opacity:1.0;}
.large-btns_nav.next{left:auto;background-position:right 50%;right:0;}
.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus{outline:none;}
.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs{margin-top:10px;padding:0;text-align:center;}
.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px;}
.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#ccc;background:rgba(0,0,0,.2);display:inline-block;_display:block;*display:block;-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);width:9px;height:9px;}
.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a{background:#222;background:rgba(0,0,0,.8);}
.clients{margin:2em 0 0;}
.clients ul li {margin-bottom:2em;}
/* 16 - #Contact
================================================== */
textarea,select{width:100%;}
.connect,.socialmedia,.careers{border-bottom:1px solid #ccc;margin-bottom:1.5em;display:block;}
.careers{border:none;}
.socialmedia{padding:0 0 1.5em;}
.socialmedia a{float:left;font-size:48px;font-size:4.8rem;margin:0em 1em 0 0;text-decoration:none;}
em{display:inline-block;}
/* 17 - #Footer Content
================================================== */
footer[role="contentinfo"]{border-top:1px solid #999;width:100%;margin:0;padding:0;padding:1em 0 5em;position:relative;}
footer ul{width:100%;float:none;margin:0;padding:0;position:relative;}
footer ul li{float:left;margin:0 3.5% 0;}
footer ul li:first-of-type{margin-left:0;}
footer ul li:last-of-type{margin-right:0;}
footer .copyright{float:none;position:relative;width:100%;padding:0;margin:0;padding:.5em 0;color:#ccc;text-align:center;}
/* 18 - #Media Queries
================================================== */
@media only screen and (min-width:30em){/* 480 =================================================== */
header .logo{width:100%;}
footer .copyright{text-align:left;}
}
@media only screen and (min-width:40em){/* 640 =================================================== */
header .logo{display:block;overflow:auto;}
.logo h1{margin:0 auto;background:url('../images/ho_heart_logo.png');height:75;width:auto;z-index:-10000;}
.logo h1 a{width:100%;height:100%;text-indent:-9999em;display:block;position:relative;z-index:10000;}
header .intro{width:70%;margin:10em auto;}
section h1{text-align:center;}
.secondary:last-of-type{float:right;}
.sidebar{float:right;}
em{display:block;}
footer ul{width:60%;float:left;}
footer .copyright{float:right;width:auto;padding:0;}
}
@media only screen and (min-width:45em){/* 720 =================================================== */
.header_wrapper{padding-bottom:1.4em;}
.logo h1{float:none;}
[role='navigation']{float:left;width:100%;}
[role='navigation'] li{width:15%;}
nav li.wisdom{margin-left:30px;}
li.dojo,nav li.contact{float:right;}
}
@media screen and (min-width:55.5em){/* 888 =================================================== */
[role='navigation'] li{width:11%;margin:0em 2em;}
nav li.wisdom{margin-left:60px;}
.team ul li p {width:65%;}
}
@media only screen and (min-width:61.5em){/* 984 =================================================== */
[role='navigation'] li{width:11%;margin:0em 3em;}
nav li.wisdom{margin-left:100px;}
}
@media only screen and (min-width:75em){/* 1200 =================================================== */}
@media only screen and (min-width:87em){/* 1392 =================================================== */}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){/* 2x =================================================== */}