

.eventer-custom-header {
	padding: 20px;
	background: #E2AA00 url(fundo-titulo-01.jpg) no-repeat center 0%;
	text-align: center;
	text-align: center;
    margin: 0 0 30px;
    background-size: cover;
}

.eventer-custom-header h2 { padding: 0; margin: 0; color: #fff; font-weight: normal; text-transform: uppercase; font-size: 48px; }

.eventer-custom-grid {
	/*border: 2px solid blue;*/
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.eventer-custom-grid-item {
	/*border: 1px solid red;*/
	width: 100%;
	margin-bottom: 20px;
	background: #E6E6E7;
}

.eventer-custom-grid-item > a {
	display: flex;
	height: 100%;
	text-decoration: none;
}

.eventer-custom-grid-filler { background: transparent; }

.eventer-custom-date {
	/*border: 1px solid orange;
	width: 20%;*/
	flex: 1;
	background: #E2AA00;
	padding: 0 4px;
}

.eventer-custom-date > span { display: block; text-align: center; color: #fff; line-height: 100%; }
.eventer-custom-date .eventer-custom-day { font-size: 53px; }
.eventer-custom-date .eventer-custom-month { font-size: 29px; text-transform: uppercase; }
.eventer-custom-date .eventer-custom-year { font-size: 25px; }

.eventer-custom-info {
	/*border: 1px dashed purple;*/
	width: 80%;
	padding: 4px 12px;
}

.eventer-custom-info > span { display: block;  }
.eventer-custom-info .eventer-custom-title { min-height: 100px; font-size: 23px; }
.eventer-custom-info .eventer-custom-venue { width: 80%; border-top: 1px solid #E2AA00; text-transform: uppercase; font-size: 16px; }


.grid-item-ano { padding: 10px; border:  }
.grid-item-ano a { display: block; }
.eventer-custom-month-name { font-size: 35px; text-transform: uppercase; color: #E2AA00; line-height: 100%; }
.eventer-custom-year-name { font-size: 25px; border-top: 1px solid #E2AA00; text-align: right; margin-top: 8px; padding-top: 5px; }



.eventer-custom-grid-nav { text-align: center; padding: 30px 0; }
.eventer-custom-grid-nav a { text-decoration: none; }
.eventer-custom-grid-nav .btn-month { background: #427043; color: #fff; font-size: 25px; font-weight: bold; border-radius: 5px; text-align: center; padding: 10px 15px; text-transform: uppercase; margin: 0 4%;}
.btn-all-month { display: block; text-align: center; padding: 25px 0 5px; }




@media screen and (min-width: 768px) {

	.eventer-custom-grid-item {
		width: 48%;
	}
	
}

@media screen and (min-width: 1150px) {

	.eventer-custom-grid-item {
		width: 31%;
	}

}

