@font-face {
font-family: 'Montserrat', sans-serif;
font-display: swap;
}
p{
margin: 0;
padding: 0;
}
h5{
margin: 0;
}
h3{
margin: 0;
}
.titulo-site{
font-weight: 900;
font-display: swap;
color: #d9e021;
mix-blend-mode: color-dodge;
line-height: 80%;
}
.hr-titulos{
text-align: center;
margin: auto;
width: 100px;
height: 3px;
}
.hr-subtitulos{
text-align: left;
width: 100px;
height: 1px;
}
.dropdown-toggle::after{
display: none;
} .btn-lg-sc{
width: 100%;
padding: 10px;
border-radius: 40px;
}
.btn-md-sc{
padding: 10px 20px;
width: 47.5%;
margin: 5px;
border-radius: 40px;
}
.btn-sm-sc{
padding: 10px 40px;
width: 22.5%;
margin: 5px;
border-radius: 40px;
}
.btn-bg1{
background-color: yellow;
color: #000;
}
.btn-bg-claro{
background-color: #fff;
color: #000;
transition: 0.5s;
transition-delay: calc((var(--n) - 1) * 0.1s);
}
.btn-bg-claro:hover{
background-color: #d9e021;
color: #000;
}
.btn-bg-primaria{
background-color: #d9e021;
color: #000;
transition: 0.5s;
transition-delay: calc((var(--n) - 1) * 0.1s);
}
.btn-bg-primaria:hover{
background-color: #ddd;
color: #000;
}
.btn-inscrever{
background-color: #c4302b;
color: #fff;
} .bg-navbar{
background-color: #333;
}
.bg-default-sc{
background-color: #ddd;
}
.bg-dark-sc{
background-color: #001B3F;
color: #fff;
}
.bg-black-sc{
background-color: #000;
color: #fff;
}
.bg-light-sc{
background-color: #fff;
} .sc{
padding: 100px 0px;
}
.sc a:hover{
background-color: #000;
color: #fff;
}
.cabecalho-sc{
margin-bottom:10px;
}
.cabecalho-sc h2{
text-transform: uppercase;
font-weight: normal;
}
.cabecalho-sc p{
font-weight: lighter;
}
.corpo-sc{
margin-top: 30px;
}
.rodape-sc{
margin-top: 30px;
} .slider{
padding: 100px 0;
}
.slider h1{
font-size: 5.5em;
color: #fff;
font-weight: bold;
text-shadow: 10px 10px 20px #000000;
text-align: center;
line-height: 1.0em;
}
.slider h2{
font-size: 3.5em;
color: #fff;
font-weight: normal;
text-shadow: 10px 10px 20px #000000;
text-align: left;
}
.slider h3{
font-size: 2.5em;
color: #fff;
font-weight: normal;
text-shadow: 10px 10px 20px #000000;
text-align: center;
}
.slider h4{
font-weight: lighter;
}
.slider p{
margin-top: 20px;
color: #fff;
font-size: 1.2em;
text-align: center;
}
.btn-slide:hover{
background-color: #000;
color: #fff;
}
.sld-card{
background-color: rgba(200,200,200, 0.7);
padding: 30px;
color: #140f4b;
font-weight: normal;
margin: 0;
}
.sld-card p{
color: #140f4b;
}
.sld-ct{
position: relative;
top: 50%;
transform: translateY(-50%); }
.sld-titulo{
position: relative;
top: 50%;
transform: translateY(-50%); } .navPrincipal{
background-color: none;
} .menuPrincipal{
font-size: 1.0em;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
.menuPrincipal li{
color: #fff;
}
.menuPrincipal ul li ul{
background-color: rgba(4,45,73,0.90);
text-align: center;
color: #fff;
padding: 20px 15px;
border-bottom: 5px solid #d6df23;
}
.menuPrincipal ul li ul li a{
color: #fff;
transition: 0.5s;
transition-delay: calc((var(--n) - 1) * 0.1s); 
}
.menuPrincipal ul li ul li a:hover{
background: rgba(4,45,73,1.0);
color: #fff;
border-bottom: 1.5pt solid #d6df23;
} .menusocial{
color: #fff;
margin: 0px;
padding: 0;
}
.redesSociais{
padding: 0px;
margin: 0px;
list-style:none;
transition: 0.5s;
transition-delay: calc((var(--n) - 1) * 0.1s);
}
.redesSociais li{
color: #fff;
list-style: none;
display: inline;
margin: 0;
margin-left: 0;
}
.redesSociais li a{
padding: 10px 10px;
width: 50px;
height: auto;
display: inline-block;
color: #fff;
text-decoration: none;
font-size: 2.0em;
text-align: center;
border-radius: 50px;
}
.fab.fa-facebook-f:hover{
color: #3b5998;
}
.fab.fa-instagram:hover{
color: #DD2A7B;
}
.fab.fa-twitter:hover{
color: #00ACEE;
}
.fab.fa-youtube:hover{
color: #c4302b;
} .agenda-semanal{
position: absolute;
top: 105%;
left: 50%;
height: 100px;
background-color: #eee;
transform: translateY(-50%);
transform: translateX(-50%);  
}
.agenda-semanal h6{
color: #F15A24;
}
.agenda-semanal h5{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
} .item-agenda{
width: 97.5%;
border-right: 3px solid #d9e021;
border-left:  3px solid #d9e021;
border-radius: 10px;
min-height:100px;
}
.item-agenda button{
color: #d9e021;
} .titulo-agenda{
color: #d9e021;
position: relative;
top: 80%;
transform: translateY(-50%) rotate(-90deg); 
}
.titulo-agenda h1{
margin: 0;
}
.detalhes-agenda{
position: relative;
top: 80%;
transform: translateY(-50%);
}
.slide-agenda{
min-height: 250px;
} .item-noticias{
}
.item-noticias a{
color: #fff;
}
.item-noticias a:hover{
background-color: transparent;
color: #d9e021;
text-decoration: none;
}
#sobre{
background-position: bottom right;
} .item-artigos{
border-left: dotted 0.5pt yellow;
border-right: dotted 0.5pt yellow;
padding: 10px;
}
.item-artigos:hover{
border-left-width: 2pt;
border-right-width: 2pt;
}
.item-artigos a{
text-decoration: none;
color: #666;
}
.item-artigos:hover a{
color: #111;
}
.rodape{
padding: 50px 0 0 0;
background-color: #ddds;
color: #333;
border-top: 3px offset #ddd;
} .header-interno{
background-size: cover;
background-origin: center;
}
.header-interno h2{
color: #fff;
text-transform: uppercase;
margin-left: 10px;
}
.header-interno-conteudo{
position: relative;
top: 0;
left: 0;
width: 100%;
padding: 100px 0;
background-color: rgba(0,0,0,0.5);
z-index: 1;
} #trilha {
list-style:none;
overflow:hidden;
color: #fff;
text-align: right;
position: relative;
top: 50%;
transform: translateY(-50%);
margin-right: 10px; 
}
#trilha ul{
text-align: right;
margin-right: 10px;
}
#trilha li {
float:left;
margin-right:5px;
color: #d6df23;
font-size: 1.2em;
text-align: right;
}
#trilha a{
color: #fff;
}
#trilha .separador {
font-weight:700;
color:#ddd;
}
.card-detalhes-evento{
display: none;
padding: 20px;
overflow-y: scroll;
color: #333;
}
.card-detalhes-evento::-webkit-scrollbar-track {
background: transparent;
}
.card-detalhes-evento::-webkit-scrollbar {
width: 3px;
background: transparent;
}
.card-detalhes-evento::-webkit-scrollbar-thumb {
width: 2px;
background: rgba(250,250,250,0.4);
}
.card-titulo{
display: block;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.card-evento{
height: 250px;
border-radius: 30px;
background-color: #ddd;
color: #999;
border: 1px outset #ccc;
}
.card-evento:hover .card-titulo{
display: none;
} 
.card-evento:hover .card-detalhes-evento{
display: block;
} .menusocialFooter{
color: #fff;
margin: 0px;
margin-top: 5px;
padding: 0;
text-align: right;
list-style: none;
}
.menusocialFooter ul{
list-style: none;
}
.redesSociaisFooter{
padding: 0px;
margin: 0px;
list-style:none;
}
.redesSociaisFooter li{
color: #333;
list-style: none;
display: inline;
margin: 0;
margin-left: 0;
}
.redesSociaisFooter li a{
padding: 0px 2px;
display: inline-block;
color: #333;
text-decoration: none;
font-size: 1.5em;
}
.logo_footer{
width: 200px;
} .site-branding{
padding: 10px;
position: relative;
z-index: 1;
background-color: #ddd;
}
.site-branding::before{
content: " ";
background-color: #ddd;
position: absolute;
top:0;
bottom: 0;
left: -1000px;
width: 1000px;
}
.full::after{
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 109.55px 0 0 120px;
border-color: transparent transparent transparent #ddd;
position: absolute;
top: 0;
right: -120px;
}
.reduzida::after{
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 85.3px 0 0 60px;
border-color: transparent transparent transparent #ddd;
position: absolute;
top: 0;
right: -60px;
} .section{
height: 100vh;
}
.section-content-25{ 
position: relative;
top: 25%;
transform: translateY(-25%); 
}
.section-content-50{ 
position: relative;
top: 50%;
transform: translateY(-50%); 
}
.section-content-100{ 
position: relative;
top: 75%;
transform: translateY(-50%); 
}
.section-content-apresentacao{
position: relative;
top: 25%;
transform: translateY(-25%); 
}
#sobre{
background-size: cover; 
background-position: right bottom; 
}
@media (max-width: 1139px) {
.full::after{
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 92.34px 0 0 120px;
border-color: transparent transparent transparent #ddd;
position: absolute;
top: 0;
right: -120px;
}
.reduzida::after{
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 84.3px 0 0 60px;
border-color: transparent transparent transparent #ddd;
position: absolute;
top: 0;
right: -60px;
}
}
@media (max-width: 991.98px) {
.slider{
padding: 150px 0;
}
.slider h1{
font-size: 4.5em;
color: #fff;
font-weight: bold;
text-shadow: 10px 10px 20px #000000;
text-align: center;
line-height: 1.0em;
}
.slider h2{
font-size: 3.0em;
color: #fff;
font-weight: normal;
text-shadow: 10px 10px 20px #000000;
text-align: left;
}
.slider h3{
font-size: 2.0em;
color: #fff;
font-weight: normal;
text-shadow: 10px 10px 20px #000000;
text-align: center;
}
.redesSociais li a{
font-size: 1.5em;
}
.menuPrincipal{
position: fixed;
width: 300px;
height: 100%;
top: 0;
right: 0;
background-color: rgba(4,45,73,0.95);
padding: 0px 50px;
z-index: -1;
color: #fff;
}
.menuPrincipal ul:first-child{
list-style: none;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.menuPrincipal ul li ul{
margin-top: 0;
border: none;
background-color: transparent;
margin: 0;
padding: 0;
border-top: 2px solid yellow;
border-bottom: 2px solid yellow;
text-align: center;
color: #ccc;
}
.menuPrincipal li a{
font-size: 1.2em;
background: transparent;
text-align: center;
word-wrap: break-word;
}
.menuPrincipal li ul li{
margin: 0;
padding: 0;
background: transparent;
}
.menuPrincipal ul li ul li a:hover{
background: transparent;
border-bottom: none;
}
.agenda-semanal{
position: static;
top: 0;
left: 0;
transform: none;
height: 300px;
}
.full::after{
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 73.58px 0 0 120px;
border-color: transparent transparent transparent #ddd;
position: absolute;
top: 0;
right: -120px;
}
.reduzida::after{
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 73.58px 0 0 60px;
border-color: transparent transparent transparent #ddd;
position: absolute;
top: 0;
right: -60px;
}
.btn-md-sc{
width: 80%;
}
}
@media (max-width: 767.98px) { 
.slider{
padding: 100px 0;
}
.slider h1{
font-size: 4.0em;
color: #fff;
font-weight: bold;
text-shadow: 10px 10px 20px #000000;
text-align: center;
line-height: 1.0em;
}
.slider h2{
font-size: 2.5em;
color: #fff;
font-weight: normal;
text-shadow: 10px 10px 20px #000000;
text-align: left;
}
.slider h3{
font-size: 1.5em;
color: #fff;
font-weight: normal;
text-shadow: 10px 10px 20px #000000;
text-align: center;
}
.redesSociais li a{
font-size: 1.2em;
}
.btn-lg-sc{
width: 100%;
padding: 10px;
}
.btn-md-sc{
padding: 10px 20px;
width: 100%;
}
.btn-sm-sc{
padding: 10px 10px;
width: 100%;
}
#sobre{
background-size: cover;  
background-position: right; 
}
.full::after{
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 0px 0 0 0px;
border-color: transparent transparent transparent #ddd;
position: absolute;
top: 0;
right: -120px;
}
.reduzida::after{
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 0 0px;
border-color: transparent transparent transparent #ddd;
position: absolute;
top: 0;
right: -60px;
}
}
@media (max-width: 575.98px) { 
.slider{
padding: 50px 0;
} 
.slider h1{
font-size: 3.5em;
color: #fff;
font-weight: bold;
text-shadow: 10px 10px 20px #000000;
text-align: center;
line-height: 1.0em;
}
.slider h2{
font-size: 1.5em;
color: #fff;
font-weight: normal;
text-shadow: 10px 10px 20px #000000;
text-align: left;
}
.slider h3{
font-size: 1.0em;
color: #fff;
font-weight: normal;
text-shadow: 10px 10px 20px #000000;
text-align: center;
}
.redesSociais li a{
font-size: 1.5em;
}
.full::after{
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 0px 0 0 0px;
border-color: transparent transparent transparent #ddd;
position: absolute;
top: 0;
right: -100px;
}
.reduzida::after{
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 0px 0 0 0px;
border-color: transparent transparent transparent #ddd;
position: absolute;
top: 0;
right: -50px;
}
.slide-agenda{
min-height: 250px;
}
.sobreposicao{
background: rgba(0,0,0,0.3);
}
.logo_footer{
width: 100px;
}
.rodape{
padding: 20px 0 0 0;
background-color: #ddd;
color: #333;
border-top: 3px offset #ddd;
}
#sobre{
background-size: cover;  
background-position: right; 
}
.section-content-apresentacao{
position: relative;
top: 60%;
transform: translateY(-50%); 
}
#sobre{
background-position: top left;
}
}