@charset "utf-8";
/* CSS Document */


body {
    font-family: "ibm-plex-mono", sans-serif;
    font-weight: 300;
    font-style: normal;
    overflow-x: hidden;
    font-size: 18px;
    background:url(library/img/bg.jpg) no-repeat; background-size:cover;
}


.blend-multiply {
    mix-blend-mode: multiply;
}

strong {
    font-family: "ibm-plex-mono", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 22px;
}

.divider {
    height: 2px;
    margin: 0px 0 8px 0;
    width: 100%;
    background: #38388e
}

.day {
    max-width: 75% !important;
    height: auto
}

.financiadores {
    max-width:80%; height:auto;
}

.fix {position: fixed}

.title-sections {
    font-family: "ibm-plex-mono", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2em !important;
    color: #ffffff;
    text-align: left;
}



input[type=text], input[type=email] {
    background: #ffffff !important;
    color: #38388e !important;
    /*border: 1px solid #38388e;*/
    padding: 10px; max-width:50%;
    border-radius: 0
}

input[type="checkbox"].custom-checkbox .form-check {
    accent-color: #38388e;
    width: 50px !important;
    height: 50px !important;
    cursor: pointer !important;
    padding-right: 10px !important
}

span {
    color: #ffffff;
    font-size: 25px
}

textarea {
    background: #38388e !important;
    /*border: 1px solid #38388e !important;*/
    padding: 10px;
    border-radius: 0 !important
}

.form-select {
    background: #ffffff !important;
    color: #38388e !important;
    /*border: 1px solid #38388e !important;*/
    padding: 10px;
    border-radius: 0 !important;
    max-width: 50%;
}


input::placeholder {
    color:#ffffff !important
}

label {
    font-size: 16px;
    font-weight: bold;
    color:#ffffff;
}

a {
    color: #ffffff;
    text-decoration: none;
}
a:hover {color: #ffffff;
}

.fs-25px {
    font-size: 25px
}

/*cores*/
.bg-menu-toppage {
    background: #38388e;
} /* barra menu */
.bg-dark-lefttopage {
    background: #38388e;
} /* retangulo tema*/
.bg-leftpage {
    background: #B3C9EB
} /*barra vertical esquerda*/



.bg-eletric-green {
    background: #ffffff;
}

.color-eletric-green {
    color: #ffffff;
}

.bg-blue {
    background: #38388e;
}

.bg-lowgray {background: #ECE9E9}

.p-table {padding: 0px 0 50px 0 !important;}

#oradores img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.border-text {color: #ffffff; -webkit-text-fill-color: #004332; -webkit-text-stroke: 1px white;}

.container_bottom-left {
    position: relative;
    text-align: left;
    color: white;
}

.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

@media (min-width: 300px) {
    .fix {position: inherit !important}
    /*.title-sections {font-size: 1em !important; letter-spacing: 1em !important; padding-top: 50px; padding-bottom: 50px}*/
    .vh-100 {height: 25vh !important}
    .w-75 {width: 100% !important}

    .day1 {
        max-width: 100%;
        height: auto
    }

    .financiadores {
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 576px) {
    .fix {position: inherit !important}
    /*.title-sections {font-size: 1.5em !important; letter-spacing: 1em; padding-top: 50px; padding-bottom: 50px}*/
    .vh-100 {
        height: 25vh !important
    }

    .w-75 {
        width: 100% !important
    }

    .day {
        max-width: 100%;
        height: auto
    }

    .financiadores {
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 768px) {
    /*.title-sections {font-weight: normal; font-size: 1.5em; letter-spacing: 2em !important; color: #ffffff; text-align: center; padding-top: 50px; padding-bottom: 50px;}*/
}

@media (min-width: 992px) {
    .fix {position: fixed !important}

    /*.title-sections {
        font-weight: normal;
        font-size: 1.6em !important;
        letter-spacing: 2.5em;
        color: #ffffff;
        text-align: center
    }*/
}

@media (min-width: 1200px) {
    .fix {
        position: fixed !important
    }

    /*.title-sections {
        font-weight: normal;
        font-size: 2em !important;
        letter-spacing: 2.5em;
        color: #ffffff;
        text-align: center
    }*/
}
