@import url(//fonts.googleapis.com/css?family=Rochester);
@import url(//fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
body,
input,
textarea {  color: #4a5154 }
body, 
input, 
button,
textarea,
p.form-submit input, button, input.searchsubmit
{ font-size: 17px; }
h1
{ font-size: 69px; }
.archive-article h2, .single .format-link h2, .single .format-quote h2 { font-size: 49px; }
h2 { font-size: 30px; }
h3
{ font-size: 26px; }
h4 { font-size: 22px; }
h5 { font-size: 19px; }
h6, blockquote
{ font-size: 16px; }
	header span.site-title { font-size: 24px !important; }
.tagline { font-size: 15px !important; }
.meta, .sidebar, .navigation, footer, #commentform .form-allowed-tags, header nav ul ul, .author-meta { font-size: 16px; }
header nav { font-size: 24px; }

body, 
input, 
button,
textarea {
font-family: "Helvetica Neue", Arial, sans-serif;
font-weight: 200;
}
h1, h2, h3, h4, h5, h6, header, .lead {
font-weight: 400;
}
header nav ul ul {
font-family: "Helvetica Neue", Arial, sans-serif;
}



body, 
input, 
button,
textarea, .single-content .meta.bottom {
color: #4a5154;
}
h1, .archive-article h2, .lead .title, .site-title, .lead, header nav, .portfolio.home h2, .portfolio.home h3, .portfolio.home h4, section.clients h4, footer h5, .sidebar h5, #portfolio-main h4, .team-content h2, .single .format-link h2, .single .format-quote h2 {
font-family: "Yanone Kaffeesatz";}

body, html.boxed body { background: #3e4345; }
.content article .post-content, div.comments, #respond, .commentlist, .content article .post-content.default, .portfolio-page.content article .post-thumb { background: #ffffff; }

header .logo a {
color: #4a5154;
}
header .logo a:hover {
color: #ffffff;
}
header span.tagline {
color: #fff;
}
h2, h3, h4, h5, h6
{
color: #4a5154;
}


a,
.meta a:hover, .meta.top a:hover, .meta .more a,
.sidebar li.current_page_item a:hover,
.portfolio.home .meta a:hover, #portfolio-main meta a:hover,
#filters a:hover, #filters a.active, .navigation .left a:hover, .navigation .right a:hover
 {
color: #0ebff3;
}


a:hover, 
.sidebar li.current_page_item a, 
header nav ul li a:hover,
header nav ul li
{
color: #3e4345;
}
footer
{
color: #C1CACE;
}
footer
{
background: #2a2f31;
}
footer h5
{
color: #a7b0b4;
}
footer a
{
color: #0ebff3;
}
footer a:hover
{
color: #ffffff;
}
p.form-submit button, p.form-submit input, button:hover, input.searchsubmit, .comment-respond p.form-submit input, #respond p.form-submit input, .flex-next, .flex-prev {
background-color: #0ebff3;
}

header nav ul li a,
header nav li.sfHover a {
color: #4a5154;
}
header nav ul li a:hover, 
header nav li.current_page_item a,
header nav li.current-menu-item a,
header nav li.current_page_ancestor a, 
header nav li.current_page_parent a,
header nav li.current-post-ancestor a, 
header nav li.current-page-ancestor a {
color: #ffffff;
}

a:hover.more, a.btn:hover,
span.btn a:hover, 
button:hover, input#searchsubmit:hover, 
.form-submit input:hover,
p.form-submit button:hover,
p.form-submit input:hover, button:hover, input.searchsubmit:hover, .comment-respond p.form-submit input:hover, #respond p.form-submit input:hover, .flex-next:hover, .flex-prev:hover {
background-color: #2a2f31;
}

.mean-container .mean-bar, 
.mean-container .mean-nav, header nav ul ul { 
background: #232627}

.foot .copyright {
font-size: 11px;
}

.meta, .meta.top a {
color: #a7b0b4;
}
.navigation {
background: #171a1b;
}
.navigation {
font-size: 15px;
}
.navigation, .navigation a, .navigation .nav-previous, .navigation .nav-next {
color: #0ebff3;
}
.navigation, .navigation a:hover, .navigation .nav-previous:hover, .navigation .nav-next:hover {
color: #444b4e;
}
.sidebar, .sidebar h5 {
color: #C1CACE;
}

.meta {
font-size: 15px;
}
footer h5, .sidebar h5 {
font-size: 29px;
}

footer .foot {
background-color: #171a1b;
}
h1 {
color: #ffffff;
}

.site-title, header nav, h1, .archive-article h2, .lead, .portfolio.home h2, .portfolio.home h3, .portfolio.home h4, section.clients h4, footer h5, .sidebar h5, #portfolio-main h4, .team-content h2, .single .format-link h2, .single .format-quote h2 {
text-transform: uppercase; 
}
header {
background-color: #0ebff3;
}
.lead {
font-size: 31px;
}
.emphasise { 
font-family: Rochester, cursive;
}


.emphasise { 
color: #0ebff3; 
}
.lead span.inverse { 
color: #4a5154; 
}
.lead .footnote span.inverse { 
color: #ffffff; 
}
.portfolio.home {
background-color: #4a5154;
}
.portfolio.home article, #portfolio-main article, .portfolio.home h3, #portfolio-main h4 {
color: #DAE3E7;
}
.portfolio.home h2 {
color: #ffffff;
}
.portfolio.home h2 {
font-size: 69px;
}
.portfolio.home h3, #portfolio-main h4 {
font-size: 31px;
}
.divide {
border-bottom: 1px solid #a7b0b4;
}
.portfolio.home a:hover, #portfolio-main .portfolio-content h4 a:hover {
color: #ffffff;
}
.portfolio.home h4, #portfolio-main h4 {
font-size: 37px;
}
.meta .hyphen {
border-color: #9da5a9;
}
.meta a, .navigation .left a, .navigation .right a {
color: #ffffff;
}
section.clients {
background: #303638;
}
section.clients h4 {
color: #676f72;
}
section.clients h4 {
font-size: 37px;
}
section.clients h4 .emphasise {
color: #ffffff;
}
a.btn.strip {
background: #171a1b;
}
a:hover.btn.strip {
background: #2A2F31;
}
.sidebar a:hover, .sidebar li.current_page_item a {
color: #ffffff;
}
blockquote {
font-size: 19px;
}
blockquote {
border-top: 9px solid #eceded;
border-bottom: 1px solid #eceded;
}
.meta.top, .post-audio {
background-color: #2a2f31;
}
.meta.bottom {
background-color: #ebebeb;
}
li.more a {
color: #0ebff3;
}
li.more a:hover {
color: #2a2f31;
}
.format-chat p, .format-chat p:first-of-type {
border-color: #ebebeb;
}
.posts .format-link .post-content, .single .format-link .post-content {
background-color: #0ebff3;
}
.posts .format-link .post-content a, .posts .format-link .post-content a {
color: #f5f5f5;
}
.posts .format-link .post-content:hover a, .posts .format-link .post-content a:hover, .meta.bottom a:hover, .single .format-link .post-content:hover a, .single .format-link .post-content a:hover {
color: #2a2f31;
}
.posts .format-quote .post-content, .single .format-quote .post-content {
background-color: #171a1b;
}
.posts .format-quote .post-content a, .meta.post-share, .single .format-quote .post-content h2 {
color: #f5f5f5;
}
.posts .format-quote .post-content:hover a, .posts .format-quote .post-content a:hover, .meta.bottom a, .single .format-quote .post-content:hover a, .single .format-quote .post-content a:hover {
color: #0ebff3;
}
#respond-title a, #respond-title a:hover {
background-color: #171a1b;
}
#respond-title a, #respond-title a:hover {
color: #0ebff3;
}
#respond-title a, #respond-title a:hover {
font-size: 15px;
}
.navigation a {
color: #ffffff;
}
.navigation a {
color: #0ebff3;
}
#filters {
background: #2a2f31;
}
#filters {
color: #C1CACE;
}
#filters {
font-size: 15px;
}
#filters a {
color: #f1f9fc;
}
.portfolio-inner {
border-right: 1px solid #0ebff3;
}
.portfolio-page .flexslider {
border-bottom: 1px solid #0ebff3;
}
.portfolio-details {
font-size: 16px;
}
.team-member {
font-size: 15px;
}
.team-content h2 {
font-size: 37px;
}
.team-content h2 {
color: #f77564;
}
h1.searching span {
background: #0ebff3;
}


@media screen and (max-width: 620px) {
header nav {
display: none;
}
header .logo {
width: 100%;
text-align: center;
}
header .tagline {
display: block;
}
}

	
.parallax section.main, .fixed section.main { padding-top: 120px; } header .logo a { display: block; } .lead h2 { color:#FFF; } .page-template page-template-template-portfolio-php .meta { display:none; } .site-title a { font-size: 24px; font-size:1.41176470588rem; } footer a.social { opacity: 0.5; filter: alpha(opacity=50); } footer a.social:hover { opacity: 1.0; filter: alpha(opacity=100); } .footnote { color:#A7B0B4; } input.s { color:#3E4345; } .page-template-template-contact-php .content article .post-content { padding:0; } .page-template-template-contact-php .content article .contact-form.post-content { padding:40px 5.71429%; } .portfolio-details ul li span { display:block; font-weight:700; } header span.site-title { font-size: 36px !important; font-size: 2.250rem !important; } section.clients h4 { color:#FFF; } section.clients h4 .emphasise { color: #0ebff3; } .portfolio-content a { font-weight:700; } body, input, button, textarea { font-weight: 400; } @media screen and (max-width: 28.75em) { section.clients .logos img { margin-left:0; margin-right:0; } }