/* --------------------------------------
$Author: ThemeMascot
$URL: https://themeforest.net/user/ThemeMascot
----------------------------------------- */
:root {
  --theme-color-white: #0d0d0d;
  --theme-color-light: #1d1d1d;
  --theme-color-gray: #111;
  --text-color: #c4c4c4;
  --headings-color: #eee;
  --section-title-color: var(--headings-color);
  --section-title-subtitle-color: var(--text-color);
}

body.tm-dark-layout {
  background-color: #272727;
  --mobile-menu-item-link-text-color: #ffffff;
  --mobile-menu-item-link-bg-color: transparent;
  --mobile-menu-item-link-bg-border-color: transparent;
  --mobile-menu-item-link-text-color-hover: #E41D27;
}

@media (max-width: 1024px) {
  body.tm-dark-layout .tm-header-menu {
    background-color: #272727;
    width: 100%;
    max-width: 100%;
    padding: 0;
    box-shadow: none;
    border: 0;
  }
  body.tm-dark-layout .tm-header-menu-backdrop {
    background-color: #272727;
  }
  body.tm-dark-layout .tm-header-menu-scroll {
    padding: 64px 28px 40px;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }
  body.tm-dark-layout .tm-header-menu .e-con,
  body.tm-dark-layout .tm-header-menu .e-con-inner {
    width: 100%;
    max-width: 100%;
    border: 0;
    background-color: transparent;
    background-image: none;
    --content-width: 100%;
  }
  body.tm-dark-layout .tm-header-menu .menuzord-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 6px 12px;
    padding: 12px 0 0;
    width: 100%;
    background-color: transparent;
  }
  body.tm-dark-layout .tm-header-menu .menuzord-menu li {
    flex: 1 1 100%;
    width: 100%;
    margin: 0;
    background-color: transparent;
  }
  body.tm-dark-layout .tm-header-menu .menuzord-menu li a,
  body.tm-dark-layout .tm-header-menu .menuzord-menu .menu-item-link {
    background-color: transparent;
    color: #ffffff;
    border: 0;
    padding: 14px 4px;
    border-radius: 0;
    width: 100%;
    display: block;
    text-align: left;
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: 0.06em;
  }
  body.tm-dark-layout .tm-header-menu .menuzord-menu li a:hover,
  body.tm-dark-layout .tm-header-menu .menuzord-menu .menu-item-link:hover {
    background-color: transparent;
    color: #E41D27;
  }
  body.tm-dark-layout .tm-header-menu .menuzord-menu .lang-item {
    flex: 1 1 calc(50% - 8px);
    width: calc(50% - 8px);
    max-width: calc(50% - 6px);
    margin-top: 28px;
  }
  body.tm-dark-layout .tm-header-menu .menuzord-menu .lang-item a,
  body.tm-dark-layout .tm-header-menu .menuzord-menu .lang-item .menu-item-link {
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 4px;
    padding: 12px 10px;
    background-color: transparent;
  }
  body.tm-dark-layout .tm-header-menu .menuzord-menu .lang-item.current-lang a,
  body.tm-dark-layout .tm-header-menu .menuzord-menu .lang-item.current-lang .menu-item-link {
    background-color: #E41D27;
    border-color: #E41D27;
    color: #ffffff;
  }
}