/*
	 * Theme Name: Casa Brasil
	 *
	 * assets/css/archive-evento.css | Programação
	 *
	 */

	b, strong {
		font-weight: 500;
	}

	.eventos > .internal {
		display: flex;
		flex-direction: row;
	}

	.eventos > .internal > div:first-child {
		width: 18%;
		flex-shrink: 0;
		padding: 0.2rem 1rem 1.5rem 0px;
		font-size: 0.7rem;
		font-weight: 300;
		line-height: 115%;
	}

	.eventos > .internal > div:first-child .titulo {
		font-family: var(--main-wide-font);
		font-size: 1rem;
		font-weight: 600;
		line-height: 115%;
	}

	.eventos > .internal .button-filter {
		width: max-content;
		border: 3px solid;
		border-radius: 1.5rem;
		font-family: var(--main-extended-font);
		font-size: 0.8rem;
		font-weight: 400;
		padding: 0.6rem 0.8rem 0.4rem 0.8rem;
		margin-top: 0.5rem;
	}

	.eventos > .internal > div:last-child {
		flex-grow: 1;
	}

	.eventos > .internal .block .title {
		font-family: var(--main-extended-font);
		font-size: 2.5rem;
		font-weight: 600;
		line-height: 125%;
		border-bottom: 8px solid var(--main-border-color);
	}

	.eventos > .internal .block:not(:first-child) {
		margin-top: 4rem;
	}

	.eventos > .internal .block .grid {
		display: grid;
  		grid-template-columns: repeat(3, 1fr);
  		column-gap: 1rem;
  		row-gap: 1.5rem;
		margin-top: 2rem;
	}

	.eventos > .internal .block a {
		text-decoration: none;
	}

	.eventos > .internal .block.block-0 .grid {
  		grid-template-columns: repeat(6, 1fr);
	}

	.eventos > .internal .block.block-0 .grid > :nth-child(1), 
	.eventos > .internal .block.block-0 .grid > :nth-child(2) {
  		grid-column: span 3;
	}

	.eventos > .internal .block.block-0 .grid > :nth-child(n + 3) {
  		grid-column: span 2;
	}

	.eventos > .internal .block .grid .imagem {
		border-radius: 0.5rem;
		overflow: hidden;
		height: 15vw;
	}

	.eventos > .internal .block.block-0 .grid > :nth-child(1) .imagem, 
	.eventos > .internal .block.block-0 .grid > :nth-child(2) .imagem {
  		height: 22vw;
	}

	.eventos > .internal .block .grid .info {
		font-family: var(--main-normal-font);
		font-size: 0.6rem;
		font-weight: 400;
		line-height: 115%;
		letter-spacing: 0.5px;
		margin-top: 0.6rem;
		display: flex;
		flex-direction: row;
		align-items: center;
		column-gap: 0.2rem;
	}	

	.eventos > .internal .block .grid .info > div:last-child {
		padding-top: 0.18rem;
	}

	.eventos > .internal .block .grid .info .bullet-filter {
		border: 1px solid #000000;
		border-radius: 50%;
		width: 0.6rem;
		height: 0.6rem;
	}	

	.eventos > .internal .block .grid .titulo {
		font-family: var(--main-extended-font);
		font-size: 1rem;
		font-weight: 500;
		line-height: 115%;
		letter-spacing: 0.5px;
		margin-top: 0.3rem;
		padding-top: 0.1rem;
	}

	.eventos > .internal .block .more {
		margin-top: 1rem;
		padding: 0.5rem;
		border-bottom: 1px solid var(--main-fg-color);
	}	

	.eventos > .internal .block .more .button {
		display: flex;
		flex-direction: row;
		column-gap: 0.5rem;
		font-family: var(--main-wide-font);
		font-weight: 400;
	}


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


	.eventos > .internal {
		flex-direction: column;
	}

	.eventos > .internal > div:first-child {
			width: 100%;
			flex-shrink: 1;
			padding: 0rem 0rem 2.5rem 0rem;
	}

	.eventos > .internal > div:first-child .titulo {
			font-size: 0.8rem;
	}

	.eventos > .internal .button-filter {
		border: 2.5px solid;
		font-size: 0.6rem;
		padding: 0.3rem 0.6rem 0.2rem 0.6rem;
	}

	.eventos > .internal > div:first-child .buttons {
		display: flex;
		flex-direction: row;
		column-gap: 0.3rem;
		flex-wrap: wrap;
	}

	.eventos > .internal .block .title {
		font-size: 1.3rem;
		border-bottom: 4px solid var(--main-border-color);
	}

	.eventos > .internal .block:not(:first-child) {
		margin-top: 3rem;
	}

	.eventos > .internal .block .grid {
		grid-template-columns: 1fr;
		row-gap: 1.3rem;
		margin-top: 1.5rem;
	}

	.eventos > .internal .block.block-0 .grid {
  		grid-template-columns: 1fr;
	}

	.eventos > .internal .block.block-0 .grid > :nth-child(1), 
	.eventos > .internal .block.block-0 .grid > :nth-child(2) {
  		grid-column: span 1;
	}

	.eventos > .internal .block.block-0 .grid > :nth-child(n + 3) {
  		grid-column: span 1;
	}

	.eventos > .internal .block .grid .imagem {
		height: clamp(156px, 55.55vw, 250px);
	}

	.eventos > .internal .block.block-0 .grid > :nth-child(1) .imagem, 
	.eventos > .internal .block.block-0 .grid > :nth-child(2) .imagem {
  		height: clamp(156px, 55.55vw, 250px);
	}

	.eventos > .internal .block .grid .info {
		font-size: 0.5rem;
		letter-spacing: 0.4px;
		margin-top: 0.5rem;
	}	

	.eventos > .internal .block .grid .info > div:last-child {
		padding-top: 0.13rem;
	}

	.eventos > .internal .block .grid .info .bullet-filter {
		width: 0.4rem;
		height: 0.4rem;
	}	

	.eventos > .internal .block .grid .titulo {
		font-size: 0.9rem;
		letter-spacing: 0.3px;
		margin-top: 0.2rem;
	}






}