/*
Theme Name: Gridbox Child
Theme URI: https://themezee.com/themes/gridbox/
Template: gridbox
Author: ThemeZee
Author URI: https://themezee.com
Description: Gridbox is a clean and solid WordPress theme featuring a three-column grid-layout for posts. The theme works out of the box and does not require any complicated setup. It is perfectly suited for a simple magazine, blog or portfolio website.
Tags: two-columns,custom-background,custom-header,custom-logo,custom-menu,editor-style,rtl-language-support,grid-layout,blog,news,featured-images,flexible-header,custom-colors,full-width-template,sticky-post,threaded-comments,translation-ready,theme-options,one-column,left-sidebar,right-sidebar,three-columns
Version: 1.7.2.1554367718
Updated: 2019-04-04 01:48:38

*/

.site-branding, .primary-navigation { float:none; }

.main-navigation-toggle { float:none; background-color:#faab37; border-radius:5px; margin:1em 0 2em; }

.sub-menu li a:hover { color:#faab37 !important; }

body, .site-content { background-color: #f9f9f9; }

.no-sidebar .content-single, .site-content .centered-content-area { max-width:100%; }

.entry-content { padding: 0 15px; text-align: justify; }

.more-link { background-color:#faab37; border-radius:3px; letter-spacing:2px; padding:10px 20px 10px 20px; }

/*.post-wrapper { margin-right:0px; }*/

.post-wrapper .post-column {
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #efefef;
	padding:0px;
	/*box-shadow: 5px 2px 9px -1px silver;*/
}

.post-wrapper img {
	width:100%;
	height:250px;
}

.post-column {
	margin:20px;
}

header { text-align:center; }

.post-layout-four-columns .post-wrapper .post-column { width:30%; }

#cta-post {
	text-align:right;
	display:inline-block;
	margin-right:10px;
	width:40%;
}

#price-post {
	text-align:left;
	display:inline-block;
	margin-left:10px;
	font-weight:bold;
	font-size:25px;
	width:20%;
}

/*** DESKTOP ***/
@media only screen and (min-width:1280px) {
	
	#product-image { text-align:center; display:inline-block; width:45%; margin-right:4%; vertical-align:top; }
	#product-description { text-align:center; display:inline-block; width:45%; vertical-align:top; }
	/*#product-description p {margin-bottom:0px; }*/
	
}

@media only screen and (min-width:0px) and (max-width:1279px) {
	
	
	#product-image { text-align:center; display:inline-block; width:45%; margin-right:4%; vertical-align:top; }
	#product-description { text-align:center; display:inline-block; width:45%; vertical-align:top; }
	/*#product-description p {margin-bottom:0px; }*/
}


@media only screen and (max-width:969px) {
	
	#product-image {
		margin: 0 auto;
		width: 100%;
		text-align:center;
	}
	
	#product-description { width:100%; }
	
	#post-wrapper { margin-right: 0px; }
	
	/*.post-layout-four-columns .post-wrapper .post-column { width:29.5%; }*/
	
	/*****/
	
	/*.post-layout-four-columns .post-wrapper .post-column { width:29%; }*/
	
	/*** Header & Menu ***/
	/*.header-main { max-width: 100%; }*/

	/*
	#main-navigation { 
		background-color: #faab37;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		padding: 10px;
	}
	*/
	
	/*
	.main-navigation-menu li a { color:#111133 !important; }
	.main-navigation-menu li a:hover { color:white !important; }
	.main-navigation-menu li.current-menu-item > a { text-decoration:none; }
	.main-navigation-menu .sub-menu li a { color:white !important; }
	.main-navigation-menu .sub-menu li a:hover { color:#faab37 !important; }
	

	.main-navigation-menu li { float:none; display:inline-block; border-right: 1px solid rgba(255,255,255,0.3); }
	.main-navigation-menu li:last-child { border:none; }

	.main-navigation-menu { float:none; }

	.primary-navigation { 
		width:1125px;
		max-width: 100%; 
		margin: 0 auto;
	}
	*/
}

@media only screen and (min-width:750px) and (max-width:968px) {
	.post-layout-four-columns .post-wrapper .post-column { width:calc(50% - 40px); }
}

@media only screen and (max-width:749px) {
	.post-layout-four-columns .post-wrapper .post-column { width:100%; }
	.post-wrapper img { height:auto; }
	.post-column { margin:20px 0px; }
}

@media only screen and (max-width:450px) {
	#cta-post {
		text-align:center;
		display:block;
		/*margin-right:10px;*/
		width:100%;
	}
	
	#price-post {
		text-align:center;
		display:block;
		margin:0 0 10px 0;
		font-weight:bold;
		font-size:25px;
		width:100%;
	}
}