﻿/*copy from corev4.css*/
.ms-rteTable-default{width:70%;}
.ms-rteTableEvenCol-default, .ms-rteTableOddCol-default, .ms-rteTableHeaderEvenCol-default, .ms-rteTableHeaderOddCol-default{border:solid 1px #c4c4c4;padding:2px;}
.ms-rteThemeForeColor-5-3{color:#3db2ff;}
.ms-rteForeColor-10{color:purple;}
.ms-rtePosition-1 {float:left;}
.ms-rtePosition-2 {float:right;}
.mpn-br {height:1.5em;}
/*---*/

/*overwite wordpress*/
#sidebar {display:none;}
table {table-layout:auto;}
/*overwite wordpress*/

/*common {*/
body{overflow-x:hidden;}
.s4-pr .clearing{display:none;}
#maincontent {margin-bottom:0;margin-top:0;}
#MPNBlogArticle{line-height:normal;}
#MPNBlogArticle .article-detail hr{background-color:#231717; min-height:1px; border:none}
/*common }*/

/*banner{*/
.designmode .banner-bg{height:16em;}
#MPNBlogArticle .banner-bg {display:block;position:absolute;left:0;width:100%;z-index:-100;}
#MPNBlogArticle .article-detail{width:75%;float: left;}
/*banner}*/

/*share btn*/
#MPNBlogArticle .share-button {float: right; display: table; display:none}
#MPNBlogArticle .share-button label{display: table-cell; vertical-align: middle; margin-right:  0.35em;}
#MPNBlogArticle .share-button img{margin-left: 0.35em;width: 25px;height: 25px;}
/*share btn*/

/*article*/
#MPNBlogArticle .article-blog-content { margin-top: 1.42em; }
#MPNBlogArticle .article-title h1 { padding-bottom: 0.4em; }
#MPNBlogArticle .article-author {color:#9A8E8E}
#MPNBlogArticle .article-author label { color: #000;}
#MPNBlogArticle .article-author > label:first-child{text-transform:capitalize;}
#MPNBlogArticle .article-btn-section { display: none;}
#MPNBlogArticle .article-body { width: 91%;}
/*article*/

/*recent post*/
#MPNBlogArticle .recent-post{width:25%;float: left;}
#MPNBlogArticle .recent-post-title,#MPNBlogArticle .recent-post-items{ margin-left: 1.189em;}
#MPNBlogArticle .recent-post-list{float: right;background-color: #FAFAFA;width: 100%;}
#MPNBlogArticle .recent-post-item{ margin-bottom: 1.5em;}
#MPNBlogArticle .recent-post-item ul { padding-left: 0em;}
#MPNBlogArticle .recent-post-item ul > li{ list-style-type: none;display: inline;}
#MPNBlogArticle .recent-post-item:last-child{ margin-bottom: 1.18em;}
/*recent post*/

/*tags*/
#MPNBlogArticle .associated-tags{float: right;background-color: #FAFAFA;width: 100%;}
#MPNBlogArticle .associated-tags-title,#MPNBlogArticle .associated-tags-items{ margin-left: 1.189em;}
#MPNBlogArticle .associated-tags-items ul { padding-left: 0em;}
#MPNBlogArticle .associated-tags-items ul > li{ list-style-type: none;display: inline-block;}
#MPNBlogArticle .associated-tags-items:last-child{ margin-bottom: 1.18em;}
/*tags*/

/*categories*/
#MPNBlogArticle .categories-title{text-align:justify;}
#MPNBlogArticle .categories-title:after{content:'';display:inline-block;width:100%;}
#MPNBlogArticle .categories-title > h2{display:inline-block;padding-bottom: .23em;font-size: 2.0139em;color:#333333;line-height:normal;}
#MPNBlogArticle .categories-title .btn-rss{display:inline-block;}
#MPNBlogArticle .categories-title .btn-rss > a > img{width:21px;height:21px;}
#MPNBlogArticle .categories-title,#MPNBlogArticle .categories-items{ margin-left: 1.189em;margin-right: 1.189em;}
#MPNBlogArticle .categories-list{float: right;background-color: #FAFAFA;width: 100%;}
#MPNBlogArticle .categories-item{ margin-bottom: 1.7em;font-size: .9722em;}
#MPNBlogArticle .categories-item ul { padding-left: 0em;}
#MPNBlogArticle .categories-item ul > li{ list-style-type: none;display: inline;}
#MPNBlogArticle .categories-item:last-child{ margin-bottom: 1.18em;}
/*categories*/

/*comment*/
#MPNBlogArticle #commentarea {width: 75%;margin: 0 0 3em 0; clear:both;}
#MPNBlogArticle #yammer-add-comment{border-top:none}
/*comment*/

/*fix float*/
#MPNBlogArticle .fix-float{zoom:1;}
#MPNBlogArticle .fix-float:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}
/*fix float*/

#header .search .ms-sbgo.ms-sbcell a{height:22px;}
#SRSB input{ margin-top: 0;}

@media only screen and (max-width:640px)
{
    #MPNBlogArticle .article-btn-section {display:none}
    #MPNBlogArticle .recent-post { width: 100%;}
    #MPNBlogArticle .article-detail{ width: 100%;}
    #MPNBlogArticle #commentarea {width: 100%;}
    #MPNBlogArticle .article-body { width: 100%;}
    #MPNBlogArticle .recent-post .share-button{ display: none;}
    .ms-PostBody img{max-width:90%;width:90%;height:auto}

    #header .search .ms-sbgo.ms-sbcell a{ margin-top:1px;}
    #SRSB input{ margin-top: 0;}

}

/*spacing{*/
#MPNBlogArticle .top-spacing-7{margin-top:.486em}
#MPNBlogArticle .top-spacing-15{margin-top:1.042em}
#MPNBlogArticle .top-spacing-20{margin-top:1.389em}
#MPNBlogArticle .top-spacing-25{margin-top:1.5em}
#MPNBlogArticle .top-spacing-30{margin-top:2.083em}
#MPNBlogArticle .top-spacing-35{margin-top:2.431em}
#MPNBlogArticle .top-spacing-45{margin-top:3.125em}
#MPNBlogArticle .top-spacing-50{margin-top:3.47em}
#MPNBlogArticle .top-spacing-60{margin-top:4.167em}
#MPNBlogArticle .bottom-spacing-5{margin-bottom:.347em}
#MPNBlogArticle .bottom-spacing-7{margin-bottom:.486em}
#MPNBlogArticle .bottom-spacing-10{margin-bottom:.694em}
#MPNBlogArticle .bottom-spacing-15{margin-bottom:1.042em}
#MPNBlogArticle .bottom-spacing-20{margin-bottom:1.389em}
#MPNBlogArticle .bottom-spacing-25{margin-bottom:1.736em}
#MPNBlogArticle .bottom-spacing-30{margin-bottom:2.083em}
#MPNBlogArticle .bottom-spacing-35{margin-bottom:2.431em}
#MPNBlogArticle .bottom-spacing-45{margin-bottom:3.125em}
#MPNBlogArticle .bottom-spacing-60{margin-bottom:4.167em}
/*spacing}*/

/* locale */
.ms-PostBody
{
    font-size: 100%;
    line-height: 1.5em;
}
.ms-PostBody ul,ol
{
    padding-left: 2.778em;
    margin: 0.8333em 0 0.8333em 0;
    line-height: normal;
}
.ms-PostBody img
{
	max-width:100%;
	height:auto;
}

/* locale */

ul.social-icons{
  list-style: none;
  padding: 0;
}

ul.social-icons li{
  background-color: #969696;
    float: left;
    height: 20px;
    list-style: outside none none;
    margin-right: 10px;
    width: 20px;
	margin-right:7px;
}

ul.social-icons img{
	width:100%;
	height:auto;
}
ul.social-icons .facebook:hover{
	 background-color: #3b5998;	
}
ul.social-icons .twitter:hover{
	 background-color: #00aced;	
}
ul.social-icons .linkedin:hover{
	 background-color: #007bb6;	
}
label.author-float{display:bolck;float:left;margin-right:7px;}

#MPNBlogArticle label.article-author-title, #MPNBlogArticle ul.social-icons{margin-top:6px;}


/* Livefyre Comments */

/* hide elements */
.fyre-edit-profile-link {
	display:none;
}
.fyre-live-container {
	display:none;
}
.fyre-help {
	display:none;
}

/*
.fyre-cp-modal .fyre-profile {
	display:none;
}
*/
.fyre-hovercard {
	display:none;
}

.fyre-format-button, .fyre-mention-button, .fyre-follow-button, .fyre-share-button {
	display:none !important;
}
.fyre-editor-toolbar {
	margin-top:20px !important;
}
.goog-toolbar-separator {
	background:transparent !important;
	border:none !important;
}

/*
.fyre-stream-sort {
	display:none;
}
*/
.fyre-comment-author, .fyre-comment-author:hover {
	cursor:default !important;
	color:#000 !important;
}
.fyre-comment-username, .fyre-comment-username:hover {
	cursor:default !important;
	color:#000 !important;
}

.fyre-comment-actions {
	display:none !important;
}

/* login screen */
.fyre-login-header {
	display:none;
}
.fyre-social-list {
	margin-top:20px !important;
}
.fyre-social-list > .social-login > .fyre-source-microsoft {
	display:none !important;
}
.fyre-social-list > .social-login {
	color:#fff !important;
	background:#0078d7 !important;
	padding-left:0px !important;
	line-height:38px !important;
	text-align:center;
}
.fyre-social-list > .social-login::before {
	content: 'Sign in';
	display:block;
	width:238px;
	height:38px;
}

#livefyre-comments {
	margin:50px 0;
}

/* comments editor */
.fyre-editor {
	margin-bottom:30px;
}
.fyre-editor .fyre-editor-container .fyre-editor-editable {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;

	background-color:#fff;
	border:1px solid #acacac;
}

.fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right {
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	-ms-border-radius:0 !important;
	-o-border-radius:0 !important;
	border-radius:0 !important;

	height:40px !important;
	border:none !important;
	margin-left:20px;
}
.fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right .fyre-button-right-outer-box {
	padding:12px 20px !important;
}
.fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right .fyre-button-right-outer-box .fyre-button-right-inner-box {
	color:#fff !important;
	font-size:16px !important;
	line-height:16px !important;
	font-weight:bold !important;
	text-shadow:none !important;
}
.fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button {
	background:#0078d7 !important;
}
.fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-cancel-button {
	background:#e3e3e3 !important;
}

.fyre-editor-error {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;

	padding:10px 30px 10px 20px;
	line-height:1.1em !important;
	background-color:#a80000;
	width:auto;
}
.fyre-editor-error > a.fyre-editor-error-close, .fyre-editor-error > a.fyre-editor-error-close:hover {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;

	background:none;
	color:#fff;
	border:none;
	right:10px;
	cursor:pointer;
	text-decoration:none;
}
.fyre-editor-error > .fyre-editor-error-close::before {
	content:'X';
}

/* current user */
.fyre.fyre-width-small .fyre-login-bar {
	width:100%;
}
.fyre-width-medium .fyre-box-wrapper {
	max-width:100%;
}
.fyre .fyre-user-loggedout, .fyre .fyre-user-loggedout:hover {
	color:#1570a6;
	font-weight:normal;
}
.fyre .fyre-box-wrapper span.fyre-user-drop {
	margin-left:20px;
}
.fyre .fyre-box-wrapper:hover, .fyre .fyre-box-wrapper.fyre-box-mobile-touch {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	
	border-color:#acacac;
}
.fyre .fyre-box-list li {
	border-top:1px solid #acacac;
}
.fyre .fyre-box-list li a {
	padding:5px 10px;
}
.fyre .fyre-box-wrapper a.fyre-user-profile-link {
	margin-bottom:0 !important;
}

/* sort */
.fyre .fyre-stream-sort {
	margin:20px 0px 15px;
	border-bottom:none;
	color:#000 !important;
}
.fyre .fyre-stream-sort a {
	color:#000 !important;
}
.fyre .fyre-stream-sort .fyre-stream-sort-bar {
	margin:0 5px;
}

/* comments */
.fyre .fyre-comment-head, .fyre .fyre-comment-body {
	margin-left:67px;
}
.fyre .fyre-comment-body {
	margin-top:10px;
}
.fyre .fyre-comment-username {
	font-weight:bold;
}
.fyre .fyre-comment {
	margin:0;
}
.fyre .fyre-stream-content article {
	padding-top:20px;
	border-top:1px solid #acacac;
}
.fyre .fyre-stream-content > article:last-child{
	border-bottom:1px solid #acacac;
}
.fyre .fyre-stream-content article > .fyre-comment-divider {
	display:none;
}
.fyre .fyre-stream-content article > .fyre-comment-divider > div.fyre-comment-divider {
	display:none;
}
.fyre .fyre-stream-content article > .fyre-comment-divider.fyre-divider-active,
	.fyre .fyre-stream-content article > .fyre-comment-divider.fyre-comment-collapse,
	.fyre .fyre-stream-content article > .fyre-comment-divider.fyre-comment-expand {
	display:block;
}
.fyre .fyre-stream-content article > .fyre-comment-divider > .fyre-comment-collapse {
	top:-32px;
	left:0;
}
.fyre .fyre-stream-content article > .fyre-comment-divider > .fyre-comment-reply-wrapper {
	position:absolute;
	top:-30px !important;
	margin-left:90px;
	color:#000;
}
.fyre .fyre-comment-like {
	padding-right:20px;
}
.fyre .fyre-comment-like-imgs {
	display:none;
}
.fyre .fyre-comment-like-count {
	margin-right:5px;
}
.fyre .fyre-comment-reply, .fyre .fyre-comment-reply:hover {
	padding-left:21px;
	background: url(../images/icon-reply.png) no-repeat left center;
}
.fyre .fyre-comment-footer, .fyre .fyre-comment-footer > a, .fyre .fyre-comment-footer > a:hover {
	color:#1570a6;
}

/* moderation */
.fyre-comment-premod .fyre-pending {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;

	padding:5px 10px;
	width:auto;
	height:auto;
}
.fyre-comment-premod .fyre-mod-actions > a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;

	padding:5px 10px;
	width:auto;
	height:auto;	
}
.fyre-comment-premod .fyre-mod-actions > a > span {
	left:0;
}
/* alert */
.fyre-modal-alert {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	
	background-image:none;
	padding:10px 20px;
	line-height:1.1em !important;
}
.fyre-modal-alert .fyre-modal-alert-title-close {
	background:none;
	top:auto;
	right:10px;
}
.fyre-modal-alert .fyre-modal-alert-title-close::before {
	content:'X';
}
.fyre-modal-alert .fyre-modal-alert-content {
	padding:0px;
	min-height:auto;
}

/* show more comments */
.fyre .fyre-stream-more {
	background:none;
	margin-top:40px;
}
.fyre .fyre-stream-more .fyre-stream-more-container {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;

	background:#0078d7;
	height:40px;
	border:none;
}
.fyre .fyre-stream-more .fyre-stream-more-container .fyre-text {
	color:#fff;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	padding:12px 20px 12px 54px;
	background:url(../images/icon-refresh.png) no-repeat 20px center !important;
}

/* h3 */
.fyre-comment-count {
	font-size:24px;
	font-weight:lighter;
	line-height:36px;
	margin-bottom:6px;
}
/* p */
.fyre .fyre-box-wrapper a.fyre-user-profile-link, .fyre .fyre-user-loggedout, .fyre .fyre-comment-like-btn, .fyre .fyre-comment-reply, .fyre .fyre-comment-body, .fyre .fyre-comment-username, .fyre-editor-error, .fyre-lfep2 .fyre-cp-edit .fyre-cp-form label, .fyre-lfep2 .fyre-cp-profile-create .fyre-cp-form label, .fyre-lfep2 .fyre-cp-profile-create .fyre-cp-form label, .fyre-modal-alert, .fyre .fyre-comment-like-count, .fyre .fyre-stream-sort {
	font-size:16px;
	line-height:28px;
	margin-bottom:12px;
}
.fyre .fyre-comment-wrapper time.fyre-comment-date {
	font-size:12px;
	line-height:21px;
	margin-bottom:9px;
	float:none;
	margin-left:10px;
	color:#000;
}
@media screen and (max-width: 899px) {
	/* h3 */
	.fyre-comment-count {
		font-size:21px;
		font-weight:lighter;
		line-height:32px;
		margin-bottom:5px;
	}
	/* p */
	.fyre .fyre-box-wrapper a.fyre-user-profile-link, .fyre .fyre-user-loggedout, .fyre .fyre-comment-like-btn, .fyre .fyre-comment-reply, .fyre .fyre-comment-body, .fyre .fyre-comment-username, .fyre-editor-error, .fyre-lfep2 .fyre-cp-edit .fyre-cp-form label, .fyre-lfep2 .fyre-cp-profile-create .fyre-cp-form label, .fyre-lfep2 .fyre-cp-profile-create .fyre-cp-form label, .fyre-modal-alert, .fyre .fyre-comment-like-count, .fyre .fyre-stream-sort {
		font-size:14px;
		line-height:25px;
		margin-bottom:11px;
	}
}
@media screen and (max-width: 679px) {
	/* h3 */
	.fyre-comment-count {
		font-size:18px;
		font-weight:lighter;
		line-height:27px;
		margin-bottom:5px;
	}
	/* p */
	.fyre .fyre-box-wrapper a.fyre-user-profile-link, .fyre .fyre-user-loggedout, .fyre .fyre-comment-like-btn, .fyre .fyre-comment-reply, .fyre .fyre-comment-body, .fyre .fyre-comment-username, .fyre-editor-error, .fyre-lfep2 .fyre-cp-edit .fyre-cp-form label, .fyre-lfep2 .fyre-cp-profile-create .fyre-cp-form label, .fyre-lfep2 .fyre-cp-profile-create .fyre-cp-form label, .fyre-modal-alert, .fyre .fyre-comment-like-count, .fyre .fyre-stream-sort {
		font-size:12px;
		line-height:21px;
		margin-bottom:9px;
	}
	.fyre .fyre-comment-wrapper time.fyre-comment-date {
		font-size:10px;
		line-height:18px;
		margin-bottom:6px;
	}
}
@media screen and (max-width: 539px) {
	/* h3 */
	.fyre-comment-count {
		font-size:16px;
		font-weight:lighter;
		line-height:24px;
		margin-bottom:4px;
	}
}
