img.wp-smiley {
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .05em 0 .1em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}/**
 * 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;
}
/**

	WordAds V2! This CSS applies to all WordAds and Adsense themes

	HTML markup structure of an ad:

	<div class="wpcnt|mpb">
	<div class="wpa [wpmrec|wpwidesky|wpleaderboard]">

		<a class="wpa-about" href="https://en.support.wordpress.com/about-these-ads/" rel="nofollow">
		About these ads
		</a>

		<div class="u">
		[ad unit here]
		</div>

	</div>
	</div>

*/


/* outer container */
.wpcnt {
	text-align: center;
	line-height: 0;
}

.rtl .wpcnt{
	direction: ltr;
}

.mpb{
	text-align: center;
	margin: 0px auto;
	width: 100%;
}

/* inner container */
.wpa, .wpadvert {				/* @todo: deprecate wpadvert */
	position: relative;
    /*overflow: hidden; */       /* this hides "about these ads" when there's no adfill */
    display: inline-block !important;
    max-width: 100%;
    text-align: left;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.wpa.wpwidesky, .wpa.wpleaderboard{
	width: auto;
}

.wpa.top{
	min-width: 728px;
}

.wpa.wpwidesky{
	min-width: 160px;
}

.wpa.wpmrec{
	min-width: 300px;
}

.mpb .wpa{
	padding: 10px 0 0;
}

@media screen and (max-width: 650px) {
	.mpb .wpa{
		min-width: 300px;
	}
}

/* about these ads */
/* all the !important use is to ensure consistency */
.wpa-about{	/* @todo: deprecate wpadvert-about */
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	display: block;
	min-width: 160px;
	/*margin-top: 5px;*/
	border-bottom: none !important;			/* some themes ad dotted underlines, that won't look nice */
	font: 10px/1 "Open Sans", Arial, sans-serif !important;
	text-align: left !important;
	text-decoration: none !important;
	opacity: 0.85;
}

.wpa-notice {
	display: block;
	position: relative;
	padding: 24px;
	overflow: hidden;
	border: 5px solid #efefef;
	font: 13px/1.75 "Merriweather sans", "Open Sans", Arial, sans-serif !important;
	color: #2e4453 !important;
	box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
}

.wpa-buttons{
	text-align: center;
	margin: 0;
}

.wpa-button {
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
  outline: 0;
	padding: 7px !important;
	overflow: hidden;
	background: white;
	border-color: #c8d7e1;
  border-style: solid !important;
  border-width: 1px 1px 2px !important;
	border-bottom: 2px solid #c8d7e1 !important;
  cursor: pointer;
  vertical-align: top;
	color: #668eaa !important;
  font-size: 11px !important;
	font-weight: 600 !important;
  line-height: 1 !important;
	text-overflow: ellipsis;
  text-decoration: none !important;
	text-transform: uppercase !important;
  border-radius: 4px;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.wpa-button:hover{
	border-color: #a8bece !important;
	color: #2e4453 !important;
}

.wpa-button.is-primary{
	background: #00aadc !important;
	border-color: #0087be !important;
	color: white !important;
}

.wpa-button.is-primary:hover{
	border-color: #005082 !important;
	color: white !important;
}

/* dark theme */
body.highlander-dark .wpa-about {
	color: #ddd;
}
body.highlander-dark .wpa-about:hover {
	color: #e9e9e9;
}

/* ad unit wrapper */
.wpa .u>div, .wpadvert>div>* {	/* @todo: deprecate wpdvert */
	display: block;
	margin-top: 5px;			/* this makes "about these ads" visible */
	margin-bottom: 1em;			/* every ad should have a little space below it */
}

div.wpa>div {
	margin-top: 20px;
}

#google_ads_div_wpcom_below_post_adsafe_ad_container {
	display: block !important;
}

.wa-sponsored-link {
	font: 9px/1 sans-serif;
}
/**
 * Theme-specific WordAds colors & settings
 */

.wpa-about {
	text-shadow: none !important;
}/* =Infinity Styles
-------------------------------------------------------------- */

.infinite-wrap {
}
.infinite-loader {
	color: #000;
	display: block;
	height: 28px;
	text-indent: -9999px;
}
#infinite-handle span {
	background: #333;
	border-radius: 1px;
	color: #eee;
	cursor: pointer;
	font-size: 13px;
	padding: 6px 16px;
}

/**
 * Using a highly-specific rule to make sure that all button styles
 * will be reset
 */
#infinite-handle span button,
#infinite-handle span button:hover,
#infinite-handle span button:focus {
	display: inline;
	position: static;
	padding: 0;
	margin: 0;
	border: none;
	line-height: inherit;
	background: transparent;
	color: inherit;
	cursor: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
}

/**
 * This is used to avoid unnecessary inner button spacing in Firefox
 */
#infinite-handle span button::-moz-focus-inner {
	margin: 0;
	padding: 0;
	border: none;
}

/**
 * For smaller viewports, remove the down-arrow icon and turn
 * the button into a block element, spanning the content's full width.
 */
@media (max-width: 800px) {
	#infinite-handle span:before {
		display: none;
	}
	#infinite-handle span {
		display: block;
	}
}

/**
 * Footer
 */
#infinite-footer {
	position: fixed;
		bottom: -50px;
		left: 0;
	width: 100%;
}
#infinite-footer a {
	text-decoration: none;
}
#infinite-footer .blog-info a:hover,
#infinite-footer .blog-credits a:hover {
	color: #444;
	text-decoration: underline;
}
#infinite-footer .container {
	background: rgba( 255, 255, 255, 0.8 );
	border-color: #ccc;
	border-color: rgba( 0, 0, 0, 0.1 );
	border-style: solid;
	border-width: 1px 0 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
	padding: 1px 20px;
	width: 780px;
}
#infinite-footer .blog-info,
#infinite-footer .blog-credits {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 25px;
}
#infinite-footer .blog-info {
	float: left;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 40%;
}
#infinite-footer .blog-credits {
	font-weight: normal;
	float: right;
	width: 60%;
}
#infinite-footer .blog-info a {
	color: #111;
	font-size: 14px;
	font-weight: bold;
}
#infinite-footer .blog-credits {
	color: #888;
	font-size: 12px;
	text-align: right;
}
#infinite-footer .blog-credits a {
	color: #666;
}

/**
 * Hooks to infinity-end body class to restore footer
 */
.infinity-end.neverending #infinite-footer {
	display: none;
}

/**
 * Responsive structure for the footer
 */
@media (max-width: 640px) {
	#infinite-footer .container {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	#infinite-footer .blog-info {
		width: 30%;
	}
	#infinite-footer .blog-credits {
		width: 70%;
	}
	#infinite-footer .blog-info a,
	#infinite-footer .blog-credits {
		font-size: 10px;
	}
}

/**
 * No fixed footer on small viewports
 */
@media ( max-width: 640px ) {
	#infinite-footer {
		position: static;
	}
}/**
 * 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;
}/* This is a Default (blue) color scheme for San Kloud Theme */

body {
	background: #d8e8e7;
	color: #000;
}
.page-wrapper {
	background: #a7dbd8 url(../../wp-content/themes/pub/san-kloud/colors/default/images/body-bg.png) bottom left repeat-x;
	text-shadow: 1px 1px #fff;
}
a,
a:visited {
	color: #3d4b4e;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #3d4b4e;
	text-shadow: 1px 1px 0 #fff;
}
.archive-title {
	color: #488e95;
}
.comment-author-name,
.comment-author-name a {
	color: #3d4b4e;
}
.comment-author-meta,
.comment-body-text {
	color: #000;
}
.comment-body {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/comment-middle.png) top left repeat-y;
}
.comment-wrapper {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/comment-top.png) top left no-repeat;
}
#commentform input[type=text],
#commentform textarea {
	background: #e1e7e7;
}
#commentform input[type=submit] {
	background: #f38630;
	border-left: 1px solid #fce1cb;
	border-top: 1px solid #fce1cb;
	color: #a7dbd8;
	text-shadow: 1px 1px 0 #fce1cb;
}
#comments-title,
.nocomments {
	border-bottom: 1px solid #b2b2b2;
	box-shadow: 0 1px #d1edec;
	color: #699997;
}
.content .page,
.archive .post,
.search .post {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/page-bg-top.png) 0 0 no-repeat;
}
.content .attachment {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/page-bg-top-long.png) 0 0 no-repeat;
}
.format-aside .post-top {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/post-bg-top-short.png);
}
.format-standard .post-top {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/post-bg-top-short.png);
}
.widget h3 {
	color: #3d4b4e;
	border-bottom:  1px solid #a7dbd8;
	box-shadow: 0 1px 0 #fff;
	text-shadow: 1px 1px 0 #fff;
}
.nav-menu a {
	color: #418c96;
}
.nav-menu a:hover,
.current-menu-item  a{
	color: #f4710f;
}
.nav-menu li + li {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/separator.png) left no-repeat;
}
.nav-menu ul.children,
.nav-menu ul.sub-menu {
	background: #8dd7de;
}
.post-bottom {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/post-bg-bottom.png) bottom left no-repeat;
}
.post-middle {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/post-bg-middle.png) left top repeat-y;
}
.post-top {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/post-bg-top.png) top left no-repeat;
}
.reply a {
	color: #718383;
	text-shadow: 1px 1px #fff;
}
.reply-title {
}
.site-description {
	color: #fff !important;
	text-shadow: none;
}
.site-title-left {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/header-left-part.png) right top repeat-x;
}
.site-title-middle {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/header-middle-part.png) 0 0 repeat-x;
}
.site-title-right {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/header-right-part.png) right top repeat-x;
}
.site-title,
.site-title a {
	color: #f9984d;
	text-shadow: -1px -1px 0 white;
}
.sticky .post-top {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/post-bg-top-sticky.png) left top no-repeat;
}
.sticky .post-title h2 a {
	color: #22b5d3;
}
.single-post-title h2 {
	color: #3d4b4e;
}
.post-title a,
.page-title a {
	color: #3d4b4e;
	text-shadow: 1px 1px 0 #fff;
}
.page-content {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/page-bg-middle.png) 0 0 repeat-y;
}
.page-bottom {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/page-bg-bottom.png) 0 0 no-repeat;
}
.attachment .page-content {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/page-bg-middle-long.png) 0 0 repeat-y;
}
.attachment .page-bottom {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/page-bg-bottom-long.png) 0 0 no-repeat;
}
.reply-wrapper {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/comment-bottom.png) top left no-repeat;
}
.sidebar-top {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/sidebar-bg-top.png) left no-repeat;
}
.sidebar-middle {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/sidebar-bg-middle.png) top left repeat-y;
}
.sidebar-bottom {
	background: url(../../wp-content/themes/pub/san-kloud/colors/default/images/sidebar-bg-bottom.png) top left no-repeat;
}
ul.children .comment-wrapper {
	background: #b4dcda;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
.widget a {
	color: #3d4b4e;
}
#wp-calendar caption {
	color: #979c9c;
	text-shadow: 1px 1px 0 #fff;
}
#wp-calendar td {
	border: 1px solid #a7dbd8;
	color: #3d4b4e;
	text-shadow: 1px 1px 0 #fff;
}
#wp-calendar th {
	border: 1px solid #a7dbd8;
	color: #a1a6a6;
	text-shadow: 1px 1px 0 #fff;
}