/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* 
#header .menu {
    padding-left: 0;
}

#header .top-menu a[data-depth="0"] {
    font-size: 0.875rem;
    font-weight: 500;
}
*/

:root {
    --color-link: #24b9d7;
    --color-title: var(--color-link);
    --color-subtitle: #7a7a7a;
    --color-text: #4b5361;
}

h1,
.h1 {
    color: var(--color-title);
}

h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: var(--color-title);
}

/* p,
span {
    color: var(--color-text);
} */

#header a {
    color: #7a7a7a;
}

#header .header-top .menu {
    padding-left: 15px;
    padding-top: 1.2rem;
}

#header .logo {
    max-width: 123%;
}

#header .header-nav {
    border-bottom: none;
}

.displayHeaderLogoRightSide {
    align-items: center;
    display: flex;
    justify-content: end;
}

.displayHeaderLogoRightSide>div {
    padding: 4px 8px;
    margin: 0 8px;
}

#_desktop_user_info>.user-info>a {
    margin: 0 8px;
}

.block-categories a {
    color: var(--color-title);
}

.block-categories .category-top-menu .category-sub-menu a {
    transition: color 0.3s ease-in-out;
    color: var(--color-subtitle);
}

.block-categories .category-sub-menu .navbar-toggler.collapse-icons {
    color: var(--color-text);
    padding-left: 12px;
}

.block-categories .category-top-menu .category-sub-menu a:hover {
    color: var(--color-link);
}

#contact-link>span {
    font-weight: bold;
}

@media screen and (min-width: 1920px) {
    .container {
        max-width: 1290px;
    }
}