/*
Template Name:mPerso2023
Copyright:fdgee.net,http://www.fdgeek.net
Version:1.0
Licence : MIT
*/
body {
	padding-top:5rem;
	margin-top:80px;
	background-color: #eff0f2; 
}

.col-md-8 {
	background-color: #fff;
	border:1px solid rgba(0,0,0,.2);
	border-radius:12px;
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,.05);
}

.bg-white {
	background-color: #fff!important;
}

.mainheading {
	padding:1rem 0rem;
}
a {
	/* color:#00ab6b; */
	color:#ff4400;
}
a,a:hover {
	transition:all 0.2s;
	
}
.mediumnavigation {
	background:rgba(255,255,255,.97);
	box-shadow:0 2px 2px -2px rgba(0,0,0,.15);
}
section {
	margin-bottom:20px;
}
.section-title h2 {
	border-bottom:1px solid rgba(0,0,0,.15);
	margin-bottom:25px;
	font-weight:700;
	font-size:1.4rem;
	margin-bottom:27px;
}
.section-title span {
	border-bottom:1px solid rgba(0,0,0,.44);
	display:inline-block;
	padding-bottom:20px;
	margin-bottom:-1px;
}
@media (min-width:576px) {
	.card-columns.listfeaturedtag {
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
	}
}
@media (min-width:992px) {
	.navbar-toggleable-md .navbar-nav .nav-link {
		padding-right:.7rem;
		padding-left:.7rem;
	}
}
.card-columns .card {
	margin-bottom:20px;
	border:1px solid rgba(0,0,0,.2);
	border-radius:12px;
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,.05);
	overflow:hidden;
}
.listfeaturedtag .wrapthumbnail {
	height:258px;
	flex:0 0 auto;
}


.listfeaturedtag .card {
	border:1px solid rgba(0,0,0,.2);
	border-radius:12px;
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,.05);
	height:260px;
	padding-left:0px;
	margin-bottom:15px;
	overflow:hidden;
}
	
.listfeaturedtag .thumbnail {
	background-size:cover;
	height:100%;
	display:block;
	background-position:38% 22% !important;
	background-origin:border-box!important;
	border-top-left-radius:2px;
}

.listfeaturedtag .card-block {
	padding: 1.25rem;
	padding-left:0;
}
.listfeaturedtag h2.card-title,.listrecent h2.card-title {
	font-size:1.3rem;
	font-weight:700;
	line-height: 1.25;
}

.listfeaturedtag h2.card-title a,.listrecent h2.card-title a {
	color:rgba(0,0,0,.8);
}
.listfeaturedtag h2.card-title a:hover,.listrecent h2.card-title a:hover {
	color: #ff4400;
	/* color:rgba(0,0,0,.6); */
	text-decoration:none;
}
.listfeaturedtag h4.card-text,.listrecent h4.card-text {
	color:rgba(0,0,0,.44);
	font-size:0.95rem;
	line-height:1.4;
	font-weight:400;
}
.listfeaturedtag .wrapfooter {
	position:absolute;
	bottom:20px;
	font-size:12px;
	display:block;
	width:85%;
}

.listrecent .wrapfooter {
	font-size:12px;
	margin-top:30px;
}

.author-thumb {
	width:40px;
	height:40px;
	float:left;
	margin-right:13px;
	border:1px solid rgba(0,0,0,.2);
	border-radius: 100%;
	-webkit-border-radius: 100%;
    -moz-border-radius: 100%;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,.05);
}
.post-top-meta {
	margin-bottom:2rem;
}
.post-top-meta .author-thumb {
	width:72px;
	height:72px;
}
.post-top-meta.authorpage .author-thumb {
	margin-top:40px;
}
.post-top-meta span {
	font-size:0.9rem;
	color:rgba(0,0,0,.44);
	display:inline-block;
}
.post-top-meta .author-description {
	margin-bottom:5px;
	margin-top:5px;
	font-size:0.95rem;
}
.author-meta {
	flex:1 1 auto;
	white-space:nowrap!important;
	text-overflow:ellipsis!important;
	overflow:hidden!important;
}
span.post-name,span.post-date,span.author-meta {
	display:inline-block;
}
span.post-date,span.post-read {
	color:rgba(0,0,0,.44);
}
span.post-read-more {
	align-items:center;
	display:inline-block;
	float:right;
	margin-top:8px;
}
span.post-read-more a {
	color:rgba(0,0,0,.44);
}
span.post-name a,span.post-read-more a:hover {
	color:rgba(0,0,0,.8);
}
.dot:after {
	content:"·";
	margin-left:3px;
	margin-right:3px;
}
.mediumnavigation .form-control {
	font-size:0.8rem;
	border-radius:30px;
	overflow:hidden;
	border:1px solid rgba(0,0,0,0.04);
}
.mediumnavigation .form-inline {
	margin-left:15px;
}
.mediumnavigation .form-inline .btn {
	margin-left:-50px;
	border:0;
	border-radius:30px;
	cursor:pointer;
}
.mediumnavigation .form-inline .btn:hover,.mediumnavigation .form-inline .btn:active {
	background:transparent;
	color:green;
}
.mediumnavigation .navbar-brand {
	font-weight:500;
}

.mediumnavigation .dropdown-menu {
	border:1px solid rgba(0,0,0,0.08);
	margin:.5rem 0 0;
}
.mediumnavigation .nav-item,.dropdown-menu {
	font-size:0.9rem;
}
.mediumnavigation .search-icon {
	margin-left:-40px;
	display:inline-block;
	margin-top:3px;
	cursor:pointer;
}
.mediumnavigation .navbar-brand img {
	max-height:100px;
	margin-right:5px;
	filter: drop-shadow(2px 2px 1px #ff4400);
	border: 1px solid rgba(200,200,200,.2);  
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
.mainheading h1.sitetitle {
	font-family:Righteous;
}

.mainheading h1.posttitle {
	font-weight:700;
	margin-bottom:1rem;
}
.footer {
	border-top:1px solid rgba(0,0,0,.05)!important;
	padding-top:15px;
	padding-bottom:12px;
	font-size:0.8rem;
	color:rgba(0,0,0,.8);
	margin-top:50px;
}
.link-dark {
	color:rgba(0,0,0,.8);
}

.article-post {
	font-family:Merriweather;
	font-size:1.2rem;
	line-height:1.8;
	color:rgba(0,0,0,.8);
}

.article-post img {
     border: 1px solid rgba(200,200,200,0.5);
	 margin: 5px;
	 padding: 10px; 
	 -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
	 /* box-shadow: rgba(0,0,0,0.4) 2px 2px 2px; */
}

blockquote {
	border-left:4px solid #00ab6b;
	padding:0 20px;
	font-style:italic;
	color:rgba(0,0,0,.5);
}
.article-post p,.article-post blockquote {
	margin:0 0 1.5rem 0;
}
.featured-image {
	display:block;
	border: 1px solid rgba(200,200,200,0.5);
	margin:0px auto;
	padding: 10px;
	margin-bottom:1.5rem;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.share {
	text-align:center;
	margin-top:20px;
}
.share p {
	margin-bottom:10px;
	font-size:0.95rem;
	color:rgba(0,0,0,.8);
}
.share {
	display:none;
}
.share ul li {
	display:inline-block;
	margin-bottom:5px;
}
.share ul {
	padding-left:0;
	margin-left:0;
}
.svgIcon {
	vertical-align:middle;
}
@media (min-width:1024px) {
	.share {
		position:fixed;
		display:block;
	}
	.share ul li {
		display:block;
	}
}
@media (max-width:999px) {
	.listfeaturedtag .wrapthumbnail, .listfeaturedtag .col-md-7 {
		width:100%;
		max-width:100%;
		-webkit-box-flex: 0;
		-webkit-flex: 100%;
		-ms-flex: 100%;
		flex: 100%;
		flex-wrap: wrap;
	}
	.listfeaturedtag .wrapthumbnail {
		height:250px;
	}
	.listfeaturedtag .card {
		height:auto;
	}
	.listfeaturedtag .wrapfooter {
		position:relative;
		margin-top:30px;
	}
	.listfeaturedtag .card-block {
		padding:20px;
	}
}
@media (max-width:1024px) {
	.post-top-meta .col-md-10 {
		text-align:center;
	}
}
@media (max-width:767px) {
	.post-top-meta.authorpage {
		text-align:center;
	}
}
.share,.share a {
	color:rgba(0,0,0,.44);
	fill:rgba(0,0,0,.44);
}

.graybg {
	background-color:#fafafa;
	padding:40px 0 46px;
	position:relative;
}
.listrelated .card {
	box-shadow:0 1px 7px rgba(0,0,0,.05);
	border:0;
}
.card {
	border-radius:4px;
}
.card .img-thumb {
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}
ul.tags {
	list-style:none;
	padding-left:0;
	margin:0 0 3rem 0;
}
ul.tags li {
	display:inline-block;
	font-size:0.9rem;
}
ul.tags li a {
	background:rgba(255,68,0);
	color:rgba(255,255,255);
	border-radius:3px;
	padding:5px 10px;
}
ul.tags li a:hover {
	/* background:rgba(0,0,0,.07); */
	background: #1e90ff;
	text-decoration:none;
}
.margtop3rem {
	margin-top: 3rem;
}
.sep {
	height:1px;
	width:20px;
	background:#999;
	margin:0px auto;
	margin-bottom:1.2rem;
}
.btn.follow {
	border-color:#02B875;
	color:#1C9963;
	padding:3px 10px;
	text-align:center;
	border-radius:999em;
	font-size:0.85rem;
	display:inline-block;
}
.btn.subscribe {
	background-color:#1C9963;
	border-color:#1C9963;
	color:rgba(255,255,255,1);
	fill:rgba(255,255,255,1);
	border-radius:30px;
	font-size:0.85rem;
	margin-left:10px;
	font-weight:600;
	text-transform:uppercase;
}
.post-top-meta .btn.follow {
	margin-left:5px;
	margin-top:-4px;
}
.alertbar {
	box-shadow:0 -3px 10px 0 rgba(0,0,0,.0785);
	position:fixed;
	bottom:0;
	left:0;
	background-color:#fff;
	width:100%;
	padding:14px 0;
	z-index:1;
}
.form-control::-webkit-input-placeholder {
	color: rgba(0,0,0,.5);
}
.form-control:-moz-placeholder {
	color: rgba(0,0,0,.5);
}
.form-control::-moz-placeholder {
	color: rgba(0,0,0,.5);
}
.form-control:-ms-input-placeholder {
	color: rgba(0,0,0,.5);
}
.form-control::-ms-input-placeholder {
	color: rgba(0,0,0,.5);
}
.authorpage h1 {
	font-weight:700;
	font-size:30px;
}
.post-top-meta.authorpage .author-thumb {
	float:none;
}
.authorpage .author-description {
	font-size:1rem;
	color:rgba(0,0,0,.6);
}
.post-top-meta.authorpage .btn.follow {
	padding:7px 20px;
	margin-top:10px;
	margin-left:0;
	font-size:0.9rem;
}
.graybg.authorpage {
	border-top:1px solid #f0f0f0;
}
.authorpostbox {
	width:760px;
	margin:0px auto;
	margin-bottom:1.5rem;
	max-width:100%;
}
.authorpostbox .img-thumb {
	width:100%;
}
.sociallinks {
	margin:1rem 0;
}
.sociallinks a {
	background:#666;
	color:#fff;
	width:22px;
	height:22px;
	display:inline-block;
	text-align:center;
	line-height:22px;
	border-radius:50%;
	font-size:12px;
}

.page-item:last-child .page-link {
	 background-color: #ff4400;
	 color: #eee;
	 font-size: 0.95rem;
	 border: 1px solid rgba(0,0,0,.2);
	 box-shadow: 0px 0px 4px 2px rgba(0,0,0,.2);
	 border-radius: 20px;
	 -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
	 
}

.page-item:first-child .page-link {
	 background-color: #ff4400;
	 color: #eee;
	 font-size: 0.95rem;
	 border: 1px solid rgba(0,0,0,.2);
	 box-shadow: 0px 0px 4px 2px rgba(0,0,0,.2);
	 border-radius: 20px;
	 -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
}
	 
.page-item {
     padding-left: 8px;
	 padding-right: 8px;
}
 
.page-item:last-child .page-link:hover {
	background-color: #1e90ff;
	 color: #eee;
	 /* border: 1px solid rgba(29,22,33,0.5); */
}

.page-item:first-child .page-link:hover {
	background-color: #1e90ff;
	 color: #eee;
	 /* border: 1px solid rgba(29,22,33,0.5); */
}

.svgIcon-use {
	fill: rgba(0,0,0,.7);
}

 .svgIcon-use:hover {
    fill: #ff4400;
}

.navbar-light:hover .navbar-nav:hover .nav-link:hover {
	 color: #ff4400;
	 text-decoration:underline;
}

label.custom-control-label {
	font-size: 0.9rem;
	color: rgba(0,0,0,.5);
}

/* Begin Switch Dark Mode */

[data-theme="dark"] {
  background-color: #1d2021 !important;
  color: #eee;
 }
 
 [data-theme="dark"] .bg-light {
  background-color: #1d2021 !important;
  color: #eee;
} 

 [data-theme="dark"] .bg-white {
  background-color: #131717 !important;
  color: #eee;
} 

[data-theme="dark"] .bg-black {
  background-color: #1d2021 !important;
  color: #eee;
} 

[data-theme="dark"] .bg-dark {
  background-color: #1d2021 !important;
  color: #eee;
}

[data-theme="dark"] .listfeaturedtag .wrapthumbnail {
  background-color: #272a2b;
  color: #eee;
}

[data-theme="dark"] .listfeaturedtag .card {
    background-color: #272a2b;
    color: #eee;
    border:1px solid rgba(200,200,200,.6);
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
	border-radius: 12px;
	box-shadow: 0px 0px 4px 2px rgba(238,238,238,.3);
}


[data-theme="dark"] .card-block .card-text {
    background-color: #272a2b;
    color: #c8c8c8;
	/* border:1px solid rgba(200,200,200,0.5); */
}

[data-theme="dark"] .listrecent .wrapfooter {
    background-color: #272a2b;
    color: #eee;
}

[data-theme="dark"] .share,.share a {
	color: #eee;
}

[data-theme="dark"] .card-block {
	background-color: #272a2b;
    color: #eee;
}


[data-theme="dark"] .listrecent .card {
	background-color: #1d2021;
    color: #eee;
	border:1px solid rgba(200,200,200,.6);
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
	border-radius: 12px;
	box-shadow: 0px 0px 4px 2px rgba(238,238,238,.3);
}

[data-theme="dark"] .article-post {
	background-color: #272a2b;
    color: #eee;
}

[data-theme="dark"] .col-md-8 {
	background-color: #272a2b;
    color: #eee;
	border:1px solid rgba(200,200,200,.6);
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
	border-radius: 12px;
	box-shadow: 0px 0px 4px 2px rgba(238,238,238,.3);
}

[data-theme="dark"] .post-date {
	/* background-color: #1d2021 !important; */
    color: #c8c8c8;
}

[data-theme="dark"] .post-read {
	/* background-color: #1d2021 !important; */
    color: #c8c8c8;
}

[data-theme="dark"] .listfeaturedtag h2.card-title a {
	 color:#eee;
}

[data-theme="dark"] .listrecent h2.card-title a {
	 color:#eee;
}

[data-theme="dark"] .listfeaturedtag h2.card-title a:hover,.listrecent h2.card-title a:hover {
	 color:#ff4400;
}

/* [data-theme="dark"] .mediumnavigation .navbar-brand img {
     border: 1px solid rgba(238,238,238,.44);
} */
	 

[data-theme="dark"] .navbar-light .navbar-nav .nav-link {
	 color: #eee;
}

[data-theme="dark"] .navbar-light:hover .navbar-nav:hover .nav-link:hover {
	 color: #ff4400;
	 text-decoration:underline;
}

[data-theme="dark"] .footer {
	 border-top: 1px solid rgba(238,238,238,.44)!important;
	 background-color: #1d2021;
	 color: #eee;
 }

[data-theme="dark"] .page-item:last-child .page-link {
	 /* background-color: #ff4400; */
	 color: #eee;
	 border: 1px solid rgba(200,200,200,.6);
	 box-shadow: 0px 0px 4px 2px rgba(238,238,238,.3);
}

[data-theme="dark"] .page-item:first-child .page-link {
	 /* background-color: #ff4400; */
	 color: #eee;
	 border: 1px solid rgba(200,200,200,.6);
	 box-shadow: 0px 0px 4px 2px rgba(238,238,238,.3);
}

[data-theme="dark"] .section-title span {
	border-bottom:1px solid rgba(238,238,238,.44);
	display: inline-block;
    padding-bottom: 20px;
    margin-bottom: -1px;
}

[data-theme="dark"] .section-title h2 {
	border-bottom:1px solid rgba(238,238,238,.44);
}

[data-theme="dark"] ul.tags li a {
    background: rgba(255,68,0);
    color: rgba(255,255,255);
}

 [data-theme="dark"] ul.tags li a:hover {
    background: #1e90ff;
    color: rgba(255,255,255);
}

[data-theme="dark"] .share p {
	color: #eee;
}

[data-theme="dark"] .svgIcon-use {
    fill: #eee;
}

[data-theme="dark"] .svgIcon-use:hover{
    fill: #ff4400;
}

[data-theme="dark"] .navbar-toggler {
    background-color: #ff4400;
}

[data-theme="dark"] .page-link:hover {
	background-color: #1e90ff;
	color: #eee;
	border: 1px solid rgba(200,200,200,0.5);
 }
 
 [data-theme="dark"] label.custom-control-label {
	font-size: 0.9rem;
	color: #ff4400;	
}

/* End Switch Dark mode */


/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+bash+markup-templating+nginx+php
*/

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	background: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #f8f8f2;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #f92672;
}

.token.boolean,
.token.number {
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
	color: #e6db74;
}

.token.keyword {
	color: #66d9ef;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}