@import url(////fonts.googleapis.com/css?family=Open+Sans|Merriweather:700);
/**
 * Smiley project CSS 
 */

/* generic emoji styles */
.wp-emoji, .wp-emoji:before {
	display: inline-block !important; /* shouldn't have been necessary, but some themes set this to static */
}

.wp-emoji {
	position: relative !important; /* shouldn't have been necessary, but some themes set this to static */
	vertical-align: bottom;

	/* this will be a line-height tall wrapper for vertically centering the smiley */
	width: 1.375em;
	overflow: hidden;
	white-space: nowrap;	
	text-indent: 9999px;
	min-height: 1.2em; /* for really small lineheights */
}

/* Firefox does weird things with text-indent and selection */
@-moz-document url-prefix() { 
	.wp-emoji {
		text-indent: 0;
		text-align: center;
		color: rgba(255,255,255,0);
		overflow: visible;
	}
}

/* @noflip */
.wp-emoji:before {
	/* vertically center the smiley */
	position: absolute;
	content: "";
	
	/* height/width for IE, Firefox and non-webkit browsers */
	height: 1.25em;
	width: 1.375em;
	margin-top: -0.625em; /* minus half the height of the smiley */

	left: 0;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

/* WebKit specific hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.wp-emoji {
		width: 1.35em;
	}
    .wp-emoji:before {
		height: 1.4em;
		width: 1.35em;
		margin-top: -0.7em; /* minus half the height of the smiley */
    }
}

/* IE specific hacks */
@media screen and (min-width:0\0) {
	.wp-emoji {
		height: 1.2em;
		width: 1.38em;
	}
    .wp-emoji:before {
		width: 1.38em;
    }
}

/* individual smileys */
	/* PNGs are for IE8 fallbacks. Let's remove them some day please */
.wp-emoji-smile:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/smile.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/smile.svg), none;
}

.wp-emoji-wink:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/wink.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/wink.svg), none;
}

.wp-emoji-bigsmile:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/bigsmile.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/bigsmile.svg), none;
}

.wp-emoji-heart:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/heart.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/heart.svg), none;
}

.wp-emoji-neutral:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/neutral.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/neutral.svg), none;
}

.wp-emoji-uneasy:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/uneasy.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/uneasy.svg), none;
}

.wp-emoji-lol:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/lol.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/lol.svg), none;
}

.wp-emoji-sad:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/sad.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/sad.svg), none;
}

.wp-emoji-cry:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/cry.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/cry.svg), none;
}

.wp-emoji-evilgrin:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/evilgrin.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/evilgrin.svg), none;
}

.wp-emoji-twisted:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/twisted.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/twisted.svg), none;
}

.wp-emoji-evil:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/evil.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/evil.svg), none;
}

.wp-emoji-surprised:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/surprised.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/surprised.svg), none;
}

.wp-emoji-tongue:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/tongue.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/tongue.svg), none;
}

.wp-emoji-angry:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/angry.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/angry.svg), none;
}

.wp-emoji-burrito:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/burrito.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/burrito.svg), none;
}
.wp-emoji-burrito, .wp-emoji-burrito:before {
	width: 1.6em;
}

.wp-emoji-wordpress:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/wordpress.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/wordpress.svg), none;
}

.wp-emoji-mindblown:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/mindblown.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/mindblown.svg), none;
}

.wp-emoji-mindblown-alt:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/mindblown-alt.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/mindblown-alt.svg), none;
}

.wp-emoji-martini:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/martini.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/martini.svg), none;
}

.wp-emoji-whiterussian:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/whiterussian.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/whiterussian.svg), none;
}

.wp-emoji-star:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/star.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/star.svg), none;
}

.wp-emoji-developer:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/developer.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/developer.svg), none;
}
.wp-emoji-developer, .wp-emoji-developer:before {
	width: 1.5em;
}

.wp-emoji-facepalm:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/facepalm.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/facepalm.svg), none;
}
.wp-emoji-facepalm, .wp-emoji-facepalm:before {
	width: 1.4em;
}

.wp-emoji-bear:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/bear.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/bear.svg), none;
}

.wp-emoji-mrgreen:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/mrgreen.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/mrgreen.svg), none;
}

.wp-emoji-arrow:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/arrow.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/arrow.svg), none;
}

.wp-emoji-confused:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/confused.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/confused.svg), none;
}

.wp-emoji-cool:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/cool.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/cool.svg), none;
}

.wp-emoji-idea:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/idea.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/idea.svg), none;
}

.wp-emoji-blush:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/blush.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/blush.svg), none;
}

.wp-emoji-oops:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/oops.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/oops.svg), none;
}

.wp-emoji-rolleyes:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/rolleyes.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/rolleyes.svg), none;
}

.wp-emoji-exclaim:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/exclaim.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/exclaim.svg), none;
}

.wp-emoji-question:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/question.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/question.svg), none;
}

.wp-emoji-kitten:before {
	background-image: url(../wp-content/mu-plugins/smileyproject/default/ie/kitten.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/kitten.svg), none;
}

.wp-emoji-momface:before {
	background-image: url(http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/momface.png);
	background-image: url(../wp-content/mu-plugins/smileyproject/default/momface.svg), none;
}


/* to enable text-selection of smileys in Firefox, we can't use text-indent or overflow to hide the text, so letterspace it instead */
@-moz-document url-prefix() { 
	.wp-emoji-rolleyes {
		letter-spacing: -.2em;
	}

	.wp-emoji-oops, .wp-emoji-idea, .wp-emoji-confused {
		letter-spacing: -.25em;
	}

	.wp-emoji-burrito, .wp-emoji-arrow, .wp-emoji-bear, .wp-emoji-star {
		letter-spacing: -.3em;
	}

	.wp-emoji-developer, .wp-emoji-mrgreen, .wp-emoji-facepalm {
		letter-spacing: -.35em;
	}

}




/**
 * Like Button toolbar button, loading text & container styles
 *
 * @todo: doesn't look like "style.css" is used anymore.
 */


/* Master container */
#jp-post-flair {
	padding-top: .5em;
}

/* Overall Sharedaddy block title */
div.sharedaddy,
#content div.sharedaddy,
#main div.sharedaddy {
	clear: both;
}

div.sharedaddy h3.sd-title {
	margin: 0 0 1em 0;
	display: inline-block;
	line-height: 1.2;
	font-size: 9pt;
	font-weight: bold;
}

div.sharedaddy h3.sd-title:before {
	content: "";
	display: block;
	width: 100%;
	min-width: 30px;
	border-top: 1px solid #ddd;
	margin-bottom: 1em;
}


/* Toolbar */
#wpadminbar li#wp-admin-bar-admin-bar-likes-widget {
	width: 61px;
	overflow: hidden;
}

#wpadminbar iframe.admin-bar-likes-widget {
	width: 61px;
	height: 28px;
	min-height: 28px;
	border-width: 0px;
	position: absolute;
	top: 0;
}

div.jetpack-likes-widget-wrapper {
	width: 100%;
	min-height: 50px;	/* Previous height, 60px */
	position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
}

div.jetpack-likes-widget-wrapper .sd-link-color {
	font-size: 12px;
}

div.jetpack-likes-widget-wrapper.slim-likes-widget {
	width: 1px; /* initial default */
	min-height: 0;
}

#likes-other-gravatars {
	display: none;
	position: absolute;
	padding: 10px 10px 12px 10px;
	background-color: #2e4453;
	border-width: 0;
	box-shadow: 0 0 10px #2e4453;
	box-shadow: 0 0 10px rgba(46,68,83,.6);
	min-width: 130px;
	z-index: 1000;
}

#likes-other-gravatars * {
	line-height: normal;
}

#likes-other-gravatars .likes-text {
	color: white;
	font-size: 12px;
	padding-bottom: 8px;
}

#likes-other-gravatars ul,
#likes-other-gravatars li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
}

#likes-other-gravatars li::before {
	content: "";
}

#likes-other-gravatars ul.wpl-avatars {
	overflow: auto;
	display: block;
	max-height: 190px;
}

#likes-other-gravatars ul.wpl-avatars li {
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 5px 5px 0;
}

#likes-other-gravatars ul.wpl-avatars li a {
	margin: 0 2px 0 0;
	border-bottom: none !important;
	display: block;
}

#likes-other-gravatars ul.wpl-avatars li a img {
	background: none;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
	position: static;
}

div.sd-box {
	border-top: 1px solid #ddd;
	border-top: 1px solid rgba(0,0,0,.13);
}

.entry-content .post-likes-widget, .post-likes-widget,
.comment-likes-widget {
	margin: 0;
	border-width: 0;
	display: block;
}


/* Loading text */
.post-likes-widget-placeholder {
	margin: 0;
	border-width: 0;
	position: relative;
}

.post-likes-widget-placeholder .button {
	display: none;	/* Let's not show a dummy like button, let's just make a great button experience once it's loaded */
}

.post-likes-widget-placeholder .button span {
}

.post-likes-widget-placeholder .loading {
	color: #999;
	font-size: 12px;
}

.slim-likes-widget .post-likes-widget {
	width: auto;
	float: none;
}


/* Like Special cases (display on it's own) */
div.sharedaddy.sd-like-enabled .sd-like h3 {
	display: none;
}

div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
	width: 100%;
	float: none;
	position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
	top: 0;
}

.comment-likes-widget {
	width: 100%;
}


/* Make ratings block. @todo: make !important unnecessary by removing inline style */
.pd-rating {
	display: block !important;
}


/* Hide G+ title */
.sd-gplus .sd-title {
	display: none;
}


#bit, #bit * {
	*zoom: 1;
}

#bit {
	font: normal 13px 'Open Sans', sans-serif;
	_display: none;
}

/* @noflip */
.rtl #bit {
	font-family: tahoma, Arial, sans-serif;
}

.loggedout-follow-shelf {
	position: fixed;
	right: 40%;
	z-index: 100;
	bottom: -330px;
}

.loggedout-follow-normal {
	position: fixed;
	z-index: 100;
	bottom: -330px;
	right: 10px;
}

.loggedout-follow-typekit {
	margin-right: 4.5em;
	position: fixed;
	z-index: 100;
	bottom: -330px;
	right: 10px;
}

#bit a.bsub {
	display: block;
	overflow: hidden;
	padding: 0 10px 0 8px;
	float: right;
	text-decoration: none !important;
	line-height: 28px;
	font-weight: normal;
	font-size: 13px;
	color: #CCC;
	letter-spacing: normal;
	border: 0;
	background-color: #324155;
	-webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	-o-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	-ms-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	outline-style: none;
	outline-width: 0;
}

#bit a.bsub {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-o-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

#bit a.bsub span {
	padding-right: 6px;
}

#bit a.bsub span:before{
	content: '\f801';
	color: #00AADC;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font: normal 16px/1 'Noticons';
	margin: 0 5px 4px 0;
	vertical-align: middle;
}

#bit a:hover span, #bit a.bsub.open span {
	color: #ffffff !important;
	background-position: left -117px;
}

#bit a.bsub.open {
	background: #324155;
}

#bitsubscribe {
	background: #324155;
	color: #fff;
	padding: 15px;
	width: 200px;
	margin-top: 27px;
	-moz-border-radius: 2px 0 0 0;
	-webkit-border-radius: 2px 0 0 0;
	-o-border-radius: 2px 0 0 0;
	-ms-border-radius: 2px 0 0 0;
	border-radius: 2px 0 0 0;
	*float: right;
	*margin-right: -68px;
}

div#bitsubscribe.open {
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-ms-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

#bitsubscribe div {
	overflow: hidden;
}

#bitsubscribe a {
	color: #d2dee6;
}

#bit h3, #bit #bitsubscribe h3 {
	margin: 0 0 .5em 0 !important;
	font-size: 20px;
	color: #D2DEE6;
	text-align: left;
	font-family: 'Merriweather', serif;
	font-weight: bold;
}

#bit h3 label{
	color: #D2DEE6;
	font-family: 'Merriweather', serif;
	font-size: 20px;
}

#bit #bitsubscribe p {
	margin: 0 0 1em 0;
	*margin: 0 0 0 0;
	font-size: 14px;
	line-height: 1.45em;
	font-weight: 300;
	color: #fff;
}

#bitsubscribe p a {
	margin: 20px 0 0;
	color: #fff;
	text-decoration: underline;
}

#bit #bitsubscribe p.bit-follow-count {
	font-size: 13px;
	color: #D2DEE6;
	margin-top: -8px;
}

#bitsubscribe input[type=submit] {
  border-style: solid;
  border-width: 1px 1px 2px;
  color: #fff;
  cursor: pointer;
  display: block;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: .75em;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  background: #00aadc;
  border-color: #0090bb;
  border-top-color: #0099c6;
  border-bottom-color: #0088b0;
  color: #fff;
  -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
  -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
  width:100%;
  text-shadow: none;
  font-size: 1em;

}

#bitsubscribe input[type=submit]:hover {
	background: #33bbe3;
	border-color: #2b9ec0;
	border-bottom-color: #2895b5;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
}

#bitsubscribe input[type=submit]:active {
	border-width: 2px 1px 1px;
}

#bitsubscribe input[type=text],
#bitsubscribe input[type=email] {
	background: #f4f8fA;
	border: 1px solid #d2dee6;
	border-radius: 0;
	color: #404040;
	font-size: 13px;
	font-weight: 300;
	height: auto;
	padding: 5px 6px;
	width: 100%;
	box-sizing: border-box;
	/* @noflip */
	direction: ltr;
}

#bitsubscribe input[type=text]:focus,
#bitsubscribe input[type=email]:focus {
	border: 1px solid #000;
}

#bitsubscribe.open {
	display: block;
}

#bsub-subscribe-button {
	text-align: center;
	margin: 0 auto;
}

/*
Confirmation
=============================== */


#bitsubscribe #lof-followpublicize h3 {
	font-size: 13px;
	padding-top: 1em;
	margin-bottom: 1em !important;
}

#bitsubscribe #lof-followpublicize p.lof-followpublicize-twitter,
#bitsubscribe #lof-followpublicize p.lof-followpublicize-facebook {
	overflow: hidden;
}
#bitsubscribe #lof-followpublicize p.lof-followpublicize-facebook {
	border: 1px solid #242f3d;
}

/*
Error
=============================== */

#bit #bitsubscribe p#loggedout-follow-error {
	background: #E8F0F5;
	border-left: 3px solid #DD3D36;
	font-size: 12px;
	font-weight: 1.4em;
	padding: 10px;
	color: #DD3D36;
}

/*
Footer
=============================== */

#bitsubscribe #bsub-credit {
	text-align: center;
	font-weight: normal;
	font-size: 11px;
	padding: 0 0 7px 0;
	margin:0 0 -15px;
	border-top: 1px solid #3c3c3c;
}

#bitsubscribe #bsub-credit a {
	color: #90AEC2;
	background: none;
	text-decoration: none;
}

#bitsubscribe #bsub-credit a:hover {
	color: #78DCFA;
	background: none;
}

@media (max-width: 800px) {
	#bit, #bit a.bsub {
		display:none;
	}
}

@media (min-device-width: 768px) {
	#bit, #bit a.bsub {
		display: block;
	}
}
/**
 * Styles for Jetpack related posts
 */

/* Container */

div#jp-relatedposts {
	display: none;
	padding-top: 1em;
	margin: 1em 0;
	position: relative;
}

div.jp-relatedposts:after {
	content: '';
	display: block;
	clear: both;
}

/* Headline above related posts section, labeled "Related" */

div#jp-relatedposts h3.jp-relatedposts-headline {
	margin: 0 0 1em 0;
	display: inline-block;
	float: left;
	font-size: 9pt;
	font-weight: bold;
	font-family: inherit;
}

div#jp-relatedposts h3.jp-relatedposts-headline em:before {
	content: "";
	display: block;
	width: 100%;
	min-width: 30px;
	border-top: 1px solid #ddd;
	border-top: 1px solid rgba(0,0,0,.2);
	margin-bottom: 1em;
}

div#jp-relatedposts h3.jp-relatedposts-headline em {
	font-style: normal;
	font-weight: bold;
}

/* Related posts items (wrapping items) */

div#jp-relatedposts div.jp-relatedposts-items {
	clear: left;
}

div#jp-relatedposts div.jp-relatedposts-items-visual {
	margin-right: -20px;
}

/* Related posts item */

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
	float: left;
	width: 33%;
	margin: 0 0 1em; /* Needs to be same as the main outer wrapper for Related Posts */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
	padding-right: 20px;
	/*cursor: pointer;*/
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
}

div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover .jp-relatedposts-post-title a {
	text-decoration: underline;
}

div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* Related posts item content */

div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
div#jp-relatedposts div.jp-relatedposts-items p {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs {
	position:relative;
}
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
}

div#jp-relatedposts div.jp-relatedposts-items p {
	margin-bottom: 0;
}

div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
	text-transform: none;
	margin: 0;
	font-family: inherit;
	display: block;
	max-width: 100%;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
	font-size: inherit;
	font-weight: normal;
	text-decoration: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
	text-decoration: underline;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img,
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post span {
	display: block;
	max-width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img,
div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post span {
	max-width: 100%;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
	opacity: .6;
}

/* Behavior when there are thumbnails in visual mode */
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt {
	display: none;
}

/* Behavior when there are no thumbnails in visual mode */
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt {
	overflow: hidden;
}
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs span {
	margin-bottom: 1em;
}

/**
 * Responsive
 */

@media only screen and (max-width: 640px) {

	div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
		width: 50%;
	}

	div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
		clear: left;
	}

	div#jp-relatedposts div.jp-relatedposts-items-visual {
		margin-right: 20px;
	}

}

@media only screen and (max-width: 320px) {

	div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
		width: 100%;
		clear: both;
		margin: 0 0 1em;
	}

}
/**
 * Add text colors to the playlist shortcode light color scheme.
 * 
 * Core ticket: https://core.trac.wordpress.org/ticket/27562
 */

.wp-playlist-light {
	color: #000;
}

.wp-playlist-light .wp-playlist-item {
	color: #333;
}

.wp-playlist-light .wp-playlist-playing {
	background: #fff;
	color: #000;
}

.wp-playlist-dark .wp-playlist-item .wp-playlist-caption {
	color: #fff;
}

.wp-playlist-caption {
	display: block;
}/**
 * MP6 hacks, CSS that's either WPCOM specific or otherwise not suitably for MP6 proper
 */

/* Invert stats sparkline on light theme */
body.admin-color-mp6-light li#wp-admin-bar-stats img {
	filter: invert(100%);
	-webkit-filter: invert(100%);
}

/* Fix dashicons priority so Japanese users can use the toolbar. Should long term be fixed in whatever plugin that forces all fonts to be Arial */
i.mce-i-bold, i.mce-i-italic, i.mce-i-bullist, i.mce-i-numlist, i.mce-i-blockquote, i.mce-i-alignleft, i.mce-i-aligncenter, i.mce-i-alignright, i.mce-i-link, i.mce-i-unlink, i.mce-i-wp_more, i.mce-i-strikethrough, i.mce-i-spellchecker, i.mce-i-fullscreen, i.mce-i-wp_fullscreen, i.mce-i-wp_adv, i.mce-i-underline, i.mce-i-alignjustify, i.mce-i-forecolor, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-removeformat, i.mce-i-charmap, i.mce-i-outdent, i.mce-i-indent, i.mce-i-undo, i.mce-i-redo, i.mce-i-help, i.mce-i-wp_help, i.mce-i-wp-media-library, i.mce-i-ltr, i.mce-i-wp_page, .mce-close {
	font: normal 20px/1 'dashicons' !important;
}

.dashicons, .dashicons-before:before {
	font-family: 'dashicons' !important;
}

.noticon {
	font-family: "Noticons" !important;
}/**
 * Theme Name: Portfolio
 * Theme URI: http://thethemefoundry.com/wordpress/portfolio/
 * Author: The Theme Foundry
 * Author URI: http://thethemefoundry.com/
 * Description: A minimal and clean portfolio theme, complete with featured slider and easy-to-configure portfolio pages. Designed to look great on large format displays, tablets and mobile devices.
 * Version: 1.3.20-wpcom
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: business, portfolio, professional, photography, clean, elegant, formal, handcrafted, light, minimal, sophisticated, gray, white, light, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, post-formats, post-slider, sticky-post, theme-options, translation-ready
 */
/* _notes.scss
 * Theme notes
 * ------------------------------------------------------------------

This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:              14;
$line-height:          22;

---------------------------------------------------------
	Examples
---------------------------------------------------------

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.143rem; (16 / $rembase)
	line-height: 1.56em; ($line-height / 16)

---------------------------------------------------------
	Vertical spacing
---------------------------------------------------------

Vertical spacing between most elements should use 11px, 22px or 44px
to maintain vertical rhythm:

.my-new-div {
	margin: 22px 0;
	margin: 1.57em 0; ( 22 / $rembase )
}

---------------------------------------------------------
	Further reading
---------------------------------------------------------

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

------------------------------------------------------------------ */
/* _reset.scss
 * Zero it out
 * ------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

sub,
sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
  *overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

.clear {
  zoom: 1;
}
.clear:before, .clear:after {
  display: table;
  content: "";
}
.clear:after {
  clear: both;
}

/* _scaffolding.scss
 * Basic structure
 * ------------------------------------------------------------------ */
html {
  font-size: 87.5%;
}

/*---------------------------------------------------------
	Body
-------------------------------------------------------- */
body {
  background-color: #ededed;
  text-rendering: optimizeLegibility;
  color: #1c1c1c;
  font-family: Gudea, Helvetica, "Helvetica Neue", Arial, Verdana, Tahoma, sans-serif;
  line-height: 1.6;
}

#container {
  background-color: #fff;
  max-width: 860px;
  margin: 0 auto;
  padding: 2.5em;
  zoom: 1;
}
@media screen and (min-width: 1042px) {
  #container {
    margin: 0 auto;
    padding: 4em 5em;
  }
}
#container:before, #container:after {
  display: table;
  content: "";
}
#container:after {
  clear: both;
}

#wrapper {
  zoom: 1;
}
@media screen and (min-width: 800px) {
  #wrapper {
    width: 63.9534884%;
    float: left;
  }
}
#wrapper:before, #wrapper:after {
  display: table;
  content: "";
}
#wrapper:after {
  clear: both;
}

.content {
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}

/*---------------------------------------------------------
	Selection
-------------------------------------------------------- */
::-moz-selection {
  background: #e5e5e5;
  color: #1c1c1c;
  text-shadow: none;
}

::-webkit-selection {
  background: #e5e5e5;
  color: #1c1c1c;
  text-shadow: none;
}

::selection {
  background: #e5e5e5;
  color: #1c1c1c;
  text-shadow: none;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

/*---------------------------------------------------------
	Links
-------------------------------------------------------- */
a {
  color: #eb171c;
  text-decoration: none;
}
a:hover {
  color: #505050;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

/*---------------------------------------------------------
	Base
-------------------------------------------------------- */
ul, ol, dl, p, address, .vcard, .notice, .card, figure, pre, fieldset, table, dt, dd, hr {
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}

p, ul, ol, dl, blockquote, .post-statement, .statement {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

ul,
ol,
dd {
  margin-left: 1.5em;
}

pre,
code,
input,
textarea {
  font: inherit;
}

/*---------------------------------------------------------
	Headings
-------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  word-wrap: break-word;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
}

h1 {
  font-size: 22px;
  font-size: 1.57143rem;
}

h2 {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.28571rem;
}
h2 a {
  color: #1c1c1c;
}
h2 a:hover {
  color: #1c1c1c;
}

h3 {
  font-size: 18px;
  font-size: 1.28571rem;
}

h4 {
  font-weight: bold;
  font-size: 17px;
  font-size: 1.21429rem;
}

h5 {
  color: #eb171c;
  font-weight: bold;
  font-style: italic;
}

h6 {
  font-weight: bold;
  color: #eb171c;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.85714rem;
}

/*---------------------------------------------------------
	Elements
-------------------------------------------------------- */
blockquote {
  color: #505050;
  padding-left: 2em;
  margin-top: -62px;
  font-style: italic;
  font-size: 16px;
  font-size: 1.14286rem;
}
@media screen and (min-width: 1042px) {
  blockquote {
    margin-left: -2em;
  }
}
blockquote p {
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}
blockquote:before {
  content: "\201C";
  position: relative;
  top: 50px;
  left: -40px;
  font-size: 40px;
  font-size: 2.85714rem;
  font-family: Monaco, "Courier New", Courier, monospace;
}
blockquote cite {
  color: #eb171c;
  font-size: 14px;
  font-size: 1rem;
}
blockquote cite:before {
  content: "\2014";
}

tt,
kbd,
pre,
code,
samp {
  font-family: Monaco, "Courier New", Courier, monospace;
  font-weight: normal;
  background: rgba(0, 0, 0, 0.04);
  font-size: 12px;
  font-size: 0.85714rem;
  padding: 1px 3px;
  padding:  0.07143rem 0.21429rem;
}

mark {
  background: #ffc;
  padding: 2px 4px;
  padding:  0.14286rem 0.28571rem;
}

code {
  background: rgba(0, 0, 0, 0.04);
}

ins {
  color: #f00;
  text-decoration: none;
}

small {
  font-size: .75em;
}

pre {
  display: block;
  word-wrap: break-word;
  overflow: auto;
  white-space: pre-wrap;
  padding: 26px;
  padding: 1.85714rem;
}

hr {
  border: 0;
  height: 1px;
  margin: 26px auto;
  background-color: #e5e5e5;
}

/*---------------------------------------------------------
	Table
-------------------------------------------------------- */
table {
  width: 100%;
  font-weight: bold;
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
}
table th,
table td,
table caption {
  padding: 2%;
}
table th a:hover,
table td a:hover,
table caption a:hover {
  color: #1c1c1c;
}
table caption {
  background: #eb171c;
}
table tbody tr:nth-child(even) td,
table tbody tr.even td {
  background: rgba(0, 0, 0, 0.04);
}
table tfoot {
  font-style: italic;
}
table td[valign="top"] {
  vertical-align: top;
}
table td[valign="bottom"] {
  vertical-align: bottom;
}

/*---------------------------------------------------------
	Lists
-------------------------------------------------------- */
ul {
  list-style: disc outside;
}

ol {
  list-style: decimal outside;
}

#wrapper li {
  margin: .4em 0;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

dl dt {
  font-weight: bold;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
}
dl dd {
  margin-left: 0;
  color: #505050;
}

/*---------------------------------------------------------
	Classes
-------------------------------------------------------- */
.clear {
  clear: both;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.hide {
  display: none;
  visibility: hidden;
}

.hidden {
  visibility: hidden;
}

.noborder {
  border: none;
}

/*---------------------------------------------------------
	Custom
-------------------------------------------------------- */
span.type-intro {
  line-height: 1.5;
  font-size: 20px;
  font-size: 1.42857rem;
}

span.title-underline {
  font-weight: bold;
  border-bottom: 2px solid #eb171c;
  font-size: 16px;
  font-size: 1.14286rem;
}

div.pullquote {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  font-weight: bold;
  padding: 26px 0;
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
  font-size: 20px;
  font-size: 1.42857rem;
}

span.statement {
  font-weight: bold;
  line-height: 1.5;
  font-size: 20px;
  font-size: 1.42857rem;
}
@media screen and (min-width: 800px) {
  span.statement {
    font-size: 22px;
    font-size: 1.57143rem;
  }
}

/*---------------------------------------------------------
	Alerts
-------------------------------------------------------- */
.alert {
  padding: 1em;
  background: rgba(0, 0, 0, 0.04);
  clear: both;
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}

.error {
  background: #f04848;
  color: #ffffff;
}

.success {
  background: #6abb58;
  color: #ffffff;
}

.note {
  background: #ffc;
  color: #1c1c1c;
}

/*---------------------------------------------------------
	Galleries
-------------------------------------------------------- */
div.gallery dt.gallery-icon {
  padding: 0 6%;
  margin-top: 3%;
}
div.gallery dt.gallery-icon a img {
  border: none !important;
  margin-bottom: 0;
}
div.gallery dd.gallery-caption {
  margin-bottom: 0;
}
div.gallery dl, div.gallery dt {
  margin-bottom: 0;
}

/*---------------------------------------------------------
	header
-------------------------------------------------------- */
header[role="banner"] {
  zoom: 1;
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}
header[role="banner"]:before, header[role="banner"]:after {
  display: table;
  content: "";
}
header[role="banner"]:after {
  clear: both;
}
header[role="banner"] .branding {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
}
@media screen and (min-width: 800px) {
  header[role="banner"] .branding {
    float: left;
    width: 40%;
    text-align: left;
  }
}
header[role="banner"] h1 {
  margin-bottom: 0;
  font-weight: bold;
}
header[role="banner"] .tagline {
  font-weight: normal;
  margin-bottom: 0;
  color: #505050;
  font-size: 14px;
  font-size: 1rem;
}

/*---------------------------------------------------------
	Menu
-------------------------------------------------------- */
nav[role="navigation"] {
  text-align: center;
}
@media screen and (min-width: 800px) {
  nav[role="navigation"] {
    text-align: right;
    float: right;
    width: 60%;
  }
}
nav[role="navigation"] ul {
  margin: 0;
  text-indent: 0;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}
nav[role="navigation"] li a,
nav[role="navigation"] li {
  display: inline-block;
  color: #505050;
}
nav[role="navigation"] li a ul li,
nav[role="navigation"] li ul li {
  padding-left: 0;
}
nav[role="navigation"] li a:hover,
nav[role="navigation"] li:hover {
  color: #1c1c1c;
}
nav[role="navigation"] li.current_page_item a,
nav[role="navigation"] li.current_page_parent a,
nav[role="navigation"] li.current-menu-item a,
nav[role="navigation"] li.current-menu-parent a {
  color: #eb171c;
  font-weight: bold;
  border: 1px solid #e5e5e5;
}
nav[role="navigation"] li {
  margin: 0 2%;
  position: relative;
}
nav[role="navigation"] li a {
  border-bottom: 0;
  padding: .3em .5em;
}
nav[role="navigation"] li:hover ul {
  display: block;
}
nav[role="navigation"] li:last-child {
  margin-right: 0;
  border-right: none;
}
nav[role="navigation"] li ul {
  display: none;
  position: absolute;
  top: 25px;
  padding: 0;
  margin: 0;
  z-index: 2;
  text-align: center;
}
nav[role="navigation"] li ul:before {
  content: "\25B2";
  color: #f3f3f3;
  position: relative;
  left: -35px;
  bottom: -6px;
}
nav[role="navigation"] ul.children:before {
  left: 10px;
}
nav[role="navigation"] li ul li,
nav[role="navigation"] li ul li a {
  float: none;
}
nav[role="navigation"] li ul li a {
  padding: 11px 4px;
  padding:  0.78571rem 0.28571rem;
  word-break: break-word;
}
nav[role="navigation"] ul.sub-menu li,
nav[role="navigation"] ul.children li {
  background: #fff;
  display: block;
  border: 1px solid #f3f3f3;
  border-top: none;
  padding-left: 4px;
  padding-right: 4px;
  width: 100px;
  line-height: 1.7;
  top: -4px;
}
nav[role="navigation"] ul.sub-menu li a,
nav[role="navigation"] ul.children li a {
  border: none;
  font-weight: normal;
  color: inherit;
  display: block;
}
nav[role="navigation"] ul.sub-menu li.current_page_item, nav[role="navigation"] ul.sub-menu li.current-menu-item, nav[role="navigation"] ul.sub-menu li:hover,
nav[role="navigation"] ul.children li.current_page_item,
nav[role="navigation"] ul.children li.current-menu-item,
nav[role="navigation"] ul.children li:hover {
  color: #1c1c1c;
  background-color: #f3f3f3;
}
nav[role="navigation"] ul.sub-menu li:first-child,
nav[role="navigation"] ul.children li:first-child {
  border-top: 1px solid #f3f3f3;
}
nav[role="navigation"] ul.sub-menu li:nth-child(1):last-child,
nav[role="navigation"] ul.children li:nth-child(1):last-child {
  border-bottom: 1px solid #f3f3f3;
}

/*---------------------------------------------------------
	Footer
-------------------------------------------------------- */
footer[role="contentinfo"] {
  border-top: 1px solid #e5e5e5;
  padding: 2em 0 0;
  margin: 2em 0 0;
  float: left;
  width: 100%;
  clear: both;
}
footer[role="contentinfo"] a {
  color: #1c1c1c;
}
footer[role="contentinfo"] div.copyright {
  text-align: center;
  font-size: 13px;
  font-size: 0.92857rem;
}
@media screen and (min-width: 800px) {
  footer[role="contentinfo"] div.copyright {
    float: right;
    width: 60%;
    text-align: right;
  }
}
footer[role="contentinfo"] div.copyright p {
  text-align: center;
  color: #505050;
  margin: 0;
  font-size: 13px;
  font-size: 0.92857rem;
}
@media screen and (min-width: 800px) {
  footer[role="contentinfo"] div.copyright p {
    text-align: right;
  }
}

/*---------------------------------------------------------
	Social
-------------------------------------------------------- */
footer[role="contentinfo"] nav.social {
  text-align: center;
  height: 26px;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
}
@media screen and (min-width: 800px) {
  footer[role="contentinfo"] nav.social {
    float: left;
    text-align: left;
    width: 40%;
    margin-top: 4px;
    margin-top: 0.28571rem;
  }
}
footer[role="contentinfo"] nav.social ul {
  margin-left: 0;
}
footer[role="contentinfo"] nav.social ul li {
  list-style-type: none;
  display: inline;
  margin-left: .2em;
}
footer[role="contentinfo"] nav.social ul li:first-child {
  margin-left: 0;
}
footer[role="contentinfo"] nav.social ul li.twitter a {
  background-position: 0;
}
footer[role="contentinfo"] nav.social ul li.facebook a {
  background-position: -17px;
}
footer[role="contentinfo"] nav.social ul li.google a {
  background-position: -34px;
}
footer[role="contentinfo"] nav.social ul li.flickr a {
  background-position: -51px;
}
footer[role="contentinfo"] nav.social ul li.rss a {
  background-position: -68px;
}
footer[role="contentinfo"] nav.social ul li a {
  background: url(../wp-content/themes/premium/portfolio/images/social-icons.svg) no-repeat;
  display: inline-block;
  opacity: .25;
  height: 16px;
  width: 16px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
footer[role="contentinfo"] nav.social ul li a:hover {
  opacity: 1;
}

/* _patterns.scss
 * Repeatable patterns
 * ------------------------------------------------------------------ */
/*---------------------------------------------------------
	Media
-------------------------------------------------------- */
img {
  display: block;
  line-height: 0;
  font-style: italic;
  color: #eb171c;
  height: auto;
  max-width: 100%;
}
img.wp-smiley {
  margin: 0 !important;
}
img.alignleft, img.alignright, img.aligncenter {
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}

img.alignleft,
div.alignleft {
  margin-right: 26px;
  margin-right: 1.85714rem;
}
img.alignright,
div.alignright {
  margin-left: 26px;
  margin-left: 1.85714rem;
}

embed,
object,
video,
iframe {
  max-width: 100%;
}

dt.wp-caption-dt {
  margin-bottom: 0;
}

dd.wp-caption-dd {
  margin-left: 0;
}

body.attachment figcaption,
.post-feature figcaption,
dd.wp-caption-dd,
.wp-caption-text {
  color: #505050;
  font-style: italic;
  word-wrap: break-word;
}

div.wp-caption {
  max-width: 100%;
}

.aligncenter .wp-caption-text {
  text-align: center;
}

.alignright .wp-caption-text {
  text-align: right;
}

.wp-caption.alignright img {
  float: right;
}

.alignright .wp-caption-text {
  clear: right;
}

/* _posts.scss
 * Post styling
 * ------------------------------------------------------------------ */
article.post,
body.page .main-content {
  margin-bottom: 52px;
  margin-bottom: 3.71429rem;
}
article.post footer,
body.page .main-content footer {
  border-top: 1px solid #e5e5e5;
  font-family: Gudea, Helvetica, "Helvetica Neue", Arial, Verdana, Tahoma, sans-serif;
  color: #505050;
  padding-top: 26px;
  padding-top: 1.85714rem;
  font-size: 14px;
  font-size: 1rem;
}
article.post span.comment-num,
body.page .main-content span.comment-num {
  float: right;
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}

body.single article.post footer {
  margin-top: 26px;
  margin-top: 1.85714rem;
}

/*---------------------------------------------------------
	Header
-------------------------------------------------------- */
header .title {
  text-align: center;
  clear: both;
  font-size: 22px;
  font-size: 1.57143rem;
}
@media screen and (min-width: 800px) {
  header .title {
    max-width: 75%;
    text-align: left;
    clear: none;
  }
}
header .post-meta {
  text-align: center;
  color: #505050;
}
@media screen and (min-width: 800px) {
  header .post-meta {
    text-align: left;
  }
}
header .post-meta a {
  color: #505050;
}
header .post-meta a:hover {
  color: #eb171c;
}

body.blog header .title,
body.archive header .title,
body.single header .title {
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
}
body.blog header .has-post-meta,
body.archive header .has-post-meta,
body.single header .has-post-meta {
  margin-bottom: 0;
}

/*---------------------------------------------------------
	Sticky
-------------------------------------------------------- */
.sticky-text {
  display: inline-block;
  background: #eb171c;
  padding: .1em .4em;
  color: #fff;
  position: relative;
  top: -1px;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  font-size: 1rem;
}

/*---------------------------------------------------------
	Body
-------------------------------------------------------- */
body.single article.post,
body.page .main-content {
  margin-bottom: 52px;
  margin-bottom: 3.71429rem;
}
@media screen and (min-width: 800px) {
  body.single article.post,
  body.page .main-content {
    margin-bottom: 52px;
    margin-bottom: 3.71429rem;
  }
}

/*---------------------------------------------------------
	Footer
-------------------------------------------------------- */
nav.post-footer {
  clear: both;
}

/*---------------------------------------------------------
	Aside
-------------------------------------------------------- */
article.format-aside {
  padding: 2em;
  background-color: rgba(0, 0, 0, 0.04);
  zoom: 1;
}
article.format-aside:before, article.format-aside:after {
  display: table;
  content: "";
}
article.format-aside:after {
  clear: both;
}
article.format-aside .post-date {
  float: right;
  color: #505050;
  clear: both;
}
article.format-aside .post-date:before {
  content: "o  ";
  font-family: ModernPictogramsNormal;
}

/*---------------------------------------------------------
	Links
-------------------------------------------------------- */
a[rel="next"] + a[rel="prev"]:before {
  content: "\005C  ";
  margin-right: .2em;
  color: #505050;
}

.blog a[rel="next"] + a[rel="prev"]:before {
  margin-left: -.35em;
}

a[rel="prev"],
a[rel="next"],
.attach-nav .prev a,
.attach-nav .next a,
.next-comment-link a,
.prev-comment-link a {
  color: #505050;
}

a[rel="next"]:before,
.attach-nav .prev a:before,
.next-comment-link a:before {
  content: "\2190";
}
a[rel="next"]:after,
.attach-nav .prev a:after,
.next-comment-link a:after {
  content: " \005C";
  margin-left: .2em;
  color: #505050;
}

a[rel="prev"]:after,
.attach-nav .next a:after,
.prev-comment-link a:after {
  content: "\2192";
}

.post-edit-link,
a#cancel-comment-reply-link,
.comment-edit-link,
.comment-reply-link,
.comment-num,
.page-links {
  display: inline-block;
  padding: .2em .4em;
  clear: both;
  border: 1px solid #e5e5e5;
}
.post-edit-link:active,
a#cancel-comment-reply-link:active,
.comment-edit-link:active,
.comment-reply-link:active,
.comment-num:active,
.page-links:active {
  border-color: #d8d8d8;
}

.post-edit-link {
  margin-top: 12px;
  margin-top: 0.85714rem;
}

.comment-num a:before {
  content: "b  ";
  font-family: ModernPictogramsNormal;
}

.comments-previous {
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
}

.page-links {
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}

.cat-links,
.tag-links {
  clear: both;
  float: left;
  line-height: 26px;
}

.cat-links:before {
  content: "Z  ";
  font-family: ModernPictogramsNormal;
}

.tag-links:before {
  content: "J  ";
  font-family: ModernPictogramsNormal;
}

/*---------------------------------------------------------
	Portfolio items
-------------------------------------------------------- */
.portfolio-single-content ul {
  list-stype: disc;
}
.portfolio-single-content ol {
  list-style: decimal;
}

/* _pages.scss
 * Pages and page templates
 * ------------------------------------------------------------------ */
/*---------------------------------------------------------
	Sitemap
-------------------------------------------------------- */
.tmp-sitemap section ul {
  margin-left: 0;
}
.tmp-sitemap section ul.children {
  margin-bottom: -18px;
  margin-bottom: -1.28571rem;
}
.tmp-sitemap section ul time {
  color: #1c1c1c;
}
.tmp-sitemap section ul li {
  border-bottom: 1px dashed #e5e5e5;
  list-style: none;
  padding: .6em 0 1em;
}
.tmp-sitemap section ul li:last-child {
  border-bottom: none;
}

/*---------------------------------------------------------
	Attachment
-------------------------------------------------------- */
.tmp-attachment img {
  display: block;
  margin: 0 auto;
}

/*---------------------------------------------------------
	Password protected
-------------------------------------------------------- */
article.post-password-required input[type="password"],
article.post-password-required input[type="submit"] {
  margin-top: 26px;
  margin-top: 1.85714rem;
}

/*---------------------------------------------------------
	Featured
-------------------------------------------------------- */
figure.page-feature figcaption {
  font-style: italic;
  color: #505050;
}

/*---------------------------------------------------------
	Search
-------------------------------------------------------- */
body.search article {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 26px;
  padding-bottom: 1.85714rem;
  margin-bottom: 52px;
  margin-bottom: 3.71429rem;
}
body.search article.format-aside {
  border-bottom: none;
}
body.search article:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
body.search .post footer,
body.search .comment-num,
body.search .sticky-text,
body.search .post-meta {
  display: none;
}

/*---------------------------------------------------------
	Homepage
-------------------------------------------------------- */
.page-template-homepage-php section.main-content {
  margin-bottom: 0;
  border-bottom: 1px solid #e5e5e5;
}
.page-template-homepage-php .content {
  margin-top: 36px;
  margin-top: 2.57143rem;
  margin-bottom: 0;
}
.page-template-homepage-php section.recent-portfolio-items {
  zoom: 1;
  padding-top: 26px;
  padding-top: 1.85714rem;
}
.page-template-homepage-php section.recent-portfolio-items:before, .page-template-homepage-php section.recent-portfolio-items:after {
  display: table;
  content: "";
}
.page-template-homepage-php section.recent-portfolio-items:after {
  clear: both;
}
@media screen and (min-width: 1000px) {
  .page-template-homepage-php section.recent-portfolio-items .portfolio-thumb {
    margin-bottom: 0;
  }
}
.page-template-homepage-php .featured-placeholder {
  height: 200px;
  width: 90%;
  text-align: center;
  padding: 100px 5% 0;
  background-color: rgba(0, 0, 0, 0.04);
  display: block;
  color: #1c1c1c;
}
.page-template-homepage-php #featured span.slide-more {
  position: absolute;
  z-index: 1;
  bottom: 26px;
  left: 4%;
  font-family: Gudea, Helvetica, "Helvetica Neue", Arial, Verdana, Tahoma, sans-serif;
}
.page-template-homepage-php #featured ul {
  margin-bottom: 0;
}
.page-template-homepage-php .slide-title {
  font-weight: bold;
  position: absolute;
  z-index: 1;
  bottom: 22px;
  left: 4%;
  color: #fff;
  padding: .5em;
  background: #1c1c1c;
  max-width: 50%;
  line-height: 1.1;
  margin-bottom: 36px;
  -webkit-transition: font-size 0.1s;
  -moz-transition: font-size 0.1s;
  transition: font-size 0.1s;
  font-size: 15px;
  font-size: 1.07143rem;
}
@media screen and (min-width: 800px) {
  .page-template-homepage-php .slide-title {
    font-size: 17px;
    font-size: 1.21429rem;
    max-width: 45%;
  }
}

/*---------------------------------------------------------
	Portfolio
-------------------------------------------------------- */
@media screen and (min-width: 600px) and (max-width: 1000px) {
  .grid {
    margin-left: auto;
    margin-right: auto;
    max-width: 530px;
  }
}

@media screen and (max-width: 1000px) {
  .tmp-portfolio div.first-when-two-per-row,
  .page-template-homepage-php div.first-when-two-per-row {
    clear: left;
  }
}
.tmp-portfolio .portfolio-placeholder,
.page-template-homepage-php .portfolio-placeholder {
  height: 95px;
  width: 202px;
  display: block;
  padding: 20px;
  padding: 1.42857rem;
  margin-bottom: 18px;
  margin-bottom: 1.28571rem;
  background: rgba(0, 0, 0, 0.04);
}
.tmp-portfolio div.portfolio-thumb,
.page-template-homepage-php div.portfolio-thumb {
  width: 242px;
  word-wrap: break-word;
  padding: 2.09302%;
  text-align: center;
  margin-bottom: 26px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #fff;
  color: #505050;
  zoom: 1;
}
@media screen and (min-width: 600px) {
  .tmp-portfolio div.portfolio-thumb,
  .page-template-homepage-php div.portfolio-thumb {
    float: left;
    margin-right: 3.72093%;
  }
}
@media screen and (min-width: 1000px) {
  .tmp-portfolio div.portfolio-thumb,
  .page-template-homepage-php div.portfolio-thumb {
    margin-right: 4.18605%;
  }
  .tmp-portfolio div.portfolio-thumb.first-when-three-per-row,
  .page-template-homepage-php div.portfolio-thumb.first-when-three-per-row {
    clear: left;
  }
}
@media screen and (min-width: 600px) {
  .tmp-portfolio div.portfolio-thumb,
  .page-template-homepage-php div.portfolio-thumb {
    padding: 1.04651%;
  }
}
.tmp-portfolio div.portfolio-thumb:before, .tmp-portfolio div.portfolio-thumb:after,
.page-template-homepage-php div.portfolio-thumb:before,
.page-template-homepage-php div.portfolio-thumb:after {
  display: table;
  content: "";
}
.tmp-portfolio div.portfolio-thumb:after,
.page-template-homepage-php div.portfolio-thumb:after {
  clear: both;
}
.tmp-portfolio div.portfolio-thumb:hover,
.page-template-homepage-php div.portfolio-thumb:hover {
  border: 1px solid #e5e5e5;
  color: #1c1c1c;
}
.tmp-portfolio div.portfolio-thumb:hover .thumbnail-image,
.page-template-homepage-php div.portfolio-thumb:hover .thumbnail-image {
  background: rgba(0, 0, 0, 0.4);
}
.tmp-portfolio div.portfolio-thumb:hover .thumb-icon,
.page-template-homepage-php div.portfolio-thumb:hover .thumb-icon {
  opacity: 1;
}
.tmp-portfolio div.portfolio-thumb:hover .view-port-item,
.page-template-homepage-php div.portfolio-thumb:hover .view-port-item {
  visibility: visible;
}
.tmp-portfolio div.portfolio-thumb:active,
.page-template-homepage-php div.portfolio-thumb:active {
  border-color: #d8d8d8;
}
.tmp-portfolio div.portfolio-thumb img,
.page-template-homepage-php div.portfolio-thumb img {
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
}
.tmp-portfolio .view-port-item,
.page-template-homepage-php .view-port-item {
  color: #7c7c7c;
}
.tmp-portfolio .view-port-item:before,
.page-template-homepage-php .view-port-item:before {
  color: #eb171c;
  content: "+";
  padding: .1em .3em;
  position: relative;
  top: -.1em;
  margin-right: .5em;
  border: 1px solid #e5e5e5;
  font-family: ModernPictogramsNormal;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.tmp-portfolio .thumbnail-image,
.page-template-homepage-php .thumbnail-image {
  background: rgba(0, 0, 0, 0);
  width: 100%;
  height: 135px;
  position: relative;
  top: 135px;
  margin-top: -135px;
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.tmp-portfolio .thumb-icon,
.page-template-homepage-php .thumb-icon {
  font-family: ModernPictogramsNormal;
  font-size: 60px;
  color: #fff;
  position: relative;
  top: 22px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
@media screen and (min-width: 1000px) {
  .tmp-portfolio div.last-when-three-per-row,
  .page-template-homepage-php div.last-when-three-per-row {
    margin-right: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 1000px) {
  .tmp-portfolio div.last-when-two-per-row,
  .page-template-homepage-php div.last-when-two-per-row {
    margin-right: 0;
  }
}
.tmp-portfolio section.portfolio-content,
.page-template-homepage-php section.portfolio-content {
  clear: both;
  width: 100%;
  zoom: 1;
  padding-top: 18px;
  padding-top: 1.28571rem;
}
.tmp-portfolio section.portfolio-content:before, .tmp-portfolio section.portfolio-content:after,
.page-template-homepage-php section.portfolio-content:before,
.page-template-homepage-php section.portfolio-content:after {
  display: table;
  content: "";
}
.tmp-portfolio section.portfolio-content:after,
.page-template-homepage-php section.portfolio-content:after {
  clear: both;
}
.tmp-portfolio .thumb-meta,
.page-template-homepage-php .thumb-meta {
  text-align: left;
}
.tmp-portfolio .thumb-meta p,
.page-template-homepage-php .thumb-meta p {
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
}
.tmp-portfolio .thumb-title,
.page-template-homepage-php .thumb-title {
  color: #1c1c1c;
  text-align: left;
  margin-bottom: 4px;
  margin-bottom: 0.28571rem;
}
.tmp-portfolio .thumb-date,
.page-template-homepage-php .thumb-date {
  color: #8e8e8e;
  margin-bottom: 0;
}
.tmp-portfolio .thumb-date:before,
.page-template-homepage-php .thumb-date:before {
  content: "";
  background: url(../wp-content/themes/premium/portfolio/images/cal.svg) no-repeat;
  float: left;
  width: 8px;
  height: 10px;
  display: block;
  position: relative;
  padding-right: .4em;
  top: 6px;
}

.tmp-portfolio .view-port-item {
  float: right;
  visibility: hidden;
}

body.page-template-portfolio-php .content,
body.page-template-portfolio-php .main-content {
  margin-bottom: 0;
}

/*---------------------------------------------------------
	Portfolio item
-------------------------------------------------------- */
.colophon section {
  color: #505050;
}
.colophon section blockquote {
  margin: 0 0 26px 0;
  padding: 26px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.colophon section blockquote p {
  margin-bottom: 0;
  font-size: 15px;
  font-size: 1.07143rem;
}
.colophon section blockquote cite {
  display: block;
  clear: both;
  color: #1c1c1c;
  font-weight: bold;
  font-family: Gudea, Helvetica, "Helvetica Neue", Arial, Verdana, Tahoma, sans-serif;
  font-style: normal;
  margin-top: 12px;
  margin-top: 0.85714rem;
}
.colophon section blockquote cite:before {
  content: "";
}
.colophon section blockquote:before {
  content: "";
}
.colophon .portfolio-meta {
  color: #505050;
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}
.colophon .portfolio-meta p {
  margin-bottom: 0;
}

button.view-link {
  font-weight: normal;
  padding: .6em .6em;
  font-size: 12px;
  font-size: 0.85714rem;
}
button.view-link:after {
  content: "  o";
  font-family: ModernPictogramsNormal;
  font-size: 14px;
  font-size: 1rem;
}

a.view-item-link {
  background: #eb171c;
  color: #fff;
  padding: .6em;
}
a.view-item-link:after {
  content: "  o";
  font-family: ModernPictogramsNormal;
  font-size: 14px;
  font-size: 1rem;
}

/*---------------------------------------------------------
	Hides the "backup" images should they ever get printed
-------------------------------------------------------- */
.portfolio-gallery-hidden {
  display: none;
}

/* _sidebar.scss
 * Sidebar and widget styling
 * ------------------------------------------------------------------ */
/*---------------------------------------------------------
	No Sidebar
-------------------------------------------------------- */
div.no-sidebar {
  width: 100% !important;
}

/*---------------------------------------------------------
	Sidebar & widgets
-------------------------------------------------------- */
@media screen and (min-width: 800px) {
  aside[role="complementary"] {
    width: 30.23256%;
    float: right;
  }
}
aside[role="complementary"] ul {
  margin-left: 0;
}
aside[role="complementary"] ul li {
  line-height: 1.95;
  list-style: none;
}
aside[role="complementary"] .widgettitle {
  font-weight: bold;
  clear: both;
  line-height: 1.8;
  word-wrap: break-word;
  font-size: 14px;
  font-size: 1rem;
}
aside[role="complementary"] .widgettitle a.rsswidget img {
  display: none;
}
aside[role="complementary"] .textwidget {
  color: #505050;
}
aside[role="complementary"] .widget {
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}
aside[role="complementary"] .widget_search input[type="text"] {
  margin-right: 12px;
}
aside[role="complementary"] .widget_rss ul {
  margin-left: 0;
}
aside[role="complementary"] .widget_rss li {
  list-style: none;
}
aside[role="complementary"] .widget_rss .rss-date {
  font-style: italic;
}
aside[role="complementary"] .widget_rss .rss-date:before {
  content: "\2013  ";
}
aside[role="complementary"] .widget_rss a.rsswidget,
aside[role="complementary"] .widget_rss cite {
  font-weight: bold;
}
aside[role="complementary"] .widget_rss cite {
  display: inline-block;
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}
aside[role="complementary"] .widget_rss cite:before {
  content: "\2013  ";
}
aside[role="complementary"] .widget_tag_cloud {
  display: inline-block;
}
aside[role="complementary"] .widget_tag_cloud a {
  font-size: 14px !important;
  border-bottom: none;
  display: inline-block;
  padding: .2em .4em;
  margin: 0 .6em .6em 0;
  border: 1px solid #e5e5e5;
}
aside[role="complementary"] .widget_tag_cloud a:active {
  border-color: #d8d8d8;
}
aside[role="complementary"] .widget_nav_menu ul.sub-menu li {
  margin-left: 1.5em;
  list-style: circle inside;
}
aside[role="complementary"] #wp-calendar td {
  font-weight: normal;
}
aside[role="complementary"] #wp-calendar caption {
  color: #fff;
}

/* _comments.scss
 * Comment styling
 * ------------------------------------------------------------------ */
#comments {
  margin-top: 26px;
  margin-top: 1.85714rem;
}
#comments ol, #comments ul {
  margin: 0;
}
#comments li.comment {
  list-style: none;
  border-bottom: 1px solid #e5e5e5;
  zoom: 1;
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}
#comments li.comment:before, #comments li.comment:after {
  display: table;
  content: "";
}
#comments li.comment:after {
  clear: both;
}
#comments li.bypostauthor {
  border-bottom: none !important;
}

/*---------------------------------------------------------
	Header
-------------------------------------------------------- */
header.comment-author {
  clear: both;
}
header.comment-author time a {
  color: #505050;
  line-height: 54px;
}
header.comment-author time a:before {
  content: "\2013  ";
}
header.comment-author cite {
  font-style: normal;
  line-height: 54px;
}

/*---------------------------------------------------------
	Body
-------------------------------------------------------- */
.post-content {
  clear: both;
  float: left;
}
.post-content ul,
.post-content ol,
.post-content dd {
  margin-left: 1.5em !important;
  margin-bottom: 26px !important;
}
.post-content li {
  border-bottom: none !important;
}
.post-content li > ul,
.post-content li > ol {
  margin-bottom: 0 !important;
}

/*---------------------------------------------------------
	Children
-------------------------------------------------------- */
ul.children {
  zoom: 1;
}
@media screen and (min-width: 800px) {
  ul.children {
    padding-left: 3em;
  }
}
ul.children:before, ul.children:after {
  display: table;
  content: "";
}
ul.children:after {
  clear: both;
}

/*---------------------------------------------------------
	Author
-------------------------------------------------------- */
li.bypostauthor article {
  background: rgba(0, 0, 0, 0.04);
  padding: 1.5em 1.5em 0;
  zoom: 1;
}
li.bypostauthor article:before, li.bypostauthor article:after {
  display: table;
  content: "";
}
li.bypostauthor article:after {
  clear: both;
}

/*---------------------------------------------------------
	Details
-------------------------------------------------------- */
a#cancel-comment-reply-link {
  position: relative;
  left: .5em;
}

img.avatar {
  display: inline-block;
  float: left;
  padding: .2em;
  background: rgba(0, 0, 0, 0.04);
  margin-right: 26px;
  margin-right: 1.85714rem;
}

.comment-reply-link {
  clear: both;
  float: left;
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}
.comment-reply-link:before {
  content: "R  ";
  font-family: ModernPictogramsNormal;
  color: inherit;
}

/*---------------------------------------------------------
	Form
-------------------------------------------------------- */
#reply-title {
  clear: both;
  margin-top: 26px;
  margin-top: 1.85714rem;
}
#reply-title:before {
  content: "b  ";
  font-family: ModernPictogramsNormal;
}

label.comment-field {
  display: inline-block;
  margin: 0 0 26px;
  margin:  0 0 1.85714rem;
}

#respond fieldset label.comment-field:after {
  content: "\003A";
}

input.text-input,
#comment {
  width: 100%;
}

span.required {
  color: #eb171c;
}

p.guidelines {
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
}
p.comments-rss a abbr {
  border-bottom: none;
  font-style: normal;
  letter-spacing: 0;
}

/* _slider.scss
 * FlexSlider styling
 * ------------------------------------------------------------------ */
.flexslider {
  width: 100%;
  padding: 0;
  position: relative;
}
.flexslider img {
  display: block;
  margin: 0 auto !important;
}
.flexslider ul {
  margin-left: 0;
}
.flexslider .slides > li {
  display: none;
  position: relative;
  list-style: none;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.flexslider html[xmlns] .slides {
  display: block;
}
.flexslider * html .slides {
  height: 1%;
}
.flexslider .no-js .slides > li:first-child {
  display: block;
}
.flexslider .flex-control-nav,
.flexslider .flex-direction-nav {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
}
.flexslider .flex-control-nav a,
.flexslider .flex-direction-nav a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.flexslider .flex-direction-nav li a {
  background: url(../wp-content/themes/premium/portfolio/images/slider-nav.svg) no-repeat 0 0;
  border-bottom: none;
  cursor: pointer;
  display: block;
  height: 22px;
  bottom: 5px;
  opacity: .45;
  position: absolute;
  text-indent: -9999px;
  width: 22px;
}
.flexslider .flex-direction-nav li a:hover {
  opacity: 1;
}
.flexslider .flex-direction-nav li a.next {
  background-position: -23px 0;
  right: 5px;
}
.flexslider .flex-direction-nav li a.prev {
  background-position: 0 0;
  right: 30px;
}
.flexslider .flex-control-nav {
  text-align: center;
  margin: -12px auto 25px;
}
.flexslider .flex-control-nav li {
  margin: 0 0 0 .4em !important;
  display: inline-block;
}
.flexslider .flex-control-nav li a {
  width: 10px;
  height: 10px;
  display: block;
  background: rgba(0, 0, 0, 0.04);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.flexslider .flex-control-nav li a:hover {
  background: rgba(0, 0, 0, 0.04);
}
.flexslider .flex-control-nav li a.active {
  background: #eb171c;
  cursor: default;
}
.flexslider .flex-control-nav li a:first-child {
  margin: 0;
}

/*---------------------------------------------------------
	Page slider
-------------------------------------------------------- */
section.main-content .flexslider .flex-direction-nav li a.next {
  right: 0;
}
section.main-content .flexslider .flex-direction-nav li a.prev {
  right: 25px;
}

/* _forms.scss
 * Form styling
 * ------------------------------------------------------------------ */
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  border: 1px solid #e5e5e5;
  padding: .4em;
  color: #1c1c1c;
  color: #505050;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

textarea:focus,
select:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus {
  outline-color: transparent;
  outline-style: none;
  color: #1c1c1c;
  border-color: #d8d8d8;
}

input[type="checkbox"],
input[type="radio"] {
  margin-right: .4em;
}

textarea {
  resize: vertical;
}

select {
  outline: none;
  height: 30px;
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"],
span.slide-more {
  background: #eb171c;
  padding: .4em .6em;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border: none;
}

/*---------------------------------------------------------
	Contact form 7
-------------------------------------------------------- */
.wpcf7 input,
.wpcf7 textarea {
  margin-top: 26px;
  margin-top: 1.85714rem;
}

/* _symbols.scss
 * Modern Pictograms icon typeface (http://thedesignoffice.org/project/modern-pictograms/)
 * ------------------------------------------------------------------ */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 4, 2012 05:18:21 AM America/New_York */
@font-face {
  font-family: 'ModernPictogramsNormal';
  src: url(../wp-content/themes/premium/portfolio/includes/stylesheets/modern-pictograms/modernpics-webfont.eot);
  src: url(../wp-content/themes/premium/portfolio/includes/stylesheets/modern-pictograms/modernpics-webfont.eot#iefix) format("embedded-opentype"), url(../wp-content/themes/premium/portfolio/includes/stylesheets/modern-pictograms/modernpics-webfont.woff) format("woff"), url(../wp-content/themes/premium/portfolio/includes/stylesheets/modern-pictograms/modernpics-webfont.ttf) format("truetype"), url(../wp-content/themes/premium/portfolio/includes/stylesheets/modern-pictograms/modernpics-webfont.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* _print.scss
 * Print styles
 * ------------------------------------------------------------------ */
@media print {
  * {
    background-color: none;
    color: #000000;
    border: none;
    font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  }

  html,
  body {
    font-size: 12px;
  }

  #container,
  aside[role="complementary"] {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  hr,
  #respond,
  .comment-count,
  .comment-reply-link,
  nav a[rel="next"],
  nav a[rel="prev"],
  nav[role="navigation"],
  .thumbnail-image,
  .flex-control-nav,
  .flex-direction-nav,
  .thumb-icon,
  .sticky-text {
    display: none;
  }

  .flexslider img {
    float: left;
  }

  img {
    max-width: 500px;
  }

  #comments,
  aside[role="complementary"] {
    page-break-before: always;
  }

  div.portfolio-thumb {
    float: left;
  }
}
/* _support.scss
 * Browser support
 * ------------------------------------------------------------------ */
html.IE8 img {
  width: auto;
}
html.IE8 span.thumb-icon {
  visibility: hidden;
}
html.IE8 #wrapper {
  width: 63.9534884%;
}
html.IE8 nav[role="navigation"] ul li {
  float: left;
}
html.IE8 div.last-when-three-per-row {
  margin-right: 0;
}

html.IE7 nav[role="navigation"] ul li {
  float: left;
}

/* _wpdotcom.scss
 * WP.com-specific styles
 * ------------------------------------------------------------------ */
#wpstats {
  display: none;
}

.sharedaddy {
  clear: both;
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}

.sd-like-count {
  position: relative;
  left: 6px;
  top: 2px;
  display: inline;
}

div.sharedaddy div.sd-block {
  border-top: none !important;
  display: inline-block;
}

.recentcommentstexttop,
.recentcommentstextend {
  float: left;
  display: inline;
  line-height: 24px;
  margin-left: 6px;
  text-align: left;
}

.recentcommentsavatar td {
  background: none !important;
}

.widget_authors li {
  list-style: none;
  clear: left;
  margin-bottom: 45px;
}

.widget_authors ul {
  margin-left: 0;
  margin-bottom: 26px;
  margin-bottom: 1.85714rem;
}
.widget_authors ul li {
  margin-bottom: 0;
}

div.widget_twitter li {
  margin-bottom: 26px;
  line-height: 1.6 !important;
}

.widget_rss_links img {
  vertical-align: middle !important;
  padding-right: 6px;
}

.widget_categories ul.children,
.widget_pages ul.children {
  padding-left: 1.5em;
}

#flickr_badge_wrapper {
  background: none;
  border: none;
}

.milestone-header {
  background: none !important;
  color: #1c1c1c !important;
  border-top: 1px solid;
  border-right: 1px solid;
  border-left: 1px solid;
  border-color: #e5e5e5;
}

.milestone-message {
  border-color: #e5e5e5 !important;
}

.fluid-width-video-wrapper {
  margin-bottom: 26px !important;
}

div[id*="contact-form-"] blockquote {
  margin-top: 0;
}

.widget_jp_blogs_i_follow ol {
  list-style: none;
  margin-left: 0;
}