/* css by publisitio 26.06 */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');
:root{
	--global-color: #1a1a1a;
	--secondColor: #ffdd0e;
	--main-font: Google Sans Flex;
	--day01: #535f47;
	--day02: #5a5338;
	--day03: #77704a;
	--color-footer: #4C3D3D;
	--ft-xl: clamp(4.0rem,10.4063vw,11.125rem);
}
.cls-1{
	fill:#ffdd0e;
}
.ft-xl{
	font-size: var(--ft-xl);
	line-height: 1;
	text-wrap: balance;
}
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
body{
	font: normal 150 26px/1.2 var(--main-font), sans-serif;
	margin: 0;
	color: #fff;
	overflow-x: hidden;
}
@media screen and (max-width: 800px){
		body{
			font: normal 200 23px/1 var(--main-font), sans-serif;
		}
	}
.toTop{
	font-size: 4rem;
	position: fixed;
	bottom: 15px;
	right: 15px;
	transition: all .3s ease-in-out;

	&:hover{
		bottom: 30px;
	}
}

a{
	text-decoration: none;
	color: initial;
}

h1, h2, h3, ul, p{
	margin: 0;
	padding: 0;
}
h1, h2, h3{
	font-weight: 500;
}
ul{
	list-style: none;
	list-style-position: inside;
}
strong, b{
	font-weight: 500;
}
hr {
    height: 1px;
    background: #fff;
    border: 0;
}
.container {
  margin: 0 auto;
  width: 90%;

  @media screen and (max-width: 800px){
		width: 100%;
	}
}
/* em uso logos rodapé */
.invert{
	filter: invert(1);
}

.header{
	padding: 5rem 0;
	font-size: 48px;
	line-height: 1;
	font-weight: 500;

	.horario{
		color: var(--secondColor);
	}

	.dia{
		color: var(--secondColor);
	}

	.localizacao{
		font-size: 26px;
		font-weight: 300;
		border-top: 1px solid #fff;
		margin-top: 1rem;
		padding-top: 1rem;
		width: fit-content;
		
	}
}
.montaria{
	color: #fff;
	font-family: var(--main-font);
	letter-spacing: -1px;

	h1{
		font-size: clamp(30px, 5vw, 8rem);
		line-height: 1;
	}
	h3{
		font-size: clamp(30px, 5vw, 40px);
		text-transform: uppercase;
		text-wrap: balance;
	}
	.montaria-logo{
		padding: 5px 0;
	}
}
.splash{
	padding-top: 5rem;
	background: linear-gradient(
		#CC4445 75%,
		var(--day01) 75%
	);
}
.destaques{

	flex: 0 0 33%;
  max-width: 33%;
  padding-right: 25px;
  padding-left: 25px;

		.data{
			position: relative;
			color: var(--secondColor);
			font-weight: 600;

			span{
				color: #fff;
			}
		}

	ul{

		li {
		  border-top: 1px solid var(--secondColor);
		  padding: 35px 0;

		  .hora{
		  	color: var(--secondColor);
		  	font-size: 2rem;
		  }
		  .local{
		  	font-size: 1rem;
		  }
		  .actividade{
		  	font-size: 34px;
        text-wrap: balance;
        font-weight: 400;
        line-height: 1;
        margin-bottom: .5rem;
		  }

		  a{
		  	display: inline-block;
		  	border: 1px solid var(--secondColor);
		  	padding: 6px 12px;
		  	margin-top: 16px;
		  	color: var(--secondColor);
		  	transition: all .5s ease-in-out;

		  	&:hover{
		  		color: #000;
		  		background: var(--secondColor);
		  	}
		  }
		}
	}
}
@media screen and (max-width: 800px){
	.destaques{
		flex: 0 0 100%;
	  max-width: 100%;
	  padding-right: 15px;
	  padding-left: 15px;
	}
}
.homepageColor{
	background: #CC4445;

	.splash{
		background: none;
	}
}
.encontrosColor{
	background: #706954;
}
.caminhadasColor{
	background: #4f805e;
}
.filmesColor{
	background: #d27944;
}
.dayOne{
	padding-top: 0 !important;
	background: var(--day01);
}
.dayTwo{
	background: var(--day02);
}
.dayThree{
	background: var(--day03);
}
.color-inscricao{
	background: #fff;
	color: var(--global-color);
}
div[class^="day"],
.color-inscricao{
	padding: 10rem 0;
}
/* anchor margin-top */
#encontros-meio-rural{
	scroll-margin-top: 150px;
}
.menu{
	display: flex;
	gap: 20px;

	a{
		font-size: 4rem;
		color: #fff;

		span{
			transition: all .5s ease-in-out;
			font-weight: 700;
			color: var(--secondColor);
		}

		&:hover span{
			color: #000;
		}
	}
}
.data{
	position: sticky;
	top: 0;
	display: flex;
	flex-direction: column;
	color: var(--secondColor);
	font-size: clamp(8.0rem,11.4063vw,13.125rem);
	font-family: var(--main-font), sans-serif;
	font-weight: 600;
	margin-bottom: 15px;

	span{
		font-size: 25%;
		line-height: 25%;
		font-weight: 100;
		color: #fff;
	}
}
.hora-local{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: baseline;
	margin-bottom: 1rem;
	color: var(--secondColor);
}
.hora{
	font-weight: 500;

	&::before{
		content: '\2198';
		margin-right: .1rem;
	}
}	
.local{
	font-weight: 200;
  font-size: 24px;
}
ul.programacao{
	position: relative;

	li{
		border-top: 1px solid #fff;
	  padding: 35px 0;

	  &:first-child{
	  	border-top: 0px !important;
	  }

	  h2{
	  	font-size: 32px;
	  }

		p + p{
			margin-top: 15px;
		}

		a{
			display: inline-block;
	    color: var(--secondColor);
	    border: 2px solid var(--secondColor);
	    padding: 6px 12px;
      margin-top: 16px;
	    transition: all .5s ease-in-out;

	    &:hover{
	    	color: var(--global-color);
		    background: var(--secondColor);
	    }
		}
	}
}
.sub-programa{
	ul{
		padding: 40px;
		margin-bottom: 1rem;
		background: color-mix(in srgb, #4f805e, black 20%);
	}

	li {
		white-space: pre-line;
		border-top: 1px solid color-mix(in srgb, #4f805e, black 40%);
		padding: 1rem 0;

		&:first-child{
      font-size: 120%;
      font-weight: 600;
      border-top: 0;
      padding-top: 0;
		}

		span {
			font-weight: 700;
		}
	}
}
.caminhadas{

	.dia{
		font-size: 48px;
	}

	.hora{
		font-size: 36px;
	}

	.local{
		font-size: 26px;
	}

	.descricao{
		p{
			margin-bottom: 1rem;
		}
	}
}
.percurso{
	margin: 2rem 0;

	ul{
		padding: 40px;
		display: flex;
    flex-wrap: wrap;
    gap: 3px 12px;
    background: color-mix(in srgb, #4f805e, black 20%);

		li{
			border-top: 0;
			padding: 0;

			&:first-child{
				display: block;
				width: 100%;
				border-bottom: 1px solid color-mix(in srgb, #4f805e, black 40%);
	      font-size: 120%;
	      font-weight: 600;
	      margin-bottom: .5rem;
	      padding-bottom: .5rem;
			}
		}
	}
}
.cta{
	display: inline-block;
	border: 4px solid var(--secondColor);
	font-size: 48px;
	font-weight: 500;
	margin: 10px 0;
	padding: 10px 15px;
	transition: all 1s ease;
}
.cta-inscricao{
	background: var(--secondColor);
	border: 4px solid var(--secondColor);

	&:hover{
		color: var(--secondColor);
		background: initial;
		border-color: var(--secondColor);
	}
}
.cta-nav{
	display: table;
	border: 4px solid var(--global-color);
	margin: 10px 0;
	padding: 10px 15px;
	transition: all 1s ease;

	&:hover{
		background: var(--global-color);
		color: #fff;
	}
}
/* PAGINAS FILMES */
.filme{
	.ficha-tec-sm{
		font-size: 20px;
	}

	.sinopse{
		font-size: 28px;
	}

	.ficha-tec-lg{
		margin-top: 1rem;
		font-size: 20px;

		 ul{
		 	display: flex;
		 	flex-wrap: wrap;
		 	gap: 3px 12px;

		 }
	}

}

.organizacao{
	margin: 1rem 0;
	font-size: 20px;
}
.posterMontaria{
	box-shadow: 0 10px 10px -5px black;
	margin-bottom: 2rem;
}	


.footer{
	color: #fff;
	background: var(--color-footer);
	padding: 5rem 0;
}
.partners a img{
	transform: scale(1.0);
	transition: all .8s ease;
}
.partners a:hover img{
	transform: scale(1.1);
}
.partners img{
	vertical-align: middle;
	margin: 15px;
}
.credits{
	margin-top: 2rem;
	font-size: .9rem;
	text-align: center;
	font-weight: 300;
}
.credits a{
	font-weight: 600;
	color: orange;
	transition: all .8s ease;
}
.credits a:hover{
	color: #fff;
}

/* custom scrollbar */
* {
  scrollbar-color: var(--secondColor) transparent;
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: transparent; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: transparent; 
  border-radius: 0px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000; 
}

/* custom scrollbar end */