/*
 Theme Name:   HOTPIXEL UI
 Theme URI:    http://www.mediabiz.com.br
 Description:  Sempre simples. Pra frente e adiante.
 Author:       MediaBiz
 Author URI:   http://www.mediabiz.com.br
 Version:      1
 
*/



body {
	background: #fafafa;
	font-family: 'Open Sans', sans-serif;
	color: #4D4D4D;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
}

a.cta-blue {
	color: #4E87FF;
	font-weight: 700;
	padding-left: 5px;
}

a.cta-blue:hover {
	text-decoration: underline;
}

.Max-largura {
	max-width: 1024px;
	margin: 0 auto;
}

#headerMobile {
	display: none;
}

.mediabiz {
	display: flex;
	justify-content: center;
	padding: 20px 0;
}

#ZeraClasses {
	width: inherit;
	height: inherit;
	background: none;
	border: inherit;
	border-radius: inherit;
	box-shadow: inherit;
	margin: inherit;
}

/* Animações e hover > > > > > > > > > > > > > > > > > > > > > > > > > > */

.anima1 {
	transition: 0.70s;
}

.svg-close:hover {
	transform: rotate(180deg);
	transition: 0.70s;
}

/*^Animações e hover > > > > > > > > > > > > > > > > > > > > > > > > > > */


.globalmargin {
	max-width: 1024px;
	margin: 20px auto;
}

.content-margin {
	max-width: 1024px;
	margin: 0 auto
}

.GoogleMaps iframe {
	width: 100%;
}

/* FLEX GRADES X X X X X X X X X X X X X X X X X */

ul.grade3colunas,
ul.gradeProdutos {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

ul.grade3colunas {
	justify-content: center;
}

ul.grade3colunas-align-left {
	display: flex;
	flex-wrap: wrap;	
}

ul.grade3colunas-align-left li {
}

ul.grade3colunas-align-left li:nth-child(3n) {
	
}

ul.gradeProdutosCard4col,
ul.gradeProdutosCard3col {
	display: flex;
	flex-wrap: wrap;	
}

ul.gradeProdutosCard4col li,
ul.gradeProdutosCard3col li {
	margin-right: 18.3px;
}

ul.gradeProdutosCard4col li:nth-child(4n) {
	margin-right: 0;
}

ul.gradeProdutosCard3col li:nth-child(3n) {
	margin-right: 0;
}

ul.grade3colunas-nojustify {
	display: flex;
	flex-wrap: wrap;	
}

ul.grade3colunas-nojustify li {
	max-width: 320px;
}


/*^FLEX GRADES X X X X X X X X X X X X X X X X X */

.Page-nav-aside {
	display: flex;
	justify-content: space-between;
}

.Page-nav-aside nav {
	width: 244px;
}

.Page-nav-aside section {
	max-width: 763px;
	flex-grow: 1;
}

.misha_loadmore,
.nav_load_posts a {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 14px;
	cursor:pointer;
	padding: 20px 10px;
	background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    margin: 0 10px;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;  
	box-sizing: border-box;
}
.misha_loadmore:hover,
.nav_load_posts a:hover{
	background-color: #EBEBEB;
}

.nav_load_posts {
	width: 100%;
	margin: 0 10px;
}

.nav_load_posts a {
	margin: 0;
}

.nav_load_posts a:first-child {
	margin-bottom: 20px;
}

/* SHOP > > > > > > > > > > > > > > > > > > > > > > > > > > > > */
.Shop-Start {
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px 0;
}

.Shop-Start div.start-spotlight {
	width: 667px
}

.Shop-Start div.start-spotlight .Grade-start-spotlight {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.Shop-Start nav {
	width: 320px;
	height: inherit;
}

/*^SHOP > > > > > > > > > > > > > > > > > > > > > > > > > > > > */

/* ARCHIVE > > > > > > > > > > > > > > > > > > > > > > > > > > > > */
	
section.archive-content ul.grade3colunas {
	margin-bottom: 32px;
}

/*^ARCHIVE > > > > > > > > > > > > > > > > > > > > > > > > > > > > */

.desktop-off {
	display: none
}

/* MOBILE [] [] [] [] [] [] [] [] [] [] [] [] [] [] [] [] [] [] [] [] [] [] []  */

@media ( max-width: 768px ) {

	.mobile-off {
		display: none !important;
	}

	.desktop-off {
		display: inherit;
	}

	.Page-nav-aside {
		flex-wrap: wrap;
	}
	.Page-nav-aside nav {
		width: 100%;
	}
	.Page-nav-aside section {
		width: 100%;
	}

	.Shop-Start {
		margin: 0;
	}
	.misha_loadmore,
	.nav_load_posts a {
		margin: 0;
	}

}

@media ( max-width: 600px ) {

	.MobileMargin {
		margin: 65px 0 0 0;
		height: 100%;
	}

	.globalmargin {
		margin: 8px 5px 20px 4px;
	}

	header {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 65px !important;
		z-index: 10;
	}

	ul.gradeProdutosCard4col li,
	ul.gradeProdutosCard3col li,
	ul.grade3colunas-align-left li {
		margin-right: 0;
	}

	.nav_load_posts a:first-child {
		margin-bottom: 10px;
	}

	ul.grade3colunas-nojustify li {
		max-width: inherit;
	}


}