/* Colors */
:root {
    --gradient1:linear-gradient(-137deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    --color-primary: #d61523;
    --color-primary-dark: #cc0d1b;
    --color-secondary: #151635;
    --color-secondary-dark: #242424;
    --color-border-light: #e9e9e9;
    --color-border-dark: #dddddd;
    --color-scrollbar: #f2f2f2;
    --color-scrollbar-thumb: #c2c2c2;
}

/* ---//--- */

/* --- Selection Colors --- */

::-webkit-selection {
    background-color: var(--color-primary);
    color: #fff;
}

::selection {
    background-color: var(--color-primary);
    color: #fff;
}

/* ---//--- */

/* --- Scrollbar Colors --- */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: var(--color-scrollbar);
  }

::-webkit-scrollbar-thumb {
    background-color: var(--color-scrollbar-thumb);
    border-radius: 10px;
}

::-webkit-scrollbar-corner {
    background-color: var(--color-scrollbar);
}

/* ---//--- */

/* --- Primary Colors --- */

input[type="text"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="password"]:focus,
input[type="search"]:focus, input[type="number"]:focus,
input[type="tel"]:focus, input[type="range"]:focus,
input[type="date"]:focus, input[type="month"]:focus,
input[type="week"]:focus, input[type="time"]:focus,
input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="color"]:focus, textarea:focus, select:focus {
    background-color: #ffffff;
    background-image: linear-gradient(#d61523, #d61523), linear-gradient(#e9e9ea, #e9e9ea);
}

.footer .hi-mail-form .hi-mail-field:focus {
    background-image: linear-gradient(#d61523, #d61523), linear-gradient(rgba(125, 125, 125, 0.3), rgba(125, 125, 125, 0.3));
}

.bg-primary-light {
    background-color: #fef8f8;
}

.bg-primary,
.service-content > a:before,
.heading-default h3:before,
.heading-default h3 .hi-heading:after,
.menu-right li.cart-wrapper .cart-icon-wrap span,
.shopping-cart .cart-badge, .badge,
.prealoader, .hamburger-menu > a:hover div,
.hamburger-menu > a:focus div {
	background-color: var(--color-primary);
}

.recommended-badge, .recommended .pricing-icon, .pricing,
.hi-search-form .hi-form-control:focus + i, .hi-link,
.hi-tab-filter a.active,
.heading-white h3 .hi-heading,
.heading-default > span,
.menu-wrap .dropdown-menu li a sup,
.menu-wrap .dropdown-menu li a sub,
.mobile-menu .dropdown.current > a,
.mobile-menu .dropdown > span > a,
.theme-mobile-menu div.mobile-menu a:hover,
.contact-icon,
.header-widget ul li a:hover,
.header-widget ul li a:focus,
.navigator .menubar .menu-wrap > li.active > a,
.navigator .menubar .menu-wrap > li.focus > a,
.navigator .menubar .menu-wrap > li:hover > a,
.shopping-cart, .primary-color,
.header .widget-nav-menu .sub-menu:before,
.navigator .menubar .dropdown-menu:before {
	color: var(--color-primary);
}

a:hover, a:focus {
    color: var(--color-primary-dark);
}

button[type=submit]:hover, button:hover, input[type="button"]:hover,
input[type="reset"]:hover, input[type="submit"]:hover,
button[type=submit]:focus, button:focus, input[type="button"]:focus,
input[type="reset"]:focus, input[type="submit"]:focus {
    color: #ffffff;
    background-color: var(--color-primary-dark);
}

.header .widget-nav-menu .sub-menu,
.navigator .menubar .dropdown-menu,
.shopping-cart {
    border-top-color: var(--color-primary);
}

.badge:before {
    border-right-color: var(--color-primary);
}

/* ---//--- */

/* --- Secondary Colors --- */

.header-above-dark {
	background-color: var(--color-secondary);
}

/* ---//--- */


/* --- Transition --- */

.blog-img-carousel, .blog-img-carousel:before,
.service-icon, .service-content > a,
.service-item, .service-item:before,
.pricing-item, .features-item,
.features-icon, .hi-link,
.gallery-item .gallery-icon img,
.portfolio-item .portfolio-icon img, a {
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

/* ---//--- */