* {
  margin: 0;
  padding: 0;
}
body {
  max-width: 100vw;
  overflow-x: hidden;
  animation: fadeInAnimation ease 0.8s;
  font-size: 20px;
  position: relative;
  color: var(--txt-color);
}
a, a:hover, a:visited, a:active {
  color:#000000!important;
}
.mt-header {
  margin-top: 120px;
}
.pt-header {
  padding-top: 120px;
}
.two-col {
  column-count: 2;
  column-gap: 24px;
}

@font-face {
  font-family: 'Alpina-CB';
  src:
  url('/wp-content/themes/barbaradecocais/fonts/GT-Alpina-Condensed-Bold.woff') format('woff'),
  url('/wp-content/themes/barbaradecocais/fonts/GT-Alpina-Condensed-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Alpina-CR';
  src:
  url('/wp-content/themes/barbaradecocais/fonts/GT-Alpina-Condensed-Regular.woff') format('woff'),
  url('/wp-content/themes/barbaradecocais/fonts/GT-Alpina-Condensed-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Alpina-SB';
  src:
  url('/wp-content/themes/barbaradecocais/fonts/GT-Alpina-Standard-Bold.woff') format('woff'),
  url('/wp-content/themes/barbaradecocais/fonts/GT-Alpina-Standard-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Alpina-SR';
  src:
  url('/wp-content/themes/barbaradecocais/fonts/GT-Alpina-Standard-Regular.woff') format('woff'),
  url('/wp-content/themes/barbaradecocais/fonts/GT-Alpina-Standard-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Alpina-SRI';
  src:
  url('/wp-content/themes/barbaradecocais/fonts/GT-Alpina-Standard-Regular-Italic.woff') format('woff'),
  url('/wp-content/themes/barbaradecocais/fonts/GT-Alpina-Standard-Regular.woff2') format('woff2');
}

.cond-reg {
  font-family: 'Alpina-CR';
}
.cond-bold {
  font-family: 'Alpina-CB';
}
.stand-reg {
  font-family: 'Alpina-SR';
}
.stand-bold {
  font-family: 'Alpina-SB';
}
.italico, em {
  font-family: 'Alpina-SRI';
}
.pg-sobre strong {
  text-transform: uppercase;
  font-family: 'Alpina-CR';
  font-size: 18px;
}

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

.page {
  margin-bottom: 0;
}
body {
  background-color: #FFFFF0;
}
.bc-container {
  padding-left: 16px;
  padding-right: 16px;
}
a {
  text-decoration: none;
}
.bg-green {
  background-color: #C6D58D;
}
.bg-yellow {
  background-color: #D6AF2B;
}
h2, h2 p {
  font-family: 'Alpina-SR';
  font-size: 48px;
  line-height: 1;
}
h3, h3 p {
  font-family: 'Alpina-SR';
  font-size: 28px;
  line-height: 1;
}
h4, h4 p {
  font-family: 'Alpina-CR';
  font-size: 20px;
  line-height: 1;
}
p {
  font-family: 'Alpina-SR';
  font-size: 16px;
}
small {
  font-size: 10px;
}
.btn-bc {
  background-color: #000;
  padding: 6px 18px;
  border-radius: 100px;
  text-transform: uppercase;
  color:#D6AF2B;
  width: fit-content;
  font-size: 18px;
  transition: ease .5s;
  font-family: 'Alpina-CR';
  white-space: nowrap;
}
.btn-bc:hover {
  transform: translateY(-3px);
  cursor: pointer;
}
.categoria-content .btn-bc, .btn-bc.trailer {
  color:#FFFFF0;
}
iframe {
  width: 100%;
}



/* header */

.ministerio {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 24px;
  background-color: #D6AF2B;
  z-index: 99999;
}
.ministerio br {
  display: none;
}
nav {
  position: fixed;
  top: 24px;
  left: 0;
  width: 100vw;
  height: 36px;
  z-index: 99999;
  background-color: #FFFFF0;
}
nav div {
  margin: 0px 20px;
}
.header.btn-bc {
  position: fixed;
  bottom: 48px;
  right: 12px;
  color:#FFFFF0;
  z-index: 999999;
}
.btn-home {
  position: fixed;
  top: 25px;
  left: 14px;
  z-index: 999999;
  transition: ease .5s;
}
.btn-home img {
  height: 28px;
}
.btn-home:hover {
  transform: translateY(-3px);
}
.link-home {
  display: none;
}
.bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 36px;
  background-color: #89547F;
  z-index: 999999;
}


/* home */

.carousel-item img {
  height: 56vw;
  object-fit: cover;
  object-position: center;
}

.hero.bg-yellow img {
  height: 340px;
}
.grid-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
}
.card-body {
  height: 18vw;
  background-color: #000000;
  transition: background-color ease 0.5s;
}
.noticia .card-body {
  height: 10vw;
}
.card-body h3, .card-body p {
  color: #fff;
}
.card-img {
  filter: grayscale(100%);
}
.card:hover .card-img {
  filter: grayscale(0);
  transition: ease .5s;
}
.card:hover .card-body h3, .card:hover .card-body p {
  color: #000;
}
.noticia .card:hover .card-body h3{
  color: #fff;
}
.card.oficinas:hover .card-body {
  background-color: #D6AF2B;
}
.card.palestras:hover .card-body {
  background-color: #D9423F;
}
.card.cinema:hover .card-body {
  background-color: #89547F;
}
.stick-datas {
  position: sticky;
  top: 48px;
  z-index: 999;
  background-color: rgb(255,255,240);
  padding-top: 16px;
  padding-bottom: 16px;
}
#creche {
  position: relative;
  z-index: 9999;
}
.creche .btn-bc {
  color:#C6D58D;
}
img.footer {
  width: 220px;
}
img.barra {
  width: 460px;
}
img.barrav {
  display: none;
}
footer {
  background-image: url('/wp-content/themes/barbaradecocais/assets/footer.png');
  background-position:top;
  background-size: cover;
  background-repeat: no-repeat;
}



/* cateogria */

.titulo-categoria {
  position: fixed;
  left: 20px;
}
.videotrailer {
  height: 0px;
  overflow-y: hidden;
  transition: ease .5s;
}
.videotrailer.open {
  height: 100%;
  transition: ease .5s;
}
.accordion {
  --bs-accordion-bg: transparent!important;
}
.accordion-body {
  padding: 0;
  margin-top: 24px;
}


/* sobre */
.pg-sobre div.w-50 {
  width: 52%;
}
.pg-sobre div.w-40 {
  width: 43%;
}


/* queries */

@media (max-width:1024px) {
  .hero.bg-yellow img {
    height: 260px;
  }
  h2, h2 p {
    font-size: 40px;
  }
  h3, h3 p {
    font-size: 20px;
  }
  p {
    font-size: 15px;
  }
  .w-third {
    width: 37%;
  }
  div.w-60 {
    padding-right: 32px;
  }
  .btn-bc {
    font-size: 16px;
  }
  .hero div.aspect-ratio--16x9 {
    padding-bottom: 80%;
  }
  .pg-sobre h2.stick {
    position: sticky;
    top: 80px;
    z-index: 999;
  }
}

@media (max-width: 820px) {
  .hero.bg-yellow img {
    height: 200px;
  }
  h2, h2 p {
    font-size: 32px;
  }
  #programacao.grid-4, .noticias.grid-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .card-body {
    height: 25vw;
  }
  .noticia .card-body {
    height: 12vw;
  }
  footer .w-third div.flex{
    flex-direction: column;
  }
  img.barra {
    display: none;
  }
  img.barrav {
    display: block;
    width: 300px;
  }
}

@media (max-width: 800px) {
  .categorias-pg {
    flex-direction: column;
  }
  .titulo-categoria {
    position: static;
    margin-bottom: 32px;
    width: 100%!important;
  }
  .categorias-pg div.w-75 {
    width: 100%!important;
  }
  .pg-equipe h4.ml5 {
    margin-left: 24px;
  }
}

@media (max-width: 740px) {

  .hero div.aspect-ratio--16x9 {
    padding-bottom: 100%;
  }
  .hero-content {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
  }
   .hero-info {
    align-items: flex-start;
    margin-top: 32px;
    justify-content: flex-start;
  }
  .hero h3 {
    padding-left: 0px!important;
  }
  .hero h4 {
    padding-left: 56px!important;
  }
  .texto .w-60, .texto .w-third {
    width: 48%!important;
  }
  h3, h3 p {
    font-size: 18px;
  }
  #programacao p {
    font-size: 14px;
  }
  .card-body br {
    display: none;
  }
  img.footer {
    width: 140px;
  }
  footer .w-third {
    width: 40%;
  }
  footer .w-third div.pr3, footer h4 {
    padding-right: 0;
  }
  nav div {
    margin: 0px 12px;
  }
  .btn-home {
    display: none;
  }
  .link-home {
    display:inline-block;
  }
  .pg-equipe {
    flex-direction: column;
  }
  .pg-equipe h2 {
    margin-bottom: 24px;
  }
  .pg-equipe h4.ml5 {
    margin-left: 0px;
  }
  .pg-equipe div.flex {
    justify-content: space-between;
  }
  .pg-sobre div.flex {
    flex-direction: column;
  }
  .pg-sobre div.w-50, .pg-sobre div.w-40 {
    width: 100%!important;
  }
  .pg-sobre h2.stick {
    position: static;
    margin-bottom: 32px;
  }
  #carouselExample2 {
    padding-top: 32px;
  }
  .texto.mt5 {
    margin-top: 20px!important;
  }
}


@media (max-width: 640px) {
  .texto {
    flex-direction: column;
  }
  .texto p {
    font-size: 17px;
    margin-top: 24px;
  }
  .texto .w-60, .texto .w-third {
    width: 100%!important;
  }
  #programacao.grid-4, .noticias.grid-4{
    grid-template-columns: 1fr 1fr;
  }
  .carousel-item img {
    height: 130vw;
    object-fit: cover;
    object-position: center;
  }
  .card-body {
    height: 40vw;
  }
  .noticia .card-body {
    height: 20vw;
  }
  .two-col {
    column-count: 1;
    column-gap: 0;
  }
  footer div.bc-container {
    flex-direction: column-reverse;
  }
  footer .w-third div.flex{
    flex-direction: row;
    justify-content: space-between;
  }
  footer .w-third div.flex div{
    width: 50%;
  }
  footer .w-third {
    width: 100%;
  }
  footer div.flex-column {
    margin-top: 32px;
    flex-direction: row!important;
    align-items: flex-start;
  }
  img.barrav {
    width: 50%;
  }
  footer {
    position: relative;
    z-index: 9999;
  }
}

@media (max-width: 600px) {
  #programacao.grid-4, .noticias.grid-4 {
    grid-template-columns: 1fr;
  }
  nav div {
    margin: 0px 4px;
  }
  h4, h4 p {
    font-size: 16px;
  }
  small {
    font-size: 8px;
  }
  .stick-datas h2, .pg-sobre h2.stick p {
    font-size: 24px;
  }
  .hero div.aspect-ratio--16x9 {
    padding-bottom: 150%;
  }
  .card-body h3, .card-body h3 p {
    font-size: 24px;
  }
  .categorias-pg .categoria-content {
    flex-direction: column;
  }
  .categorias-pg .w-third, .categorias-pg .w-two-thirds {
    width:100%!important;
    margin-bottom: 24px;
    padding-right: 0!important;
  }
  .categorias-pg .w-third {
    display: flex;
    justify-content: space-between;
  }
  .categoria-content .w-third .cat-title {
    width: 47%;
  }
  .info-cat {
    width: 47%;
  }
}

@media (max-width: 500px) {
  nav h4, nav h4 p {
    font-size: 13px;
    margin-left: 3px!important;
  }
  nav img {
    width: 10px;
  }
  .ministerio br {
    display: block;
  }
  .ministerio small {
    line-height: 1;
  }
  .info-cat h4, .info-cat p {
    font-size: 12px;
  }
  .pg-equipe h4, .pg-equipe h4 p {
    font-size: 14px;
    width: 42vw;
  }
  .bottom-bar h4, .bottom-bar h4 p {
    font-size: 13px;
  }

}