/*
Theme Name: Varazim Teatro | Companhia Certa
Theme URI: https://www.varazimteatro.org
Author: Hugo Carvalho @ Aparo C design studio
Author URI: https://www.aparoc.com
Description: Varazim Teatro | Companhia Certa
Version: 1.0
*/
@charset "UTF-8";
/* CORTINAS */
.cortina_esquerda, .cortina_direita {
  background: -moz-linear-gradient(left, rgba(var(--cor_principal_em_rgb), 1) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 0%, rgba(var(--cor_principal_em_rgb), 1) 50%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(var(--cor_principal_em_rgb), 1)), color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(var(--cor_principal_em_rgb), 1)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(left, rgba(var(--cor_principal_em_rgb), 1) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 0%, rgba(var(--cor_principal_em_rgb), 1) 50%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(left, rgba(var(--cor_principal_em_rgb), 1) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 0%, rgba(var(--cor_principal_em_rgb), 1) 50%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(left, rgba(var(--cor_principal_em_rgb), 1) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 0%, rgba(var(--cor_principal_em_rgb), 1) 50%, rgba(0,0,0,1) 100%);
  background: linear-gradient(to right, rgba(var(--cor_principal_em_rgb), 1) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 0%, rgba(var(--cor_principal_em_rgb), 1) 50%, rgba(0,0,0,1) 100%);
  background-size: 10% 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--cor_principal), endColorstr='#000000', GradientType=1 );
  z-index: 98;
}
/* FIM CORTINAS */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
a {
  color: var(--cor_dos_textos);
  text-decoration: none;
}
h1 {
  font-size: 28px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 14px;
}
hr {
  display: none;
}
li {
  cursor: pointer;
}
li, ul {
  list-style: none;
}
p {
  padding-top: 10px;
  padding-bottom: 10px;
}
body, html {
  font-family: Arial, Verdana, Tahoma, Helvetica, /*tipo_de_letra,*/ sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  max-width: 100% !important;
  padding: 0;
  scroll-behavior: smooth;
  vertical-align: baseline;
  width: 100vw;
}
input {
  font-family: Arial, Verdana, Tahoma, Helvetica, /*tipo_de_letra,*/ sans-serif;
  font-size: 14px;
}
/* Geral */
.viewport {
  display: grid;
  margin-left: 6%;
  margin-right: 6%;
  max-width: 88% !important;
  min-height: 100%;
  min-height: -webkit-fill-available;
  width: 88% !important;
}
.viewport__esquerda, .viewport__direita {
  z-index: 1;
}
.viewport__esquerda {
  align-self: start;
  grid-area: 1 / 1;
}
.viewport__direita {
  align-self: start;
  background: rgba(var(--cor_principal_em_rgb), 0.8);
  grid-area: 1 / 2;
}
.footer {
  align-self: start;
  background-color: black /*var(--cor_principal)*/;
  border-top: 2px solid white;
  color: white;
  font-size: 10px;
  grid-area: 2 / 1;
  line-height: 1.5;
  margin-left: 5%;
  margin-right: 5%;
  min-height: 50px;
  padding: 15px;
  text-align: center;
  width: 90% !important;
  z-index: 2;
}
.footer a {
  color:  white;
}
/* Fim geral */
.palco {
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100vw !important;
  z-index: 10000;
}
.cortina_esquerda, .cortina_direita {
  height: 100%;
  transition: width .7s linear;
  width: 50%;
}
.cortina_esquerda {
  position: absolute;
}
.cortina_direita {
  float: right;
  position: relative;
}
/*
Menú inicial
*/
#hamburger {
  display: none;
}
.menu_inicial {
  display: grid;
  z-index: 1;
}
.fundo_va:hover, .fundo_cc:hover, .fundo_tete:hover, .fundo_festival:hover {
  opacity: .7;
}
@media(hover: hover) and (pointer: fine) {
  .fundo_va:hover, .fundo_cc:hover, .fundo_tete:hover, .fundo_festival:hover {
    opacity: .7;
  }
}
.va, .cc, .tete, .festival {
  cursor: pointer;
  height: 100%;
  padding: 15px;
  width: 100%;
}
.inicio, .ir_para_vt, .ir_para_cc, .ir_para_festival, .ir_para_tete {
  background-color: var(--cor_principal_a_70);
  border-bottom: 2px solid white;
  padding: 6px;
}
.inicio:hover, .ir_para_vt:hover, .ir_para_cc:hover, .ir_para_festival:hover, .ir_para_tete:hover {
  background-color: var(--cor_principal_a_50);
}
@media(hover: hover) and (pointer: fine) {
  .inicio:hover, .ir_para_vt:hover, .ir_para_cc:hover, .ir_para_festival:hover, .ir_para_tete:hover {
    background-color: var(--cor_principal_a_50);
  }
}
.inicio a, .ir_para_vt a, .ir_para_cc a, .ir_para_festival a, .ir_para_tete a {
  display: block;
}
/*
Fim menú inicial
*/
/*
Menú normal
*/
.contentor_menu {
  background: var(--cor_principal_a_90);
  border-bottom: 2px solid white;
  margin-left: 6%;
  margin-right: 6%;
  position: fixed;
  top: 0;
  transition: top 0.5s ease-in-out;
  width: 88%;
  z-index: 999;
}
.contentor_menu_escondido {
   top: -70px;
}
.menu {
  display: grid;
  grid-area: 1 / 1;
  grid-template-columns: 100px repeat(auto-fit, minmax(100px, 1fr));
  height: 35px;
  position: relative;
  width: 100%;
  z-index: 998;
}
.inicio a::before {
  content: "<< ";
}
.pai {
  min-height: 35px;
  text-align: center;
  text-decoration: none;
}
.menu-a-varazim-teatro > li:nth-child(2)::before, .menu-a-companhia-certa > li:nth-child(2)::before, .menu-festival-e-aqui-in-ocio > li:nth-child(2)::before, .menu-temporada-teatral > li:nth-child(2)::before, .menu-destaques > li:nth-child(2)::before {
  color: var(--cor_dos_textos);
  content: "+ ";
}
.menu-a-varazim-teatro > li:nth-child(3)::before, .menu-a-companhia-certa > li:nth-child(3)::before, .menu-festival-e-aqui-in-ocio > li:nth-child(3)::before, .menu-temporada-teatral > li:nth-child(3)::before, .menu-destaques > li:nth-child(3)::before {
  color: var(--cor_dos_textos);
  content: "+ ";
}
.menu-a-varazim-teatro > .cabecalho_pai.activo::before, .menu-a-companhia-certa > .cabecalho_pai.activo::before, .menu-festival-e-aqui-in-ocio > .cabecalho_pai.activo::before, .menu-temporada-teatral > .cabecalho_pai.activo::before, .menu-destaques > .cabecalho_pai.activo::before {
  color: var(--cor_dos_textos);
  content: "- ";
}
.cabecalho_pai {
  background-color: var(--cor_principal); /* var(--cor_secundaria); */
  border-bottom: 2px solid white;
  padding: 6px;
}
.cabecalho_pai:hover {
  background-color: var(--cor_principal_a_70);
}
@media(hover: hover) and (pointer: fine) {
  .cabecalho_pai:hover {
    background-color: var(--cor_principal_a_70);
  }
}
.pai_e_filho {
  background-color: var(--cor_secundaria);
  border-bottom: 2px solid var(--cor_principal);
  margin-left: 2%;
  margin-right: 2%;
  width: 96%;
}
.pai_e_filho:hover {
  background-color: var(--cor_secundaria_a_70);
}
@media(hover: hover) and (pointer: fine) {
  .pai_e_filho:hover {
    background-color: var(--cor_secundaria_a_70);
  }
}
.pai_e_filho a {
  display: block;
  padding: 6px;
}
.cabecalho_pai_e_filho > a::before {
  color: white;
  content: "+ ";
}
.cabecalho_pai_e_filho.activo > a::before {
  color: white;
  content: "- ";
}
.pai_e_filho:hover:first-line {
  color: var(--cor_principal_a_70);
}
.pai_e_filho, .filho {
  display: none;
  position: relative;
}
.filho {
  background-color: var(--cor_principal_a_60);
  border-bottom: 2px solid var(--cor_principal);
  box-shadow: 0 25px 35px rgba(0, 0, 0, 0.5);
  margin-left: 2%;
  margin-right: 2%;
  width: 96%;
  /*padding: 6px;*/
}
.filho:hover {
  background-color: var(--cor_principal_a_80);
  color: var(--cor_secundaria_a_70);
}
@media(hover: hover) and (pointer: fine) {
  .filho:hover {
    background-color: var(--cor_principal_a_80);
    color: var(--cor_secundaria_a_70);
  }
}
.filho:last-child {
  border-bottom: none;
}
.filho a {
  display: block;
  padding: 6px;
}
.filho a::before {
  content: "• ";
}
ul ul ul .filho, ul ul ul ul .filho, ul ul ul ul ul .filho {
  margin-left: 0;
  width: 100%;
}
.activo {
  background-color: var(--cor_secundaria);
  padding-bottom: 7px;
}
.activo:hover {
  background-color: var(--cor_secundaria_a_70);
}
@media(hover: hover) and (pointer: fine) {
  .activo:hover {
    background-color: var(--cor_secundaria_a_70);
  }
}
.activo > ul {
  margin-top: 13px;
  /*transform: translateY(302px);*/
  transition: all 0.5s linear;
}
.activo > ul > li {
  display: block;
  /*transform: translateY(302px);*/
  transition: all 0.5s linear;
}
.sem_filhos ~ .filho:last-child {
  border-bottom: none;
}
/*
FIM Menú normal
*/
/*
Links navegação interna
*/
.links_navegacao_interna {
  display: grid;
  grid-template-columns: 50% 50%;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
  width: 290px;
  z-index: 5;
}
.logo_link_cc_direita {
  background: url(../../uploads/logo_cc_links.svg) no-repeat center;
}
.logo_link_cc_esquerda {
  background: url(../../uploads/logo_cc_links.svg) no-repeat center;
}
.logo_link_criacoes_direita {
  background: url(../../uploads/logo_criacoes_links.svg) no-repeat center;
}
.logo_link_criacoes_esquerda {
  background: url(../../uploads/logo_criacoes_links.svg) no-repeat center;
}
.logo_link_tete_direita {
  background: url(../../uploads/logo_tete_links.svg) no-repeat center;
}
.logo_link_tete_esquerda {
  background: url(../../uploads/logo_tete_links.svg) no-repeat center;
}
.logo_link_vt_direita {
  background: url(../../uploads/logo_vt_links.svg) no-repeat center;
}
.logo_link_vt_esquerda {
  background: url(../../uploads/logo_vt_links.svg) no-repeat center;
}
.logo_link_cc_direita, .logo_link_cc_esquerda, .logo_link_criacoes_direita, .logo_link_criacoes_esquerda, .logo_link_tete_direita, .logo_link_tete_esquerda, .logo_link_vt_direita, .logo_link_vt_esquerda {
  animation: fade_in_out_btn_links 3s infinite normal;
  cursor: pointer;
  display: block;
  height: 105px;
  padding: 10px;
  position: relative;
  width: 139px;
  z-index: 5;
}
.logo_link_cc_direita:hover, .logo_link_cc_esquerda:hover, .logo_link_criacoes_direita:hover, .logo_link_criacoes_esquerda:hover, .logo_link_tete_direita:hover, .logo_link_tete_esquerda:hover, .logo_link_vt_direita:hover, .logo_link_vt_esquerda:hover {
  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
}
@keyframes fade_in_out_btn_links {
    0%{opacity: 0}
    50%{opacity: 1}
    100%{opacity: 0}
}
/*
Fim Links navegação interna
*/
/*
Voltar ao topo
*/
.voltar_ao_topo {
  background: url(../../uploads/icone_para_o_topo.svg) no-repeat center;
  bottom: calc(50vh - 25px);
  display: none;
  height: 50px;
  position: fixed;
  right: 6%;
  width: 40px;
  z-index: 3;
}
/*
Fim Voltar ao topo
*/
/*
Breadcrumbs
*/
.breadcrumb {
  background-color: var(--cor_principal);
  border-bottom: #666666 1px solid;
  color: var(--cor_dos_textos);
  font-size: 9px;
  height: 35px;
  line-height: 35px;
  margin-left: 6%;
  margin-right: 6%;
  padding-left: 5px;
  padding-right: 5px;
  position: fixed;
  top: 35px;
  width: 88%;
  z-index: 998;
}
.breadcrumb div {
  display: inline-block;
  float: left;
}
.breadcrumb div.home {
  background: url(../../uploads/icone_home.svg) no-repeat center;
  background-position: 0 7px;
  display: inline-block;
  height: 35px;
  width:20px;
}
.breadcrumb.a-varazim-teatro div.home {
  background: url(../../uploads/icone_home_b.svg) no-repeat center;
}
/*
Fim Breadcrumbs
*/
/*
Botão Back
*/
.back {
  background: url(../../uploads/icone_back.svg) no-repeat left center;
  background-position: 0px -2px;
  color: var(--cor_dos_textos);
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  width: 80px;
  text-align: right;
  position: absolute;
  right: 1%;
}
.breadcrumb.a-varazim-teatro div.back, .a-varazim-teatro div.back {
  background: url(../../uploads/icone_back_b.svg) no-repeat left center;
}
/*
Fim Back
*/
/*
Grelha
*/
#grelha {
  /*display: none;*/ /*se o lazyloader.js estiver activo*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  /*opacity: 0;*/ /*se o lazyloader.js estiver activo*/
  opacity: 1;
  position: relative;
  width: 90%; /*100%;*/
  z-index: 1;
}
/*
Fim Grelha
*/
/* AGENDA E BILHETEIRA */
#agenda::before {
  content: 'Agenda';
  font-size: 24px;
}
#bilheteira::before {
  content: 'Bilheteira';
  font-size: 24px;
}
#registo_newsletter::before {
  content: 'Newsletter';
  font-size: 24px;
}
.agenda__cabecalho, .bilheteira__cabecalho, .registo_newsletter__cabecalho {
  border-bottom: 2px solid white;
  color: white;
  height: 50px;
  line-height: 46px;
  padding-right: 5px;
  text-align: right;
}
.agenda__cabecalho h1, .bilheteira__cabecalho h1, .registo_newsletter__cabecalho h1 {
  color: white;
}
.agenda__post, .form {
  background-color: var(--cool_gray_7_a_50);
  border: 2px solid var(--cor_dos_cabecalhos_da_agenda);
}
.fundo_elemento {
  width: 100%;
}
.cabecalho_elemento {
  background-color: var(--cor_dos_cabecalhos_da_agenda);
  border-bottom: 2px solid white;
  color: white;
  padding: 5px;
  width: 100%;
}
.cabecalho_datas {
  background-color: var(--cool_gray_7);
  border-bottom: 2px solid white;
  color: white;
  padding: 5px;
  width: 100%;
}
.actividades_de_ferias {
  background-color: #b0c4de;
  color: var(--cor_principal);
}
.CC {
  background-color: #ffebcd;
  color: var(--cor_principal);
}
.Digressao {
  background-color: #eee8aa;
  color: var(--cor_principal);
}
.TETE {
  background-color: #f0f8ff;
  color: var(--cor_principal);
}
.SE {
  background-color: #d8bfd8;
  color: var(--cor_principal);
}
.conteudo_elemento {
  color: var(--cor_principal);
  padding: 15px;
}
.conteudo_elemento:nth-child(even) {
  background-color: var(--cool_gray_7_a_50);
  border-bottom: 1px solid white;
}
.conteudo_elemento:nth-child(even):not(#classificar) {
  border-bottom: none;
}
.conteudo_elemento:nth-child(odd) {
  background-color: var(--sepia_40);
  border-bottom: 1px solid white;
}
a .conteudo_elemento {
  display: block;
  height: 100%;
}
.agenda__eventos, .bilheteira__regras, #form_newsletter {
  color: white;
  padding: 5px;
  padding-top: 15px;
}
/* FIM AGENDA */
/*
POSTS
*/
/*
Selects
*/
select {
  display: none;
}
#escolher_temporada, #escolher_ano_do_festival {
  height: 35px;
  position: relative;
  text-align: center;
  width: 100%;
}
/* setinhas*/
.select_cabecalho:after {
  /* ATENÇÃO, se ordenar alfabéticamente a seta não aparece! */
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  border: 6px solid transparent;
  border-color: white transparent transparent transparent;
}
.select_cabecalho.select_seta_activa:after {
  border-color: transparent transparent white transparent;
  top: 7px;
}
/* fim setinhas */
.select_contentor_items div, .select_cabecalho {
  color: white;
  cursor: pointer;
  padding: 8px 16px;
  user-select: none;
}
.select_contentor_items {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  left: 2%;
  max-height: 155px;
  overflow-y: auto;
  position: absolute;
  right: 0;
  width: 96%;
  z-index: 999;
}
.select_contentor_items div a {
  display: block;
}
.escondido {
  display: none;
}
/*
Fim selects
*/
.uma_coluna {
  column-count: 1;
  margin-left: 6%;
  margin-right: 6%;
  width: 88%;
}
.multi_colunas {
  display: grid;
  grid-column-gap: 1%;
  grid-row-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(var(--percentagem), 1fr));
  width: 100%;
}
/*
.single, .multi {
  background:
      -moz-radial-gradient(0 100%, circle, rgba(var(--cor_principal_em_rgb), 0) 14px, rgba(var(--cor_principal_em_rgb), .8) 15px),
      -moz-radial-gradient(100% 100%, circle, rgba(var(--cor_principal_em_rgb), 0) 14px, rgba(var(--cor_principal_em_rgb), .8) 15px),
      -moz-radial-gradient(100% 0, circle, rgba(var(--cor_principal_em_rgb), 0) 14px, rgba(var(--cor_principal_em_rgb), .8) 15px),
      -moz-radial-gradient(0 0, circle, rgba(var(--cor_principal_em_rgb), 0) 14px, rgba(var(--cor_principal_em_rgb), .8) 15px);
  background:
       -o-radial-gradient(0 100%, circle, rgba(var(--cor_principal_em_rgb), 0) 14px, rgba(var(--cor_principal_em_rgb), .8) 15px),
       -o-radial-gradient(100% 100%, circle, rgba(var(--cor_principal_em_rgb), 0) 14px, rgba(var(--cor_principal_em_rgb), .8) 15px),
       -o-radial-gradient(100% 0, circle, rgba(var(--cor_principal_em_rgb), 0) 14px, rgba(var(--cor_principal_em_rgb), .8) 15px),
       -o-radial-gradient(0 0, circle, rgba(var(--cor_principal_em_rgb), 0) 14px, rgba(var(--cor_principal_em_rgb), .8) 15px);
  background:
       -webkit-radial-gradient(0 100%, circle, rgba(var(--cor_principal_em_rgb), 0) 14px, rgba(var(--cor_principal_em_rgb), .8) 15px),
       -webkit-radial-gradient(100% 100%, circle, rgba(var(--cor_principal_em_rgb), 0) 14px, rgba(var(--cor_principal_em_rgb), .8) 15px),
       -webkit-radial-gradient(100% 0, circle, rgba(var(--cor_principal_em_rgb), 0) 14px, rgba(var(--cor_principal_em_rgb), .8) 15px),
       -webkit-radial-gradient(0 0, circle, rgba(var(--cor_principal_em_rgb), 0) 14px, rgba(var(--cor_principal_em_rgb), .8) 15px);

  background-position: bottom left, bottom right, top right, top left;
  -moz-background-size: 50.01% 50.01%;
  -webkit-background-size: 50.01% 50.01%;
  background-size: 50.01% 50.01%;
  background-repeat: no-repeat;
  margin-right: 1%;
}
*/
#classificar {
  text-align: center;
  width: 100%;
}
#classificar.e_dispositivo_movel_sim {
  text-align: left;
}
#ul_classificar li {
  display: inline-block;
}
#ul_classificar.e_dispositivo_movel_nao {
  line-height: 30px;
}
#ul_classificar.e_dispositivo_movel_sim li {
  display: block;
  min-height: 50px;
}
.entry-header {
  background: -moz-radial-gradient(100% 0, circle, rgba(var(--cor_dos_cabecalhos_em_rgb), 0) 14px, rgba(var(--cor_dos_cabecalhos_em_rgb), 1) 15px),
              -moz-radial-gradient(0 0, circle, rgba(var(--cor_dos_cabecalhos_em_rgb), 0) 14px, rgba(var(--cor_dos_cabecalhos_em_rgb), 1) 15px);
  background: -o-radial-gradient(100% 0, circle, rgba(var(--cor_dos_cabecalhos_em_rgb), 0) 14px, rgba(var(--cor_dos_cabecalhos_em_rgb), 1) 15px),
              -o-radial-gradient(0 0, circle, rgba(var(--cor_dos_cabecalhos_em_rgb), 0) 14px, rgba(var(--cor_dos_cabecalhos_em_rgb), 1) 15px);
  background: -webkit-radial-gradient(100% 0, circle, rgba(var(--cor_dos_cabecalhos_em_rgb), 0) 14px, rgba(var(--cor_dos_cabecalhos_em_rgb), 1) 15px),
              -webkit-radial-gradient(0 0, circle, rgba(var(--cor_dos_cabecalhos_em_rgb), 0) 14px, rgba(var(--cor_dos_cabecalhos_em_rgb), 1) 15px);
  background-position: top right, top left;
  -moz-background-size: 50% 100%;
  -webkit-background-size: 50% 100%;
  background-size: 50% 100%;
  background-repeat: no-repeat;
  border-bottom: 2px solid white;
}
.entry-title {
  color: var(--cor_dos_titulos_dos_cabecalhos);
  padding: 10px;
  text-align: center;
  width: 100%;
}
.entry-content {
  color: var(--cor_dos_textos);
  display: block;
  padding: 15px;
}
.entry-content a, .entry-title a {
  text-decoration: none;
}
figure {
  margin: 0;
  padding: 0;
}
.entry-content img {
  margin-bottom: 10px;
}
.pics, .wp-post-image {
  -webkit-animation: 1s fade_in;
  animation: 1s fade_in;
  background-color: white;
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
  padding: 5px;
  width: auto;
  z-index: 0;
}
.entry-content img {
  max-width: calc(100% + 30px); /* Para evitar o padding do .entry-content */
  min-width: calc(100% + 30px); /* Para evitar o padding do .entry-content */
  margin-bottom: 10px;
  margin-left: -15px; /* Para evitar o padding do .entry-content */
}
.video {
  background-color: white;
  display: block;
  height: auto;
  padding: 5px;
  max-width: 100%;
  z-index: 0;
}
.contentor_video {
  height: 0;
  margin-bottom: 5px;
  overflow: hidden;
  padding-bottom: calc(var(--aspect-ratio, .5625) * 100%);
  position: relative;
}
.contentor_video embed, .contentor_video iframe, .contentor_video object {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.mascara_video {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  display: block;
  padding: 5px;
  table-layout: fixed;
  width: 100%;
}
tbody {
  display: block;
}
table td, table th, table tr {
  padding: 5px;
}
table td {
  display: block;
  float: left;
  width: 33.3%;
}
.cabecalho {
  background-color: var(--cor_principal_a_50);
}
/*
FIM POSTS
*/
.pics_agenda {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
  padding: 15px;
  width: auto;
  z-index: 0;
}
.formulario input[type="email"], .formulario input[type="text"], .form input[type="email"], .form input[type="text"] {
  font-family: Arial, Verdana, Tahoma, Helvetica, /*tipo_de_letra,*/ sans-serif;
  font-size: 16px;
  height: 26px;
  padding: 5px;
  width: 100%;
}
.formulario textarea {
  font-family: Arial, Verdana, Tahoma, Helvetica, /*tipo_de_letra,*/ sans-serif;
  font-size: 16px;
  height: 104px;
  padding: 5px;
  resize: none;
  width: 100%;
}
.formulario input[type="submit"], .form input[type="submit"] {
    border-radius: 8px;
    border: 1px solid green;
    color: green;
    cursor: pointer;
    display: block;
    height: auto;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 8px;
    text-align: center;
    width: 50% !important;

}
.form a {
  color: var(--cor_dos_cabecalhos_da_agenda);
}
.paginacao {
  /*background-color: var(--cor_principal_a_50);*/
  display: block;
  float: left;
  height: 35px;
  padding: 3px;
  position: relative;
  width: 100%;
}
.paginacao li {
  background-color: var(--cor_principal_a_60);
  display: inline-block;
  margin-left: 2px;
  margin-top: 2px;
  min-width: 30px;
  padding: 3px;
  text-align: center;
}
ul#social {
  left: 5%;
  /*list-style: none;*/
  margin: 0 9px;
  overflow: hidden;
  position: fixed;
  top: 90px;
  width: 40px;
  z-index: 1;
}
ul#social li {
  float: left;
  height: 30px;
  margin: 2px;
  text-indent: -9000px;
  width: 30px;
}
ul#social li a {
  background-image: url(../../uploads/icones_social-media.png);
  background-position: top center;
  background-repeat: no-repeat;
  border: 1px solid #fff;
  display: block;
  height: 28px;
  width: 28px;
}
ul#social.a-varazim-teatro li a {
  background-image: url(../../uploads/icones_social-media_b.png);
  background-position: top center;
  background-repeat: no-repeat;
  border: 1px solid #000000;
  display: block;
  height: 28px;
  width: 28px;
}
ul#social li.facebook a {
  background-position: 0 0;
}
ul#social li.instagram a {
  background-position: -53px 0;
}
ul#social li.facebook_messenger {
  border: 1px solid white;
  height: 28px !important;
  width: 28px !important;
}
ul#social li.facebook_messenger > .fb_dialog > .fb_dialog_content > iframe > svg {
  height: 28px !important;
  width: 28px !important;
}
ul#social.a-varazim-teatro li.enviar_pagina a {
  background: url(../../uploads/icone_email_b.svg) no-repeat center;
}
ul#social.a-companhia-certa li.enviar_pagina a {
  background: url(../../uploads/icone_email.svg) no-repeat center;
}
/*
uploads
*/
#TB_window {
  background: red;
  display: block;
  height: 60%;
  left: 10%;
  margin: 20%;
  position: absolute;
  top: 1%;
  width: 60%;
  z-index: 999999999999;
}
#media-upload, #TB_iframeContent {
  height: 100%;
  width: 100%;
}
.botoes_upload {
  background: white url('wp-content/uploads/imagens.svg') center no-repeat;
  border-radius: 8px;
  border: 1px solid var(--cor_principal);
  cursor: pointer;
  font-size: 14px;
  height:25px;
  margin-right: 7px;
  text-align: center;
  text-decoration: none;
  text-shadow:none;
  -webkit-appearance: none;
  width: 100px;
}
/*
FIM uploads
*/

/*
Galerias
*/
.wp-block-gallery {
  column-gap: 5px;
  flex-wrap: wrap; /* para dividir em linhas */
  float: left;
  width: 100%;
}
.wp-block-gallery figure {
  display: inline-block;
}
.columns-2 {
  column-count: 2;
}
.columns-3 {
  column-count: 3;
}
.columns-4 {
  column-count: 4;
}
.columns-5 {
  column-count: 5;
}
.columns-6 {
  column-count: 6;
}
/*
Fim Galerias
*/
/*
Desktop
*/
.contentor_menu {
  margin-bottom: 0;
  margin-top: 0;
}
.breadcrumb {
  margin-top: 0;
}
.breadcrumb.festival-e-aqui-in-ocio, .breadcrumb.temporada-teatral {
  top: 70px;
}
.viewport__esquerda, .viewport__direita {
  margin-top: 72px;
}
.viewport__esquerda.festival-e-aqui-in-ocio, .viewport__direita.festival-e-aqui-in-ocio, .viewport__esquerda.temporada-teatral, .viewport__direita.temporada-teatral {
  margin-top: 105px;
}
.multi, .single {
  margin-top: 20px;
}
.paginacao {
  margin-top: 15px;
}
/*
Fim Desktop
*/
/*
Mobile
*/
.e_dispositivo_movel_sim > #hamburger {
  display: none;
}
.e_dispositivo_movel_sim > .hamburger__hamburger {
  color: white;
  cursor: pointer;
  display: block;
  font-weight: bold;
  margin-left: 2%;
  position: absolute;
  top: -5px;
  z-index: 9999;
}
.a-varazim-teatro.e_dispositivo_movel_sim > .hamburger__hamburger {
  color: #000;
}
.e_dispositivo_movel_sim > .hamburger__hamburger:before {
  content: "\2630";
  font-size: 37px;
}
#hamburger:checked ~ .e_dispositivo_movel_sim > label.hamburger__hamburger:before {
    content:"\00D7";
    font-size: 55px;
    position: relative;
    top: -13px;
}
#hamburger:checked ~ .contentor_menu > .menu {
    height: 75vh;
    overflow-y: auto;
    transform: translateY(302px);
    transition: all 0.5s linear;
}
.e_dispositivo_movel_sim.contentor_menu {
  height: 47px;
}
.e_dispositivo_movel_sim.contentor_menu_escondido {
  top: -80px;
}
.e_dispositivo_movel_sim > .menu {
  display: grid;
  grid-auto-rows: 50px;
  grid-template-columns: 1fr;
  top: -305px;
  transition: all 0.5s linear;
  z-index: 999;
}
.e_dispositivo_movel_sim > .menu > .cabecalho_pai {
  box-shadow: 0 25px 35px rgba(0, 0, 0, 0.5);
}
.e_dispositivo_movel_sim > .menu > .pai, .e_dispositivo_movel_sim > .menu > .pai_e_filho {
  height: 50px;
}
.e_dispositivo_movel_sim > .menu > .pai_e_filho.activo {
  height: auto;
  min-height: 50px;
}
.e_dispositivo_movel_sim.voltar_ao_topo {
  right: 3%;
}
.e_dispositivo_movel_sim.breadcrumb {
  font-size: 7px;
  margin-top: 0;
  top: 47px;
}
 #escolher_temporada.e_dispositivo_movel_sim, #escolher_ano_do_festival.e_dispositivo_movel_sim {
  bottom: 0;
  height: 45px;
  left: 0;
  margin: auto;
  position: absolute;
  right:0;
  text-align: center;
  top: 10px;
  width: 50%;
  z-index: 999;
}
.back.e_dispositivo_movel_sim {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 40px;
  z-index: 9999;
}
ul#social.e_dispositivo_movel_sim {
  bottom: 0;
  height: 30px;
  left: 0;
  margin: auto;
  min-width: 100px;
  overflow: hidden;
  position: relative;
  right: 0;
  top: 7px;
  width: 103px;
  z-index: 9999;
}
.viewport.e_dispositivo_movel_sim {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto auto;
  min-height: 100vh;
  z-index: 1;
}
.e_dispositivo_movel_sim > .viewport__esquerda {
  float: left;
  grid-area: 2/1;
  margin-top: 15px;
  width: 100%;
}
.e_dispositivo_movel_sim > .viewport__esquerda.a-varazim-teatro {
  margin-top: 85px;
}
.e_dispositivo_movel_sim > .viewport__direita {
  grid-area: 1/1;
  margin-top: 82px;
  width: 100%;
}
.e_dispositivo_movel_sim > .multi, .e_dispositivo_movel_sim > .single {
  margin-top: 20px;
}
.e_dispositivo_movel_sim > .viewport__direita > #agenda, .e_dispositivo_movel_sim > .viewport__direita > #grelha {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.e_dispositivo_movel_sim > .viewport__direita > #agenda, .e_dispositivo_movel_sim > .viewport__direita > #bilheteira, .e_dispositivo_movel_sim > .viewport__direita > #registo_newsletter {
  cursor: pointer;
}
.e_dispositivo_movel_sim > .viewport__direita > #agenda::before {
  content: '+ Agenda';
  font-size: 24px;
}
.e_dispositivo_movel_sim > .viewport__direita > #bilheteira::before {
  content: '+ Bilheteira';
  font-size: 24px;
}
.e_dispositivo_movel_sim > .viewport__direita > #registo_newsletter::before {
  content: '+ Newsletter';
  font-size: 24px;
}
.e_dispositivo_movel_sim > .viewport__direita > #agenda.agenda_activa::before {
  content: '- Agenda';
  font-size: 24px;
}
.e_dispositivo_movel_sim > .viewport__direita > #bilheteira.bilheteira_activa::before {
  content: '- Bilheteira';
  font-size: 24px;
}
.e_dispositivo_movel_sim > .viewport__direita > #registo_newsletter.registo_newsletter_activo::before {
  content: '- Newsletter';
  font-size: 24px;
}
.e_dispositivo_movel_sim > .viewport__direita > .agenda__eventos, .e_dispositivo_movel_sim > .viewport__direita > .bilheteira__regras, .e_dispositivo_movel_sim > .viewport__direita > .registos {
  display: none;
}
.e_dispositivo_movel_sim > .viewport__direita > .agenda__eventos.agenda_activa, .e_dispositivo_movel_sim > .viewport__direita > .bilheteira__regras.regras_activas, .e_dispositivo_movel_sim > .viewport__direita > .registos.registo_newsletter_activo {
  -webkit-animation: bounce-in-top 1.1s both;
  animation: bounce-in-top 1.1s both;
  display: block;
}
.e_dispositivo_movel_sim > .paginacao {
  margin-top: 15px;
}
.e_dispositivo_movel_sim > input[type="button"], .e_dispositivo_movel_sim > input[type="submit"], .e_dispositivo_movel_sim > ul {
  line-height: 35px;
  min-height: 50px !important;
}
.e_dispositivo_movel_sim > input[type="text"].icones, .e_dispositivo_movel_sim > input[type="text"].imagens {
  float: left;
  width: calc(100% - 70px);
}
.e_dispositivo_movel_sim.footer {
  grid-area: 3 / 1;
}
/*
Fim Mobile
*/

/*
Animação
*/
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2020-2-8 16:16:23
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation tilt-in-fwd-tl
 * ----------------------------------------
 */
@-webkit-keyframes tilt-in-fwd-tl {
  0% {
    -webkit-transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
            transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-fwd-tl {
  0% {
    -webkit-transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
            transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
/*
Fim Animação
*/
/*
Botões comprar, contactar e enviar ics
*/
.botao.comprar, .botao.WhatsApp, .agenda__links_ics {
  align-items: center;
  background-color: var(--cor_dos_cabecalhos_da_agenda);
  border-radius: 8px;
  border: 1px solid #8795a2;
  color: #fff;
  cursor: pointer;
  display: block;
  height: auto;
  line-height: 20px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding: 8px;
  position: relative;
  text-align: center;
  width: 80% !important;
}
.botao.comprar.agenda {
  border-radius: 0;
  width: 100% !important;
}
.botao.comprar:hover, .botao.comprar.agenda:hover {
  background-color: green;
}
.botao.WhatsApp {
  background: green;
}
.botao.WhatsApp:hover {
  background-color: var(--cor_dos_cabecalhos_da_agenda);
}
.agenda__links_ics {
  background: url('../../uploads/calendarios.svg') center no-repeat;
  background-position: center;
  background-size: 40%;
  border: none;
  max-height: 40px !important;
  min-height: 30px !important;
  position: relative;
}
/*
Fim Botões comprar, contactar e enviar ics
*/
/*
Tooltips
*/
.tooltip, .tooltip_links_internos {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -70px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip::after, .tooltip_links_internos::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltip_links_internos {
  background-color: var(--cor_dos_cabecalhos_da_agenda);
}
.tooltip_links_internos::after {
  border-color: var(--cor_dos_cabecalhos_da_agenda) transparent transparent transparent;
}
.a_link {
  position: relative;
}
.a_link:hover .tooltip, .agenda__links_ics:hover .tooltip, .classificacoes:hover .tooltip, .logo_link_cc_direita:hover .tooltip_links_internos, .logo_link_cc_esquerda:hover .tooltip_links_internos, .logo_link_criacoes_direita:hover .tooltip_links_internos, .logo_link_criacoes_esquerda:hover .tooltip_links_internos, .logo_link_tete_direita:hover .tooltip_links_internos, .logo_link_tete_esquerda:hover .tooltip_links_internos, .logo_link_vt_direita:hover .tooltip_links_internos, .logo_link_vt_esquerda:hover .tooltip_links_internos, .botao:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
/*
Fim Tooltips
*/

/* hacks */
.menu-festival-e-aqui-in-ocio a {
  color: #fff;
}
/*
.a-varazim-teatro h1, .festival-e-aqui-in-ocio h1 {
  color: #000;
}
*/