header.toolbar-top, .toolbar-top nav {
    z-index: 10000 !important;
}

header {
    position: fixed;
}

.modal-backdrop {
    z-index: 20000 !important;
}

.modal {
    z-index: 21000 !important;
}

.toolbar {
    height: 60px;
}

.toolbar, ul.dropdown-menu, .searchbox .btn-primary, .producto-dt {
    background: linear-gradient(#ff9528,#ff5800,#ff5100);
}

#news-tab-pane .tag-wrapper, #ads-tab-pane .tag-wrapper {
    width: 50px;
    font-size: small;
}

.tag {
    background: #ff5800;
}

body {
    padding-top: 60px;
}

.content-wrapper a,
.content-wrapper a:focus,
.content-wrapper a:visited,
.content-wrapper a:hover,
footer a,
footer a:focus,
footer a:visited,
footer a:hover,
button.nav-link,
.producto-dt-gris .text-primary {
    color: #ff5800 !important;
    text-decoration: none;
}

button.active {
    color: black !important;
}

.imgs-nav, .card-producto-dt {
    border: 1px solid #ff5800;
}

#sidebarTriggerButton,
.pagination .active a,
.pagination .active a:hover,
.pagination .active a:focus,
.pagination .active a:visited {
    color: white !important;
}

#sidebarTriggerButton {
    width: 32px;
}

#sidebarTriggerButton .line {
    height: 2px;
    background: black;
    width: 20px;
    margin-top: 3px;
}

#sidebarTriggerButton .white-line:first {
    margin-top: 0 !important;
}

.slideshow {
    overflow: hidden;
    background: #9a9a9a;
}

.slideshow > img {
    display: none;
    width: auto;
}

.slideshow, .invisible, .slideshow > img, .invisible > img {
    height: 200px;
    width: auto;
}

.slideshow > img.first, .slideshow > img.second {
    display: block;
}

.slideshow > img.first {
    z-index: 60;
}

.slideshow > img.second {
    z-index: 50;
}

.searchbox-parent-wrapper {
    z-index: 9000;
}

.searchbox {
    z-index: 300 !important;
}

.searchbox-wrapper {
    margin-top: -35px !important;
    z-index: 200;
}

.searchbox .btn-primary {
    border: none;
}

.searchbox select:focus {
    border: none !important;
}

.searchbox-background {
    background: black;
    border-radius: 10px;
    z-index: 100;
    opacity: 0.75;
}

.content-wrapper {
    min-height: 600px !important;
}

.signature {
    border-top: 1px solid #9a9a9a;
    background: linear-gradient(#dfdfdf,#f0f0f0,#f9f9f9,#fefefe);
}

nav > ul > li > a,
nav > ul > li > a:focus,
nav > ul > li > a:hover,
nav > ul > li > a:visited,
nav > ul > li > a.show,
nav > ul > li > a.show:focus,
nav > ul > li > a.show:hover,
nav > ul > li > a.show:visited,
nav ul.dropdown-menu > li > a
nav ul.dropdown-menu > li > a:focus,
nav ul.dropdown-menu > li > a:visited {
    color: black !important;
    font-weight: bold !important;
}

a, a:hover, a:focus, a:visited {
    text-decoration: none !important;
}

nav ul.dropdown-menu {
    border-color: black !important;
}

nav ul.dropdown-menu > li > a:hover {
    color: black !important;
    font-weight: bold !important;
}

.sidebar-menu-wrapper {
    width: 280px;
}

h1 {
    font-size: 1.5rem !important;
}

h2 {
    font-size: 1.2rem !important;
}

h3 {
    font-size: 1.1rem !important;
}

@media (min-width: 576px) {
    .sidebar-menu-wrapper {
        width: 500px;
    }

    .slideshow, .invisible {
        width: 100%;
        height: auto;
    }

    .slideshow > img, .invisible > img {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 768px) {
    #loc {
        min-width: 300px;
    }
}

@media (min-width: 992px) {
    header {
        position: relative;
    }

    body {
        padding-top: 0;
    }

    #news-tab-pane .card,
    #ads-tab-pane .card {
        height: 210px;
    }

    #news-tab-pane .card .img-wrapper,
    #ads-tab-pane .card .img-wrapper {
        height: 100px;
        overflow: hidden;
    }
}

@media (min-width: 1200px) {
    #news-tab-pane .card {
        height: 260px;
    }

    #news-tab-pane .card .img-wrapper,
    #ads-tab-pane .card .img-wrapper {
        height: 150px;
        overflow: hidden;
    }
}
