/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

div#events { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; font-size: 0; }

/* ================================================================================================================== */
/* destaques */
/* ================================================================================================================== */

div#events div.featured { display: block; position: relative; height: 435px; }
	div#events div.featured .banner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: left; text-decoration: none; box-sizing: border-box; }
	div#events div.featured .banner[data-status="true"] { opacity: 1; z-index: 2; }
	div#events div.featured .banner[data-status="false"] { opacity: 0; z-index: 1; }
		div#events div.featured .banner h1 { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: auto; text-align: left; text-decoration: none; box-sizing: border-box; background-color: var(--1st_color); color: var(--white); font-size: 30px; line-height: 35px; }
		div#events div.featured .banner:hover h1 { background-color: var(--text_1st_color); }

@media all and ( max-width: 1199px ) {
	div#events div.featured { height: 325px; }
}

/* ================================================================================================================== */
/* bloco */
/* ================================================================================================================== */

div#events div.items { display: block; position: relative; box-sizing: border-box; background-color: var(--2nd_color); padding: 65px 0 15px 0; }
div#events a.block { display: block; position: relative; box-sizing: border-box; background-color: var(--2nd_color); }
div#events a.block:last-child { margin-bottom: 30px; }
div#events a.block:hover { background-color: var(--1st_color); }
	div#events a.block div.content { display: block; position: relative; border-bottom: 1px solid var(--6th_color); }
	div#events a.block span.date { display: inline-block; position: relative; width: 100px; height: 65px; background-color: var(--1st_color); vertical-align: top; text-align: center; line-height: 65px; }
	div#events a.block:hover span.date { background-color: var(--white); }
	div#events a.block span.photo { display: inline-block; position: relative; width: 100px; height: 65px; vertical-align: top; text-align: center;; }
	div#events a.block div.text { display: inline-block; position: relative; width: 630px; vertical-align: middle; }
		div#events a.block h2 { font-size: 10px; }

@media all and ( max-width: 1199px ) {
	div#events div.items { padding: 25px 0; }
		div#events a.block div.text { width: 100%; padding: 0; margin: 0; }
		div#events a.block div.content { border-bottom: 2px solid var(--6th_color); }
		div#events a.block span.date { width: auto; height: auto; line-height: 20px; background-color: transparent; }
		div#events a.block span.photo { display: block; width: 100%; height: 125px; margin: 10px 0; }
}