/*  
Theme Name: Bacalhoada Tauste Tradição
Author: Mustache
Author URI: https://mustache.com.br
*/
*{font-family: "Sora", sans-serif; box-sizing: border-box;} body{padding: 0; margin: 0;} html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure {margin: 0; padding: 0; } img, fieldset{border: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;} @media screen {img {width: auto;}} a, a:hover{text-decoration: none; outline: none;} p {margin: 0 0 20px; padding: 0;} ul, ol, li {margin: 0; padding: 0;} h1, h2, h3, h4, h5, h6 {line-height: 1.4em; margin: 20px 0 .4em;} h1 {font-size: 2em; } h2 {font-size: 2.2em; } h3 {font-size: 1.6em; } h4 {font-size: 1.4em; } h5 {font-size: 1.2em; } h6 {font-size: 1em; } html{scroll-behavior: smooth;} button, button:focus{cursor: pointer; outline: none; border:0} .grecaptcha-badge{display:none!important;} section{scroll-margin-top: 65px;}

/*WPP Float*/
.wppfloat {
	background: #25D366; 
	width: 60px; 
	height: 60px; 
	line-height: 60px;
	color: #fff; 
	font-size: 25px; 
	text-align: center; 
	border-radius: 50%; 
	position: fixed;
	z-index: 1000; 
	right: 20px; 
	bottom: 20px;
}

/*Menu*/
#menu{
	width: 100%; 
	padding: 20px 10%; 
	height: auto; 
	position: sticky; 
	top: 0; 
	right: 0;
	left: 0; 
	z-index: 10000; 
	background: #344612;
	& img{
		height: 60px;
		width: auto;
	}
	& .navbar{
		padding: 0;
	}
	& .navbar-brand{
		padding: 0; 
		margin: 0;
	}
	& .navbar-expand-xl{
		& .navbar-collapse{
			margin: 0px auto 0 0; 
		}
		& .navbar-nav{
			margin: 0 -30px 0 auto; 
			& .dropdown-menu {
				position: absolute; 
				background: #fff; 
				color: #fff;
				font-size: 1rem; 
				border: 0;
				border-radius: 10px;
				margin: 0 -10px;
				&:before {
					content: ''; 
					top: -16px; 
					position: absolute; 
					left: 40px; 
					width: 0; 
					height: 0; 
					border-right: 8px solid transparent; 
					border-top: 8px solid transparent; 
					border-left: 8px solid transparent; 
					border-bottom: 8px solid #fff; 
				}
				& .dropdown-item{
					color: #344612;
					transition: .3s;
					&:hover{
						color: #798202;
					}
				}
				& li a {
					padding: 5px 0; 
					font-weight: 500;
				} 
			}
			& .nav-item{
				margin:  0px; 
				padding: 0px;
			}
			& .nav-link {
				color: #fff; 
				font-size: 1.1rem; 
				font-weight: 400; 
				transition: .3s; 
				margin: 0 15px;
				padding: 8px 0px; 
				&:hover{
					color: #798202;
					& .dropdown-menu{
						display: block;
					}
				}
			}
			&  li:hover .dropdown-menu {
				display: block;
			}
		}
	}
	& .dropdown-item:hover {
		display: block; 
		width: 100%; 
		padding: 0.25rem 1.5rem; 
		clear: both; 
		color: #798202; 
		text-align: inherit; 
		white-space: nowrap; 
		background-color: transparent; border: 0; 
	}
	& .dropdown-toggle::after{
		font-weight: 900;
		font-family: "Font Awesome 5 Free";
		content: "\f078";
		color: #798202; 
		display: inline-block;
		font-size: 11px;
		width: 11px;
		height: 15px;
		margin-left: .355em; 
		vertical-align: 0.055em;
		border-top: 0em solid; 
		border-right: 0em solid transparent;
		border-bottom: 0;
		border-left: 0em solid transparent;
	}
	& .collapse .navbar-collapse{
		margin-top: 7px;
	}
}
/*Topo*/
.topo{
	width: 100%; 
	height: 80vh; 
	background: url(images/topo.jpg) #6f6f6f no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	background-blend-mode: multiply;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 100px 30px;
	& img{
		width: 600px;
		max-width: 95%;
		display: block;
	}
}
/*Sobre*/
.sobre{
	padding: 80px 20%;
	color: #333;
	text-align: center;
	& img{
		width: 95%;
		height: auto;
		border-radius: 20px;
	}
	& h2{
		font-size: 2.5rem;
		font-weight: 700;
		color: #344612;
		margin: 0 auto 25px;
		line-height: 1;
	}
	& p{
		font-size: 1.2rem;
		line-height: 1.5;
		margin: 15px 0;
		font-weight: 400;
	}
}
/*Informações*/
.informacoes{
	background: #324311;
	padding: 90px 20%;
	color: #fff;
	text-align: center;
	flex-wrap: wrap;
	& h2{
		font-size: 3rem;
		font-weight: 700;
		margin: 0 auto 25px;
		line-height: 1;
	}
	& .topicos{
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 40px;
		flex-wrap: wrap;
		& i{
			color: #798202;
			margin-right: 5px;
		}
		& p{
			margin: 15px 0;
			font-size: 1.6rem;
			font-weight: 300;
			display: flex;
			align-items: self-start;
			line-height: 1;
			justify-content: center;
			& .valor{
				display: flex;
				flex-direction: column;
				& .obs{
					font-size: .8rem;
					line-height: 1;
					text-align: right;
				}
			}
		}	
	}
	& .sub{
		margin-top: 40px;
		a{
			color: #fff;
			transition: .3s;
			border-bottom: solid 1px transparent;
			padding: 5px 0;
			&:hover{
				border-color: #798202;
			}
		}
		& i{
			color: #798202;
			margin-left: 5px;
		}
		&::before{
			content: '';
			display: block;
			width: 100px;
			height: 3px;
			background: #798202;
			border-radius: 10px;
			margin: 0 auto 40px;
		}
	}
}
/*Galeria*/
.galeria{
	padding: 90px 0;
	& h2{
		font-size: 2.5rem;
		font-weight: 700;
		color: #344612;
		margin: 0 auto 60px;
		line-height: 1;
		text-align: center;
		&::after{
			content: '';
			display: block;
			width: 100px;
			height: 3px;
			background: #798202;
			border-radius: 10px;
			margin: 20px auto 0px;
		}
	}
	& .carousel-item{
		padding: 0 10px;
		& img{
			aspect-ratio: 16 / 9;
			border-radius: 10px;
			width: 100%;
			object-fit: cover;
		}
	}
	& .slick-next, .slick-prev{
		width: 50px;
		height: 50px;
		background: #324311;
		border-radius: 50px;
		font-size: 1.5rem;
		text-align: center;
		z-index: 800;
		transition: .3s;
		&:hover{
			background: #798202;
		}
	}
	& .slick-next {
		right: 35px;
		&:before {
			content: '\f054';
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			font-size: 1.5rem;
			color: #fff;
			margin: 0 auto;
			display: block;
			opacity: 1;
		}	
	}
	& .slick-prev {
		left: 35px;
		&:before {
			content: '\f053';
			font-family: "Font Awesome 5 Free";
			font-weight: 700;
			font-size: 1.5rem;
			color: #fff;
			margin: 0 auto;
			display: block;
			opacity: 1;
		}
	}

	& .copy{
		margin-top: 30px;
		text-align: center;
		font-size: .9rem;
	}
}
/*Entidades*/
.entidades{
	background: #798202;
	padding: 80px 20%;
	color: #fff;
	text-align: center;
	& h2{
		font-size: 3rem;
		font-weight: 700;
		margin: 0 auto 15px;
		line-height: 1;
	}
	& p{
		font-size: 1.2rem;
		line-height: 1.5;
		margin: 15px 0;
		font-weight: 300;
		& strong{
			font-weight: 700;
		}
	}
	& ul{
		list-style: none;
		background: #324311;
		padding: 60px;
		margin: 30px 0;
		border-radius: 20px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
		& li{
			&:nth-child(even) {
				font-weight: 700;
			}
		}
	}
}
/*Parceiros*/
.parceiros{
	padding: 90px 15% 0;
	& h2{
		font-size: 2.5rem;
		font-weight: 700;
		color: #344612;
		margin: 0 auto 60px;
		line-height: 1;
		text-align: center;
		&::after{
			content: '';
			display: block;
			width: 100px;
			height: 3px;
			background: #798202;
			border-radius: 10px;
			margin: 20px auto 0px;
		}
	}
	& h3{
		text-align: center;
		width: 100%;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: .8rem;
		font-weight: 400;
		margin: 0 auto 30px;
	}
	& h4{
		text-align: center;
		width: 100%;
		font-size: 1.2rem;
		font-weight: 300;
		margin: 60px auto 30px;
	}
	& .logos{
		display: flex;
		gap: 30px;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		& img{
			height: 70px;
			width: max-content;
			max-width: 160px;
		}
	}

}

/*Patrocinadores*/
.patrocinadores{
	padding: 90px 0 0;
	& h2{
		font-size: 2.5rem;
		font-weight: 700;
		color: #344612;
		margin: 0 auto 60px;
		line-height: 1;
		text-align: center;
		&::after{
			content: '';
			display: block;
			width: 100px;
			height: 3px;
			background: #798202;
			border-radius: 10px;
			margin: 20px auto 0px;
		}
	}
	& .slick-track{
		width: 100%!important;
		display: flex;
		justify-content: center;
	}
	& .categoria{
		padding: 0 0 30px;
        & h4 {
            text-align: center;
            width: 100%;
            color: #fff;
            font-size: 1.3rem;
            font-weight: 200;
            padding: 20px;
            margin: 0 0 20px;
            text-transform: uppercase;
        }
		& .slick-slide {
			width: auto !important;
			margin: 0 20px;
			display: flex;
			align-items: center; 
			justify-content: center;
			aspect-ratio: 1/1;
			width: 120px;
			height: auto;
			& img {
                max-height: 50px;
                max-width: 130px;
                display: block;
			}
		}
	}
	& .ouro{
		background: #a38530;
	}
	& .prata{
		background: #96988a;
	}
	& .bronze{
		background: #785919;
	}
	& .logos{
		display: flex;
		gap: 30px;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		& img{
			height: 70px;
			width: max-content;
			max-width: 160px;
		}
	}

}

/*Rodape*/
.rodape{
	background: url(images/bg-infos.png) #324311 center no-repeat; 
	background-blend-mode: overlay;
	padding: 100px 10% 50px; 
	color: #fff;
	& h2{
		font-size: 2rem;
		font-weight: 700;
		color: #fff;
		margin: 0 auto;
		line-height: 1.4;
		max-width: 100%;
		width: 700px;
		text-align: center;
		&::after{
			content: '';
			display: block;
			width: 100px;
			height: 3px;
			background: #798202;
			border-radius: 10px;
			margin: 30px auto 30px;
		}
	}
	& .canal{
		text-align: center;
		font-size: 1.2rem;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		line-height: 1;
		gap: 15px;
		& h4{
			margin: 0;
		}
		& a{
			color: #fff;
		}
		& i{
			color: #798202;
			margin-right: -5px;
		}

	}
	& .redes{
		width: max-content; 
		max-width: 100%; 
		display: flex; 
		gap: 20px; 
		justify-content: center; 
		align-items: center; 
		margin: 30px auto 0 0;
		& .item{color: #fff; font-size: 1.6rem; transition: .3s; line-height: 1rem;
			&:hover{
				color: #D1A536;
			}
		}
	}

	& .copy{
		margin: 80px auto 0; 
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		& img{
			width: 40px; 
			margin: 0; 
			display: 
				block; filter: contrast(1) brightness(100);
		}
	}
}
/*404*/
.naoencontrado{ 
	color: #000; 
	padding: 200px 10%; 
	margin-bottom: 0px;
	& h1{
		font-weight: 700; 
		font-size: 3rem; 
		margin-bottom: 15px; 
		color: #324311;
	}
	& p{
		max-width: 90%; 
		font-size: 1.4rem; 
		line-height: 2.4rem; 
		font-weight: 400;
	}
	& a{
		color: #324311; 
		transition: .3s;
		&:hover{
			color: #798202;
		}
	}
}
/*Topo da página*/
.topo-pagina{
	background: #324311;
	color: #fff; 
	padding: 150px 10%; 
	text-align: center;
	margin-bottom: 0px;
	& h1{
		font-weight: 600; 
		font-size: 3.5rem; 
		margin: 0;
		letter-spacing: 2px;
	}
}
/*Pagina*/
.pagina{
	padding: 60px 10%; 
	& th, td{
		text-align: left; 
		border: 1px solid #e8e9eb; 
		line-height: 1.5; 
		padding: 10px 15px;
	}
	& a{
		color: #324311;
		transition: .3S;
		text-decoration: none;
		&:hover{
			color: #798202;
		}
	}
	& b, strong{
		color: #324311;
		font-weight: 700;
	}
	& p{
		font-size: 1.2rem;
		line-height: 1.5;
		letter-spacing: .5px;
	}
	& ul, ol{
		list-style-position: inside; 
		list-style: none;
	}
	& label{
		width: 100%; 
		text-align: left;
		margin: 5px 0;
		font-size: 1rem;
	}
	& select{
		text-transform: none; 
		width: 100%; 
		background: #eeeeee; 
		border:solid 1px #eeeeee;
		border: 0px; 
		padding: 15px 10px; 
		color: #000;
		border-radius: 8px;
	}
	& input{
		width: 100%; 
		background: #eeeeee; 
		color: #000; 
		padding: 15px; 
		border: solid 1px #eeeeee; 
		border-radius: 8px;
		transition: .3s;
	}
	& textarea{
		width: 100%; 
		height: 150px; 
		background: #eeeeee; 
		color: #000; 
		padding: 15px; 
		border: solid 1px #eeeeee; 
		border-radius: 8px;
		transition: .3s;
	}
	& input, textarea, select{
		&:focus{
			outline: none; 
			border: 0px; 
			border: solid 1px #324311;
		}
	}
	& input[type=submit]{
		width: 100%; 
		background: #324311; 
		color: #fff; 
		padding: 10px 50px; 
		width: auto; 
		border: 0; 
		border-radius: 8px; 
		transition: .3s;
		&:hover{
			background: #798202; 
			color: #fff;}
	}
	& input[type="radio"], input[type="checkbox"] {
		width: max-content;
	}
	& .wpcf7-list-item {
		display: inline-block;
		margin: 0;
	}
}

@media screen and (max-width: 1500px) {
	.sobre{
		padding: 80px 10%;
	}
	.rodape {
		padding: 80px 5% 50px;
	}

	.topo-pagina{
		padding: 100px 5%;
	}

}

@media screen and (max-width: 1024px) {
	#menu{
		& img{
			width: auto;
			height: 50px;
		}
		& .navbar-toggler-icon{
			height: auto; 
			width: auto
		}
		& .navbar-toggler {
			padding: 0; 
			outline: none; 
			font-size: 2.2rem; 
			color: #798202; 
			line-height: 1; 
			background-color: transparent; 
			border: 0px solid transparent; 
			height: auto;
		}
		& .navbar-expand-xl{
			& .navbar-collapse {
				margin: 50px auto 0px; 
				padding: 0 0 20px;
				min-height: calc(100vh - 90px);
			}
			& .dropdown-menu{
				position: relative!important;
				margin: 0 -10px;
				float: unset;
				width: 100%;
				max-width: 100%;
				& .dropdown-item{
					white-space: normal;
					padding: 0.25rem 1rem;
					letter-spacing: .5px;
					font-size: .9rem;
				}
				&:before{
					left: 5%;
				}
			}
		}
		& .navbar-nav{
			margin: 0px!important;
			width: 100%;
			& .nav-item {
				margin: 0px 0px; 
				padding: 10px 0px;
				& .login {
					margin: 10px 0 0 0 !important;
				}
			}
			& .nav-link{
				padding: 5px 0px;
				margin: 0!important;
				text-align: left;
			}
			& li:hover .dropdown-menu {
				display: block; 
				border: 0; 
				margin: 7px 0px;
			}
		}
	}
	.sobre {
		padding: 60px;
		& h2{
			font-size: 2.2rem;
		}
	}
	.informacoes{
		padding: 60px;
		& h2{
			font-size: 2.2rem;
		}
		& .topicos {
			gap: 20px 40px;
			& p {
				max-width: calc(50% - 20px);
				text-align: center;
			}
		}
	}
	.galeria{
		padding: 60px 0;
		& h2{
			font-size: 2.2rem;
			margin: 0 auto 40px;
		}

	}
	.entidades{
		padding: 60px;
		& h2{
			font-size: 2.2rem;
			margin: 0 auto 0px;
		}
		& p{
			font-size: 1rem;
		}
		& ul{
			padding: 60px 40px;
		}

	}
	.parceiros {
		padding: 60px;
		& h2{
			font-size: 2.2rem;
			margin: 0 auto 10px;
		}
		& h3, h4{
			margin: 30px auto 20px;
		}
	}
	.patrocinadores {
		padding: 60px 0 0;
		& h2{
			font-size: 2.2rem;
			margin: 0 auto 10px;
		}
		&  h4{
			margin: 0 auto 20px;
		}
	}
	.rodape{
		padding: 60px;
	}
	.pagina {
		padding: 60px;
	}

}

@media screen and (max-width: 480px) {
	.topo{
		height: 50vh;
		background-size: cover;
		background-attachment: scroll;
	}
	.sobre {
		padding: 40px 30px;
		& h2{
			font-size: 1.8rem;
			margin: 0 0 10px
		}
		& p {
			font-size: 1rem;
			line-height: 1.6;
			margin: 10px 0;
		}
	}
	.informacoes {
		padding: 40px 30px;
		& h2{
			font-size: 1.8rem;
			margin: 0 0 15px
		}
		& .topicos {
			gap: 10px;
			& p {
				max-width: 100%;
				width: 100%;
				margin: 8px 0px;
				font-size: 1.3rem;
			}
		}
	}
	.galeria {
		padding: 40px 0px;
		& h2{
			font-size: 1.8rem;
			margin: 0 0 25px
		}
	}
	.entidades {
		padding: 50px 30px;
		& h2{
			font-size: 1.6rem;
			margin: 0px;
		}
		& ul {
			padding: 30px;
			flex-direction: column;
			gap: 8px 0;
		}
	}
	.parceiros{
		padding: 40px 30px;
		& h2{
			font-size: 1.6rem;
			margin: 0;
		}
	}
	.patrocinadores{
		padding: 40px 0 0;
		& h2{
			font-size: 1.8rem;
			margin: 0px 0 30px;

		}
	}
	.pagina{
		padding: 40px 30px;
		text-align: left;
	}
	.topo-pagina{
		padding: 50px 30px;
		& h1 {
			font-size: 1.8rem;
		}
	}
	.rodape {
		padding: 60px 40px 40px;
		& h2{
			font-size: 1.4rem;
		}
		& .canal{
			flex-direction: column;
			display: block;
			& h4{
				margin: 0 auto 10px
			}
			i{
				margin-right: 5px;
			}
		}
		& .copy {
			padding-top: 0px;
			margin: 50px 0 0;
			& .direitos {
				text-align: center;
			}
			& .dev{
				text-align: center;
				justify-content: center;
				margin-top: 5px;
			}
		}
	}
}