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



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







:root {



    --Spartan: "Spartan";



    --Barlow: "Barlow";



    --first-color: #283618;



    --second-color: #11746e;



    --third-color: #fc301d;



    --fourth-color: #430f39;



    --dark-color: #0e0e0e;



    --light-color: #fff;



}







* {



    margin: 0;



    padding: 0;



    box-sizing: border-box;



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



}











body, html {



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



    overflow-x: hidden;



    background-color: #fefae0;



    line-height: 1.8;



}



.hide{



    display: none;



}



.bg-custom {



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



    background: #6ecd01;


    background-color: #6ecd01;

    color:  black!important;



    font-size: small!important;



}







.bg-custom i{



    color:  black!important;



}







.bg-custom .nav-link {



    color:  black!important;



}



footer{



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



}



.justify{



    text-align: justify;    



}







#fail-response,



#success-response {



    display: none;



}







/*     Accessibility Navbar      */



.accessibility .nav-link:hover {



    text-decoration: underline;



}



.event-text{



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



}



.accessibility {



    font-family: var(--Spartan);



    background-color: var(--dark-color);







}







.accessibility .command {



    font-size: 10px;



}







.accessibility .command a {



    color: var(--light-color);



}



.accessibility i{



    color: var(--light-color);



}







/* Botão de Compras */



.icon-button {



    position: fixed;



    display: flex;



    align-items: center;



    justify-content: center;



    width: 80px;



    height: 80px;



    color: #fff;



    background: #2c8600;



    border: none;



    outline: none;



    border-radius: 50%;



    right: 20px;



    bottom: 20px;



    z-index: 15;



    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);



    transition: all ease-in-out 1s;



    text-decoration: none;



}



.icon-button-whats {



    position: fixed;



    display: flex;



    align-items: center;



    justify-content: center;



    width: 75px;



    height: 75px;



    color: #fff;



    background: #34af23;



    border: none;



    outline: none;



    border-radius: 50%;



    right: 20px;



    bottom: 120px;



    z-index: 15;



    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);



    transition: all ease-in-out 1s;



}



.icon-button-whats .fa-whatsapp{



      font-size: 35px;



}







.icon-button .material-icons {



    font-size: 40px;



}







.icon-button:hover {



    cursor: pointer;



    text-decoration: none;



    color: #fff;



    transform: translateY(-5px);







}







.icon-button:active {



    background: var(--fourth-color);



}







.icon-button__badge {



    position: absolute;



    top: -10px;



    right: -10px;



    width: 35px;



    height: 35px;



    background: red;



    color: #ffffff;



    display: flex;



    justify-content: center;



    align-items: center;



    border-radius: 50%;



}







/* Bilheteria */



.tickets {



    padding-bottom: 5%;



}







.ticket {



    padding: 15px;



    margin-bottom: 20px;



    background: #fff;



    transition: all ease-in-out 1s;



    border-radius: 5px;



    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);



}







.ticket:hover {



    transform: translateY(-5px);



}







.tickets .nav-item {



    color: black;



    background-color: white;



    text-decoration: none;



    font-weight: 600;



}







.tickets a.nav-item.nav-link.active {



    color: white;



    background-color: var(--second-color);



    text-decoration: none;



    font-weight: bold;



}







.ticket .btn-primary, .ticket .btn-primary:active {



    border: var(--second-color);



    background-color: var(--second-color);



}







.ticket .btn-primary:hover {



    border: var(--first-color);



    background-color: var(--first-color);



}







/* Carrinho de Compras */



.carrinho-compras {



    font-family: var(--Spartan);



}







.carrinho-compras .col-md-12 {



    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);



    font-weight: 600;



}







.carrinho-compras .btn-primary {



    border: var(--second-color);



    background-color: var(--second-color);



}







.carrinho-compras .btn-primary:active, .carrinho-compras .btn-primary:hover {



    border: var(--first-color);



    background-color: var(--first-color);



}











/* Banner */



.banner-0{



    background-image: url("../images/img-world.jpeg");



    background-position: center;



    background-size: cover;



    font-family: var(--Spartan);



    background-repeat: no-repeat;



    border-radius: 10px;



}







/* Tema */



.tema h2{



    position: relative;



    padding-bottom: 10px;



}



.tema h2, .tema h4{



    color: var(--first-color);



    font-family: var(--Spartan);



    font-weight: 600;



    line-height: 1.5;



}



.tema h2::after{



    content: " ";



    position: absolute;



    display: block;



    left: 20%;



    bottom: 0;



    width: 60%;



    height: 4px;



    background-color: var(--third-color);



    border-radius: 4px;



}







/* Apoio Institucional */



.organizacao{

    background: #6ecd01;


    background-color: #6ecd01;
}



.apoio-institucional h3{



    font-family: var(--Spartan);



}







/* Organizacao */



.organizacao h3{



    color:  black!important;

    font-family: var(--Spartan);



}







/* Programação */



#schedule {



    padding: 60px 0 60px 0;



    font-family: var(--Barlow);



}



  



#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: var(--second-color);



    color: #fff;



    padding: 10px 100px;



}



  



#schedule .nav-tabs a.active {



    background-color: var(--first-color);



    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;



}



.event .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;



}











/* Auto Contraste */



.contrast,



.contrast nav,



.contrast div,



.contrast li,



.contrast ol,



.contrast header,



.contrast footer,



.contrast section,



.contrast main,



.contrast aside,



.contrast article {



    background: #0e0e0e !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 .box {



    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 .bg-custom {



    border: 1px solid #fff;



}







.contrast .bg-custom .btn-outline-light:hover {



    font-weight: bolder;



    background-color: black;



    text-decoration: underline;



}







.contrast .dropdown-menu, .contrast .bg-dark {



    border: 1px solid #fff;



}







.contrast .bg-custom .dropdown-divider {



    border: 1px solid #fff !important;



}







.contrast .bg-custom .dropdown-item:hover {



    font-weight: bolder;



    background-color: #0e0e0e;



    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: 1px solid #fff !important;



}







.contrast .social a:hover {



    color: yellow !important;



}







.contrast .social i:hover {



    color: yellow !important;



}







.contrast .tickets .ticket button {



    background: black !important;



    color: yellow !important;



    border: 1px solid #fff !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;



    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 .swal2-modal {



    border: 1px solid #fff;



}







.contrast .tickets .nav-item {



    background-color: #0e0e0e;



}







.contrast .tickets a.nav-item.nav-link.active {



    background-color: #0e0e0e;



    border: 1px solid #fff;



}







.contrast .icon-button {



    background-color: #0e0e0e;



    border: 1px solid #fff;



}







.contrast thead, .contrast tbody {



    color: #fff;



}







/*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 a, .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 a: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);



}