/* #######################################################################

	Theme Name: Pushy
	Theme URI: http://www.meanthemes.com/theme/pushy/
	Description: A Bold & Creative "Get it done" theme: responsive for mobile, tablet and desktop
	Author: MeanThemes
	Author URI: http://meanthemes.com/
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.2.6
	Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready

########################################################################

	0.  CSS Reset, Font setup and Plugins
	1.	WordPress defaults
	2.	General Layout
	3.	Home Template
	4.	Standard Default Template
	5.	Single (Blog Article)
	6.	Portfolio
	7.	Archive
	8.	Contact
	9.	Typography & Text Colours
	10.	Shortcodes
	11.	Pesky Internet Explorer Fixes
	12.	Responsive Layer
	13.	Print

/* #######################################################################

	0.  CSS Reset, Font setup and Plugins

####################################################################### */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
ins{background-color:#ff9;color:#333;text-decoration:none;}
mark{background-color:#ff9;color:#333;font-style:italic;font-weight:700;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
body{font:13px/1.231 sans-serif;}
select,input,textarea,button{font:99% sans-serif;}
pre,code,kbd,samp{font-family:monospace, sans-serif;}
html{overflow-y:scroll;}
a:hover,a:active{outline:none;}
ul,ol{margin-left:2em;}
ol{list-style-type:decimal;}
nav ul,nav li{list-style:none;list-style-image:none;margin:0;}
small{font-size:85%;}
strong,th{font-weight:700;}
td{vertical-align:top;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-.5em;}
sub{bottom:-.25em;}
pre{white-space:pre-wrap;word-wrap:break-word;padding:1em;}
textarea{overflow:auto;}
.ie6 legend,.ie7 legend{margin-left:-7px;}
input[type="checkbox"]{vertical-align:bottom;}
.ie7 input[type="checkbox"]{vertical-align:baseline;}
label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer;}
button,input,select,textarea{margin:0;}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red;}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd;}
button{width:auto;overflow:visible;}
.ie7 img{-ms-interpolation-mode:bicubic;}
input[type="radio"],.ie6 input{vertical-align:text-bottom;}
em {font-style: oblique;}

/* #######################################################################

	0.1 Plugin - Superfish

####################################################################### */

header nav ul ul {
position: absolute;
top: -999em;
width: 10em;
text-align: left;
z-index: 3;
background: #333;
padding: 0.5em 1em;
margin-top: 16px;
}
header nav ul ul li {
width: 100%;
float: left;
display: block;
line-height: 1em;
margin: 0.25em 0;
}
header nav ul li:hover {
visibility: inherit;
}
header nav ul li,
header nav ul a {
position: relative;
}
header nav ul li:hover ul,
 header nav ul li.sfHover ul {
left: 0;
top: 1.5em;
z-index: 99;
}
header nav ul li:hover li ul,
 header nav ul li.sfHover li ul {
top: -999em;
}
header nav ul li li:hover ul,
 header nav ul li li.sfHover ul {
left: 7em;
top: 0;
}
header nav ul li li:hover li ul,
 header nav ul li li.sfHover li ul {
top: -999em;
}
header nav ul li li li:hover ul,
 header nav ul li li li.sfHover ul {
left: 10em;
top: 0;
}
header nav li.sfHover a { 
text-decoration: none; 
color: #cb5211;
}
header nav li.sfHover li a { 
text-decoration: none; 
background: none;
color: #fff;
}
header nav ul li ul li a { 
text-decoration: none; 
padding: 0.75em 0 0.25em 0;
display: block;
float: left;
width: 100%;
background: none;
border-bottom: none;
}
header nav ul ul li:first-child a { 
padding: 0;
border-top: none; 
}
header nav ul ul a:hover { 
text-decoration: underline; 
}

/* #######################################################################

	0.2 Plugin - meanMenu

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar { 
float: left;
width: 100%;
position: relative;
background: #333;
padding: 4px 0;
min-height: 33px;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 10px 10px 8px 10px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav { 
float: left;
width: 100%;
background: #333;
margin-top: 33px;
}
.mean-container .mean-nav ul {
width: 100%;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 1em 5%;
margin: 0;
text-align: left;
color: #fff;
border-top: 1px solid #383838;
border-top: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
text-transform: uppercase;
}
.mean-container .mean-nav ul li:first-child a { 
border: none; 
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-top: 1px solid #f1f1f1;
border-top: 1px solid rgba(255,255,255,0.25);
opacity: 0.75; 
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li:first-child a {
border-top: 1px solid #f1f1f1;
border-top: 1px solid rgba(255,255,255,0.25);
}
.mean-container .mean-nav ul li a:hover { 
background: #252525;
background: rgba(255,255,255,0.1); 
}
.mean-container .mean-push { 
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both; 
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}

/*
Animate.css - http://daneden.me/animate
LICENSED UNDER THE  MIT LICENSE (MIT)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-ms-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(240px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(240px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(240px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}
	
	80% {
		-o-transform: translateY(10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(240px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}


/**** Transitions for Masonry ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}




/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

.flex-prev {
float: left;
}
.flex-next {
float: right;
}


/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* #######################################################################

	1.	WordPress defaults

####################################################################### */

.alignnone {
margin:5px 0 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.aligncenter,
 div.aligncenter,
 .aligncenter {
display:block;
margin:5px auto;
}
.alignright,
 a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft,
 a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
.sticky {}
.gallery-caption { 
font-style: oblique;
}
.bypostauthor .avatar { 
border-color: #ccc; 
}

/* #######################################################################

	2.	General Layout

####################################################################### */

html {
-webkit-text-size-adjust: none;
}
body {
background: #f9f9f9;
}
header .logo img.retina {
display: none;
}
a img {
border: none;
}
article ul, article ol { 
margin-bottom: 28px; 
}
article .commentlist ul, .commentlist  ol.commentlist {
margin-bottom: 0;
}
blockquote {
padding: 20px 20px 5px 20px;
background: #fcfcfc;
border: 1px solid #f1f1f1;
margin-bottom: 25px;
}
p {
margin-bottom: 15px;
}
table {
margin-bottom: 1em;
}
table, table td, table th {
border-collapse: collapse;
}
table td, table th {
padding: 5px 10px;
}
table th {
text-align: left;
font-weight: 400;
background: #d1d1d1;
border: 1px solid #d1d1d1;
}
table td {
background: #fff;
border: 1px solid #d1d1d1;
}
table tr.alt td {
background: #f1f1f1;
}
table tr:hover td {
background: #efefef;
color: #fff;
}
header,
section,
article,
footer,
header .header {
float: left;
width: 100%;
}
.wrapper, 
section.wrapper,
article.wrapper,
footer.wrapper {
float: none;
text-align:left;
width: 960px;
margin: 0 auto;
text-align: center;
}
header {
position: relative;
z-index: 99;
background: #f7f7f7;
padding: 16px 0 20px 0;
border-bottom: 1px solid #eaeaea;
}
span.site-title {
width: auto;
display: inline-block;
padding: 10px 0;
}
header .logo {
float: left;
position: relative;
}
header .logo img {
margin-right: 10px;
}
header nav {
float: right;
padding: 20px 0 12px 0;
}
header nav ul {
float: right;
}
header a.btn {
margin-top: 10px;
margin-left: 20px;
float: right;
}
header.fixed {
position: fixed;
z-index: 99;
}
header nav ul li {
display: inline;
margin: 0 0 0 20px;
padding: 0;
}
header nav ul li:first-child {
margin-left: 0;
}
header nav ul li a {
padding: 20px 0 18px 0;
text-decoration: none;
}
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 {
color: #cb5211;
text-decoration: none;
}
header nav li.current_page_item ul li a,
header nav li.current-menu-item ul li a,
header nav li.current_page_ancestor ul li a, 
header nav li.current_page_parent ul li a,
header nav li.current-post-ancestor ul li a {
color: #fff;
border: none;
text-decoration: none;
}
header nav ul li ul li a:hover {
text-decoration: underline;
}
header nav .wrapper {
text-align: center;
}
#tweets {
background: url(assets/img/twitter.png) 50% 4px no-repeat;
padding-top: 40px;
}
#tweets ul, 
#tweets ul li {
padding: 0;
margin: 0;
list-style-type: none;
}
#tweets ul li {
margin-bottom: 12px;
}
label.error {
float: left;
width: 100%;
color: #f00;
margin: 0.5em 0 1em 0;
}
input.error, textarea.error {
border: 1px solid #f00;
}
.the-contact .social-links {
float: left;
width: 100%;
margin-top: 10px;
}
.the-contact a.social { 
display: inline-block;
position: relative;
width: 22px;
height: 22px;
margin-left: 5px;
margin-bottom: 5px;
-o-transition: opacity 0.5s ease-in; 
-webkit-transition: opacity 0.5s ease-in; 
-moz-transition: opacity 0.5s ease-in; 
transition: opacity 0.5s ease-in;
opacity: 0.8; 
filter:alpha(opacity=40);
text-indent: -9999em;
color: rgba(0,0,0,0) !important;
font-size: 1px;
line-height: 22px;
}
.the-contact a:hover.social { 
-o-transition: opacity 0.25s ease-in; 
-webkit-transition: opacity 0.25s ease-in; 
-moz-transition: opacity 0.25s ease-in; 
transition: opacity 0.25s ease-in;
opacity: 1; 
filter:alpha(opacity=100);
}
.the-contact a.social:first-of-type {
margin-left: 0;
}
.the-contact a.social.first {
margin-left: 0;
}
.the-contact a.social.twitter { 
background: url(assets/img/social-twitter-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.facebook { 
background: url(assets/img/social-facebook-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.linkedin { 
background: url(assets/img/social-linkedin-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.googleplus { 
background: url(assets/img/social-googleplus-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.vimeo { 
background: url(assets/img/social-vimeo-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.youtube { 
background: url(assets/img/social-youtube-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.zerply { 
background: url(assets/img/social-zerply-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.pinterest { 
background: url(assets/img/social-pinterest-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.dribbble { 
background: url(assets/img/social-dribbble-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.github { 
background: url(assets/img/social-github-black.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.twitter { 
background: url(assets/img/social-twitter-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.facebook { 
background: url(assets/img/social-facebook-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.linkedin { 
background: url(assets/img/social-linkedin-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.googleplus { 
background: url(assets/img/social-googleplus-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.vimeo { 
background: url(assets/img/social-vimeo-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.youtube { 
background: url(assets/img/social-youtube-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.zerply { 
background: url(assets/img/social-zerply-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.pinterest { 
background: url(assets/img/social-pinterest-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.dribbble { 
background: url(assets/img/social-dribbble-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.github { 
background: url(assets/img/social-github-white.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.contact-form input, .password-protect input, input.s, textarea, input[type=text] {
background: #fff;
border: 1px solid #d8d8d8;
width: 70%;
padding: 10px;
font-size: 18px;
}
textarea { 
height: 192px; 
}
input,
button {
-webkit-appearance: none;
border-radius: 0;
}
input#s {
width: 70%;
}
form#searchform {
padding-top: 4px;
}
button, input#searchsubmit {
margin-top: 8px;
}
footer {
background: #000;
float: left;
width: 100%;
padding: 55px 0 55px 0;
margin: 0;
}
footer ul {
padding: 0;
margin: 0;
list-style-type: none;
}
footer ul li{
padding: 6px 0;
border-bottom: 1px solid #eaeaea;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
footer #tweets ul li {
border: none;
}
footer .wrapper {
text-align: left;
}
footer .right,
footer .the-contact {
float: right;
clear: right;
width: 17%;
text-align: right;
}
footer .widgets {
float: left;
width: 83%;
}
footer .widgets .footer-widget {
float: left;
width: 20%;
margin-left: 5%;
}
footer .widgets .footer-widget:first-of-type {
margin-left: 0;
padding-right: 2%;
width: 21%;
}
footer .widgets .footer-widget.first {
margin-left: 0;
padding-right: 2%;
width: 22%;
}
footer .widgets .footer-widget:last-of-type {
margin-right: 0;
}
footer .widgets .footer-widget.last {
margin-right: 0;
}

/* Blocked */
html.blocked body {
background: #474646;
}
html.blocked #block-wrapper {
margin: 0 auto;
width: 1000px;
}
html.blocked #content-wrapper {
float: left;
width: 100%;
background: #f9f9f9;
}

/* #######################################################################

	3.	Home Template

####################################################################### */

.home-portfolio {
float: left;
width: 100%;
margin: 0;
}
.home-portfolio.top {
padding-top: 0;
}
.home-portfolio-items {
float: left;
width: 100%;
padding: 75px 0 55px 0;
margin: 0;
border-top: 1px solid #eaeaea;
}
.wrapper.full-page.main.top {
float: left;
width: 100%;
padding-top: 35px;
margin: 0;
border-top: 1px solid #eaeaea;
}
.home-portfolio-items article h2 {
padding-top: 20px;
}
.home-portfolio-items article p.m-tag {
padding: 40px 0 0 0;
background-position: 50% 18px;
}
.home-portfolio article {
float: left;
padding-top: 75px;
padding-bottom: 75px;
}
.home-portfolio.top article {
padding-top: 55px;
padding-bottom: 45px;
}
.home-portfolio article.pushy {
padding-bottom: 45px;
}
.home-portfolio article.portfolio-home {
padding-top: 35px;
padding-bottom: 35px;
margin-bottom: 25px;
}
.home-portfolio article.left-me,
.home-portfolio article.left-me .wrapper,
.home-portfolio article.right-me,
.home-portfolio article.right-me .wrapper {
text-align: left;
}
.home-portfolio article.left-me img.attachment-post-thumbnail {
float: right;
margin-left: 40px;
max-width: 100%;
}
.home-portfolio article.right-me img.attachment-post-thumbnail {
float: left;
margin-right: 40px;
max-width: 100%;
}
.home-portfolio article .wrapper {
width: 960px;
}
.home-portfolio article:last-of-type {
border: none;
margin-bottom: 0;
}
div.lead img.attachment-post-thumbnail {
margin-top: 35px;
max-width: 100%;
}
.darkest.the-blog {
padding-bottom: 75px;
}
.articles {
float: left;
width: 960px;
padding-top: 10px;
text-align: left;
}
.the-blog article.first {
margin-left: 0;
}
.time {
background: url(assets/img/time.png) 0 4px no-repeat;
display: inline-block;
padding-left: 24px;
padding-top: 4px;
}

.full {
float: left;
width: 100%;
clear: both;
padding: 0;
margin: 0;
}
.the-contact .footer-widget {
float: left;
width: 22%;
padding: 0;
margin: 0 4% 0 0;
}
.the-contact .footer-widget:nth-child(3n) {
margin-right: 0;
}
.the-contact .footer-widget.end {
margin-right: 0;
}
.the-contact .wrapper {
width: 960px;
}
.the-contact .full,
.the-contact .footer-widget, 
.the-contact .one_fourth {
position: relative;
z-index: 2;
padding-bottom: 50px;
}


/* ########################################################################

	4.	Standard Default Template

####################################################################### */

.darkest {
float: left;
width: 100%;
padding: 55px 0;
background: #071b2a;
}
.darkest {
float: left;
width: 100%;
text-align: left;
}
.darkest.sub {
padding: 75px 0;
margin-bottom: 35px;
background: #fff;
border-bottom: 1px solid #eaeaea;
}
.darkest.sub .wrapper {
text-align: left;
position: relative;
}
.lightest {
float: left;
width: 100%;
padding: 125px 0 75px 0;
background: #f1f1f1;
}
.content {
float: left;
width: 680px;
text-align: left;
position: relative;
z-index: 2;
padding-top: 25px;
padding-bottom: 75px;
}
.content img {
max-width: 100%;
}
.full-page .content,
.portfolio-page .content {
width: 100%;
}
.sidebar {
float: right;
width: 234px;
text-align: left;
border-left: 1px solid #eaeaea;
padding-top: 25px;
padding-left: 20px;
min-height: 600px;
}
.archive .sidebar {
min-height: 900px;
}
.error404 .content {
min-height: 400px;
}
.main-page .content {
margin-bottom: 35px;
}
.sidebar ul li a {
padding: 0 10px 4px 10px;
margin-bottom: 4px;
border-bottom: 1px solid #eaeaea;
display: block;
}
.sidebar ul li {
margin-bottom: 4px;
}
.sidebar ul ul { 
padding-left: 12px; 
margin-bottom: 8px;
}
.sidebar ul ul ul { 
padding-left: 24px; 
margin-bottom: 8px;
}
section.wrapper.main-page {
width: 960px;
}

/* #######################################################################

	5.	Single (Blog Article)

####################################################################### */

.audiojs {
width: 70%;
}
.article-archive .audiojs {
width: 100%;
}
.flex-container {
float: left;
width: 100%;
border-bottom: 1px solid #eaeaea;
padding-bottom: 10px;
margin-bottom: 10px;
margin-top: 10px;
}
.sub .meta {
padding-top: 6px;
}
.sub .meta .time {
background-position: 0 0;
padding: 0 0 0 24px;
display: inline-block;
}
.sidebar #searchform {
margin-bottom: 35px;
}
.meta .tag {
background: url(assets/img/tag.png) 0 0 no-repeat;
padding: 0 0 0 24px;
margin-left: 14px;
display: inline-block;
}
.article-archive .meta .tag {
margin: 0;
}
.meta.first p:first-child {
margin-left: 0 !important;
}
.meta .comment {
background: url(assets/img/comment.png) 0 0 no-repeat;
padding: 0 0 0 24px;
margin-left: 14px;
display: inline-block;
}
.js .sidebar.footer-archive, .sidebar.footer-archive {
position: relative;
top: auto;
right: auto;
height: auto;
float: left;
width: 100%;
padding-top: 50px;
}

.comment-system label {
margin-left: 10px;
}
.comment-form-comment label {
position: absolute;
left: -9999em;
}
.comment-system #commentform {
padding-bottom: 45px;
}
.comment-form-comment textarea {
width: 78.5%;
}
.footer-archive #searchform,
.sidebar.fixed #searchform {
margin-bottom: 50px;
}
.footer-archive #searchform input#s,
.sidebar.fixed #searchform input#s {
width: 40%;
}
.footer-archive #searchform input#searchsubmit,
.sidebar.fixed #searchform input#searchsubmit {
color: #fff;
}
p.form-allowed-tags {
width: 80%;
}
.comment-system { 
border-top: 1px solid #eaeaea; 
padding-top: 35px;
margin-top: 35px;
float: left;
width: 100%;
}
.comment-system.status {
margin-top: 0;
padding-top: 0;
border-top: none;
}
ol.commentlist { 
float: left;
margin: 0;
padding: 0 0 2% 0;
text-align: left;
width: 98%;
}
ol.commentlist li { 
list-style-type: none; 
padding: 0;
margin: 35px 0 35px 0;
border-bottom: 1px solid #eaeaea; 
position: relative;
float: left;
width: 100%;
}
ol.commentlist li ul {
margin: 25px 0 0 0;
float: left;
width: 100%;
padding-left: 0;
border-top: 1px solid #eaeaea; 
}
ol.commentlist li li { 
padding-left: 5%;
width: 95%;
margin-bottom: 35px;
float: left;
border-bottom: none;
}
.comment-body, .comment-author {
float: right;
width: 89%;
margin: 0;
padding: 0;
}
.comment-author img { 
float: left;
border: 1px solid #d1d1d1;
}
.article-archive.format-gallery .slides > li:first-child {display: block;} 

/* #######################################################################

	6.	Portfolio

####################################################################### */

.portfolio-page .flex-container {
padding-top: 10px;
margin-top: -25px;
}
.portfolio-page .sub h1 {
margin-bottom: 4px;
}
.portfolio-page div.hgroup {
margin-bottom: 35px;
}
.portfolio-image {
float: left;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
#container,
#filters {
float: left;
width: 100%;
margin: 25px 0 25px 0;
padding: 0;
}
#container {
float: left;
margin-top: 0;
width: 960px;
padding-bottom: 35px;
}
#filters {
text-align: center;
padding-top: 25px;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
#filters ul {
padding: 10px 0 35px 0;
margin: 0;
}
#filters ul li {
padding: 0;
margin: 0 0 0 14px;
list-style-type: none;
display: inline;
}
#filters ul li a {
background: url(assets/img/filter.png) 0 50% no-repeat;
padding-left: 18px;
}
#filters ul li:first-child {
margin-left: 0;
}
#filters p {
margin-bottom: 0;
}
.portfolio-item, .home-portfolio-items article, .article-archive, .the-blog article {
float: left;
width: 260px;
padding: 20px;
margin: 2px 0 15px 15px;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 2px rgba(0,0,0,0.25);
text-align: left;
}
.article-archive.format-standard {
min-height: 300px;
}
.article-archive.format-link p,
.article-archive.format-quote p,
.article-archive.format-status p,
.article-archive.format-status div.meta,
.article-archive.format-video div.meta.top,
.article-archive.format-image .post-thumb {
padding: 0;
margin: 0;
}
.article-archive.format-audio .archive-excerpt {
margin-bottom: 15px;
}
.article-archive.format-link div.hgroup {
background: #cb5211;
padding: 20px;
}
pre, .article-archive.format-chat .archive-excerpt {
padding: 10px;
margin-bottom: 15px;
background: #fff;
border: 1px solid #eaeaea;
}
.article-archive.format-quote div.hgroup,
.single-quote {
background: #333;
padding: 20px;
-o-transition: background 0.25s ease-in;
-webkit-transition: background 0.25s ease-in;
-moz-transition: background 0.25s ease-in;
transition: background 0.25s ease-in;
}
.article-archive.format-quote div.hgroup:hover,
.single-quote:hover {
background: #cb5211;
-o-transition: background 0.25s ease-in;
-webkit-transition: background 0.25s ease-in;
-moz-transition: background 0.25s ease-in;
transition: background 0.25s ease-in;
}
.article-archive.format-status div.hgroup {
background: #f7f7f7;
padding: 20px;
}
.portfolio-item img, .home-portfolio-items article img, .article-archive img, .the-blog article img {
max-width: 100%;
}
.portfolio-item .meta {
margin-bottom: 15px;
}
.portfolio-item .post-thumb, .home-portfolio-items article .post-thumb, .article-archive .post-thumb, .the-blog article .post-thumb {
float: left;
width: 260px;
height: 260px;
display: block;
position: relative;
}
.post-thumb-hover {
background: url(assets/img/view.png) 0 0 no-repeat #cb5211;
float: left;
width: 260px;
height: 260px;
display: block;
position: absolute;
z-index: 5;
top: 0;
left: 0;
opacity: 0; 
filter: alpha(opacity=0);
-o-transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
}
.post-thumb:hover .post-thumb-hover, .portfolio-item:hover .post-thumb-hover, .home-portfolio-items article:hover .post-thumb-hover, .article-archive:hover .post-thumb-hover, .the-blog article:hover .post-thumb-hover {
opacity: 0.85; 
filter: alpha(opacity=85);
-o-transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
.portfolio-details {
float: left;
width: 28%;
padding-top: 20px;
font-style: oblique;
}
.portfolio-details ul {
padding: 0;
margin: 0;
}
.portfolio-details ul li {
padding: 0;
margin: 0;
list-style-type: none;
}
.portfolio-details span {
float: left;
min-width: 100px;
font-style: oblique;
}
.portfolio-content {
float: right;
width: 62%;
padding-top: 20px;
padding-bottom: 5px;
padding-left: 4%;
border-left: 1px solid #eaeaea;
}

/* #######################################################################

	7.	Archive

####################################################################### */

.post-thumb, .post-video {
display: block;
margin-bottom: 25px;
}
.post-video { 
margin-top: 25px;
}
.article-archive div.meta {
padding-bottom: 15px;
}
.meta p {
margin-bottom: 4px;
}
.meta .more {
margin-top: 11px;
}
.sidebar ul {
padding: 0;
margin: 4px 0 35px 0;
}
.sidebar ul li {
padding: 0;
margin: 0;
list-style-type: none;
}
.darkest.footer-archive {
padding-bottom: 25px;
}
.navigation {
position: absolute;
top: 0;
right: 0;
}
.navigation .nav-next {
float: right;
}
.navigation .nav-previous {
float: left;
margin-right: 20px;
}
.navigation.portfolio .nav-next,
.navigation.portfolio .nav-previous {
background: none;
}
.single .darkest.sub h1 {
width: 72%;
}
.darkest.sub.n h1 {
width: 70%;
}
.wp-caption {
padding: 10px;
background: #fff;
box-shadow: 0 0 2px rgba(0,0,0,0.3);
display: inline-block;
}
.wp-caption img {
border: 1px solid #ccc;
}
.wp-caption p {
margin: 0;
padding: 0;
}

/* #######################################################################

	8.	Contact

####################################################################### */

.contact-form { 
margin-top: 15px;
float: left;
width: 100%;
}
#map {
float: left;
width: 100%;
height: 320px;
margin: 0 0 35px 0;
border: 1px solid #f1f1f1;
}


/* #######################################################################

	9.	Typography & Text Colours

####################################################################### */

body, 
input, 
button,
textarea {
font: 14px/1.7 'Lato', Helvetica, Arial, sans-serif;
font-weight: 400;
color: #484545;
}
a {
color: #cb5211;
text-decoration: none;
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}
a:hover, 
.sidebar li.current_page_item a {
color: #333;
text-decoration: underline;
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}
.sidebar li.current_page_item a {
text-decoration: none;
}
header nav ul li a {
color: #484545;
}
header nav ul li ul li a, header nav ul li ul li a:hover {
color: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}
h1, 
h1 .site-title a, 
.the-blog h4,
.the-contact h4,
.footer-archive h4,
.contact-form h2,
h3#reply-title,
.comments h2,
.sidebar.fixed h4 {
font-size: 40px;
line-height: 1.2;
color: #333;
text-decoration: none;
margin-bottom: 25px;
}
.content .article-archive h2 {
margin-bottom: 5px;
}
.home-portfolio {
color: #333;
}
.darkest.sub h1, .darkest.sub p {
margin-bottom: 0;
}
.home-portfolio h2, 
.home-portfolio h2 a {
font-size: 40px;
line-height: 1.2;
text-decoration: none;
margin-bottom: 25px;
}
h1 .site-title, header h1, .site-title a, .site-title a:hover, .article-archive h2 a {
color: #333;
text-decoration: none;
margin-bottom: 0;
}
.strap-enabled h1 .site-title, header .strap-enabled h1, .strap-enabled .site-title a, .strap-enabled .site-title a:hover {
padding-bottom: 0;
margin-bottom: 0;
}
.site-title a:hover {
color: #cb5211;
}
.strap {
font-size: 11px;
font-style: 700;
opacity: 0.7;
filter: alpha(opacity=70);
padding-left: 2px;
}
h2, h3, h4, h5, h6 {
line-height: 1.2;
}
.content h2 {
font-size: 28px;
margin-bottom: 14px;
}
.content h3,
.home-portfolio h3 {
font-size: 24px;
margin-bottom: 12px;
}
.content h4,
.home-portfolio h4 {
font-size: 20px;
margin-bottom: 10px;
}
.content h5,
.home-portfolio h5 {
font-size: 18px;
margin-bottom: 10px;
}
.content h6, .sidebar h5,
.home-portfolio h6 {
font-size: 16px;
margin-bottom: 10px;
}
header .site-title, header h1 {
font-size: 32px;
line-height: 1.2;
}
header nav ul li ul li a {
font-size: 13px;
}
a.more,
a.btn, 
span.btn a
span.more a,
button, input#searchsubmit, 
.form-submit input,
.navigation .nav-next a, 
.navigation .nav-previous a,
.comment-reply a {
padding: 10px 30px;
width: auto;
background: none;
border: none;
display: inline-block;
color: #fff !important;
background: #cb5211;
text-decoration: none;
-o-transition: background 0.25s ease-in;
-webkit-transition: background 0.25s ease-in;
-moz-transition: background 0.25s ease-in;
transition: background 0.25s ease-in;
border-radius: 3px;
font-weight: 400;
}
a:hover.btn,
span.btn a:hover, 
a:hover.more, 
span.more a:hover, 
button:hover, input#searchsubmit:hover, 
.form-submit input:hover,
.navigation .nav-next a:hover, 
.navigation .nav-previous a:hover,
.comment-reply a:hover {
background: #333;
text-decoration: none;
-o-transition: background 0.25s ease-in;
-webkit-transition: background 0.25s ease-in;
-moz-transition: background 0.25s ease-in;
transition: background 0.25s ease-in;
}
.pushy {
font-size: 48px;
line-height: 1.2;
color: #cb5211;
font-weight: 300;
}
.pushy .highlight {
background: #333; 
padding: 1px 6px 8px 4px;
color: #fff;
display: inline-block;
}
.darkest,
.the-blog h4,
.the-blog a,
.footer-archive h4,
.darkest.sub h1 {
color: #333;
text-decoration: none;
}
.darkest.sub h1, 
.site-title {
font-weight: 300;
}
.the-blog, .the-blog a {
color: #333;
}
.darkest h5, 
.the-contact h5,
.article-archive h2 {
font-size: 17px;
line-height: 1.3;
}
.home-portfolio-items h2 {
font-size: 16px;
}
.the-blog p {
margin-bottom: 15px;
}
.the-blog a:hover {
color: #cb5211;
}
.the-blog a:hover.more {
color: #fff;
}
#filters a {
color: #484545;
text-decoration: none;
}
#filters a:hover, #filters a.active {
color: #cb5211;
}
.sidebar.fixed-nav, .sidebar.fixed-nav a {
color: #fff;
text-align: left;
}
.portfolio-item h2 {
margin-top: 20px;
}
.footer-archive a, .sidebar.fixed a {
color: #fff;
}
.footer-archive a:hover, .sidebar.fixed a:hover {
color: #fff;
text-decoration: underline;
}
footer p, footer small {
margin-bottom: 4px;
line-height: 1;
}
footer .footer-widget p {
line-height: 1.6;
}
footer p.credit {
float: left;
width: 100%;
padding-top: 15px;
margin-top: 25px;
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(255,255,255,0.2);
opacity: 0.75; 
filter: alpha(opacity=75);
}
a.comment-date {
color: #484545;
}
.the-blog h4 {
color: #fff;
font-size: 24px;
margin-bottom: 35px;
padding-bottom: 15px;
}
.portfolio-item h2, .home-portfolio-items article h2, .article-archive h2, .the-blog article h2 {
font-size: 22px;
margin-top: 20px;
margin-bottom: 14px;
}
.portfolio-item, .home-portfolio-items article, .article-archive, .the-blog article, header nav {
font-size: 13px;
}
.article-archive h2 {
margin-top: 0;
}
.portfolio-item h2 a, .home-portfolio-items article h2 a, .article-archive h2 a, .the-blog article h2 a {
color: #333;
text-decoration: none;
}
.portfolio-item h2 a:hover, .home-portfolio-items article h2 a:hover, .article-archive h2 a:hover, .the-blog article h2 a:hover {
color: #cb5211; 
}
.footer-widget, footer, footer small {
color: #b8b8b8;
font-size: 11px;
}
footer h5 {
font-size: 13px;
margin-bottom: 10px;
}
footer a {
color: #fff;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
color: #fff;
}
.article-archive.format-link a,
.article-archive.format-link a:hover,
.article-archive.format-quote,
.article-archive.format-quote,
.article-archive.format-quote a,
.article-archive.format-quote a:hover,
.single-quote
{
color: #fff;
text-decoration: none;
}
.article-archive.format-quote p.quote {
margin-top: 20px;
font-size: 11px;
}
.portfolio-details {
font-size: 11px;
}
span.marks {
font-family: Georgia, "Times New Roman", serif;
font-size: 45px;
display: block;
float: left;
width: 100%;
margin-bottom: -20px;
line-height: 1;
}
.aside, em {
font-style: oblique;
}


/* #######################################################################

	10.	Shortcodes

####################################################################### */

.one_half {
width:48%;
}
.one_third {
width:30.66%;
}
.two_third {
width:65.33%;
}
.one_fourth {
width:22%;
}
.three_fourth {
width:74%;
}
.one_fifth {
width:16.8%;
}
.two_fifth {
width:37.6%;
}
.three_fifth {
width:58.4%;
}
.four_fifth {
width:67.2%;
}
.one_sixth {
width:13.33%;
}
.five_sixth {
width:82.67%;
}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
position:relative;
margin-right:4%;
float:left;
}
.last {
margin-right:0 !important;
clear:right;
}
.clearboth {
clear:both;
display:block;
font-size:0;
height:0;
line-height:0;
width:100%;
}
.clear {
clear:both;
display:block;
width:100%;
float: left;
}
.status,
.comment-body em {
display: block;
width: 96%;
padding: 10px 2%;
border-radius: 4px;
margin: 0.5em 0 1em 0;
}
.status.oops {
background: #ffe2e2;
border: 1px solid #ff8a8a;
color: #e13131;
}
.status.less-oops,
.comment-body em {
background: #fff2e2;
border: 1px solid #ffbc8a;
color: #e17731;
}
.status.ok {
background: #e8ffe2;
border: 1px solid #6fdf51;
color: #1ea524;
}
.status p {
margin: 0.5em 0;
}
a.button,
a.button:visited {
padding: 10px 30px;
width: auto;
background: none;
border: none;
display: inline-block;
color: #fff;
background: #cb5211;
text-decoration: none;
-o-transition: background 0.25s ease-in;
-webkit-transition: background 0.25s ease-in;
-moz-transition: background 0.25s ease-in;
transition: background 0.25s ease-in;
border-radius: 3px;
vertical-align: middle;
margin-bottom: 10px;
font-weight: 400;
}
a.button.square {
border-radius: 2px;
}
a.button.large,
a.btn.large {
padding: 20px 60px;
}
a.button:hover {
text-decoration: none;
background: #484545;
}
a.button:active {
position: relative;
top: 1px;
}
a.button.grey {
color: #484545;
background: #f1f1f1;
}
a.button.grey:hover {
background: #dfdfdf;
}
a.button.black {
background: #484545;
}
a.button.black:hover {
background: #333;
}
a.button.green {
background: #b5e200;
}
a.button.green:hover {
background: #9bc200;
}
a.button.light-blue {
background: #08AED0;
}
a.button.light-blue:hover {
background: #009cbb;
}
a.button.blue {
background: #0065e2;
}
a.button.blue:hover {
background: #004fb0;
}
a.button.red {
background: #d23d24;
}
a.button.red:hover {
background: #b02b15;
}
a.button.orange {
background: #cb5211;
}
a.button.orange:hover {
background: #333;
}
a.button.purple {
background: #9000e2;
}
a.button.purple:hover {
background: #7d02c4;
}
a.button.pink {
background: #dc55b1;
}
a.button.pink:hover {
background: #bf3a95;
}
.mt-tabs.ui-tabs .ui-tabs-hide {
position: absolute;
left: -99999em;
}
.mt-tabs {
background: none;
margin: 0 0 2em 0;
}
.mt-tabs ul.nav {
list-style: none !important;
margin: 0!important;
padding: 0;
background: none;
border: 0;
float: none;
}
.mt-tabs ul.nav li {
float: left;
position: relative;
margin: 0 2px -1px 0 !important;
z-index: 10;
list-style: none !important;
}
.mt-tabs ul.nav li a {
border: 1px solid #dfdfdf !important;
border-bottom: none !important;
display: block;
overflow: hidden;
padding: 5px 10px 0 10px;
height: 26px;
background: #fcfcfc;
margin: 0 !important;
text-decoration: none;
color: #373737 !important;
border-radius: 3px 3px 0 0;
}
.mt-tabs ul.nav li a:hover {
background: #fff !important;
margin: 0 !important;
}
.mt-tabs ul.nav li.ui-tabs-selected a {
height: 27px;
background: #fff;
}
.mt-tabs .tab {
background: #fff;
padding: 10px;
border: 1px solid #dfdfdf;
}
.toggle { 
margin: 0 0 2em 0; 
}
.toggle .toggle-title {
display: block;
padding: 10px 10px 10px 30px; 
background: #fcfcfc;
border: 1px solid #c5c5c5;
cursor: pointer;
outline: none;
position: relative;
}
.toggle .toggle-title:hover { 
border: 1px solid #c5c5c5; 
}
.toggle-inner {
padding: 10px;
background: #fff;
border: 1px solid #c5c5c5;
border-top: none;
}
.toggle span.ui-icon {
background: url(assets/img/toggle-open.png) no-repeat;
width: 12px;
height: 12px;
position: absolute;
top: 50%;
left: 10px;
margin: -6px 0 0 0;
}
.toggle .ui-state-active .ui-icon { 
background: url(assets/img/toggle-close.png) no-repeat; 
}
.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear: both; }
.clearfix { zoom:1; }

.bullets ul li, .bullets ol li {
list-style-type: none;
background: url(assets/img/tick-green.png) 0 6px no-repeat;
padding: 2px 0 4px 24px;
}
.bullets.green li {
background-image: url(assets/img/tick-green.png);
}
.bullets.red li {
background-image: url(assets/img/tick-red.png);
}
.bullets.black li {
background-image: url(assets/img/tick-black.png);
}
.bullets.light-blue li {
background-image: url(assets/img/tick-light-blue.png);
}
.bullets.blue li {
background-image: url(assets/img/tick-blue.png);
}
.bullets.grey li {
background-image: url(assets/img/tick-grey.png);
}
.bullets.orange li {
background-image: url(assets/img/tick-orange.png);
}
.bullets.pink li {
background-image: url(assets/img/tick-pink.png);
}
.bullets.purple li {
background-image: url(assets/img/tick-purple.png);
}

/* #######################################################################

	11.	Pesky Internet Explorer Fixes

####################################################################### */

.ie9 .portfolio-item, .ie9 .home-portfolio-items article, .ie9 .article-archive, .ie9 the-blog article {
box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.oldie .portfolio-item, .oldie .home-portfolio-items article, .oldie .article-archive, .oldie the-blog article {
border: 1px solid #eaeaea;
}
.oldie footer .the-contact {
text-align: left;
width: 13%;
float: right;
}
.oldie body {
min-width: 1000px;
}
.oldie .wp-caption {
border: 1px solid #ccc;
}

/* #######################################################################

	12.	Responsive Layer
	
####################################################################### */

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
header .logo img.retina {
display: inline;
}
header .logo img.standard {
display: none;
}
.the-contact a.social.twitter { 
background: url(assets/img/social-twitter-black-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.facebook { 
background: url(assets/img/social-facebook-black-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.linkedin { 
background: url(assets/img/social-linkedin-black-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.googleplus { 
background: url(assets/img/social-googleplus-black-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.vimeo { 
background: url(assets/img/social-vimeo-black-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.youtube { 
background: url(assets/img/social-youtube-black-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.zerply { 
background: url(assets/img/social-zerply-black-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.pinterest { 
background: url(assets/img/social-pinterest-black-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.dribbble { 
background: url(assets/img/social-dribbble-black-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact a.social.github { 
background: url(assets/img/social-github-black-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.twitter { 
background: url(assets/img/social-twitter-white-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.facebook { 
background: url(assets/img/social-facebook-white-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.linkedin { 
background: url(assets/img/social-linkedin-white-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.googleplus { 
background: url(assets/img/social-googleplus-white-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.vimeo { 
background: url(assets/img/social-vimeo-white-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.youtube { 
background: url(assets/img/social-youtube-white-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.zerply { 
background: url(assets/img/social-zerply-white-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.pinterest { 
background: url(assets/img/social-pinterest-white-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.dribbble { 
background: url(assets/img/social-dribbble-white-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
.the-contact.social-white a.social.github { 
background: url(assets/img/social-github-white-@2x.png) 0 0 no-repeat;
background-size: 21px 21px;
}
#tweets {
background-image: url(assets/img/twitter-@2x.png);
background-size: 26px 21px;
}
.js .mean-slide {
background-image: url(assets/img/mean-slide-@2x.png);
background-size: 22px 78px;
}
.bullets.green li {
background-image: url(assets/img/tick-green-@2x.png);
background-size: 16px 13px;
}
.bullets.red li {
background-image: url(assets/img/tick-red-@2x.png);
background-size: 16px 13px;
}
.bullets.black li {
background-image: url(assets/img/tick-black-@2x.png);
background-size: 16px 13px;
}
.bullets.light-blue li {
background-image: url(assets/img/tick-light-blue-@2x.png);
background-size: 16px 13px;
}
.bullets.blue li {
background-image: url(assets/img/tick-blue-@2x.png);
background-size: 16px 13px;
}
.bullets.grey li {
background-image: url(assets/img/tick-grey-@2x.png);
background-size: 16px 13px;
}
.bullets.orange li {
background-image: url(assets/img/tick-orange-@2x.png);
background-size: 16px 13px;
}
.bullets.pink li {
background-image: url(assets/img/tick-pink-@2x.png);
background-size: 16px 13px;
}
.bullets.purple li {
background-image: url(assets/img/tick-purple-@2x.png);
background-size: 16px 13px;
}
.meta .tag {
background-image: url(assets/img/tag-@2x.png);
background-size: 21px 21px;
}
.meta .comment {
background-image: url(assets/img/comment-@2x.png);
background-size: 19px 17px;
}
#filters ul li a {
background-image: url(assets/img/filter-@2x.png);
background-size: 12px 10px;
}
.time {
background-image: url(assets/img/time-@2x.png);
background-size: 20px 20px;
}
.post-thumb-hover {
background-image: url(assets/img/view-@2x.png);
background-size: 260px 260px;
}
}
@media screen and (max-width: 960px) {
.full-page .content,
.portfolio-page .content {
width: auto;
max-width: 92%;
}
#block-wrapper,
section.wrapper, 
footer.wrapper,
header .wrapper, 
article.wrapper,
.wrapper,
.the-blog .wrapper,
section.wrapper.main-page {
float: left;
width: 100%;
}
header .wrapper,
.supersize article.wrapper, 
.home-portfolio article .wrapper,
.the-contact .wrapper,
.content,
.sidebar,
.darkest.sub .wrapper,
footer .wrapper, 
#container, 
.articles {
float: left;
width: 92%;
padding-left: 4%;
padding-right: 4%;
min-height: 0;
}
.articles {
width: 960px;
padding-left: 0;
padding-right: 0;
}
.sidebar {
border-top: 1px solid #eaeaea;
padding-bottom: 35px;
margin-top: -75px;
}
.darkest.sub .wrapper {
width: 88%;
}
html.blocked #block-wrapper {
width: 92%;
margin: 0 auto;
padding: 0;
float: none;
}
}
@media screen and (max-width: 800px) {
.articles {
width: 800px;
}
footer .widgets {
float: left;
width: 100%;
margin-bottom: 35px;
padding-bottom: 35px;
border-bottom: 1px solid #eaeaea;
}
footer .right,
footer .the-contact {
float: left;
text-align: left;
width: 100%;
}
img {
max-width: 100%
}
.supersize span.fit {
font-size: 85%;
}
.home-portfolio-items article {
margin-left: 9%;
margin-right: -7%;
}
.article-archive {
margin-left: 6%;
}
}
@media screen and (max-width: 770px) {
.articles {
float: none;
margin-left: auto;
margin-right: auto;
padding: 0 0 0 3%;
width: 640px;
}
.home-portfolio-items article, 
.portfolio-item, 
.article-archive,
.the-blog article {
margin-left: 1%;
margin-right: 1%;
}
.portfolio-item {
margin-left: 6%;
margin-right: -4%;
}
.home-portfolio-items article {
margin-left: 9%;
margin-right: -6%;
}
.article-archive {
margin-left: 2%;
}
.supersize .desktop{
position: absolute;
left: -9999em;
}
.supersize .tablet {
position: relative;
left: auto;
}
.the-blog .wrapper {
width: 92%;
padding-left: 4%;
padding-right: 4%;
}
.the-blog article {
width: 100%;
}
.the-contact .wrapper .one_fourth, 
.the-contact .wrapper .footer-widget,
.the-contact .footer-widget:nth-child(3n) {
width: 48%;
margin-right: 2%;
min-height: 144px;
}
.home-portfolio {
max-width: 100%
}
header nav {
display: none;
}
header {
margin-bottom: 0;
}
.comment-system ol.commentlist {
width: 100%;
}
.comment-system ol.commentlist .comment-body {
width: 88%;
}
ol.commentlist li li {
padding-left: 15px;
}
}
@media screen and (max-width: 750px) {

.portfolio-details, .portfolio-content {
width: 100%;
padding: 0;
border: none;
}
.portfolio-details {
border-bottom: 1px solid #eaeaea;
padding-bottom: 15px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 620px) {
.articles {
padding-left: 9%;
width: 300px;
}
header.center {
text-align: center;
}
header.center span.site-title,
header.center span.site-title, 
header.center span.strap, 
header.center .logo {
display: block;
float: left;
width: 100%;
text-align: center;
margin-right: 0;
}
header.center a.btn {
float: none;
margin-left: 0;
}
.home-portfolio-items article, 
.portfolio-item, 
.article-archive,
.the-blog article {
margin-left: 18%;
}
.home-portfolio-items article {
margin-left: 24%;
}
.article-archive {
margin-left: 23%;
}
.home-portfolio .one_half {
width: 100%;
margin: 0;
}
footer .widgets .footer-widget, 
footer .widgets .footer-widget:first-of-type {
width: 100%;
margin: 0 0 35px 0;
}
footer .widgets .footer-widget #tweets {
width: 50%;
float: none;
margin: 0 auto;
text-align: center;
}
.home-portfolio article.left-me span.image img.attachment-post-thumbnail,
.home-portfolio article.right-me span.image img.attachment-post-thumbnail,
.home-portfolio article span.image img.attachment-post-thumbnail {
float: none;
margin: 0;
}
}
@media screen and (max-width: 520px) {
.articles {
padding-left: 5%;
}
.home-portfolio-items article, 
.portfolio-item, 
.article-archive,
.the-blog article {
margin-left: 23%;
}
.navigation {
position: relative;
width: 100%;
right: auto;
float: left;
margin-top: 20px;
}
.darkest.sub .wrapper {
width: 92%;
}
.single .darkest.sub h1,
.darkest.sub.n h1 {
width: 100%;
}
.supersize .tablet {
position: absolute;
left: -9999em;
}
.supersize .mobile {
position: relative;
left: auto;
}
#map {
height: 250px;
}
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
width: 100%;
margin: 0;
}
.supersize {
line-height: 1;
}
.supersize span.fit {
font-size: 30px;
}
.the-contact .wrapper, .the-blog .wrapper, .footer-archive .wrapper, .contact-form .wrapper {
width: 92%;
}
.comment-system .wrapper input {
width: 50%;
}
a.social {
margin-bottom: 10px;
}
.comment-system ol.commentlist .comment-body {
width: 70%;
}
}
@media screen and (max-width: 480px) {
.home-portfolio-items article, 
.portfolio-item, 
.article-archive,
.the-blog article {
margin-left: 11%;
}
.home-portfolio-items article {
margin-left: 18%;
}
.article-archive {
margin-left: 17%;
}
}
@media screen and (max-width: 320px) {
.articles {
padding-left: 4%;
width: 280px;
}
header a.btn {
clear: left;
float: left;
margin-left: 0;
}
header.center a.btn {
float: none;
}
.home-portfolio-items article, 
.portfolio-item, 
.article-archive,
.the-blog article {
margin-left: 0;
width: 220px;
}
.home-portfolio-items article {
margin-left: 9%;
}
.article-archive {
margin-left: 3%;
}
.portfolio-item {
margin-left: 5%;
margin-right: -4%;
}
.home-portfolio-items article img, 
.portfolio-item img, 
.article-archive img,
.the-blog article img {
width: 220px;
height: 220px;
}
.home-portfolio-items article .post-thumb, 
.portfolio-item .post-thumb, 
.article-archive .post-thumb,
.the-blog article .post-thumb {
width: 220px;
height: 220px;
}
.article-archive.format-gallery img {
width: auto;
height: auto;
}
.post-thumb-hover {
width: 220px;
height: 220px;
background-position: -20px -20px;
}
footer .widgets .footer-widget #tweets {
width: 80%;
}
.meta .comment {
margin-left: 0;
margin-top: 10px;
display: block;
}
.pushy {
font-size: 40px;
line-height: 1.2;
}
}

/* #######################################################################

13.	Print

####################################################################### */

@media print {
 @import "print.css";
}