/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@font-face {
    font-family: 'Bebas Neue';
    src: url(../css/Babas_Neue_etire.woff2) format("woff2"), url(../css/Babas_Neue_etire.woff) format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.breadcrumb {
    font-family: 'Bebas Neue';
    font-size: 1.5rem;
}

.subcategories {
  font-family: 'Bebas Neue';
  text-transform: none;
}

#header.fixed-top .header-nav {
    padding-top: 5px;
    padding-bottom: 5px;
}

.header-nav {
    font-size: 2rem;
    font-family: 'Bebas Neue';
}

body {
    background-color: #393E46;
    color: #EEEEEE;
}

h1, h2, h3 {
    font-family: 'Bebas Neue';
}

.header-slide .slide_title-two {
    font-family: 'Bebas Neue';
}

.top-banner .title-two {
    font-family: 'Bebas Neue';
}

.main-menu .dropdown-item {
    font-size: large;
    font-family: 'Bebas Neue';
}

.menu-thumbnail .title-two {
    font-family: 'Bebas Neue';
}

.btn {
    color: #393E46;
}

.btn:hover {
    color: #222831;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.4);
}

a {
    color: #FFD369;
    text-decoration: none;
}

a:focus, a:hover {
    color: #FF9A00;
    text-decoration: none;
}

.btn-to-top {
    color: #393E46;
}

.btn-to-top:hover {
    color: #222831;
}

.dropdown-menu {
    background-color: #393E46;
    color: #EEEEEE;
    font-size: 2rem;
    font-family: 'Bebas Neue';
}

.product-miniature .thumbnail-container {
    background-color: #222831;
    border-radius: 10px;
}

.thumbnail-img {
    border-radius: 10px;
}

.grid .buttons-container .link-view:hover {
  color: #FF9A00;
  background-color: transparent;
}

.form-control {
    color: #222831;
}

.form-control:focus {
    color: #222831;
}

.pagination .current a {
    color: #393E46;
}

.pagination .current a:hover {
    color: #222831;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.4);
}

.top-banner .description:after {
    color: #393E46;
    background-color: #FFD369;
}

.btn-toggle-mobile:hover {
    background-color: #FF9A00;
    color: #222831;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.4);
}

.block-category h1 {
    font-size: 0px;
}

.subcategory-heading {
    font-size: 0px;
    margin-bottom: 0px;
}

.category-miniature .h2 a {
    text-transform: capitalize;
}