body {
  color: rgb(100, 120, 131);;
}
.pkp_block {
    padding: 0.5rem 2rem;
}
.pkp_site_name {
    text-align: center;
}

/* .pkp_structure_main .page h1 {
  margin-top: 0;
  display: none;
} */

.pkp_navigation_primary_wrapper {
    padding: 0 2rem;
}

.pkp_structure_page {
  background: center url(https://revista.tcesc.tc.br/public/site/images/gerente-admin/bg-image-pt-br.png);
  background-repeat: no-repeat;
  background-position-y: top;
  background-size: 100% 204px;
}

.pkp_structure_head {
    background: unset;
    background: left url(https://revista.tcesc.tc.br/public/site/images/gerente-admin/homepageimagem-revista.png);
    background-repeat: no-repeat;
}
.pkp_navigation_primary>li>a {
    font-weight: bold;
}
/* .page h2:first-of-type {
  display: none;
} */
@media (min-width: 992px) {
    .pkp_site_name .is_img img {
        max-height: unset;
    }
    .pkp_site_name .is_img img {
        max-height: unset;
        height: 108px;
        margin: -5px 0 20px 0;
    }
    .pkp_brand_footer {
      padding: 2.143rem;
      width: 50%;
  }
}

.acesso-rapido {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(6, 1fr);
    width: 100%;
  }

  .acesso-rapido a {
    display: block;
  }

  .acesso-rapido img {
    width: 100%;
    height: auto;
    display: block;
  }

  .titulo-acesso-rapido {
    background-color: #b6274b;
    color: white;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* Estilo para o topo */
.social-header {
  background-color: #adbcc5; /* Fundo escuro */
  padding: 20px 0;
  text-align: center;
}

/* Div centralizada com 40% da largura */
.social-icons {
  max-width: 33%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* Estilo para os ícones */
.social-icons a img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
  max-width: 30px;
}

.social-icons a img:hover {
  transform: scale(1.2); /* Aumenta o tamanho no hover */
}

.rodape {
  background: center / cover url(https://revista.tcesc.tc.br/public/site/images/gerente-admin/bg-image-pt-br.png);
}

.pkp_structure_footer_wrapper {
  background: #ddd;
  background: center / cover url(https://revista.tcesc.tc.br/public/site/images/gerente-admin/bg-image-pt-br.png);
}

.rodapelogo-container {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.rodapelogo-column {
  flex: 1;
  min-width: 30%; /* Cada coluna ocupa no mínimo 30% */
  max-width: 33%; /* Até 33% para manter 3 colunas */
  text-align: center;
}

.rodapelogo-column img {
  width: 100%;
  height: auto;
  max-width: 200px;
}

.info {
  text-align: center;
  margin: 70px 0 40px 0;
}

.info img {
  max-width: 380px;
}
.page_login .cmp_breadcrumbs {
  display: none;
}

.cmp_breadcrumbs li {
  display: none;
}

.pkp_page_login #login {
  background-color: #8b9ba5;
  margin: 30px auto;
  padding: 15px;
  color: #fff;
  border-radius: 15px;
  width: 550px;
  max-width: none;
}

/*estilização do menu */

/*itens da barra de menu principal*/
.pkp_site_nav_menu, 
.pkp_site_nav_menu .dropdown-menu {
    background-color: #b7274c !important;
}


.pkp_site_nav_menu, 
.pkp_site_nav_menu .dropdown-menu:hover {
    background-color: #b7274c !important;
}


.pkp_site_nav_menu .dropdown-menu li a:hover {
    color: #ffffff !important;
    background-color: #a82648 !important;
}


.pkp_navigation_primary>li>a:focus {
    background-color: #a82648;
}


.pkp_site_nav_menu #navigationUser li a {
    color: #ffffff;

}

.pkp_navigation_search_wrapper a:focus {
  background: rgba(255, 255, 255, 0.664);
  color: #bdc4ce;
  outline: 0;
  text-decoration: none
}

.pkp_navigation_search_wrapper a:hover {
  color: rgb(255 255 255 / 61%);
  outline: 0;
  border-color: rgb(255 255 255 / 73%);
  text-decoration: none
}

.pkp_navigation_user>li>a:focus {
  outline: 0;
  background: rgb(255 255 255 / 77%);
  color: #bdc4ce
}

.pkp_site_nav_menu #navigationPrimary li{
    text-transform: uppercase;
    margin: 0 20px 0 20px;
}


.pkp_site_nav_menu #navigationPrimary li a, 
.pkp_navigation_search_wrapper a{
    color: #ffffff !important; 
}


.pkp_site_nav_menu #navigationPrimary li a:hover, 
.pkp_navigation_search_wrapper a:hover{
    color: #e6b6c2 !important; 
}

.pkp_nav_list ul a:hover,.pkp_nav_list ul a:focus {
  outline: 0;
  background: #ddd;
  border-color: #ffffff;
  color: #edaeae
}

.pkp_navigation_primary .dropdown-menu a:focus,.pkp_navigation_primary .dropdown-menu a:hover {
  border-color: #ffffff
}

/* CUSTOMIZANDO FORMULARIOS DE LOGIN E CADASTRO */

.page_login::before{
  content: "Preencha seu nome de usuário e senha nos campos abaixo.";
  margin-top: 20px !important;
  display: none;
}

/*adcionando frase antes do form 
.page_register::before{
  content: "Para criar sua conta, preencha seus dados no formulário abaixo.";
  margin-top: 20px !important;
  display: block;
 
}*/

/*forms pages login e cadastro*/
#register, .pkp_page_login #login{
  background-color: #647883;
  margin: 30px auto;
  padding: 15px;
  color: #fff;
  border-radius: 15px;
  width: 550px;
  max-width: none;
}

/*reduzindo tamanho vertical do form*/
.pkp_page_login #login div,
#register div{
  padding-bottom: 5px;
}

/* legendas rotulos */
#register .fields .username .label,
#register .fields .label,
.pkp_page_login #login .fields .username .label, 
.pkp_page_login #login .fields .label {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
}

/* campos dos forms */
#register input,
#register select,
.pkp_page_login #login #username, 
.pkp_page_login #login #password {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 10px;
  margin-top: 10px;
  height: 50px;
  background-color: #fefefe;
  border-radius: 3px;
  padding: 0 10px;
  max-width: 100%;
}

/*ocultar titulos de seções acesso e login apenas no form de cadastro*/
#register fieldset.login legend,
#register .fields .username h1 {
  display: none;
  background-color: red !important;
}

/* ocultar edição atual na homepage */
.pkp_page_index .current_issue {  
  display: none;
}

/*links dos forms tipo esqueceu a senha? */
#register a, .pkp_page_login #login a{
  color: #f5fffe;
  display: block;
}

#register fieldset legend{
  text-align: center;
  margin: 0 auto;
  font-size: 20px;
  padding-bottom: 5px;
}

#register .buttons a,
.pkp_page_login #register .login,
#register button, 
#login button {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  padding: 10px 0;
  font-size: 17px;
  cursor: pointer;
}

#register .consent input,
#register .reviewer input{
  height: auto !important;
}

/*link acesso em formato botao */
#register div.buttons a.login{
  background-color: #eee;
  font-weight: 700;
  margin-left: 0;
  color: #44bbf0;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  width: 100%;
  margin: 0;
  font-size: 17px;
  cursor: pointer;
  display: none;
}

/*trocando a cor do esqueci a senha pro usuário ver melhor */
.page_login #login .password a{
  color: orange;
  font-weight: 700;
}

.page_login .cmp_breadcrumbs,
.page_register .cmp_breadcrumbs{
  display: none;
}

/*adcionando frase antes do form */
.page_register::before{
  content: "Para criar sua conta, preencha seus dados no formulário abaixo.";
  margin-top: 20px !important;
  display: none;
 
}

/* estilo do bloco personalizado com borda */
#customblock-informaes .content{
  border: solid 1px #a9acaf;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}

.profile a {
  color: #607D8B !important;
}

.dropdown-menu .profile a {
  color: rgb(255, 255, 255) !important;
}


/*estilo botão serch e outros*/

.page_search .submit button {
  position: relative;
  padding-right: 3.2145rem;
  border-right: none;
  padding-right: 1em;
  padding-left: 3.2145rem;
  border-right: 1px solid rgba(0,0,0,0.4);
  border-left: none
}

.page_search .submit button:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f002";
  position: absolute;
  top: -1px;
  right: 0;
  width: 2.143rem;
  height: 2.143rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  line-height: 2.143rem;
  text-align: center;
  background: #b7274c;
  box-shadow: inset 0 -1em 1em rgba(0,0,0,0.2);
  color: #fff
}

.page_search .submit button:hover:after,.page_search .submit button:focus:after {
  box-shadow: inset 0 1em 1em rgba(0,0,0,0.2);
  background: #a52948
}

.page_search .submit button:after {
  right: auto;
  left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px
}

.page_search .submit button:after {
  right: auto;
  left: 0
}

.cmp_button,.cmp_form .buttons button,.page_lost_password .buttons button,.page_search .submit button,.block_make_submission a {
 
  font-weight: 700;
  color: #b7274c;
  text-decoration:none;
}

.cmp_notification {
  display: block;
  width: 100%;
  padding: 1.43rem;
  margin-bottom: 2.857rem;
  background: #ddd;
  border-left: .357rem solid #b7274c;
  font-size: 1rem;
  line-height: 1.43rem
}

/* Medium screens (3 columns) */
@media (max-width: 1024px) {
    .acesso-rapido {
      grid-template-columns: repeat(3, 1fr);
    }
    .social-icons {
      max-width: 90%;
    }
    .pkp_site_name_wrapper {
      height: 5rem;
    }
    .pkp_site_name .is_img img {
      max-height: 3.8rem;
      margin-top: 5px;
    }
    .pkp_structure_head {
      background: center center url(https://revista.tcesc.tc.br/public/site/images/gerente-admin/bg-image-pt-br.png);
    }
    .rodapelogo-column {
      max-width: 100%;
    }
    .rodapelogo-container {
      display: block;
    }
    .rodapelogo-column img {
      max-width: 200px;
      margin: 20px 0;
  }
}
@media (min-width: 1024px) {
      .rodapelogo-container .rodapelogo-column:first-child {
        text-align: left;
    }
    .rodapelogo-container .rodapelogo-column:last-child {
        text-align: right;
    }
}

@media (min-width: 992px) {

    .pkp_navigation_primary>li>a {
      margin: .357rem .5em 0;
      padding: .357rem .5em calc(.714rem - 2px);
      border-bottom:2px solid transparent;
      color: rgb(255 255 255 / 84%);
      text-decoration: none
    }
    @media (min-width: 992px) {
      .pkp_navigation_primary>li>a:hover {
          border-color: #ffffff;
      }
  }
}

@media (max-width: 1024px) {
  .pkp_structure_page {
    background-size: 100% 140px;
  }
}

@media (max-width: 991px) {
    .pkp_structure_page {
      background: unset;
    }
    .profile a {
      color: #ffffff !important;
    }
    .pkp_nav_list ul a:hover,.pkp_nav_list ul a:focus {
      outline: 0;
      background: #a52948;
      border-color: #ffffff;
      color: #edaeae  
    }

    .pkp_site_nav_menu a:hover,.pkp_site_nav_menu a:focus {
      color: rgba(0,0,0,0.04);
      text-decoration:none;
  }
}

.pkp_page_index .homepage_image img {
  display: none;
  width: 100%;
  height: auto
}