/* ------------------------------------------------
  Project:   Oveltyshop - ECommerce Responsive HTML5 Template
  Author:    ThemeHt

  NOTE: This is Color customizer stylesheet of template.
------------------------------------------------ */
/* ------------------------
    Variables
------------------------*/
/* ------------------------
    General
------------------------*/
::-moz-selection {
  background: #e20612;
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: #e20612;
  color: #fff;
  text-shadow: none; }

*::-moz-selection {
  background: #e20612; }

::selection {
  background: #e20612;
  color: #fff;
  text-shadow: none; }

a:focus,
a:hover {
  color: #e20612; }

a,
button,
input {
  color: #e20612; }

/* ------------------------
    Background Color
------------------------*/
.theme-bg,
div.color-customizer a.opener,
.btn:hover,
.btn.btn-theme,
.product-item .product-btn:hover i,
.product-item .product-btn:hover svg,
.product-item .product-overlay ul li a:hover,
.dropdown-item:focus,
.dropdown-item:hover,
.cart-badge,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span,
.owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.portfolio-filter button.is-checked,
.portfolio-filter button:hover,
#scroll-top .top,
.tab .nav-tabs .nav-link.active,
.tab .nav-tabs .nav-link:hover,
.tab .nav-tabs.active > a:focus,
.tab .nav-tabs > a:hover,
.post-date,
.pagination > li.active .page-link,
.page-link:hover,
.page-link:focus,
.title::before,
.cat-label,
.slider-label,
.navbar-2 .navbar-nav .nav-link:hover,
.navbar-2 .navbar-nav .nav-link:focus,
.navbar-2 .navbar-nav .nav-item.active .nav-link,
.nav-dots,
.header-middle .navbar-toggler,
.header-link > a,
.header-search-button,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.login-social li a.fb:hover,
.login-social li a.twitter:hover,
.login-social li a.gplus:hover,
.btn-product,
.widget-title::before,
.widget .widget-size ul li a:hover,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background-color: #e20612; }

.btn.btn-red {
  background-color: #dc143c;
  color: #ffffff; }

/* ------------------------
    Color
------------------------*/
h1,
a,
button,
input,
a:focus,
a:hover,
.text-theme,
.topbar-link li span,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-item.active .nav-link,
.nav-item.dropdown .dropdown-menu a:hover,
.side-navbar .navbar-nav .nav-link:hover,
.side-navbar .navbar-nav .nav-link:focus,
.side-navbar .navbar-nav .nav-item.active .nav-link,
.menu-title,
h1 span,
.title span,
.btn-simple:hover,
.btn.btn-white:hover,
.btn.btn-white.btn-border:hover,
.btn.btn-theme.btn-iconic i,
.btn.btn-theme.btn-iconic svg,
.btn:focus,
.btn.focus,
.breadcrumb-item.active,
.breadcrumb-item a:hover,
.post .post-desc h5 a:hover,
#scroll-top .top:hover,
.widget-searchbox .search-btn,
.widget .widget-categories li a:hover,
.pagination > li > a,
.pagination > li > span,
.post-queto span,
.reply a:hover,
.theme-bg .owl-carousel .owl-nav button.owl-prev,
.theme-bg .owl-carousel .owl-nav button.owl-next,
.dark-bg .owl-carousel .owl-nav button.owl-prev:hover,
.dark-bg .owl-carousel .owl-nav button.owl-next:hover,
.media-icon li a:hover,
.footer-list li a:hover,
.nav-arrows span:hover,
.product-overlay ul li a,
.testimonial-content i,
.testimonial-caption h6,
.product-price .review-rating,
.featured-item .featured-icon i,
.featured-item .featured-icon svg,
.dark-bg .social-icons li a:hover,
.header-middle h5 i,
.topbar-link li a:hover,
.contact-info li > i,
.login-form .form-group i,
.login-form .form-group svg,
.register-form .form-group i,
.register-form .form-group svg,
.view-filter h5,
.view-filter a,
.review-list .review-rating,
.slick-prev,
.slick-next {
  color: #e20612; }

.btn.btn-red.btn-iconic i .btn.btn-red.btn-iconic svg {
  color: #dc143c; }

/* ------------------------
    Border Color
------------------------*/
.btn.btn-border,
.btn.btn-theme:hover,
.owl-carousel.owl-theme .owl-dots .owl-dot span::before,
.form-control:focus,
.reply a:hover,
.pagination > li.active .page-link,
.page-link:hover,
.page-link:focus,
.featured-item,
.header-search,
.slick3-dots .slick-active .slick3-dot-overlay,
.slick-prev,
.slick-next,
.search-input {
  border-color: #e20612; }

.slider-label::after {
  border-color: transparent transparent #e20612; }

.btn.btn-red:hover {
  border-color: #dc143c;
  background-color: #221b1b; }

.btn.btn-red:hover:after {
  background: #221b1b; }

.image-zoom-pane {
  border-color: #5dc4ef; }

/* ------------------------
    Gradient Background
------------------------*/
[data-overlay].grediant-overlay:before {
  background: #020024;
  /* Old browsers */
  background: -moz-linear-gradient(90deg, rgba(2, 0, 36, 0.1) 0%, #4876ff 59%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(90deg, rgba(2, 0, 36, 0.1) 0%, #4876ff 59%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(90deg, rgba(2, 0, 36, 0.1) 0%, #4876ff 59%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020024', endColorstr='$color-brand',GradientType=1 );
  /* IE6-9 */ }

@media (max-width: 992px) {
  /* ------------------------
    Background Color
------------------------*/
  .navbar-collapse,
  .navbar-toggler span,
  .header-3 .navbar-2 .navbar-toggler {
    background-color: #e20612; }
  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    background-color: #e20612; }
  /* ------------------------
    Color
------------------------*/
  .navbar-toggler-icon::before,
  .navbar-nav .nav-link:hover,
  .navbar-nav .active .nav-link,
  .navbar-nav .nav-link:focus,
  #header-wrap.fixed-header .navbar-nav .nav-link:hover,
  #header-wrap.fixed-header .navbar-nav .active .nav-link {
    color: #e20612 !important; } }