@import url('https://fonts.googleapis.com/css?family=Merriweather:300i,400,400i,700,900');
@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,400i,700');


/* TL.TimeNav
================================================== */

		.tl-timenav .tl-timenav-line {
    background-color: rgb(45, 49, 51);
		}

		.tl-timenav-slider-background {
			position:absolute;
			height:100%;
			width:100%;
			cursor:move;
			z-index:6;
		}

		.tl-timenav-container-mask {
			position:absolute;
			height:100%;
			top:0;

		}
				.tl-timenav-item-container {
					//margin-top:5px;
					position:absolute;
					height:100%;
		}


 /* -------- CSS TIMELINE ----------  */
	@font-face {
    font-family: 'SnellBT';
    src: url('./fonts/SnellBT.woff2') format('woff2'),
         url('./fonts/SnellBT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}
	.titulo {
    font-family: 'SnellBT', cursive;
	}
	.hidden{
		display: none;
	}

	.align-center {
		text-align: center;
	}
	.align-right {
		text-align: right;
	}

	.reset-margin-top > *:first-child{
		margin-top: 0;
	}

	.tl-timenav .tl-timenav-slider .tl-timenav-slider-background {
			background-color: #575757;
	}

	.tl-timeline .tl-timenav-slider {
	    font-family: 'PT Sans Narrow', sans-serif;
	    font-weight: 700;
			color: #000000;
	}
	.tl-timenav {
    width: 100%;
    background-color: #575757;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
	}


	body {
		font-family: 'open_sanssemibold', sans-serif;
		background-color: #f5f2e9;
		color: #444444;
		margin: 0;
	}

	h1, h2, h3, h4 {
		font-family: 'Merriweather', serif;
		margin: 0;
	}

	ul, ol {margin: 0; }

	a {outline: none; }


	.homepage .logo h1 a{
		font-size: .20em;
		margin-bottom: 1em;
		font-weight: 500;
	}


	/* Adição de regra de mídia para telas menores */
	@media only screen and (max-width: 600px) {
	    .image {
	        width: calc(50% - 53px);
	    }
	}

	/*  ------------------  */
	/*      FOOTER      */
	/*  ------------------  */

		.creditos p{
			margin: 0 0 10px;
		}

		.creditos p{
			display: block;
			margin-block-start: 2em;
			margin-block-end: 2em;
			margin-inline-start: 0px;
			margin-inline-end: 0px;
			unicode-bidi: isolate;
			-webkit-font-smoothing: antialiased;
		}

		.wrapper {
			margin: 0 auto;
			width: 100%;
	    padding: 15px; /* Padding para evitar que o texto encoste nas bordas */
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
		}

		.logos {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 20px;
		}

		.logo1, .logo2 {
			display: inline-block;
		}

		.logo1 img, .logo2 img {
				width: 55px;
				height: 53px;
		}

		.logo-container {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			text-align: left;

		}
		.container a {
			text-decoration: none;
		}

		#footer {
	    width: 100%;
	    background-color: #32272f; /* Cor de fundo do footer */
	    padding: 5px 0;
	    box-sizing: border-box;
			-webkit-box-sizing: border-box;
	    color: white; /* Cor do texto no footer */
			font-family: 'open_sanssemibold', sans-serif; /* Fonte do footer */
		}

		.creditos{
			padding: 0.1em;
			font-size: 0.7em;
			line-height: 1.8em;
			height: 8em;
			font-weight: normal;
	    text-transform: none;
	    -webkit-font-smoothing: antialiased;
		}

		.creditos {
		    flex: 1;
				min-width: 300px;
				max-width: 700px;
		    margin-right: 30px;
				margin-bottom:  30px;
		}

		.footer-direitos {
			font-family: 'open_sansregular', sans-serif;
			color: #000000;
			margin-top: 0.9em;
			margin-bottom: 1.9em;
			font-size: 0.7em;
			line-height: 1.8em;
			text-transform: none;
			font-weight: normal;
			text-align: center;
			-webkit-font-smoothing: antialiased;
			-webkit-text-size-adjust: 100%;
		}

		/*  --AJUSTE-CELULAR------  */

		@media (max-width: 600px) {
    .logo-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .creditos {
        order: 1;
        margin-right: 0;
        margin-bottom: 10px; /* Espaçamento entre os elementos no modo mobile */
    }

    .logos {
        order: 2;
        margin-top: 10px;
    }

    .logo1, .logo2 {
        margin: 5px 0; /* Margem vertical para centralizar no modo mobile */
    }
}

		@media (min-width: 540px) {
			.view-full .card-item {width: 50%}
		}
		@media (min-width: 600px) {
			.view-full .card-item {width: 192px;}
		}

/*  ------------------  */
/*  	HEADER FIXO		*/
/*  ------------------  */

		.header-gradient {
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.55));
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%
		}

		.header-gradient.height-percentage-66 {
    height: 40%;
		}

		.header {
			background-color: #e6e5de;
			background-size: cover;
			background-position: center center;
			height: 499px;
			position: absolute;
			top:0;
			width: 100%;
		  max-width: 100vw;
			z-index:90;
		}

		.header::before {
			display: block;
			content: ' ';
			background: rgba(0,0,0,.25);
			width: 100%;
			height: 100%;
		}

	/*  ------------------  */

		.homepage header{
			padding-top: 2em;
			padding-bottom: 1.5em;
		}

		header.title-bar{
			margin-top: 0px;
			background: #e6e3da;
			padding-top: 24.10em;
			padding-bottom: .5em;
		}

		.mobile header.title-bar{
			padding-top: 1em;
		}

		header h1.title{
			color: #d10505;
			font-family: 'Merriweather Sans', sans-serif;
			text-transform: uppercase;
			font-size: 1.1em;
			display: inline-block;
			margin-right: 10px;
			padding: .5em 0;
			font-weight: 600;
		}
		header h1.title a{
			color: #d10505;
			margin-right: 10px;
		}

		header h1 span.title-type{
			color: #666;
			font-weight: 400;
			font-family: 'Merriweather Sans', sans-serif;
			text-transform: uppercase;
			font-size: .9em;
			letter-spacing: .5px;
		}

		header .title-description{
			display: inline-block;
		    color: #888;
		    letter-spacing: .5px;
		    font-size: .95em;
		}

		header .title-submenu{
			font-weight: 400;
			font-family: 'Merriweather Sans', sans-serif;
			letter-spacing: .5px;
			display: inline-block;
			margin-right: 80px;
		}

		header .title-submenu{
			color: #666;
			display: inline-block;
		}

		header .title-submenu ul{
			margin:0;
			padding:0;
		}

		header .title-submenu ul li{
			display: inline-block;
		}


	@media (max-width: 540px) {
		header .title-submenu,
		header .title-submenu ul li{
			display: block;
		}
	}

		header .title-submenu ul li a{
			text-decoration: none;
			display: inline-block;
			background: #f5f2e9;
			border: 1px solid #f2f1eb;
			color: #666;
			text-transform: uppercase;
			cursor: pointer;
			padding: 3px 8px;
			font-size: .8em;
			margin-right: 10px;
			margin-bottom: .5em;

			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px; /* future proofing */

			transition: background .2s;
			-moz-transition: background .2s;
			-webkit-transition: background .2s;

			vertical-align: middle;

		}

/*  ---------------------------------  */

		.mobile .modal{
			color: #fff;
			background-color: #32272f !important;
			height: 100%;
			width: 100%;
			padding: 0 !important;
			margin: 0 !important;
			overflow: hidden !important;
		}

		.mobile .modal > div{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.mobile .modal-picture{
			width: 100%;
			height: 70vh;
			transition: height .5s ease-in-out;
			-moz-transition: height .5s ease-in-out;
			-webkit-transition: height .5s ease-in-out;
		}

		.mobile .expanded .modal-picture{
			height: 40vh;
		}

		.more-info a{
			text-align: center;
			display: block;
			text-decoration: none;
		}

		.mobile .more-info a span{ display: none;}
		.mobile .more-info a::after {
			content: "\f107";
			font: 30px/16px 'FontAwesome';
			font-weight: normal;
			color: #fff;
			font-weight: 300;
			text-align: center;
		}

		.mobile .modal-info{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: 10px 1% 10px 5%;
			width: 100%;
			height: 30vh !important;
			overflow: hidden !important;
		}

		.mobile article{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			margin-bottom: .5em;
		}

		.mobile article header{
			overflow: hidden;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			 margin-bottom: .5em;
		}

		.mobile .modal-social{
			display: none;
		}

		.mobile .modal h2{
			font-size: 1.2em;
			margin-top: 0;
		}


/*  ----- CONTENT ITEM --------  */

		.content-item,
		.content-list {
			padding-top: 2.5em;
			padding-bottom: 4em;
		}

		.content-list-result {
			min-height: 200px
		}

		.content-list-filter {
			padding-top: 1em;
			padding-bottom: 1em;
		}

		.content-item-image {
			background: rgb(247, 246, 241);
			text-align: center;
			margin-bottom: 3em;
		}

		.content-item-image img.horizontal{
			display: block;
			max-height: 600px;
			max-width: 100%;
			margin: auto;
		}

		.content-item-info{
			border-bottom: 1px solid #dad9d3;
			padding-bottom: 1em;
			margin-bottom: 1em;
		}

		.content-item-image-credito {
			text-align: right;
			font-size: .7em;
			padding-right: 2%;
			margin-bottom: 20px;
		}