@font-face{
    font-family:'Nexa Heavy';
    src:url(../fonts/NexaHeavy.ttf) format("truetype"),url(../fonts/NexaHeavy.woff2) format("woff2"),url(../fonts/NexaHeavy.woff) format("woff");
    font-weight:900;
    font-style:bold
}

@font-face{
    font-family:'Nexa Light';
    src:url(../fonts/NexaLight.eot);
    src:url(../fonts/NexaLight.eot?#iefix) format("embedded-opentype"),url(../fonts/NexaLight.woff2) format("woff2"),url(../fonts/NexaLight.woff) format("woff"),url(../fonts/NexaLight.ttf) format("truetype");
    font-weight:300;
    font-style:normal
}


.Artigos,.Video{
    min-height:750px
}

.Artigos h2,.Video h2{
    font-size:52px;
    font-family:"Nexa Light","Segoe UI",Arial,sans-serif;
    font-weight:300;
    text-align:center
}

@media (max-width:992px){
    .Artigos h2,.Video h2{
        font-size:32px
    }
}

.Artigos .card-title,.Video .card-title{
    font-weight:700
}
    
.Artigos .wp-block-button__link,
.Video .wp-block-button__link{
    background-color:#313131;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
    box-shadow:0 5px 10px rgba(0,0,0,.2)
}


.banner, 
.banner-text-resize{
    height:75vh;
    max-height:700px;
    position: relative;
    z-index: 900;
}

.banner h1{
    font-size:26px;
    line-height:35px;
    color:#fff;
    font-weight:700
}

@media (max-width:576px){
    .banner-text-resize{
        background: rgb(115,240,241);
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        z-index: 920;
        bottom: 0px;
        position: absolute;
        padding-top: 20%;
        height: 50%;
    }
}

@media (min-width:576px){
    .banner h1{
        font-size:40px;
        line-height:38px
    }
}

@media (min-width:992px){
    .banner h1{
        font-size:48px;
        line-height:46px
    }
}

.banner h1:after{
    content:'';
    display:block;
    width:40px;
    height:6px;
    margin:15px 0;
    background:#73F0F1;
}

.banner p{
    font-size:22px;
    font-weight:lighter;
    color:#fff
}


a,a:hover{
    color:inherit;
    text-decoration:inherit
}

.bg-gray{
    background-color:#E1E1E1;
}


.biografia{
    min-height:370px;
    position: relative;
    margin-top: 110px;
}

.biografia h2,
.trajetoria h2{
    font-size:48px;
    font-family:"Nexa Light","Segoe UI",Arial,sans-serif;
    font-weight:300;
    color: #4E4E4E;
}

.biografia .aspas:after,.biografia .aspas:before{
    font-family: 'Arial Black', Arial,sans-serif;
    font-weight:700;
    font-size:135px;
    position:absolute;
    color:rgba(0, 42, 96, 0.2);
    z-index:-1
}

.biografia .aspas:before{
    top: -90px;
    left:-20px;
    content:'\201C'
}

.biografia .aspas:after{
    right:-20px;
    top:300px;
    content:'\201D'
}

@media (max-width:575px){
    .biografia .aspas:before{
        left:0;
        top:-120px;
    }

    .biografia .aspas:after{
        right:0;
        top:100px
    }
}

@media (min-width:576px) and (max-width:992px){
    .biografia .aspas:before{
        left: -40px;
        top: -120px;
    }

    .biografia .aspas:after{
        right:-50px;
        top:100px
    }
}




.wp-block-button__link{
    border-radius:8px;
    padding:6px 45px;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,.52);
    box-shadow:0 5px 10px rgba(0,0,0,.52)
}

.wp-block-button__link:hover{
    text-decoration:none
}
    
.wp-block-button{
    margin-top:20px
}
    
@media (max-width:992px){
    .wp-block-button{
        text-align:center
    }
}

.up-to-top{
    display:none;
    position:fixed;
    bottom:20px;
    right:30px;
    z-index:99;
    border:none;
    outline:0;
    background-color:#4E4E4E;
    color:#fff;
    cursor:pointer;
    padding:15px;
    border-radius:100px;
    font-size:18px
}

.up-to-top:hover{
    background-color:#555
    }


.card{
    color:#4E4E4E;
    -webkit-transition:.2s;
    transition:.2s;
    max-width:260px;
    text-align: left;
}

.card:hover{
    -webkit-box-shadow:0 8px 21px rgba(0,0,0,.2);
    box-shadow:0 8px 21px rgba(0,0,0,.2);
    -webkit-transition:.5s;
    transition:.5s;
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}

.card img{
    width:320px;
    height:230px;
    -o-object-fit:cover;
    object-fit:cover
}

.card-title{
    font-weight:700
    }
    
    p.card-text{
        font-size:14px
    }


.category-title{
    font-size:52px;
    font-family:"Nexa Light","Segoe UI",Arial,sans-serif;
    font-weight:lighter;
    margin-bottom:50px
}

.category-banner{
    height:255px;
    max-height:255px
}


h1,h2,h3,h4{
    font-family:"Nexa Heavy","Segoe UI",Arial,sans-serif;
    font-weight:900
}

div,p,span{
    font-family:"Segoe UI",Helvetica,sans-serif;
    font-size:18px
}

html{
    font-size:1rem
    }


footer{
    min-height:310px;
    padding-bottom:50px;
    background-color:#313131;
    color: #ffffff;
}

footer h3 {
    font-size: 20px;
}

footer img,footer svg{
    max-width:110px!important;
    margin-bottom:20px
}

footer li,footer p{
    font-size:16px
    }
    
    .menu-primary-container ul{
        padding:0;
    margin:0
}

.menu-primary-container li{
    list-style:none
    }


.wp-block-coblocks-row{
    width:100%
}

.wp-block-coblocks-accordion{
    width:100%;
    max-width:100%!important
}

.wp-block-coblocks-accordion-item summary::-webkit-details-marker{
    display:none
    }
    
    .wp-block-coblocks-accordion-item summary:before{
        content:"\271A";
    position:absolute;
    right:0;
    margin-right:20px
}

.wp-block-coblocks-accordion-item details[open] summary{
    background-color:#002A60;
    color:#fff
}

.wp-block-coblocks-accordion-item details[open] .wp-block-coblocks-accordion-item__content{
    background-color:#E1E1E1
    }
    
    .wp-block-coblocks-accordion-item__title{
        text-align:center
    }
    
    .wp-block-coblocks-social li{
        padding:0 15px
    }
    
    .wp-block-coblocks-social.is-style-mask:not(.has-colors) .wp-block-button__link:not(.has-text-color):hover{
        color:#313131;
        -webkit-transition:.5s;
        transition:.5s;
        -webkit-transform:translateY(-5px);
        transform:translateY(-5px)
}


.livros{
    min-height:690px
}

@media (max-width:992px){
    .livros h4,.livros p{
    text-align:center
}


}

.livros h2{
    font-size:52px;
    font-family:"Nexa Light","Segoe UI",Arial,sans-serif;
    font-weight:300;
    text-align:center
}

.livros h4{
    bottom:20px;
    position:relative
}

.livros .wp-block-coblocks-column:first-child h4:after,.livros .wp-block-coblocks-column:last-child h4:after{
    content:'';
    border-bottom:6px solid #73F0F1;
    width:40px;
    display:block;
    margin:11px 0;
    position:absolute
}

.livros .wp-block-coblocks-column:first-child{
    text-align:right
    }
    
    .livros .wp-block-coblocks-column:first-child h4:after{
        right:0
    }
    
    .livros .wp-block-coblocks-column:last-child{
        text-align:left
    }
    
    .livros .wp-block-coblocks-column:last-child h4:after{
        left:0
    }
    
    @media (max-width:992px){
        .livros .wp-block-coblocks-column:first-child h4:after{
        right:45%
    }
    
    .livros .wp-block-coblocks-column:last-child h4:after{
        left:45%
    }


}

.livros .livros-img{
    max-width:270px
    }
    
    @media (min-width:576px){
        .livros .livros-img{
        max-width:460px
    }


}


.header .navbar-brand img{
    width:135px
}

.header .nav-item a{
    color:#4E4E4E!important;
    position:relative;
    z-index:100;
    font-size: 16px;
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}

.header .nav-item:hover:after{
    width:100%
    }
    
    .header .nav-item:after{
    content:'';
    display:block;
    width:0;
    height:12px;
    background:rgba(0, 42, 96, 0.15);
    -webkit-transition:width .3s;
    transition:width .3s;
    top:-25px;
    position:relative;
    z-index:0
}

.header .header-top{
    border-bottom:1px solid #e7e7e7
    }
    
    .header .header-top div,.header .header-top p{
        font-size:14px;
    color:#4E4E4E
}

.header .header-top i{
    margin-right:5px
    }
    
    .header .header-top .text-muted{
        float:left
    }
    
    .header .header-bottom{
        font-size:18px;
    color:#4E4E4E
}

.header .nav-scroller{
    position:relative;
    z-index:2;
    height:2.75rem;
    overflow-y:hidden
}

.header .nav-scroller .nav{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    padding-bottom:1rem;
    margin-top:-1px;
    overflow-x:auto;
    text-align:center;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch
}

.header .nav-scroller .nav-link{
    padding-top:.75rem;
    padding-bottom:.75rem;
    font-size:.875rem
}


.page-link{
    font-size:18px;
    background-color:#E1E1E1;
    color:#4E4E4E
}

.page-item.active .page-link{
    background-color:#73F0F1;
    border-color:#73F0F1
}


.palestras{
    min-height:690px
}

.palestras h2{
    font-size:52px;
    font-family:"Nexa Light","Segoe UI",Arial,sans-serif;
    font-weight:300;
    text-align:center
}

@media (max-width:992px){
    .palestras h4,.palestras p{
    text-align:center
    }
    
    .palestras h2{
        font-size:32px
    }


}



.sidebar-single{
    border-top:1px solid rgba(78,78,78,.2);
    position:-webkit-sticky;
    position:sticky;
    margin-top:16px;
    top:50px
}

.sidebar-single p{
    font-weight:700;
    font-size:16px
}

.sidebar-img{
    width:110px;
    height:100px;
    -o-object-fit:cover;
    object-fit:cover
}


.siga-banner{
    height:430px
}

.siga{
    min-height:300px
}

.siga h2{
    font-size:52px;
    font-family:"Nexa Light","Segoe UI",Arial,sans-serif;
    font-weight:300;
    text-align:center
}

@media (max-width:992px){
    .siga h2{
    font-size:32px
    }


}

.siga .wp-block-image:hover svg path,.siga .wp-block-image:hover svg rect{
    fill:#73F0F1
    }


.single h1{
    font-family:"Nexa Light","Segoe UI",Arial,sans-serif
}


.social-media{
    border-top:1px solid rgba(78,78,78,.2);
    border-bottom:1px solid rgba(78,78,78,.2)
}


.wp-block-embed-youtube iframe{
    width:100%;
    height:80vh
}


/* Timeline horizontal */
.section-header, .steps-header, .steps-name {
    color: #002A60;
    font-weight: 400;
    font-size: 1.2em;
  }
  
  .steps-header {
    margin-bottom: 20px;
    text-align: center;
  }
  
  .steps-timeline {
    outline: 1px dashed rgba(255, 0, 0, 0);
  }
  @media screen and (max-width: 500px) {
    .steps-timeline {
      border-left: 2px solid #3498db;
      margin-left: 25px;
    }
  }
  @media screen and (min-width: 500px) {
    .steps-timeline {
      border-top: 2px solid rgba(112,112,112,0.4);
      padding-top: 8px;
      margin-top: 40px;
      margin-left: 16.65%;
      margin-right: 16.65%;
    }
  }
  .steps-timeline:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .steps-one,
  .steps-two,
  .steps-three {
    outline: 1px dashed rgba(0, 128, 0, 0);
  }

  @media screen and (max-width: 500px) {
    .steps-one,
    .steps-two,
    .steps-three {
      margin-left: -25px;
    }
  }
  @media screen and (min-width: 500px) {
    .steps-one,
    .steps-two,
    .steps-three {
      float: left;
      width: 33%;
      margin-top: -50px;
    }
  }
  
  @media screen and (max-width: 500px) {
    .steps-one,
    .steps-two {
      padding-bottom: 40px;
    }
  }
  
  @media screen and (min-width: 500px) {
    .steps-one {
      margin-left: -16.65%;
      margin-right: 16.65%;
    }
  }
  
  @media screen and (max-width: 500px) {
    .steps-three {
      margin-bottom: -100%;
    }
  }
  @media screen and (min-width: 500px) {
    .steps-three {
      margin-left: 16.65%;
      margin-right: -16.65%;
    }
  }
  
  .steps-img {
    display: block;
    margin: auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 10px solid white;
  }

@media screen and (max-width: 500px) {
    .steps-img {
        float: left;
        margin-right: 20px;
    }
}

.steps-name{
    margin-top: 20px;
}
  
.steps-description {
    margin: 0;
}
  
  @media screen and (min-width: 500px) {
    .steps-name {
      text-align: center;
    }
  }
  
  .steps-description {
    overflow: hidden;
  }
  @media screen and (min-width: 500px) {
    .steps-description {
      text-align: center;
    }
  }

/* Timeline vertical */
.section-header, .v-steps-header, .v-steps-name {
    color: #002A60;
    font-weight: 400;
    font-size: 1.2em;
  }
  
.v-steps-header {
    margin-bottom: 20px;
    text-align: center;
}
  
.v-steps-timeline {
    outline: 1px dashed rgba(255, 0, 0, 0);
}

.v-steps-timeline:after {
    content: "";
    display: table;
    clear: both;
}

.v-steps-left{
    float: left;
}


.v-steps{
    display: inline-flex;
    margin-bottom: 80px;
}
     
.v-steps-img {
    display: block;
    margin: auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 10px solid white;
}

.v-steps-name{
    font-weight: bold;
    font-size: 26px;
    margin: 0px;
}

.v-steps-sub{
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 8px;
}

.v-steps-right {
    margin-left: 40px;
}
  
.v-steps-description {
    margin: 0;
    font-size: 16px;
}  
  
.v-steps-description {
   overflow: hidden;
}
  

@media screen and (max-width: 500px) {
    .v-steps-img {
        margin-right: 20px;
    }

    .v-steps{
        display: inline-flex;
        left: -35px;
        position: relative;
    }

    .v-steps-timeline {
      border-left: 2px solid #3498db;
      margin-left: 25px;
    }
 
}

@media screen and (min-width: 500px) {
    .v-steps{
      width: 100%;
      margin-left: -35px;
    }


    .v-steps-name {
        text-align: left;
    }

    .v-steps-description {
        text-align: left;
    }

    .v-steps-timeline {
        border-left: 2px solid rgba(112,112,112,0.4);
    }

}


.trajetoria-box {
    max-width: 330px;
    min-height: 385px;
    background: #002A60;
    box-shadow: 8px 14px 11px 0px #0000002e;
    margin: 0 auto;
    border-radius: 2px;

    position: -webkit-sticky;
    position: sticky;

    top: 100px;
}

.trajetoria-box .img {
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    overflow: hidden;
    max-width: 275px;
}

.trajetoria-box .share{
    margin-top: 20px;
    color: #ffffff;
    text-align: center;
}

.trajetoria-box .social-media{
    border: 0px;
    text-align: center;
    padding-top: 10px;
    margin: 0 auto;
}

.trajetoria-box .social-media img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.stuff{
    position: relative;
}

@media (max-width:576px){
    .stuff{
        display: none;
    }
}

.stuff-01{
    left: 0px;
    bottom: 0px;
    position: absolute;
    width: 230px;
    height: 320px;
    border-width: 320px 0 0 220px;
    border-style: solid;
    border-color: transparent transparent transparent #73f1f180;
}

.stuff-02{
    bottom: 0px;
    right: 0px;
    position: absolute;
    width: 230px;
    height: 320px;
    border-width: 320px 250px 0 0;
    border-style: solid;
    border-color: transparent #73f1f180 transparent transparent;
}



.stuff-03{
    left: 0px;
    bottom: 0px;
    position: absolute;
    width: 230px;
    height: 320px;
    border-width: 320px 0 0 220px;
    border-style: solid;
    border-color: transparent transparent transparent #73f1f180;
}

.stuff-04{
    bottom: 0px;
    right: 0px;
    position: absolute;
    width: 230px;
    height: 320px;
    border-width: 320px 250px 0 0;
    border-style: solid;
    border-color: transparent #73f1f180 transparent transparent;
}

@media (max-width: 1380px){
    .stuff-02{
        width: 120px;
        height: 160px;
        border-width: 160px 120px 0 0;
    }
}

@media (max-width: 576px){
    .card {
        margin: 0 auto 10px;
    }
    
    .siga-banner{
        background-position: -400px 0px !important;
    }

    footer {
        text-align: center;
    }

    .trajetoria-box{
        position: relative;
        margin-bottom: 200px;
    }
}