/*
Theme Name:   JDG Theme
Description:  Child theme
Author:       JDG
Template:     flex-mag
Version:      1.0.1
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Tags:         two-columns, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
Text Domain:  flex-mag-child
*/

/* --------------------------------------------------------------------------
 * 0. General JDG
 * -------------------------------------------------------------------------- */

#content-main h3 { text-transform: none; }
.side-widget { line-height: 150%; }
.cat-header { background: #FFF; padding: 15px; }
.cat-header h1 { border-bottom: 1px solid #ddd; padding-bottom: 10px; }
nav.main-menu-wrap ul li a, ul.col-tabs li a, nav.fly-nav-menu ul li a, .foot-menu .menu li a, .feat-top2-right-text h2, .side-list-text p, .side-full-text p, .row-widget-text p, .feat-widget-text h2, .blog-widget-text h2, .prev-next-text a, .prev-next-text a:visited, .prev-next-text a:hover, span.post-header, .archive-list-text h2, #woo-content h1.page-title, .woocommerce div.product .product_title, .woocommerce ul.products li.product h3, .video-main-text h2, .mvp-related-text a, span.side-list-cat, .archive-list-text h2, .feat-top2-right-text h2, .foot-menu .menu li a { font-weight: 700; }
.feat-info-views { display: none; } 
#content-main p { font-size: 1.2rem; line-height: 175%; margin-bottom: 25px; }
.post-feat-text span.post-excerpt { display: none; }
#content-main h3 { font-size: 1.6rem; margin: 20px 0px; }

/* --------------------------------------------------------------------------
 * 1. Homepage 
 * -------------------------------------------------------------------------- */
@media (max-width: 768px) {
	#feat-wide-wrap, #feat-top-wrap, #home-feat-wrap {
		display: none !important;
	}
	.mobile-infinite-post {
		border-radius: 9px;
        border: none !important;
        margin-bottom: 15px;
        padding-top: 0px !important;
        box-shadow: 0 0 5px 0px rgb(0 0 0 / 19%);
	}
	.mobile-infinite-post .post-meta {
		border-bottom: solid 1px #e5e5e5;
		padding: 10px 15px;
	}
	ul.infinite-content .post-meta *,
	.mobile-infinite-post .post-meta .mobile-post-author *,
	.mobile-infinite-post .post-meta .mobile-post-relative-date {
		color: rgb(59, 59, 59) !important;
		font-weight: normal !important;
		display: inline-block;
	}
	.mobile-infinite-post .post-meta .mobile-post-author {
		margin-right: 16px;
	}
	.mobile-infinite-post .post-meta .mobile-post-relative-date {
		color: rgb(143 143 143);
	}
	.mobile-infinite-post .blog-widget-img {
        float: none;
        display: block;
        width: 100%;
        height: 260px;
        position: relative;
        max-width: 100%;
        border-radius: 10px 10px 0 0;
	}
	.mobile-infinite-post .blog-widget-img .mobile-featured-image {
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
	}
	.mobile-infinite-post .blog-widget-img img { 
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.mobile-infinite-post .blog-widget-text.left {
		float: none;
		display: block;
		width: 100%;
	}
	.mobile-infinite-post .blog-widget-text .side-list-cat {
		display: none !important;
	}
	.mobile-infinite-post .blog-widget-text h2, .mobile-infinite-post .blog-widget-text p {
		padding: 15px 15px 0;
		width: auto;
		color: rgb(59, 59, 59);
	}
	.mobile-infinite-post .blog-widget-text h2 {
		font-size: 20px;
        font-weight: 600;
	}
	.mobile-infinite-post .blog-widget-text p {
		font-size: 18px;
		display: block !important;
		margin-top: 0;
		padding-top: 10px;
	}
	.mobile-infinite-post .post-footer {
		display: block;
		float: none;
		clear: both;
		padding: 15px 15px 0;
	}
	.mobile-infinite-post .post-footer .mobile-post-categories  {
		float: left;
	}
	.mobile-infinite-post .post-footer .mobile-post-categories .mobile-post-category {
		color: rgb(59, 59, 59);
        background: #f3f3f3;
        padding: 5px 10px;
        display: inline-block;
        border-radius: 3px;
        margin-right: 4px;
        font-weight: 500;
	}
	.mobile-infinite-post .post-footer .mobile-post-comments-count {
		float: right;
		color: rgb(121 121 121);
		margin-top: 6px;
	}
	.mobile-infinite-post .post-footer .mobile-post-comments-count i {
		display: inline-block;
		margin-right: 5px;
	}
}
@media (min-width: 768px) {
	.mobile-only {
		display: none !important;
	}
}
@media (max-width: 768px) {
	.mobile-hidden {
		display: none !important;
	}
}

.col-tabs-wrap {
	display: none !important;
}