/*---------------------------------------------------------------------------------------------------------------------
=COR
-----------------------------------------------------------------------------------------------------------------------
definições de cores das pró reitorias
----------------------------------------------------------------------------------------------------------------------*/
:root {
    --padrao_ufpr: #273272; /*Azul menu superior e menu lateral*/
    --proreitoria-color: #858585;
    /*--proreitoria-color: #ef4123;*/ /*Pró-Reitoria de Aministração - PRA*/
    /*--proreitoria-color: #a694c6;*/ /*Pró-Reitoria de Assuntos Estudantis - PRAE*/
    /*--proreitoria-color: #d5316f;*/ /*Pró-Reitoria de Extesão e Cultura - PROEC*/
    /*--proreitoria-color: #19592f;*/ /*Pró-Reitoria de Gestão de Pesooas - PROGEPE*/
    /*--proreitoria-color: #1d51a4;*/ /*Pró-Reitoria de Graduação e Educação Profissional - PROGRAD*/
    /*--proreitoria-color: #009277;*/ /*Pró-Reitoria de Pesquisa e Pós-graduação - PRPPG*/
    /*--proreitoria-color: #ffd500;*/ /*Pró-Reitoria de Planejamento, Orçamento e Finanças - PRPPG*/
  
}
  
.bg-primary{
    /* A cor de background do header é obtida no functions.php. Obtém a cor personalizada do Customizer */
}
  
/*---------------------------------------------------------------------------------------------------------------------
=Global 
-----------------------------------------------------------------------------------------------------------------------
definições  de estilo da página. Corpo da pagina, estilo padrão para parágrafos, listas, etc.
.......................................................................................................................*/
  
body {    
    margin: 0 !important;
    padding: 0 !important;
}

html {
  scroll-padding-top: 350px; /* Ajuste este valor conforme a altura do seu menu sticky */
}

  
  
.container{
    max-width: 1300px !important;
}
  
.navbar {
    width: 100%;
}

/*----------
 início - body - elementos da página
----------*/ 
.container_destaques{
    display: flex;
  }
  
  .container-fluid{
    padding-right: 0px;
    padding-left: 0px;
    /*margin-left: 8%;
    margin-right: 8%;*/
  }
  
  .container_title {
    border-bottom: 1px solid;
    border-color: #c7c7c7;
    margin-bottom: 0.5em;
  }
  
  .container_title h3{
    color: var(--padrao_ufpr);
    font-family: "Open Sans", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25em;
    margin-bottom: 0.10em;
    text-transform: uppercase;
  }
  
  .carousel-control-next, .carousel-control-prev {
    width: 5%;
    opacity: 80%;
  }
  /*----------
   fim - body - elementos da página
  ----------*/ 


/*----------
 início - efeito de trasição de páginas 
----------*/ 
@keyframes pageFadeIn {
    from { opacity:0; }
    to { opacity:1; }
  }
  
  body {
    opacity:0;
    animation:pageFadeIn ease-in 1;
    animation-fill-mode:forwards;
    animation-duration:0.10s;
    animation-delay: .1s
  }
  /*----------
   fim - efeito de trasição de páginas 
  ----------*/   
  
a {
    text-decoration: none !important;
}
  
  
/*---------------------------------------------------------------------------------------------------------------------
=Divider
-----------------------------------------------------------------------------------------------------------------------
espaçamento entre elementos da página.
.......................................................................................................................*/
.divider_default {
    background-color: none;
    width: 100%;
    height: 4rem;
    /* 
    divider - espaço entre os elementos da página */
}
  
.divider_servicos {
    background-color: none;
    width: 100%;
    height: 3rem;
    /* 
    divider - espaço entre os elementos da barra de serviços */
} 
  
.divider_2 {
    background-color: var(--proreitoria-color);
    width: 100%;
    height: 0rem;
    /* 
    divider - espaço entre os elementos da barra de serviços */
}
  
.divider_eventos {
    background-color: none;
    width: 100%;
    height: 1rem;
    /* 
    divider - espaço entre os elementos do calendário de eventos */
} 

#divider-inicio-anchor{
    scroll-margin-top: 300px;
  }
  
#divider_acessibilidade {
  max-width: 100%;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #4e4e4e;
  border-left: 0;
  margin: 1.25rem 0rem;
  clear: both;
}

#callout_acessibilidade {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  position: relative;
  color: #0a0a0a;
  background-color: #ebebeb;
}

.external-link {
  word-break: break-all; /* Quebra palavras longas e URLs longas */
}


/*----------
 Accordion - template padrão para pagina de comunicação 
 ----------*/
 .wp-block-details summary{
  display: flex;
  justify-content: space-between;
  padding: 30px 0px;
  border-bottom: 1px solid #e0e0e0;
  font-family: Raleway, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none solid #212529;
  text-align: left;
  word-spacing: 0px;
  color:  #212529;
  padding: 30px 0px;
}

.wp-block-details[open] summary{
  margin-bottom: 15px;
}

.wp-block-details summary::after{
  font-family: "FontAwesome";  
  content: "\f078";
  font-size: 16px;
}

.wp-block-details[open] summary::after {
  transform: rotate(180deg);
}

.wp-block-details  p{
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24.75px;
  text-decoration: none solid #212529;
  text-align: left;
  word-spacing: 0px;
  color: #212529;
}

#editor > div.edit-post-layout.is-mode-visual.has-metaboxes.interface-interface-skeleton > div > div.interface-interface-skeleton__body > div.interface-navigable-region.interface-interface-skeleton__content > div.edit-post-visual-editor.has-inline-canvas > div > div.editor-styles-wrapper.block-editor-writing-flow > div.is-root-container.is-desktop-preview.is-layout-flow.wp-block-post-content.block-editor-block-list__layout > details.block-editor-block-list__block.wp-block.is-selected.wp-block-details.block-editor-block-list__layout.is-layout-flow.wp-block-details-is-layout-flow summary{
  display: flex;
  justify-content: space-between;
  padding: 30px 0px;
  border-bottom: 1px solid #e0e0e0;
  font-family: Raleway, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none solid #212529;
  text-align: left;
  word-spacing: 0px;
  color:  #212529;
  padding: 30px 0px;
}

/*----------
 fim - template padrão para pagina de comunicação - page_template_comunicacao.php
 ----------*/


/*----------
Início - Tamanho do modal da galeria
----------*/
.modal-dialog {
  max-width: 1000px; /* Aumente esse valor conforme necessário */
  min-height: 850px;
}
/*----------
Fim - Tamanho do modal da galeria
----------*/

/*Espaçamento do aioseo breadcrumbs*/
.aioseo-breadcrumbs{
  margin-bottom: 30px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
}


/*---------------------------------------------------------------------------------------------------------------------
=RESPONSIVO
-----------------------------------------------------------------------------------------------------------------------
definições para dispositiovos mobile e telas de menor resolução
----------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 450px){
    .divider_default {
      height: 3rem;
    }
}