/**
Theme Name: The Best Ideas For Kids by SHM
Author: SHM
Author URI: https://swifthorsemarketing.com/
Description: This is a highly customized child theme developed by Swift Horse Marketing.  It is configured and optimized to create super fast Food Blogger websites.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* MISC */
.clearfix::after {
	content: '';
	display: table;
	clear: both;
}
.no-padding {
	padding: 0 !important;
}

/* SIDEBAR */
html .ast-right-sidebar #primary {
	border-right: none;
}
html .ast-right-sidebar #secondary {
	border-left: none;
	min-width: 310px;
	max-width: 410px;
	margin-left: auto;
	margin-right: auto;
}
@media screen AND (min-width:922px){
	html .ast-right-sidebar #secondary {
		padding-left: 10px;
	}
}
@media screen AND (min-width:993px) {
	html .ast-right-sidebar #primary {
		padding-right: 40px;
	}
}

/* SEARCH OVERLAY */
.ast-search-box.full-screen .ast-search-wrapper .search-form {
	width: 100%;
	max-width: 800px;
	margin: 20px auto;
}
html .ast-search-box.full-screen .ast-search-wrapper {
	top: 20%;
}
html .ast-search-box.full-screen .ast-search-wrapper .search-field {
	text-align: left;
}

/* GLOBAL COLUMN ADJUSTMENT */
.ast-row > .ast-grid-common-col {
	padding-left: 10px;
	padding-right: 10px;
}
/* not sure why this was added to the parent theme */
html .ast-plain-container .ast-grid-4 .ast-article-post:last-child {
	margin-bottom: 1em;
}

/* Fix Archive Pagination Arrows */
@media screen AND (max-width:420px) {
	html .ast-pagination .prev.page-numbers, html .ast-pagination .next.page-numbers {
		width: auto;
	}
}

/* MOBILE TWO COLUMN */

@media screen AND (max-width:921px){
	
	html .mobile-two-column .ast-row {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	html .mobile-two-column .ast-row .ast-article-post {
		width: 50%;
	}
		
}

/* GRID STYLES */

.grid-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;	
}
.grid-container.grid-container-padded {
	margin: 0 -10px;
}

/* Grid layout */
.grid-6{ width: 16.6666%; }
.grid-5{ width: 20%; }
.grid-4{ width: 25%; }
.grid-3{ width: 33.3333%; }
.grid-2{ width: 50%; }
.grid-1{ width: 100%; }

.grid-item-pad {
	padding-left: 10px;
	padding-right: 10px;
}

@media screen AND (min-width:545px) AND (max-width:1023px){
	.tablet-grid-2 {
		width: 50%;
	}
	.tablet-grid-3 {
		width: 33.33%;
	}
	.tablet-grid-4 {
		width: 25%
	}
	.tablet-grid-5 {
		width: 20%;
	}
}
@media screen AND (max-width:544px){
	.grid-6, .grid-5, .grid-4, .grid-3, .grid-2 {
		width: 100%;
	}
	.mobile-two-column .grid-6, .mobile-two-column .grid-5, .mobile-two-column .grid-4, .mobile-two-column .grid-3, .mobile-two-column .grid-2 {
		width: 50%;
	}
	.mobile-grid-2 {
		width: 50%;
	}
	.mobile-grid-3 {
		width: 33.33%;
	}
}

/* Limit articles to 4 on mobile grid */
@media screen AND (max-width:544px){
	.uagb-post-grid.mobile-grid-limit-4 .uagb-post__items > article:nth-child(n+5),
	.mobile-grid-limit-4 .post-grid-container .post-grid-post:nth-of-type(n+5),
	.mobile-grid-limit-4 .grid-container .post-grid-post:nth-of-type(n+5),
	.mobile-grid-limit-4 .ast-row article:nth-of-type(n+5) {
		display: none;
	}
}