/* menu */
@media (min-width: 768px) {
    nav .navbar-nav li { transition: background-color 0.3s ease; font-weight: bold }
    nav .navbar-nav li:hover { background: linear-gradient(to right, #545454, #545454); color: #fff; border-radius: 5px; font-weight: bold}
    nav .navbar-nav li.nav-item:hover .nav-link { color:white !important }
    nav .navbar-nav .nav-link.active { color:white !important; font-weight:bold }
    nav .navbar-nav .nav-link.active { background: linear-gradient(to right, #10ddd1, #545454); color: #fff; border-radius: 5px; }

    .menu2 { transition: background-color 1s ease; margin:.3em .3em .3em 0 !important; }
    .menu2:hover { background: linear-gradient(to bottom, #10ddd1, #545454); color: #fff; border-radius: 5px; }
    .menu2:hover a { color:white }

    .menu2 { transition: background-color 1s ease; padding:.3em; margin-right:0em; }
    .menu2:hover a { color:white; }
    .menu2.menu2active { background: linear-gradient(to right, #10ddd1, #545454); color: #fff; border-radius: 5px; }
    .menu2.menu2active a { color:white; font-weight:bold };
}

@media (max-width: 768px) {
    nav .nav-item1 { background: linear-gradient(to right, #10ddd1, #545454); border-radius: 5px; margin-bottom:.2em }
    nav .nav-item1 .dropdown-item { text-align:left; padding-left:2em; color:white !important; padding:1em}
    nav .navbar-nav .nav-link { color:white !important }
}

#submenu a.active { color:#10ddd1 !important; font-weight:bolder; }

/* pagination */
.text-primary { color:#14b0a7 !important; }
.page-item .page-link { color:#14b0a7; }
.page-item.active .page-link { background-color:#14b0a7; border-color:#14b0a7; }

/* custom buttons */
.btn-primary {
    background: linear-gradient(to right, #14b0a7, #292828);
    color: #fff;
    border:none !important
}

.btn-outline-primary {
    background: linear-gradient(to right, #14b0a7, #292828);
    color: #fff;
    border:none !important
}