/*
	 * Theme Name: Cecilia Meireles
	 *
	 * assets/css/event.css | Eventos (comum a várias páginas). Formatações referentes à pagina de programação. 
	 *                        Alterado na home e na página de um evento.  
	 *
	 */

	.event {
		display: flex;
		flex-direction: column;
		background-color: #ffffff;
	}

	.event .line {
		width: 100%;
		height: 10px;
	}

	.event .main {
		flex-grow: 1;
		overflow: hidden;
		padding: 10px;
	}


	.event .header {
		position: relative;
		text-transform: uppercase;
		margin-top: 10px;
		height: 35px;
		font-weight: 200;
		font-size: 11px;
		line-height: 1.2em;
	}

	.event .header:after {
  		content: "";
  		position: absolute;
  		bottom: 0px;
	 	display: block;
  		width: 40px;  
  		height: 1px;
    	clear: both;
  		border-bottom: 1px solid;	 	
	}

	.event .header.empty:after {
		display: none;
	}

	.event .titles {
		height: 192px;
		overflow: hidden;	
	}

	.event .titles .title {
		margin-top: 12px;
		font-weight: bold;
		font-size: 26px;
		line-height: 1.2em;
	}

	.event .titles .subtitle {
		margin-top: 6px;
		font-size: 14px;
		line-height: 1.5em;
	}

	.event .titles .venue {
		margin-top: 20px;
		text-transform: uppercase;
		font-size: 13px;
	}
	
	.event .dateblock {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 45px;
		font-weight: 200;
		font-size: 15px;
		line-height: 1.25em;
	}

	.event .buttons {
		margin-top: 15px;	
	}


	.event .buttons > div {
		min-height: 30px;
	}

	.event .buttons > div:first-child > .button {
		padding: 0px 10px;
	}

	.event .buttons > div:nth-child(2)  {
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		color: #99949a;
	}

	.event .buttons > div:nth-child(2) a {
		color: #99949a;
	}

	.event .buttons > div:nth-child(2) .button {
		font-size: 14px;
		margin-left: 6px; 
		color: #99949a;
	}

@media screen and (max-width: 1365px) {

	

}	

@media screen and (max-width: 760px) {

	.event .line {
		height: 12px;
	}

}