/* coloque aqui os css customizados */

h1, h2, h3, h4, a, button, p {
    font-family: 'Barlow', sans-serif !important;
}

h3 {

    font-weight: 400;
}

h4 {
    font-weight: 600 !important;
}

h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
    padding-top: unset;
}

.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
    margin: 0;
}

.btn-video-red {
    background-color: #C81F26;
    color: #FFFFFF;
    text-transform: capitalize;
    border-radius: 0;
}

.btn-video-red:hover {
    background-color: #C81F26;
    color: #FFFFFF;
}

.font-green {
    color: #1c2637 !important;
}

.text-info {
    color: #C81F26;
}

a {
    color: #1c2637;
}

a:hover, a:focus {
    color: #C81F26;
}

.tabbable-custom > .nav-tabs > li.active {
    border-top: solid 3px #C81F26;
}

.form-control {
    border-left: 2px solid #C81F26 !important;
    border-radius: 5px !important;
}

.ead-conference-title {
    text-transform: capitalize;
}

.btn-primary {
    background: #c81f26 !important;
    color: #fff;
}

a.btn-video-gray {
    width: unset !important;
}

.page-header.navbar {
    height: 69px !important;
}

.btn-group {
    display: flex;
    justify-content: center;
}

.ev-hours-dates-conference {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.margin-left-20 {
    margin-left: 20px;
    width: 82%;
}

.center-block {
    display: unset;
    margin-left: unset;
    margin-right: unset;
    width: 100%;
}

/*h3 img {*/
/*width: 224px !important;*/
/*box-shadow: 2px 2px 8px rgb(0 0 0 / 25%);*/
/*}*/

.img-banner-category {
    width: 224px !important;
    box-shadow: 2px 2px 8px rgb(0 0 0 / 25%);
}

.ead-mobile-h3-course-title {
    font-size: 16px;
}

.thumbnail {
    height: 260px;
    box-shadow: 2px 2px 8px rgb(0 0 0 / 25%);
}

div .badge {
    /*margin: auto;*/
    height: unset;
    padding: 10px;
    white-space: unset;
}

.ev-display-none {
    display: none !important;
}

.alert, .btn, .btn-group > .btn,
.btn.btn-link:hover, .icon-btn, .label,
.list-group1, .md-shadow-z-1, .note, .panel, .social-icons li > a,
.social-icons.social-icons-color > li > a, .well {
    border-radius: 3px !important;
    padding: 10px 20px;
    /*margin: 10px 10px;*/
}

.btn-conference-position {
    background-color: #1c2637;
    color: #fff;
    margin: 0;
}

.btn-conference-position:hover {
    background-color: #c81f26;
    color: #fff;
}

.ev-certicated {
    padding: 15px 0 !important;
    border-bottom: 1px solid #6666 !important;
    margin: 0;
    font-size: 16px;
}

.login {
    background-image: url("/custom/img/background_login.png") !important;
}

@media (max-width: 500px) {
    .alert, .badge, .btn, .btn-group > .btn,
    .btn.btn-link:hover, .icon-btn, .label,
    .list-group1, .md-shadow-z-1, .note, .panel, .social-icons li > a,
    .social-icons.social-icons-color > li > a, .well {
        border-radius: 3px !important;
        padding: 10px 12px;
    }

    .logo-student {
        margin-top: 17px !important;
        width: 167px !important;
        height: auto !important;

    }



    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after {
        display: none !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
        display: none !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu {
        margin-right: -24px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu {
        margin-right: -24px;
    }

    .teacher-conference {
        height: 150px;
        width: auto;
        margin-bottom: 10px;
    }

    .margin-left-20 {
        text-align: center !important;
    }

}

@media (min-width: 500px) {
    .ev-display-flex {
        display: flex;
    }

    .btn-conference-position {
        position: absolute;
        top: 220px;
    }

    .logo-student {
        margin-top: 10px !important;
        max-width: 100%
    }

    .note.note-info {
        min-height: 296px;
    }

    .teacher-conference {
        max-width: 100%;
        width: 190px;
        height: 238px;
        border-radius: 3px;
        box-shadow: 2px 2px 8px rgb(0 0 0 / 25%);
    }
}

/* Não altere display do h2! Mantém d-flex/Bootstrap intacto */
.ev-training-files .page-title h2 {
    color: transparent;               /* “some” apenas o texto original */
}

/* Recolore o ícone (que herdaria transparente) */
.ev-training-files .page-title h2 .icon-open-file {
    color: var(--fg, #111);           /* ajuste pra sua paleta .text-dark */
}

/* Injeta o novo rótulo sem mexer em alinhamento */
.ev-training-files .page-title h2::after {
    content: "/Material";            /* espaço inicial separa do ícone */
    color: var(--fg, #111);
    font-weight: inherit;             /* respeita fs-2 / fw-bolder */
    font-size: inherit;
    line-height: inherit;
}