@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;900&display=swap');



:root{

    --amarelo:hsl(45 100% 57%);

    --ciano:hsl(180 100% 38%);

    --pink:hsl(325 62% 77%);

    --azul:hsl(202 100% 36%);

    --cinza:hsl(240 1% 30%);



   --fontPrimary:'Source Sans Pro', sans-serif;

}



body{

    font-family: var(--fontPrimary);

}



.faixa-info-h{

    width: 100%;

    min-height: 2.4rem;    

    background-color: var(--amarelo);

    align-items: center;

    display: flex;

}

.itens-header{

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-weight: 400;

    color:var(--cinza);

}

.redes-sociais {

    display: flex;

}

.redes-sociais a{

    padding:0 0.50rem;

    color:var(--cinza);

    transition: all .3s ease-in-out;

}

.redes-sociais a:hover{

    padding:0 0.50rem;

    color:hsl(240 1% 30% / 63%);

    border-bottom: 0.02rem solid #000;

}



ul#menu-redes-sociais {

    display: inline-flex;

    height: 100%;

    align-items: center;    

    padding-left: 0px;



}

ul#menu-redes-sociais li {

  list-style: none;

}



.navbar-nav > li:nth-child(2) a {

    color: var(--pink)!important;

}

.navbar-nav > li:nth-child(3) a {

    color: var(--azul)!important;

}

.navbar-nav > li:nth-child(4) a {

    color: var(--amarelo)!important;

}

.navbar-nav > li:nth-child(5) a {

    color: var(--ciano)!important;

}

.navbar-nav > li:nth-child(6) a {

    color: var(--cinza)!important;

}

.navbar-nav > li:nth-child(7) a {

    color: var(--pink)!important;

}

.navbar-nav > li:nth-child(8) a {

    color: var(--amarelo)!important;

}

li.nav-item{

    padding-right: 1rem!important;

    padding-left: 1rem!important;

}

/* nav.navbar.navbar-expand-lg.navbar-light{

    background: #fff;

} */

button.btn-repres.btn.btn-outline-warning {

    border-radius: 4rem;

}

span.carousel-control-prev-icon, span.carousel-control-next-icon {

    border: 0.15rem solid #fff;

    padding: 1rem;

    border-radius: 50%;

}

span.carousel-control-prev-icon:hover, span.carousel-control-next-icon:hover {

   background-color: rgba(255, 255, 255, 0.493);

}

.carousel-caption .btn-warning{

    border-radius: 4rem;

} 

/*  */

/* .bg-after {

    content: '';

    width: 100%;

    height: 100%;

    background-color: rgb(0 0 0 / 30%);

    display: block;

    position: absolute;

    top: 0;

    transition: all 0.5s ease-in-out;

} */



.carousel-caption.d-none.d-md-block {

    z-index: 1;

}





.cards-apostila .card, .cards-apostila .card-header {

    border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0 !important;

}

.cards-apostila .card{

   box-shadow: 2px 2px 6px hsl(0deg 0% 0% / 17%); 

}



.cards-apostila .col:nth-child(1) .card-header{

    background-color: var(--ciano);

}

.cards-apostila .col:nth-child(2) .card-header{

    background-color: var(--pink);

}

.cards-apostila .col:nth-child(3) .card-header{

    background-color: var(--azul);

}

.cards-apostila .col:nth-child(4) .card-header{

    background-color: var(--amarelo);

}

.cards-apostila .col:nth-child(5) .card-header{

    background-color: var(--cinza);

}

.cards-apostila .col:nth-child(6) .card-header{

    background-color: var(--ciano);

}

.cards-apostila .btn-dark {  

    border-radius: 4rem;

    display:flex;

    margin: 0 auto;

    outline: none;

}

.cards-apostila button a{

    text-decoration: none;

    color: #fff;

    padding:0 .50rem;

}

.cards-apostila .btn-dark {  

    background-color: #4a4a4c;

    border-color: #4a4a4c;

}

.cards-apostila .btn-dark:hover {  

    background-color: #212529;

    border-color: #212529;

}

.fw-bold-6 {

    font-weight: 600;

}

.footer-info{

    background-color:var(--amarelo);

    min-height:5rem;

}

.footer-copy{

    background-color:var(--cinza);

    min-height:2rem;

}

.arrow-back-top{

    position: fixed;

    margin: 0 0 0 -100px;

    top: 90%;

    left: 100%;   

    cursor: pointer;

    padding: 2px 6px;  

    overflow: hidden;

    display:none;

    transition: all .3s linear;

}

.arrow-back-top img{

    background-color:hsl(45 100% 57% / 0.3);

    padding: .50rem;

    border-radius: 50%; 

    transition: all .3s linear;

    animation: foguete 1s infinite alternate;

}

.arrow-back-top img:hover{

    background-color: hsl(45 100% 57%);      

}



.title-post-single {

    margin-top: 1rem;

    padding: 1rem;

    /* background: #ffc723;     */

}

.wp-block-columns {

    margin-bottom: 0!important;   

}

.wp-block-columns.info-footer-2 ul li {

    color: #fff;

    list-style: none;

}

.wp-block-columns.info-footer-2 ul li a {

   color: #fff;

   text-decoration: none;

   transition:all .3s linear;

}

.wp-block-columns.info-footer-2 ul li a:hover {  

    text-decoration: underline;

 }

 .footer-copy .wp-block-columns{

    text-align: center;

 }

 .cards-apostila a{

    text-decoration: none;

 }

 .modal-representante .modal-header, .input-group-text{

    background-color: var(--amarelo)!important;

    color: #fff;

}

.input-group-text{

    padding:0!important;

}

.input-group-text i{

    color: #fff;

    padding:0 0.50rem;

}

.wpcf7-form-control-wrap {  

    width: 84%;

}

span.wpcf7-form-control-wrap.nome,span.wpcf7-form-control-wrap.email, span.wpcf7-form-control-wrap.textarea {

    width: 92%;

}



.input-group .input-group-text{

    max-height: 2.4rem!important;

}

.img-header-page h3 {

    position: absolute;

    top: 3rem;

}

.img-header-page {

    position: relative;

    display: flex;

    justify-content: center;  

    background: #000;

}

.bg-img{

    content: '';

    width: 100%;

    height: 100%;

    background-color: rgb(0 0 0 / 40%);

    display: block;

    position: absolute;

    top: 0;

    transition: all 0.5s ease-in-out;

}

/* Formatação para blog */

.header-blog{

    background-color:var(--cinza);

    height: 7rem;    

}

a.card, a.card-body, a.card-footer, a.card-meta{

    color:inherit;

}



span.page-numbers.current {

    background: #ffc824;

    padding: 0 0.35rem;

    color: #fff;

    font-weight: 700;

}

.paginacao a {

    color: #00c4c3;

    text-decoration: none;

}

.row.general-template h6 a {

    color: #ffc824;

}

.general-template a:hover {

    color: #00c4c3!important;      

}

@keyframes foguete {

    from {

      transform: translateY(20px);

    }

    to {

      transform: translateY(30);

    }

  }



@media (max-width: 599px){

    .wp-block-column {

        flex-basis: auto!important;

    }

    .blocks-gallery-grid, .wp-block-gallery{

        flex-wrap: initial!important;

    }

}

/* Media Queries */

@media(max-width:768px){

    .info-contato-h {

        /* border-right: 0.05rem solid hsl(240 1% 30% / 15%); */

        font-size: 0.8rem;

        display:grid;

        padding-bottom: 0.50rem;

        font-weight: 600;

    }

    .carousel-caption{

      right:0!important;

      left: 0!important;

      padding-bottom: 0.25rem!important;

    }

    .wp-block-column.is-vertically-aligned-center{

        width: auto!important;

    }

    .wpcf7-form-control-wrap {  

        width: auto;

    }

    span.wpcf7-form-control-wrap.nome,span.wpcf7-form-control-wrap.email, span.wpcf7-form-control-wrap.textarea {

        width: auto;

    }

    .input-group {      

        flex-wrap: initial!important; 

    }

    .img-header-page h3 {       

        top: 1rem;

    }

}

@media (min-width: 1400px){

    .container{

        max-width: 1140px!important;

    }

}

@media (min-width: 992px){

    .navbar-expand-lg .navbar-collapse {   

        justify-content: center;

    }    

}

@media (max-width: 992px){   

    .img-header-page h3 {      

      

        top: calc(var(--bs-gutter-y) * -1);

    }

}