:root {
    --blue: #F0D92E;
    --primary: #F0D92E;
    --secondary: #D0BE3F;
    --hover: #F5E67A;
}

.btn-primary {
    color: black;
    background-color: var(--blue);
    border-color: var(--blue);
}

.btn-primary:hover {
    color: gray;
    background-color: var(--hover);
    border-color: var(--hover);
}

a {
    color: black;
}

a:hover {
    color: var(--hover);
    text-decoration: none;
}

.card-title > a {
    color: var(--black);
}

.card-title > a:hover {
    color: var(--primary);
    text-decoration: none;
}

.text-primary {
    color: var(--primary)!important;
}

.bg-primary {
    /* important aq pois o tema usa important também */
    background-color: var(--primary)!important;
}

.dropdown-item {
    color: black;
}

.navbar-dark .dropdown-item:hover {
    color: var(--hover);
}

.sidebar-light .active > .sidebar-menu-button .sidebar-menu-icon {
    color: var(--primary);
}

.sidebar-light .active > .sidebar-menu-button {
    color: black;
}


.sidebar-light .sidebar-submenu .active>.sidebar-menu-button, .sidebar-light .sidebar-submenu .active>.sidebar-menu-button .sidebar-menu-icon {
    color: black;
}

.sidebar-menu-item .active > .sidebar-menu-button > .material-icons {
    color: var(--secondary);
}

.sidebar-menu ul li.active {
    border-left: 4.3px solid var(--primary);
}

.btn-outline-secondary {
    color: black;
    border-color: var(--secondary);
}

.btn-outline-secondary > .material-icons {
    color: var(--secondary);
}

.btn-outline-secondary:hover {
    color: black;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-secondary:hover > .material-icons {
    color: black;
}

.card>.nav-tabs .nav-link.active, .card>.nav-tabs .nav-link:hover {
    color: var(--primary);
}

.cursos-card:hover .cursos-media-left {
    background: var(--primary);
}

.cursos-media-left {
    background-color: red;
    padding-left: 25px;
    padding-right: 25px!important;
    height: 199px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7ac0f7+0,49a9f5+40,2196f3+100 */
    background: #F5E574; /* Old browsers */
    background: -moz-linear-gradient(top, #F5E574 0%, #F4E367 40%, var(--primary) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #F5E574 0%,#F4E367 40%,var(--primary) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #F5E574 0%,#F4E367 40%,var(--primary) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5E574', endColorstr=var(--primary),GradientType=0 ); /* IE6-9 */
}