/*
 Theme Name:   JustWrite Pro Child
 Theme URI:    http://www.acosmin.com/theme/justwrite-pro/
 Description:  JustWrite Pro Child Theme
 Author:       Acosmin
 Author URI:   http://www.acosmin.com
 Template:     justwrite-pro
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         black, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, custom-colors, custom-header, custom-menu, editor-style, featured-images, fluid-layout, full-width-template, theme-options, translation-ready, responsive-layout
 Text Domain:  justwrite-pro-child
*/

/*
 For more info on child themes access this page: https://codex.wordpress.org/Child_Themes 
 You can add your customizations below 
*/
/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/

.woocommerce .post-layout-cover {
	display: none;
}

.post-layout-cover {
	height: 300px;
}

.pibfi_pinterest {
	float: left;
}


.comment-list .children .children {
	margin-left: 35px;
}

@media screen and (max-width: 500px) {
	img.alignright {
		float: none;
		width: 100%;
		margin: 0px;
	}

	div.reaction_buttons li.reaction_button {
		width: 45%;
	}

	.jp-relatedposts-post2 {
		display: none;
	}
}

@media screen and (min-width:501px) {
	div.single-content img.alignright.size-full {
		width: 50%;
	}

	div.reaction_buttons li.reaction_button {
		width: 165px;
	}
}

body.single-course_unit section.about-share,
body.single-course_unit .reaction_buttons,
body.single-course_unit header.details,
body.single-course_unit section.mini-sidebar,
body.single-course_unit section.mini-sidebar-bg,
body.single-course_unit section.sidebar,
body.single-course_unit section.footer-widgets {
	display: none;
}

a.fe_btn_navigation {
	font-size: 200%;
}

@media screen and (max-width: 500px) {
	.browse-more {
		display: block !important;
	}
}

@media screen and (max-width: 400px) {
	.header-social-icons {
		display: none !important;
	}
}

@media screen and (min-width:651px) {
	.comment-main {
		margin-left: 90px;
	}

	.comment-list .children .comment-main {
		margin-left: 60px;
	}

	.comment-list .children {
		margin-left: 65px;
	}
}

div.reaction_buttons ul {
	text-align: center;
}

div.reaction_buttons li.reaction_button:hover {
	background: #FF8787;
	border: 1px solid #FF8787;
	background-image: -moz-linear-gradient(#FF8787, #FF8787 70%);
	background-image: -webkit-linear-gradient(#FF8787, #FF8787 70%);
	background-image: linear-gradient(#FF8787, #FF8787 70%);
}

div.uncov-mid-post {
	text-align: center;
}

body.single-post div.single-content>p:first-child {
	font-size: 130%;
	line-height: 130%;
}

img.instagram {
	width: 300px;
}

.ss-q-long {
	width: 100% !important;
}

.post-content {
	padding: 0px;
}

/* Hide Phone Number from Bookly */
.bookly-table div.ab-formGroup:nth-child(2) {
	display: none;
}

.woocommerce div.product h3 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 15px;
	padding-top: 15px;
	letter-spacing: -0.03em;
}

/* BBPress */

.bbpress .post-layout-cover {
	display: none;
}

.bbpress h2 {
	font-size: 40px;
}

div.bottomPostAds div {
	font-size: 200%;
	line-height: 200%;
	width: 100%;
}

div.bottomPostAds a {
	float: left;
	width: 50%;
}

div.bottomPostAds a img {
	width: 100%;
}

div.reaction_buttons {
	clear: both;
}

#jp-relatedposts>h3.jp-relatedposts-headline {
	font-size: 32px !important;
}

@media screen and (max-width:425px) {
	div.bottomPostAds a {
		width: 100%;
	}
}

@media print {
	section.mini-sidebar {
		display: none !important;
	}

	section.sidebar {
		display: none !important;
	}

	#content-wrap>section.container.main-section.clearfix>div.mini-sidebar-bg {
		display: none !important;
	}

	div.wrap-template-1 {
		margin-left: 0px !important;
	}

	section.content-wrap {
		width: 100% !important;
	}

	#content-wrap>section.container.main-section.clearfix>div.wrap-template-1.clearfix>section.content-wrap.clearfix>section.posts-wrap.single-style-template-1.clearfix {
		padding: 0px;
	}

	div.post-content.entry-content>div>div.socialMediaOnEveryPost {
		display: none;
	}

	div.reaction_button {
		display: none;
	}

	div.uncov-support-us {
		display: none;
	}

	section.footer-widgets {
		display: none;
	}

	nav {
		display: none;
	}

	section.post-layout-cover {
		background-image: none !important;
		background-color: transparent;
	}

	#content-wrap>section.post-layout-cover.with-parallax.container.builder>div {
		background-color: transparent;
	}

	header,
	header a {
		color: black !important;
		font-size: large;
	}

	h2.title {
		color: black !important;
		font-size: large !important;
	}

	section.post-layout-cover {
		height: 80px !important;
	}

	.pl-info .title {
		margin-bottom: 0px !important;
	}

	.container {
		margin: none;
	}

	#content-wrap>section.post-layout-cover.with-parallax.container.builder>div>div>header>span.detail.left.index-post-author.vcard.author {
		overflow: initial;
	}

	#respond {
		display: none;
	}

	section.about-share {
		display: none;
	}

	.post-content img.alignright {
		width: 50%;
	}

	#main-header {
		display: none;
	}

	div.uncov-mid-post {
		display: none;
	}

	h2 {
		font-size: x-large;
	}

	.single-content {
		font-size: medium;
	}

	.pl-info {
		display: inline-block;
		position: initial;
		top: initial;
		left: initial;
		width: initial;
		text-align: initial;
		-webkit-transform: initial;
		-moz-transform: initial;
		-ms-transform: initial;
		-o-transform: initial;
		transform: initial;
	}

	footer {
		display: none;
	}

	p,
	h2 {
		page-break-inside: avoid;
	}
}

.woocommerce-page #jp-relatedposts {
	display: none !important;
}

.woocommerce div.product .related h2,
.woocommerce div.product .upsells h2,
.woocommerce #reviews #comments h2,
.woocommerce #reviews h3 {
	border-bottom-style: none !important;
}

div.productCard {
	padding: 10px;
	border: solid 1px #dddddd;
	margin-left: 5px;
	text-align: center;
	width: 260px;
	background-color: #eeeeee;
}

div.productCard img {
	padding-bottom: 5px;
}

@media screen and (min-width:501px) {
	div.productCard {
		float: right;
	}
}

@media screen and (max-width:500px) {
	div.productCard {
		margin: 0 auto;
	}
}

.container {
	margin-top: 0;
	border-top-style: none;
}

div.single-content a,
div.single-content a:visited {
	text-decoration: underline;
}

form.ck_form a.ck_powered_by {
	display: none !important;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	/*    width: 100% !important; */
}

body.woocommerce-page .reaction_buttons,
body.woocommerce-page .printfriendly {
	display: none !important;
}


.mtsnb a.mtsnb-button {
	font-size: 20px !important;
}

.wp-block-image .alignright {
	max-width: 50%;
}

.post-navigation a div img {
	width: 100%;
}

.post-navigation a div {
	font-size: 20px;
}

.post-navigation a,
div.post-navigation span {
	line-height: 30px !important;
}

@media screen and (max-width:768px) {

	div.post-navigation a.next-post,
	div.post-navigation a.prev-post {
		width: 100%;
	}

	.jp-relatedposts-post2 {
		display: none;
	}
}

.about-share div.as-wrap {
	border-top-width: 0px;
}

#place_order,
.woocommerce .button.checkout-button {
	font-size: 20px;
}

@media screen and (max-width: 768px) .woocommerce-cart table.cart td.actions .coupon input.input-text {
	width: 49%;
}

/* Mobile Post Layout Improvements */
@media screen and (max-width: 768px) {
	/* Hide redundant title on mobile since it's in the featured image */
	.posts-wrap article.post-template-1 h3,
	.posts-wrap .post-template-1 h3,
	article.post-template-1 > h3,
	.post-template-1 > h3,
	article.post-template-1 h3[style],
	.post-template-1 h3[style] {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		overflow: hidden !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 0 !important;
	}
	
	/* Make post cards more compact */
	article.post-template-1,
	.post-template-1 {
		margin-bottom: 30px !important;
	}
	
	/* Featured image styling */
	article.post-template-1 .post-thumbnail,
	.post-template-1 .post-thumbnail {
		margin-bottom: 15px !important;
		margin-top: 0 !important;
		display: block !important;
		width: 100% !important;
	}
	
	/* Show excerpt but keep it short */
	article.post-template-1 .post-content,
	.post-template-1 .post-content {
		padding: 0 15px !important;
		display: block !important;
		margin-bottom: 15px !important;
		margin-top: 0 !important;
		width: 100% !important;
	}
	
	article.post-template-1 .post-content p,
	.post-template-1 .post-content p {
		font-size: 15px !important;
		line-height: 1.5 !important;
		margin-bottom: 8px !important;
		margin-top: 0 !important;
		display: block !important;
	}
	
	/* Hide metadata on mobile to save space */
	article.post-template-1 footer.details,
	.post-template-1 footer.details {
		clear: both !important;
		display: block !important;
	}
	article.post-template-1 footer.details time.index-post-date,
	article.post-template-1 footer.details .index-post-author,
	article.post-template-1 footer.details .index-post-category,
	.post-template-1 footer.details time.index-post-date,
	.post-template-1 footer.details .index-post-author,
	.post-template-1 footer.details .index-post-category {
		display: none !important;
	}
	
	/* Keep the read more button but make it more prominent */
	article.post-template-1 footer.details .p-read-more,
	.post-template-1 footer.details .p-read-more {
		float: none !important;
		display: block !important;
		margin: 10px 0 !important;
		width: 100% !important;
		height: auto !important;
		text-align: center !important;
	}
	
	article.post-template-1 footer.details .p-read-more a,
	.post-template-1 footer.details .p-read-more a {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		padding: 12px 24px !important;
		background: #e74c3c !important;
		color: white !important;
		border-radius: 4px !important;
		text-decoration: none !important;
		font-size: 16px !important;
		text-align: center !important;
		box-sizing: border-box !important;
		line-height: normal !important;
	}
	
	article.post-template-1 footer.details .p-read-more a i,
	.post-template-1 footer.details .p-read-more a i,
	article.post-template-1 footer.details .p-read-more a .fa,
	.post-template-1 footer.details .p-read-more a .fa {
		display: none !important;
	}
	
	article.post-template-1 footer.details .p-read-more a:before,
	.post-template-1 footer.details .p-read-more a:before {
		content: "Read More" !important;
		display: inline !important;
	}
}

.content-wrap {
	padding-top: 0px !important;
}