.sub-menu>li:hover>a,
.toolbar-dropdown>li:hover>a {
  color: #e31e26;
}

.sub-menu>li.active>a,
.toolbar-dropdown>li.active>a {
  color: #e31e26;
}

.offcanvas-menu ul li a:hover {
  color: #e31e26;
}

.offcanvas-menu ul li.active>a {
  color: #e31e26;
}

.offcanvas-menu ul li.has-children.active>span>a {
  color: #e31e26;
}

a {
  color: #e31e26;
  text-decoration: underline;
}

a:hover {
  color: #e31e26;
  text-decoration: none;
}

.navi-link:hover,
.navi-link-light:hover {
  color: #e31e26;
}

.text-primary {
  color: #e31e26 !important;
}

.bg-primary {
  background-color: #e31e26 !important;
}

.border-primary {
  border-color: #e31e26 !important;
}

.form-control:focus {
  border-color: #e31e26;
  outline: none;
  color: #606975;
  box-shadow: none !important;
}

.custom-control .custom-control-input:checked~.custom-control-label::before {
  background-color: #e31e26;
}

.input-group .form-control:focus~.input-group-addon {
  color: #e31e26;
}

.input-group .input-group-btn button:hover {
  color: #e31e26;
}

.input-light.form-control:focus,
.input-light .form-control:focus {
  border-color: #e31e26;
  color: #ffffff;
}

.btn-primary {
  background-color: #e31e26;
}

.btn-primary:hover {
  background-color: #232323;
}

.btn-outline-primary {
  border-color: #e31e26;
  background-color: transparent;
  color: #e31e26;
}


.btn-outline-primary:hover {
  background-color: #e31e26;
  color: #ffffff;
}

.btn-outline-dark {
  border-color: #232323;
  background-color: transparent;
  color: #232323;
}

.btn-outline-dark:hover {
  border-color: #232323;
  background-color: #232323;;
  color: #fff;
}

.btn-outline-light {
  border: 1px solid #fff;
  color: #FFF;
  background-color: transparent;
}

.btn-outline-light:hover {
  background-color: #232323;
  color: #ffffff;
  border: 1px solid #232323;
}

.btn-link-primary {
  color: #e31e26;
}

.sb-email:hover,
.sb-email:focus {
  color: #e31e26 !important;
}

.nav-tabs .nav-link:hover {
  color: #e31e26;
}

.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active {
  background-color: #e31e26 !important;
  color: #ffffff;
  cursor: default;
}

.pagination .pages>li.active>a {
  border-color: #e31e26;
  background-color: #e31e26;
  color: #ffffff;
}

.comment .reply-link:hover {
  color: #e31e26;
}

.dropdown-menu .dropdown-item:hover {
  color: #e31e26;
}

.dropdown-menu .dropdown-item.active {
  color: #e31e26;
}

.badge.badge-primary {
  background-color: #e31e26;
}

.list-group-item.active {
  border-color: #e31e26;
  background-color: #e31e26;
  color: #ffffff;
  cursor: default;
  pointer-events: none;
}

.alert-primary {
  background-color: rgba(13, 169, 239, 0.12);
  color: #e31e26;
}

.alert-primary>*:not(.text-white),
.alert-primary>*:not(.text-light),
.alert-primary h1:not(.text-white),
.alert-primary h1:not(.text-light),
.alert-primary h2:not(.text-white),
.alert-primary h2:not(.text-light),
.alert-primary h3:not(.text-white),
.alert-primary h3:not(.text-light),
.alert-primary h4:not(.text-white),
.alert-primary h4:not(.text-light),
.alert-primary h5:not(.text-white),
.alert-primary h5:not(.text-light),
.alert-primary h6:not(.text-white),
.alert-primary h6:not(.text-light),
.alert-primary p:not(.text-white),
.alert-primary p:not(.text-light),
.alert-primary ul:not(.text-white),
.alert-primary ul:not(.text-light),
.alert-primary ol:not(.text-white),
.alert-primary ol:not(.text-light),
.alert-primary a:not(.text-white),
.alert-primary a:not(.text-light) {
  color: #e31e26;
}

.alert-primary .alert-close {
  color: #e31e26;
}

.progress-bar {
  height: 18px;
  background-color: #e31e26;
}

.widget-categories ul>li>a:hover,
.widget-links ul>li>a:hover {
  color: #e31e26;
}

.widget-categories ul>li.active>a,
.widget-links ul>li.active>a {
  color: #e31e26;
}

.widget-featured-posts>.entry .entry-title>a:hover,
.widget-featured-products>.entry .entry-title>a:hover {
  color: #e31e26;
}

.tag.active {
  border-color: #e31e26;
  background-color: #e31e26;
  color: #ffffff !important;
  cursor: default;
}

.widget-light-skin.widget-categories ul>li>a:hover,
.widget-light-skin.widget-links ul>li>a:hover {
  color: #e31e26;
}

.widget-light-skin.widget-categories ul>li.active>a,
.widget-light-skin.widget-links ul>li.active>a {
  color: #e31e26;
}

.widget-light-skin.widget-featured-posts>.entry .entry-title>a:hover,
.widget-light-skin.widget-featured-products>.entry .entry-title>a:hover {
  color: #e31e26;
}

.widget-light-skin .tag.active {
  border-color: #e31e26;
  background-color: #e31e26;
  color: #ffffff !important;
}


.steps .step.completed .step-icon-wrap::before,
.steps .step.completed .step-icon-wrap::after {
  background-color: #e31e26;
}

.steps .step.completed .step-icon {
  border-color: #e31e26;
  background-color: #e31e26;
  color: #ffffff;
}

.topbar.topbar-ghost .topbar-column a:not(.social-button):not(.dropdown-item):hover {
  color: #e31e26;
}

.lang-currency-switcher-wrap .lang-currency-switcher:hover>.language,
.lang-currency-switcher-wrap .lang-currency-switcher:hover>.currency,
.lang-currency-switcher-wrap .lang-currency-switcher:hover::after {
  color: #e31e26;
}

.lang-currency-switcher-wrap.show>.lang-currency-switcher .currency,
.lang-currency-switcher-wrap.show>.lang-currency-switcher::after {
  color: #e31e26;
}

.offcanvas-toggle:hover {
  color: #e31e26;
}

.site-menu ul>li:hover>a {
  color: #e31e26;
}

.site-menu ul>li.active>a {
  color: #e31e26;
}

.site-menu>ul>li.active>a {
  border-top-color: #e31e26;
}


.dropdown-product-item .dropdown-product-title:hover {
  color: #e31e26;
}

.navbar-ghost:not(.navbar-stuck) .offcanvas-toggle:hover {
  color: #e31e26;
}

.navbar-ghost:not(.navbar-stuck) .site-menu>ul>li>a {
  color: #ffffff;
}

.navbar-ghost:not(.navbar-stuck) .site-menu>ul>li:hover>a {
  color: #e31e26;
}

.navbar-ghost:not(.navbar-stuck) .site-menu>ul>li.active>a {
  color: #e31e26;
}

.breadcrumbs>li>a:hover {
  color: #e31e26;
}

.footer-copyright>a:hover {
  color: #e31e26;
}

.footer-light .footer-copyright>a:hover {
  color: #e31e26;
}

.product-card .product-title>a:hover {
  color: #e31e26;
}

.shop-view>a.active {
  border-color: #e31e26;
  background-color: #e31e26;
  cursor: default;
  pointer-events: none;
}

.shopping-cart .product-item .product-title>a:hover,
.wishlist-table .product-item .product-title>a:hover,
.order-table .product-item .product-title>a:hover {
  color: #e31e26;
}

.checkout-steps>a:hover {
  color: #e31e26;
}

.checkout-steps>a.active {
  background-color: #e31e26;
  color: #ffffff;
  cursor: default;
  pointer-events: none;
}

.checkout-steps>a.active>.angle::after {
  border-left-color: #e31e26;
}

.checkout-steps>a.active+a>.angle {
  background-color: #e31e26;
}

.product-gallery .product-thumbnails>li.active>a {
  border-color: #e31e26;
  cursor: default;
}

.post-meta>li>a:hover {
  color: #e31e26;
}

.post-title>a:hover {
  color: #e31e26;
}

.single-post-meta .meta-link>a:hover {
  color: #e31e26;
}

.single-post-footer .sp-tag:hover {
  color: #e31e26;
}


/* height popop */

.product-page .modal .modal-body,
.modal .modal-body {
  height: 100% !important;
  overflow-y: initial;
  padding-bottom: 20px;
}

.product-page .modal .modal-container,
.modal .modal-container {
  max-height: 550px;
}

@media (max-width: 767px) {

  .product-page .modal .modal-body,
  .modal .modal-body {
    height: 100% !important;
    overflow-y: initial;
    padding-bottom: 20px;
  }

  .product-page .modal .modal-container,
  .modal .modal-container {
    max-height: 100vh;
  }
}

.offcanvas-wrapper {
  z-index: auto !important;
}

.internal-page .explore-links {
  background: #f2f2f2;
  padding: 20px;
  text-align: center;
}

.internal-page .internal-page-content .content {
  width: 50%;
}

@media only screen and (min-width: 320px) and (max-width: 720px) {

  .internal-page .internal-page-content .content {
    width: 100%;
  }
}

.modal .modal-container{
  overflow-y: hidden !important;
}
.modal .modal-body{
  overflow-y: scroll !important;
}

#velolife-detail .modal-container{
  max-height: max-content;
}
@media only screen and (min-width: 320px) and (max-width: 720px) {
  #velolife-detail .modal-container{
    max-height: 700px;
  }
}