@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(https://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;
	}
}
/**
 * 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;
}.bbp-staff-role {
	color: #f1831e;
}

.bbp-a8c-reply {
	background: #e9eff3 !important;
	border: 1px solid #c8d7e1;
	width: 98% !important;
}/*
Theme Name: Argent
Theme URI: https://wordpress.com/themes/argent/
Author: Automattic
Author URI: https://wordpress.com/themes/
Description: Argent is a clean and modern portfolio theme, geared towards creative professionals like designers, artists, and photographers. With its simple homepage template featuring portfolio projects, Argent aims to draw viewers right at what matters most: your wonderful work.
Version: 1.0.8-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: argent
Tags: business, portfolio, clean, modern, black, gray, white, one-column, custom-background, custom-colors, custom-header, custom-menu, rtl-language-support, translation-ready, dark, industrial, professional, featured-images, infinite-scroll, responsive-layout, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Argent is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Portfolio
	10.4 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}
html {
	font-size: 62.5%; /* 10px */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
		-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #f0f0f0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol,
ul {
	list-style: none;
}
table {
	border-spacing: 0;
	border-collapse: separate;
}
caption,
th,
td {
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: "Cabin", Helvetica, sans-serif;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.7778;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Alegreya", Georgia, serif;
	font-weight: 700;
}
h1 {
	font-size: 40px;
	font-size: 4rem;
	line-height: 1.6;
	margin-bottom: 0.8em;
}
h2 {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1;
	margin-bottom: 1em;
}
h3 {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1;
	margin-bottom: 1em;
}
h4 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.3333;
	margin-bottom: 1.3333em;
}
h5,
h6 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.7778;
	margin-bottom: 1.7778em;
	text-transform: uppercase;
}
p {
	margin-bottom: 1.7778em;
}
p:last-child {
	margin-bottom: 0;
}
b,
strong {
	font-weight: bold;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	font-family: "Alegreya", Georgia, serif;
	font-size: 40px;
	font-size: 4rem;
	font-style: italic;
	font-weight: 800;
	line-height: 1.3em;
	margin-bottom: 0.8em;
	position: relative;
}
blockquote cite {
	display: block;
	font-family: "Cabin", Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
	letter-spacing: .03em;
	line-height: 2.2857;
	margin-top: 1.14285em;
	text-transform: uppercase;
}
blockquote:before {
	display: block;
	color: #f7f7f7;
	content: "\201C";
	font-family: "Alegreya", Georgia, serif;
	font-size: 250px;
	font-size: 25rem;
	position: absolute;
	top: 45px;
	left: -50px;
	z-index: -1;
}
address {
	margin: 0 0 1.7778em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.2857;
	margin-bottom: 2.2857em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote,
q {
	quotes: "" "";
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.7778em;
}
ul,
ol {
	margin: 0 0 1.7778em 1em;
	list-style-position: outside;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.7778em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
table {
	width: 100%;
	margin: 0 0 1.7778em;
}
td {
	padding: 3px 5px;
	border-bottom: 1px solid #222;
}
th {
	font-weight: bold;
	padding: 10px 5px 5px;
	border-bottom: 4px solid #222;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#infinite-handle span {
	background: none;
	border: 2px solid #999;
	color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	height: 2.9em;
	letter-spacing: .03em;
	padding: 0 24px;
	text-transform: uppercase;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
#infinite-handle span:hover {
	border-color: #000;
	color: rgba(0, 0, 0, 0.8);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #000;
	outline: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	font-size: 16px;
	font-size: 1.6rem;
	border: 2px solid #999;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #000;
	color: #111;
	outline: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	height: 2.5em;
	padding: 0 7px;
}
textarea {
	padding-left: 7px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #999;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color: #222;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
.entry-content a,
.page-content a {
	border-bottom: 2px solid transparent;
}
.entry-content a:hover,
.page-content a:hover {
	border-bottom: 2px solid #222;
}
.entry-content .read-more:hover {
	border-bottom-color: transparent;
}
a img {
	border: 0;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	background: #000;
	clear: both;
	display: block;
	padding: 0.8889em 0;
	width: 100%;
}
.main-navigation ul {
	margin: 0;
}
.main-navigation ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding: 0;
}
.main-navigation ul li:last-child {
	border-bottom: none;
	padding-right: 0;
}
.main-navigation a {
	color: #fff;
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: .03em;
	padding: 0.3889em 0 0.3889em 1.5556em;
	text-decoration: none;
	text-transform: uppercase;
}
.main-navigation ul ul {
	display: block;
	list-style-position: inside;
	list-style-type: disc;
	margin-left: 1.5556em;
}
.main-navigation ul ul li {
	border-bottom: none;
	padding: 0;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	color: rgba(255, 255, 255, 0.6);
	font-size: 12px;
	font-size: 1.2rem;
}
.main-navigation ul ul :hover > a,
.main-navigation ul > .focus > a {
	color: rgba(255, 255, 255, 1);
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle {
	color: #fff;
	display: block;
	margin: 0 auto;
}
.menu-toggle:before {
	border: none;
	content: '\f419';
	display: inline-block;
	padding-right: 8px;
	font-family: "Genericons";
	font-weight: normal;
	font-style: normal;
	vertical-align: top;
}
.menu-toggle:hover {
	border-color: #fff;
	color: #fff;
	opacity: 0.7;
}
.main-navigation.toggled .nav-menu {
	display: block;
	width: 100%;
}
.main-navigation ul {
	display: none;
}
/* Posts, comments navigation */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	color: #999;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 4.5714em auto;
	text-align: center;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	margin-bottom: 1.7778em;
}
.post-navigation .nav-previous:before {
	content: "\00ab";
	margin-right: 5px;
}
.post-navigation .nav-next:after {
	content: "\00bb";
	margin-left: 5px;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.site-branding:before,
.site-branding:after,
#portfolio-wrapper:before,
#portfolio-wrapper:after,
.hentry:before,
.hentry:after,
.entry-body:before,
.entry-body:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.widget-wrapper:after,
.widget-wrapper:before,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}
.clear:after,
.site-branding:after,
#portfolio-wrapper:after,
.hentry:after,
.entry-body:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.widget-wrapper:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.footer-widget-area {
	background: rgba(0, 0, 0, 0.86);
	padding-top: 4em;
	padding-right: 2em;
	padding-left: 2em;
}
.widget-area,
.widget-area a {
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
}
.widget {
	margin: 0 0 1.7778em;
	overflow: hidden;
}
.widget-title {
	font-family: "Cabin", Helvetica, sans-serif;
	font-size: 20px;
	font-size: 2rem;
	letter-spacing: .03em;
	margin-bottom: 1.7778em;
	text-align: center;
	text-transform: uppercase;
}
.widget ul,
.widget ol {
	list-style: none;
	margin: 0;
}
.widget ul > li,
.widget ol > li {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0.785em 0 0.857em;
}
.widget li > ul,
.widget li > ol {
	margin-left: 24px;
}
.widget ul ul {
	margin-top: 0.785em;
}
.widget ul ul > li:last-child {
	padding-bottom: 0;
}
.widget button,
.widget input[type="button"],
.widget input[type="submit"] {
	border: 2px solid #ccc;
	color: #ccc;
}
.widget button:hover,
.widget input[type="button"]:hover,
.widget input[type="submit"]:hover {
	border: 2px solid #fff;
	color: #fff;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-field {
	width: 100%;
}
.widget_search .search-submit {
	display: none;
}

/* Calendar widget */
.widget_calendar caption {
	text-align: center;
}
.widget_calendar th,
.widget_calendar td {
	text-align: center;
	border-color: rgba(255, 255, 255, 0.1);
}
.widget_calendar td a {
	font-weight: bold;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Layout
--------------------------------------------------------------*/
.site-branding {
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0 auto;
	padding: 4.25em 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.home .site-branding {
	padding: 2.5em 0;
}
.custom-background .site-branding {
	background-color: rgba(0, 0, 0, 0.15);
}
.site-title {
	display: table;
	font-family: "Cabin",Helvetica,sans-serif;
	line-height: 1.25;
	letter-spacing: .03em;
	margin: 0 auto;
	max-width: 90%;
	text-align: center;
	text-transform: uppercase;
	z-index: 0;
}
.site-description {
	display: none;
	font-family: "Cabin", Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 0.8889em;
}
.site-title a {
	border: 10px solid currentColor;
	color: #222;
	display: block;
	padding: 0 .25em;
}
.site-main {
	margin: 3.5556em 0;
}
.site-footer {
	background: #000;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 1.7778em 0;
	text-align: center;
}
.site-info,
.site-info a {
	color: rgba(255, 255, 255, 0.5);
}
.site-info a:hover {
	color: rgba(255, 255, 255, 1);
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.home .page-content:after {
	display: block;
	color: #ddd;
	content: '\002A \002A \002A \002A \002A';
	font-size: 50px;
	letter-spacing: 25px;
	line-height: 1;
	font-size: 5rem;
	font-family: Arial, serif;
	margin: 0.64em 0;
	text-align: center;
}
.home.page-template-default .page-content:after {
	display: none;
}
.post-thumbnail {
	display: inline;
	float: left;
	margin-right: 2em;
	margin-bottom: 1.7778em;
}
.home .post-thumbnail,
.blog .post-thumbnail,
.archive .post-thumbnail,
.search .post-thumbnail {
	margin-bottom: 0;
}
.entry-header {
	display: inline-block;
}
.single .entry-header,
.page-header {
	display: block;
	margin-bottom: 3.5556em;
}
.single.without-featured-image .entry-header {
	margin-bottom: 1.7778em;
}
.entry-title {
	font-family: "Cabin", Helvetica, sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.7778;
	margin-bottom: 0;
}
.entry-title a {
	color: #000;
}
.single .entry-title,
.page-title,
.page-title {
	font-family: "Alegreya", Georgia, serif;
	font-size: 40px;
	font-size: 4rem;
	font-style: italic;
	line-height: 1.6em;
	text-align: center;
}
.entry-meta {
	color: #999;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: .03em;
	text-transform: uppercase;
}
.single-jetpack-portfolio .entry-meta,
.page .entry-meta {
	margin-top: 2.6667em;
}
.single-jetpack-portfolio .cat-links,
.single-jetpack-portfolio .tags-links {
	display: block;
	margin-top: 0;
}
.entry-meta a {
	color: #999;
}
.entry-meta a:hover {
	color: #444;
}
.single-jetpack-portfolio .entry-content {
	padding-left: 0;
}
.single .entry-content,
.page .page-content {
	font-size: 18px;
	font-size: 1.8rem;
}
.entry-content {
	font-size: 16px;
	font-size: 1.6rem;
}
.sticky {
	display: block;
}
.hentry {
	margin-bottom: 3.5556em;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 0.75em 0 0;
}

/* Page links */
.single .page-links,
.page .page-links {
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 1.7778em;
}
.page-links .page-links-title {
	padding-right: 10px;
}
.page-links .page-links-title,
.page-links span,
.page-links a {
	min-width: 30px;
	text-align: center;
	display: inline-block;
}
.page-links span {
	border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.page-links .page-links-title {
    padding-right: 10px;
}

/* Read more link */
.read-more {
	color: #000;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
}

/* 404 Page / No search results */
.error404 .widget {
	font-size: 14px;
	padding-right: 0;
	padding-left: 0;
}
.error404 .widget ul > li,
.error404 .widget ol > li {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.error404 .search-form,
.search-no-results .search-form {
	margin-bottom: 1.7778em;
}
.error404 .search-form input[type="search"],
.search-no-results .search-form input[type="search"] {
	width: 79%;
}
.error404 .widget-container .widget:first-child {
	padding-left: 0;
}
.error404 .widget-container .widget:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Portfolio
--------------------------------------------------------------*/
.front-page-block.portfolio .section-title {
	font-style: italic;
	text-align: center;
}
#portfolio-wrapper {
	max-width: 310px;
	margin: 0 auto;
}
#portfolio-wrapper .hentry {
	border-top: none;
	margin-bottom: 11%;
	padding: 0;
}
.project-image {
	background-color: #ccc;
	background-size: cover;
	background-position: 50% 50%;
	height: 250px;
	position: relative;
}
.project-summary {
	background: rgba(0, 0, 0, 0.5);
	padding: 0 1em;
	text-align: center;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.project-image:hover .project-summary {
	background: rgba(0, 0, 0, 0.25);
	opacity: 1;
}
.has-post-thumbnail .project-image:hover .project-summary {
	opacity: 0;
}
.project-summary {
	left: 50%;
	position: absolute;
	top: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
}
.project-title {
	color: #fff;
	font-family: "Cabin", Helvetica, sans-serif;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .03em;
	position: relative;
	top: 50%;
	left: 0;
	text-transform: uppercase;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.62);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

/* Portfolio shortcode */
.portfolio-featured-image img {
	display: block !important;
	margin: 0 !important;
}

/* Force-show single column on smaller screens */
@media screen and (max-width: 768px) {
	.column-2 .portfolio-entry {
		float: none !important;
		width: 100% !important;
	}
}

/*--------------------------------------------------------------
10.4 Comments
--------------------------------------------------------------*/
#comments {
	font-size: 16px;
	font-size: 1.6rem;
}
.comment-list,
.comment-list .children {
	margin: 0;
}
.comment-list,
.comment-list ol {
	list-style: none;
}
.comment,
.pingback {
	margin-top: 1.75em;
}
.bypostauthor {
	display: block;
}
.comment-list {
	list-style-type: none;
	margin-left: 0;
}
.comments-title,
.comment-reply-title {
	font-size: 40px;
	font-size: 4rem;
	font-style: italic;
	line-height: 1.6;
	margin: 1.6em auto;
	text-align: center;
}
.comment-author {
	float: left;
	margin-right: 1.14285em;
}
.comment-metadata {
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: .03em;
	text-transform: uppercase;
}
.comment-meta cite {
	font-style: normal;
}
.comment-meta .fn,
.says {
	font-weight: 600;
}
.comment-metadata a {
	color: #999;
}
.comment-content {
	clear: both;
	margin-top: 1.75em;
}
.comment-reply-link {
	float: right;
	font-weight: 700;
}
.comment-content a {
	word-wrap: break-word;
}
.comment-edit-link {
	color: #999;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: .03em;
	text-transform: uppercase;
}
.no-comments {
	font-style: italic;
	margin-top: 1.75em;
	text-align: center;
}
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
.infinite-loader {
	clear: both;
	margin: 0 auto;
	width: 36px;
}
#infinite-handle {
	clear: both;
	text-align: center;
}
#infinite-handle,
.infinite-loader {
	padding: 1.7778em 0;
}
#infinite-handle span {
	margin: 0 auto;
	text-align: center;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content img,
.page-content img,
.entry-summary img,
.comment-content img,
.widget img {
	vertical-align: middle;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
.jetpack-video-wrapper {
	margin-bottom: 1.5556em;
}
.jetpack-video-wrapper > embed,
.jetpack-video-wrapper > iframe,
.jetpack-video-wrapper > object,
.jetpack-video-wrapper > .wp-video {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
figure {
	margin: 0
}
.wp-caption {
	margin-bottom: 0.8889em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.2857;
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin-top: 0.5714em;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
13 Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.comments-area,
	.site-main .post-navigation,
	.blog .hentry,
	.home .page-content,
	.search .hentry,
	.single-post .hentry,
	.single-jetpack-portfolio .entry-content,
	.page:not(.home) .hentry,
	.archive:not(.post-type-archive) .hentry,
	.site-main .error-404,
	.site-info {
		margin-right: 2em;
		margin-left: 2em;
	}
	.single-jetpack-portfolio .entry-footer {
		margin-right: 3em;
		margin-left: 3em;
	}
	.single:not(.single-jetpack-portfolio) .entry-meta {
		text-align: center;
	}
	.cat-links, .tags-links {
		display: block;
	}
}

@media screen and (min-width: 768px) {
	.home .site-branding {
		padding: 7.75em 0;
	}
	.single-jetpack-portfolio .entry-header,
	.page-header,
	.single-jetpack-portfolio .entry-content,
	.page-content,
	.page .entry-meta,
	.single-jetpack-portfolio .entry-meta,
	.comments-area,
	.post-navigation,
	.posts-navigation {
		margin-right: auto;
		margin-left: auto;
		width: 660px;
	}
	.blog .hentry,
	.archive:not(.post-type-archive) .hentry,
	.search .hentry,
	.single-post .hentry,
	.single-post .comments-area,
	.single-post .post-navigation {
		width: 660px;
		margin-right: auto;
		margin-left: auto;
	}
	.single-post .entry-content {
		float: left;
		width: 490px;
	}

	/* Menu */
	.menu-toggle {
		display: none;
	}
	.main-navigation {
		padding: 0;
	}
	.main-navigation ul {
		display: block;
		list-style: none;
		margin: 0;
		padding-left: 0;
		text-align: center;
	}
	.main-navigation ul li {
		border-bottom: none;
		display: inline-block;
		padding: 0.75em 1em 0.75em 0;
		position: relative;
	}
	.main-navigation a {
		padding: 0.8889em 0;
	}
	.nav-menu > li > a:after {
		color: #fff;
		content: " \2022";
		margin-left: 1em;
		opacity: 0.3;
	}
	.nav-menu > li:last-child > a:after {
		display: none;
	}
	.main-navigation ul ul {
		background: #222;
		float: left;
		margin: 0;
		position: absolute;
		top: 4.3em;
		left: -999em;
		text-align: left;
		z-index: 99999;
	}
	.main-navigation ul ul li {
		border-bottom: 1px solid rgba(255, 2555, 255, 0.1);
	}
	.main-navigation ul ul a {
		padding: 1em 2em;
		width: 220px;
	}
	.main-navigation div>ul>li>ul::before {
		border-color: transparent transparent #222;
		border-style: solid;
		border-width: 6px 6px 8px;
		content: "";
		position: absolute;
		top: -13px;
		left: 20px;
	}

	/* Single Posts & Pages */
	.entry-header {
		margin-top: -9px;
	}
	.single:not(.single-jetpack-portfolio) .entry-meta {
		float: left;
		margin-top: 0;
		margin-right: 20px;
		width: 150px;
	}
	.single .entry-meta .posted-on,
	.single .entry-meta .byline,
	.single:not(.single-jetpack-portfolio) .cat-links,
	.single:not(.single-jetpack-portfolio) .tags-links,
	.single .post-edit-link {
		display: block;
		margin-top: 1.3335em;
	}
	.comment-list .children {
		margin-left: 3.5556em;
	}

	/* Posts, comments navigation */
	.comment-navigation .nav-previous,
	.posts-navigation .nav-previous,
	.post-navigation .nav-previous {
		float: left;
		margin-bottom: 0;
		text-align: left;
		width: 50%;
	}
	.comment-navigation .nav-next,
	.posts-navigation .nav-next,
	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}

	/* Footer Widget Areas */
	.footer-widget-area .widget-area {
		margin: 0;
	}
	.footer-widget-area .widget-area {
		float: left;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(1) {
		width: 100%;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(2),
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(1) {
		margin-right: 6%;
		width: 47%;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(2):last-of-type,
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(1):last-of-type {
		margin-right: 0;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(3),
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(2),
	.footer-widget-area .widget-area:nth-child(3):nth-last-child(1) {
		margin-right: 5%;
		width: 30%;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(3):last-of-type,
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(2):last-of-type,
	.footer-widget-area .widget-area:nth-child(3):nth-last-child(1):last-of-type {
		margin-right: 0;
	}

    /* Pull content into margins */
	blockquote.aligncenter {
		margin-left: -120px;
		width: 900px;
	}
	.single-post blockquote.aligncenter {
		margin-left: 0;
		width: 100%;
	}
	img.size-big,
	.wp-caption.caption-big {
		display: inline-block;
		float: none;
		margin-left: -60px;
		margin-bottom: 1.7778em;
		max-width: 780px;
	}
	.single-post img.size-big,
	.single-post .wp-caption.caption-big {
		margin-left: 0;
		max-width: 100%;
	}
	.wp-caption.caption-big .wp-caption-text {
		width: 780px;
	}
}

@media screen and (min-width: 1060px) {
	.site-title {
		max-width: 960px;
	}
	.wp-caption.alignleft,
	img.alignleft,
	blockquote.alignleft {
		margin-left: -175px;
	}
	.single-post .wp-caption.alignleft,
	.single-post img.alignleft,
	.single-post blockquote.alignleft {
		margin-left: 0;
	}
	blockquote.alignleft,
	blockquote.alignright {
		width: 360px;
	}
	.wp-caption.alignright,
	img.alignright,
	blockquote.alignright {
		margin-right: -175px;
	}
	.single-post .wp-caption.alignright,
	.single-post img.alignright,
	.single-post blockquote.alignright {
		margin-right: 0;
	}
	.footer-widget-area .widget-wrapper {
		width: 1000px;
		margin: 0 auto;
	}
	.footer-widget-area .widget:nth-of-type(3n+1) {
  		clear: left;
  	}
  	.page blockquote.aligncenter {
		width: 760px;
		margin-left: -50px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
	#portfolio-wrapper,
	body[class*="jetpack-portfolio"] .posts-navigation {
		max-width: 655px;
	}
	#portfolio-wrapper .jetpack-portfolio {
		float: left;
		width: 310px;
		margin-right: 5.3%;
		margin-bottom: 5.3%;
	}
	#portfolio-wrapper .jetpack-portfolio:nth-child(2n+2) {
		margin-right: 0;
	}
}
@media screen and (min-width: 1080px) {
	#portfolio-wrapper {
		max-width: 1000px;
		clear: both;
	}
	#portfolio-wrapper .jetpack-portfolio {
		float: left;
		width: 310px;
		margin-right: 3.5%;
		margin-bottom: 3.5%;
	}
	#portfolio-wrapper .jetpack-portfolio:nth-of-type(3n) {
		margin-right: 0;
	}
	body[class*="jetpack-portfolio"] .posts-navigation {
		width: 1000px;
	}
}