@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Oswald:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap');

:root{

    --Montserrat : 'Montserrat';

    --Oswald: 'Oswald';

    --Lato: 'Lato';

    --Josefin: 'Josefin Sans';

}

*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

body, html{

    background-color: #fefae0;

    overflow-x: hidden;

}



/*     Accessibility Navbar      */

.accessibility .nav-link:hover{

    text-decoration: underline;

}

.accessibility{

    background-color: rgb(17, 17, 17);



}

.accessibility .command{

    font-family: var(--Montserrat);

    font-size: 11px;

}

.accessibility .command a{

    color: #fff;

}

/*    Navbar      */

.navbar-toggler{

    color: #fff;

}

.cvbrhs-links{

    background-color: #283618;

}

.cvbrhs-links .nav-link, .cvbrhs-links .navbar-brand {

    color: #fff;

    letter-spacing: 0.5px;

    font-weight: 500;

    font-family: var(--Montserrat);

    font-size: 12px;

}

.cvbrhs-links .nav-link:hover{

    color: #fff;

    text-decoration: underline;

}

/* Banner */

.new-banner{

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

    background-image: url("../images/newBg.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    color: #fff;

    font-family: var(--Josefin);

    text-align: center;

}

.new-banner h1{

    padding-top: 100px;

}

.tema{

    padding: 8%;

}

.tema h1, .tema h2{

    font-family: var(--Josefin);

    font-weight: 600;

    line-height: 1.5;

}

.tema h1, .tema-slider h1{

    position: relative;

    padding-bottom: 10px;

    font-family: var(--Josefin)!important;

}

.contrast .new-banner path{

    fill: #000;

}

.contrast .apoio{

    border: 1px solid #fff;

}

.contrast .new-banner{

    border: 1px solid #fff;

}

.tema h1::after, .tema-slider h1::after {

    content: " ";

    position: absolute;

    display: block;

    left: 40%;

    bottom: 0;

    width: 20%;

    height: 4px;

    background-color: #fc301d;

    border-radius: 4px;

}

.banner{

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

    background-image: url("../images/bg.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 80vh;

    border-radius: 10px;

    color: #fff;

    text-align: center;

}

.countdown{

    display: flex;

    align-items: center;

    justify-content: center;

}

.time h2{

    font-size: 22px;

}

.time small{

    font-size: 14px;

}

@media screen and (min-width: 321px) and (max-width: 411px){

    .time h2{

        font-size: 18px;

    }

}

@media screen and (max-width: 320px) {

    .time h2{

        font-size: 16px;

    }

    .time small{

        font-size: 12px;

    }

}

.time{

    display: flex;

    align-items: center;

    flex-direction: column;

    font-family: var(--Montserrat);

    justify-content: center;

    margin: 15px;

    text-shadow: 2px 2px 4px #455e49;

}



.banner .title{

    font-size: min(24px, 3.4vw);

    font-family: var(--Montserrat);

    font-weight: 900;

    text-shadow: 2px 2px 4px #455e49;

    letter-spacing: 2px;

    line-height: 1.5;

}

.banner .subtitle{

    font-weight: 700;

    font-size: min(22px, 4vw);

    font-family: var(--Montserrat);

}

.banner .btn-dark{

    font-size: 16px;

    background-color: #bc6c25;

    border-color: #bc6c25;

    font-family: var(--Montserrat);

    font-weight: 900;

}

.banner .btn-dark:hover{

    background-color: #d6863f;

    border-color: #d6863f;

}



/* Sobre */

.aviso{

    padding: 8%;

    background-color: #606c38;

    color: #fff;

}

.aviso h3{

    font-weight: 600;

    font-family: var(--Montserrat);

}

.aviso h4{

    font-family: var(--Lato);

}

.aviso h4 a{

    color: #fff;

}

.sobre-1{

    font-family: var(--Montserrat);

    line-height: 1.8;

    color: rgb(38, 38, 38);

}

.sobre h3{

    font-weight: 900;

}

.sobre p{

    font-weight: 500;

}

.sobre .btn-primary{

    font-size: 16px;

    background-color: #bc6c25;

    border-color: #bc6c25;

    font-weight: 900;

}



.sobre .btn-primary:hover{

    background-color: #d6863f;

    border-color: #d6863f;

}





/* Apoio Institucional*/



.prog-slider .items {

    align-items: center;

    justify-content: center;

    display: flex;

    background-color: #fff;

    box-shadow: 0 4px 5px #3b3c3b;

    border-radius: 8px;

    padding: 5px;

    margin: 15px;

}

.prog-items .items{

    margin: 5px;

    padding: 0px;

}

.prog-items .items img{

    width: 70%;

}

.items:hover {

    align-items: center;

    justify-content: center;

    transition: all ease 0.3s;

    transform: scale(1.1) translateY(-5px);

}

.items img{

    width: 60%;

}

.prog-slider{

    margin-top:30px;

}

.apoio{

    background-color: #606c38;

}

.apoio h1{

    font-size: 28px;

    font-family: var(--Montserrat);

    font-weight: 900;

    color: #fefae0;

    text-shadow: 2px 2px 4px #455e49;

    letter-spacing: 2px;

    line-height: 1.5;

    padding-top: 40px;

}



/* Apoio Institucional*/



.org-slider .items {

    align-items: center;

    justify-content: center;

    display: flex;

    background-color: #fff;

    box-shadow: 0 4px 5px #3b3c3b;

    border-radius: 8px;

    padding: 5px;

    margin: 15px;

}

.org-items .items{

    padding: 0px;

    margin: 2px;

}

.org-slider .items:hover {

    align-items: center;

    justify-content: center;

    transition: all ease 0.3s;

    transform: scale(1.1) translateY(-5px);

}

.org-slider .items img{

    width: 90%;

}

.prog-slider{

    margin-top:30px;

}

.org h1{

    font-size: 28px;

    font-family: var(--Montserrat);

    font-weight: 900;

    color: #000;

    letter-spacing: 2px;

    line-height: 1.5;

    padding-top: 40px;

}





/* Programação */

.event-slider .card{

    margin: 20px;

    background-color: #fff;

    box-shadow: 0px 1px 0px 0px  #cacaca;

}

.event-items .card{

    margin: 10px;

}

.prog-text{

    font-family: var(--Montserrat);

    font-weight: 900;

}

.event-slider .card-title{

    font-size: 16px;

    font-weight: 900;

    font-family: var(--Montserrat);

}

.event-slider .card-text{

    font-family: var(--Montserrat);

}

.event-slider .slick-next::before,.event-slider .slick-prev::before{

    color: #606c38;

    font-size: 24px;

}

.card:hover {

    transition: all ease 0.3s;

    transform: scale(1.1) translateY(-3px);

}

.event-slider .col-md-8{

    padding-top: 15px;

}

.event-items .col-md-8{

    padding-top: 0px;

}



/* Footer */





.footer{

    padding: 30px 0;

    background: #3b3c3b;

}

.footer .social{

    text-align: center;

    padding-bottom: 25px;

    color: #fff;

}

.footer .social a{

    font-size: 22px;

    color: inherit;

    border: 1px solid #fff;

    width: 40px;

    height: 40px;

    line-height: 38px;

    display: inline-block;

    text-align: center;

    border-radius: 50%;

    margin: 0 8px;

}

.footer .social a:hover{

    color: #a9ba70;

    border: 1px solid #a9ba70;

}

.footer ul{

    color: #fff;

    margin-top: 0;

    padding: 0;

    list-style: none;

    font-size: 18px;

    line-height: 1.6;

    margin-bottom: 0;

    text-align: center;

}

.footer ul li a{

    font-size: 20px;

    letter-spacing: 1px;

    font-family: var(--Oswald);

    color: inherit;

    text-decoration: none;

    opacity: 0.8;

}

.footer ul li{

    display: inline-block;

    padding: 0 15px;

}

.footer ul li a:hover{

    opacity: 1;

}

.footer .copyright{

    font-size: 14px;

    margin-top: 40px;

    text-align: center;

    color: rgb(182, 182, 182);

    font-family: var(--Montserrat);

}





/* INFO */

.banner-jumbotron{

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

    background-image: url("../images/bg.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 60vh;

    border-radius: 10px;

    color: #fff;

    text-align: center;

}

.banner-jumbotron .subtitle{

    font-size: min(20px, 3.6vw);

    font-family: var(--Montserrat);

}

.event .event-text h4{

    font-size: min(20px, 5.8vw);

    font-family: var(--Montserrat);

}

.event .event-text h6{

    font-family: var(--Montserrat);

    font-size: 14px;

}

.event .link{

    font-family: var(--Montserrat);

}

.banner-jumbotron .title{

    font-size: min(38px, 4.5vw);

    font-weight: 800;

    font-family: var(--Montserrat);

}

.info h3{

    font-weight: 900;

    font-family: var(--Montserrat);

}

.info h4{

    font-weight: 900;

    font-family: var(--Montserrat);

}

.info p{

    font-family: var(--Montserrat);

}

.comite{

    text-align: justify;

}

.info-text{

    text-align: justify;

}

/*Incrição*/



.hide {

    display: none;

}

.error {

    display: block;

}

.inscricao h4{

    font-weight: 900;

    font-family: var(--Montserrat);

}

.inscricao h5{

    font-weight: 900;

    font-size: 20px;

    font-family: var(--Montserrat);

}

.inscricao p{

    font-family: var(--Montserrat);

    font-size: 16px;

    text-align: justify;

}

.inscricao label, .inscricao input, .inscricao select{

    font-family: var(--Montserrat);

    font-size: 16px;

}

.inscricao label{

    font-weight: 900;

}

/* Contato */

.contato{

    font-family: var(--Montserrat);

}

.contato h4{

    font-weight: 900;

    font-family: var(--Montserrat);

}

/* Termos de Condição */

.termos h4{

    font-weight: 900;

    font-family: var(--Montserrat);

}

.termos p{

    text-align: justify;

    font-family: var(--Montserrat);

}

/*Programacao */

#schedule {

    padding: 60px 0 60px 0;

    font-family: var(--Montserrat);

  }

  

  #schedule .nav-tabs {

    text-align: center;

    margin: auto;

    display: block;

    border-bottom: 0;

    margin-bottom: 30px;

  }

  

  #schedule .nav-tabs li {

    display: inline-block;

    margin-bottom: 0;

  }

  

  #schedule .nav-tabs a {

    border: none;

    border-radius: 50px;

    font-weight: 600;

    background-color: #d6863f;

    color: #fff;

    padding: 10px 100px;

  }

  

  #schedule .nav-tabs a.active {

    background-color: #606c38;

    color: #fff;

  }

  

  #schedule .sub-heading {

    text-align: center;

    font-size: 18px;

    font-style: italic;

    margin: 0 auto 30px auto;

  }

  

  #schedule .tab-pane {

    transition: ease-in-out .2s;

  }

  #schedule .tab-pane a {

    text-decoration: none;

  }

  #schedule .schedule-item {

    border-bottom: 1px solid #cad4f6;

    padding-top: 15px;

    padding-bottom: 15px;

    transition: background-color ease-in-out 0.3s;

  }

  

  #schedule .schedule-item:hover {

    background-color: #fff;

  }

  

  #schedule .schedule-item time {

    color: #1a1a1a;

    padding-bottom: 5px;

    display: inline-block;

  }

  

  #schedule .schedule-item .speaker {

    width: 60px;

    height: 60px;

    overflow: hidden;

    border-radius: 50%;

    float: left;

    margin: 0 10px 10px 0;

  }

  

  #schedule .schedule-item .speaker img {

    height: 100%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-left: 50%;

    transition: all ease-in-out 0.3s;

  }

  

  #schedule .schedule-item h4 {

    font-size: 18px;

    color: #1a1a1a;

    font-weight: 600;

    margin-bottom: 5px;

  }

  

  #schedule .schedule-item h4 span {

    font-style: italic;

    color: #1a1a1a;

    font-weight: normal;

    font-size: 16px;

  }

  

  #schedule .schedule-item p {

    font-style: italic;

    color: #1a1a1a;

    margin-bottom: 0;

  }

  



  /* Publicações */

  .publicacao{

    text-align: justify;

  }

  .publicacao h4{

    font-weight: bold;

    font-family: var(--Montserrat);

  }

  .publicacao p{

      text-align: justify;

      font-family: var(--Montserrat);

  }

  .publicacao a{

      font-size: 16px;

      font-weight: bold;

      font-family: var(--Montserrat);

  }

  .publicacao h5{

    font-weight: bold;

    text-align: justify;

      font-family: var(--Montserrat);

  }

/* Submissão */

table, th, td, tr, thead {

    width: 40%;

    border: 1px solid #3b3c3b;

    margin: auto;

    table-layout: fixed;

    border-collapse: collapse;

}

.table td, .table th{

    border: 1px solid #3b3c3b;

    padding: 12px 15px;

    text-align: center;

}

.table thead tr th{

    border: 1px solid #3b3c3b;

}

td{

    font-weight: 600;

}

@media(max-width: 500px){

    .table thead{

        display: none;

    }

    .table, .table tbody, .table tr, .table td{

        display: block;

        width: 100%;

    }

    .table td{

        text-align: center;

        position: relative;

    }

}

.table-responsive{

    margin-top:40px;

}

.speaker-event-cover{

    width: 100px;

    height: 100px;

    -webkit-border-radius: 100px;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 100px;

    -moz-background-clip: padding;

    border-radius: 100px;

    background-clip: padding-box;

    margin: 7px 0 0 5px;

    float: left;

    background-size: cover;

    background-position: center center;

}

.................................................................................................... */

/* ALTO CONTRASTE */

.contrast,

.contrast nav,

.contrast div,

.contrast li,

.contrast ol,

.contrast header,

.contrast footer,

.contrast section,

.contrast main,

.contrast aside,

.contrast article {

    background: black !important;

    color: white !important;

}



.contrast h1,

.contrast h2,

.contrast h3,

.contrast h4,

.contrast h5,

.contrast h6,

.contrast p,

.contrast label,

.contrast strong,

.contrast em,

.contrast cite,

.contrast q,

.contrast i,

.contrast b,

.contrast u,

.contrast span {

    color: white !important;

}

.contrast .event-slider .slick-next::before,.contrast .event-slider .slick-prev::before{

    color: white !important;

    font-size: 24px;

}

.contrast a{

    color: yellow !important;

}

.contrast .card{

    border: 2px solid #fff!important;

}

.contrast .prog-slider .items{

    background-color: #fff!important;

    border: 1px solid #fff!important;

}

.contrast .org-slider .items{

    background-color: #fff!important;

    border: 1px solid #fff!important;

}

.contrast .jumbotron{

    border: 1px solid #fff!important;

}

.contrast .content .content-body{

    border: 1px solid #fff!important;

}

.contrast .footer{

    border: 1px solid #fff!important;

}

.contrast .wrapper{

    border: 1px solid #fff;

}

.contrast .buttons .item{

    border: 1px solid yellow!important;

}

.contrast .content-container{

    border: 1px solid #fff;

}

.contrast .content-container .btn-primary{

    border: 1px solid yellow!important;

}

.contrast .cvbrhs-links{

    border: 1px solid #fff;

}

.contrast .cvbrhs-links .btn-outline-light:hover{

    font-weight: bolder;

    background-color: black;

    text-decoration: underline;

}

.contrast .dropdown-menu{

    border: 1px solid #fff;

}

.contrast .cvbrhs-links .dropdown-divider{

    border: 1px solid #fff!important;

}

.contrast .cvbrhs-links .dropdown-item:hover{

    font-weight: bolder;

    background-color: black;

    text-decoration: underline;

}

.contrast .perfil .mini-perfil-color{

    border: 1px solid #fff!important;

}

.contrast .perfil .mini-perfil{

    border: 1px solid #fff!important;

}

.contrast button,

.contrast input[type=button],

.contrast input[type=reset],

.contrast input[type=submit] {

    background: black !important;

    color: yellow !important;

    border: none !important;

}

.contrast .perfil .mini-perfil-color a, .contrast .perfil .mini-perfil a{

    text-decoration: none;

}

.contrast .perfil .mini-perfil-color a:hover,.contrast .perfil .mini-perfil a:hover{

    text-decoration: underline;

}

.contrast .social a:hover{

    border: 1px solid yellow!important;

    color: yellow!important;

}

.contrast .social i:hover{

    color: yellow!important;

}

.contrast .banner .btn-dark{

    background-color: transparent!important;

    border-color: #fff!important;

}

.contrast  .banner .btn-dark:hover{

    background-color: #8f8f8f!important;

    border-color: #8f8f8f!important;

}

.contrast .banner{

    border: 1px solid #fff!important;

}

.contrast .sobre .btn-primary{

    background-color: transparent!important;

    border-color: #fff!important;

}



.contrast .sobre .btn-primary:hover{

    background-color: #8f8f8f!important;

    border-color: #8f8f8f!important;

}



.contrast input[type=text],

.contrast input[type=password],

.contrast input[type=url],

.contrast input[type=search],

.contrast input[type=email],

.contrast input[type=tel],

.contrast input[type=date],

.contrast input[type=month],

.contrast input[type=week],

.contrast input[type=datetime],

.contrast input[type=datetime-local],

.contrast textarea,

.contrast select,

.contrast input[type=number] {

    background: black !important;

    border: 1px solid white !important;

    color: white !important;

}



.contrast img.on-contrast-force-gray {

    filter: grayscale(100%) contrast(120%);

}



.contrast img.on-contrast-force-white {

    filter: brightness(0) invert(1);

}



.contrast .inscricao .btn-primary{

    border: 1px solid white !important;

}

.contrast .inscricao .btn-primary:hover{

    background-color: #8f8f8f!important;

    border-color: #8f8f8f!important;

}

.contrast .banner-jumbotron{

    border: 1px solid white !important;

}





/*Cookie bar - banner */

.wrapper{

    position: fixed;

    bottom: 50px;

    left: 30px;

    right: 30px;

    max-width: 365px;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 25px 25px 30px 25px;

    border-radius: 15px;

    z-index: 1;

    box-shadow: 10px 30px 50px 20px rgba(29, 29, 29, 0.2);

    background: #fff;

}

.wrapper img{

    max-width: 90px;

}

.wrapper .content{

    margin-top: 10px;

}

.wrapper .content header{

    font-size: 25px;

    font-weight: 600;

}

.wrapper .content p{

    color: #858585;

    margin: 5px 0 20px 0;

    text-align: justify;

}

.wrapper .buttons{

    display: flex;

    align-items:flex-start ;

    justify-content: flex-start;

}

.wrapper p a{

    color: var(--second-color);

    font-weight: 600;

}

.buttons button, .buttons .button{

    padding: 10px 20px;

    border: none;

    outline: none;

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    border-radius: 5px;

    background: var(--first-color);

    cursor: pointer;

    transition: all 0.3s ease;

}

.buttons button:hover, .buttons .button:hover{

    transform: scale(0.97);

}

.buttons .item{

    margin: 0 10px;

}

.buttons a{

    text-decoration: none;

    color: var(--second-color);

}

.wrapper.hide{

    opacity: 0;

    pointer-events: none;

    transform: scale(0.8);

    transition: all 0.3s ease;

}

::selection{

    color: #fff;

    background: var(--second-color);

}