/*
Theme Name: Sapher Total Child Theme
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Terry Chung
Author URI: https://sapher.com
Template: Total
Version: 1.0
*/

/*** Post Styling ***/

.category #blog-entries .blog-entry .meta-category .meta-icon::before,
.single-post #content .meta .meta-category .meta-icon::before{
    content: "\f02e";
}

.single-post #content {
	margin:0 auto;
}

.single-post #content #post-media {
	text-align:left;
	margin-bottom:50px;
	margin-top:30px;
}

.single-post #content #post-media img {
	width:66%;
}

.single-post #content .single-blog-header {
	border-bottom:none;
}

.single-post #content .single-blog-header h1 {
	font-size:40px !important;
	line-height:55px !important;
}

.single-post #content .meta {
	margin-top:20px;
	margin-bottom:30px;
}

.single-post #content .meta-author,
.single-post #content .author-bio,
.single-post #content .related-posts,
.single-post .page-header,
.single-post .header-profile{
	display:none;
}

.single-post #content .meta li {
	font-size:16px;
	color:#000;
}

.single-post #content .meta .meta-date .meta-icon::before {
	content: "\f073";
}

.single-post #content .single-blog-content p,
.single-post #content .single-blog-content ul li,
.single-post #content .single-blog-content ol li{
	font-size:16px;
	color:#1e1e1e;
	line-height:26px;
}
.single-post #content .wpex-social-share h3 {
	border:none !important;
}

.category #primary {
	width:100%;
}

@media (min-width: 576px) {
    .single-post #content
   max-width:540px;
}  
}

@media (min-width: 768px) {
    .single-post #content {
   max-width:720px;
}  
}

@media (max-width: 768px) {
	.single-post #content #post-media img {
		width:100%;
	}
}

@media (min-width: 992px) {
   .single-post #content {
   max-width:960px; 
}  
}

@media (min-width: 1072px) {
.single-post #content {
    max-width:1072px;
}
}

@media (min-width: 1200px) {
    .single-post #content {
   max-width:1140px; 
} 
}

@media screen and (min-width: 1299px) {
    .single-post #content-wrap,
	.category #content-wrap{
    	padding:0 226px;
    }
	
	.category .page-header .page-header-inner {
	padding-left:226px;
		padding-right:226px;
}
	
	.category .page-header .page-header-inner .page-header-title {
		padding-left:20px;
	}
}

@media (min-width: 1400px) {
    .single-post #content {
   max-width:1320px; 
}
}

/*** Category Styling ***/

.category #main .page-header {
	background-color:#f4f4f4;
}

.category .page-header .page-header-inner {
	padding-top:2%;
}

.category .page-header .page-header-inner h1 span {
	font-size:50px;
	line-height:65px;
}

.category .page-header .page-header-inner .page-header-aside {
	display:none;
}

.category #content {
	margin-left:auto;
	margin-right:auto;
}

.category #blog-entries {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

.category #blog-entries .blog-entry {
    padding:0 20px 5% 20px;
    max-width:50%;
    width:100%;
}

.category #blog-entries .blog-entry .blog-entry-header {
	border-bottom:none;
}

.category #blog-entries .blog-entry .meta-author,
.category #blog-entries .entry-divider,
.category #site-header-flex-aside,
.single-post #site-header-flex-aside{
	display:none;
}

.category #blog-entries .blog-entry .meta-date,
.category #blog-entries .blog-entry .meta-category {
	color:#000;
	font-size:15px;
}

.category #blog-entries .blog-entry .blog-entry-title a {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}

.category #blog-entries .blog-entry .blog-entry-excerpt {
	color:#000;
}

.category #blog-entries .blog-entry .blog-entry-readmore a {
    background-color: #fff !important;
    color: black !important;
    border: 1px solid black !important;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-font-smoothing: inherit;
    text-decoration: none !important;
    transition: 0.15s all ease;
    font-family: "Open Sans" !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    border-radius: 100px !important;
    padding: 8px 30px !important;
    display: block;
    max-width: 150px;
    margin-top: 20px;
}

.category #content .wpex-pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 50px;
    flex-wrap: wrap;
}

.category #content .wpex-pagination .page-numbers li {
	border:none;
}

.category #content .wpex-pagination .page-numbers .page-numbers{
    padding: 0 15px;
    text-align: center;
    background: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    margin: 0 10px;
    color: #000;
    font-size: 15px;
    line-height: 34px;
    margin-bottom: 20px !important;
	display:block;
}

.category #content .wpex-pagination .page-numbers .page-numbers.current {
	background:#000;
	color:#fff;
}

@media (max-width: 576px) {
	
	.category .page-header .page-header-inner {
		padding:2% 0 0 0;
	}
	
    .category #blog-entries .blog-entry  {
        max-width:100%;
        padding:0 0 20% 0;
    }
	
	.single-post #content #post-media {
	text-align:center;
}

.single-post #content #post-media img {
	max-width:100%;
}
}

@media (max-width: 479px) { 
	.single-post #content .single-blog-header h1,
	.category .page-header .page-header-inner h1 span{
		font-size:32px !important;
		line-height:41.6px !important;
	}
}