/*
Theme Name: Blog Way Extra
description: Blog Way Child Theme with extra features
Author: Punchline Technologies
Author URI: https://punchlinetech.com
Template: blog-way
Version: 1.0.0
*/


/* Menu bar fix for mobile */
@media only screen and (max-width: 600px) {
	#site-navigation {
		display: none;
	}
}


@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

body {
	background: #F4F4F4;
	letter-spacing: 1px;
	font-size: 15px !important; 
	font-family: 'Roboto', sans-serif !important;
	/*font-display: optional;*/
	font-display: block;
}

#main .post, #main .page {
	background: white;
}

.widget {
	background: white;
	padding: 24px;
}

.widget .widget-title {
	font-weight: bold;
	background: #7957D5 !important;
	padding: 8px 0;
	border-radius: 6px;
	color: #fff;
	top: -35px;
	font-size: 14px;
}


a {
	text-decoration: none !important;
	font-family: 'Roboto', sans-serif !important;
}

footer {
	padding-bottom: 110px !important;
}

.wp-block-image figcaption {
	text-align: center;
}

/*
 *:not(.ab-icon) {
	font-family: Sans-Serif !important;
	}*/

	.fa {
		font-family: FontAwesome !important;
	}

	#content a:hover {
		color: #E60023;
	}

	.fb__section_container {
		overflow: hidden;
	}


	.main-banner {
		padding: 0;
		margin-bottom: 20px;
		margin-top: 80px;
	}

	@media only screen and (max-width: 600px) {
		#top-search-bar {
			padding-bottom: 120px;
		}

		.sticky-top .main-banner {
			padding-top: 0;
			margin-bottom: 0;
		}
	}

	.site-branding a img.custom-logo {
		padding-left: 24px;
		padding-right: 24px;
	}

	.entry-content {
		clear: both;
	}

	.single-post .post .entry-img img {
		display: block;
		margin: auto;
	}

	.single-post .post .entry-img, .post .entry-img img {
		float: none; 
	}

	#primary .cat-links a {
		color: #326333 !important;
	}

	.btn-continue {
		letter-spacing: 2px;
		background-color: #167ac6;
		color: white !important;
		padding: 12px;

		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}

	.btn-continue:hover {
		background-color: black;
		color: white !important;
	}

	.credit-text a {
		color: #ea9920 !important;
	}

	.credit-text a:hover {
		color: #D1CFD8 !important;
	}

	/* Section: Top Nav Menu */

	.mean-container .mean-nav ul li a.mean-expand {
		width: 100%;
		text-align: right;
	}

	header .mean-bar {
		background: #2c4450;
	}

	header .mean-bar .meanclose {
		background: #00C995;
	}

	#masthead {
		background: #2C4450 !important;
	}

	/* Mobile devices */
	@media only screen and (max-width: 600px) {
		#primary-menu {
			overflow-y: auto;
			padding-bottom: 48px;
			
		}

		.primary-menu-opened {
			height: 80vh;
		}
	}

	/* End section: Top Nav Menu */


	.similar-posts {
		margin: 0;
	}

	.similar-posts li {
		font-size: 16px;
		list-style-type: decimal;
		margin-bottom: 12px;
	}

	.content-area {
		word-wrap: break-word;
	}

	ul, ol {
		margin-left: 0px;
		padding-left: 20px;
	}

	/* Nav search box */

	#top-search-bar {
		width: 100%;
		display: block;
	}

	#top-search-bar form {
		padding: 12px;
	}

	#top-search-bar label {
		width: 100%;
		margin-bottom: 0;
	}

	#top-search-bar * {
		box-sizing: border-box;
	}

	#top-search-bar .search-field {
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}

	#top-search-bar input {
		padding: 10px 20px;
		border: 0;
		width: 100%;
	}

	#top-search-bar .search-submit {
		color: white;
		font-weight: bold;
		background: #00C995;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	#top-search-bar .search-submit:hover {
		background: #7957D5;
	}

	/* Android install banner */
	.smartbanner {
		position: fixed !important;
	}

	.smartbanner__button__label {
		color: black !important;
		background: #00ffd0 !important;
	}

	.smartbanner__info__title {
		font-size: 13px;
	}