/* ========================
   2.1 Styling / Background color
======================== */

.element-background-pattern {background: url('background_image.png?20250904211943') no-repeat scroll top center;}

.collection-page-image {background-image: url(https://cdn.shoplightspeed.com/shops/669478/files/71259326/abf-cover-1.webp)!important;}
.product-page-image {background-image: url(https://cdn.shoplightspeed.com/shops/669478/files/71259326/abf-cover-1.webp)!important;}
.catalog-page-image {background-image: url(https://cdn.shoplightspeed.com/shops/669478/files/71259326/abf-cover-1.webp)!important;}
.brand-page-image {background-image: url(https://static.webshopapp.com/shops/242864/files/149387879/banner-7a.jpg)!important;}
.tag-page-image {background-image: url(https://static.webshopapp.com/shops/242864/files/149387879/banner-7a.jpg)!important;}
.textpage-page-image {background-image: url(https://static.webshopapp.com/shops/242864/files/149387879/banner-7a.jpg)!important;}

/* ========================
   2.2 Styling / Colors
======================== */

/* Main-color */
a, a:visited, a:focus, nav.desktop .item.active .itemLink, nav .glyphicon-remove, .sidebar .item .itemLink.active, .sidebar .item .itemLink.active:hover, .sidebar .item .subitemLink.active, .sidebar .item .subitemLink.active:hover, footer .social-media .symbol:hover, .products .product .image-wrap .cart, .sidebar .item .active, .sidebar .item .active:hover, .slider-prev:hover span, .slider-next:hover span, .hightlight-color {color: #d2232a;}
.co-colored {color: #d2232a;}
.bg-colored {background-color: #d2232a;}

/* Header */
.cd-dropdown-trigger {background-color: #d2232a;}
.square {border-color: #d2232a;color: #d2232a;}
#currency-and-language .currency-tag {border-color: #d2232a;}
#currency-and-language .language-tag {border-color: #d2232a;}
#search .popular-product-tag {border-color: #d2232a; color: #d2232a;}

.cd-dropdown-content .see-all a {color:#d2232a;}
.no-touch .cd-dropdown-content > li:not(.has-children) a:hover {color:#d2232a;}
.cd-dropdown-content .cd-secondary-dropdown > li > a {color:#d2232a!important;}
.no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover{color:#d2232a;}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item{color:#d2232a;}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3{color:#d2232a;}
.cd-dropdown-content > .has-children > a.is-active{box-shadow:inset 2px 0 0 #d2232a;color:#d2232a;}
.cd-dropdown-content > .has-children > a.is-active::before,.cd-dropdown-content > .has-children > a.is-active::after{background:#d2232a;}
.open-to-left .cd-dropdown-content > .has-children > a.is-active{box-shadow:inset -2px 0 0 #d2232a;}

/* Footer */
#footer .newsletter .subscribe {background-color: #d2232a;}
#footer .links h4 {color: #d2232a;}

/* Collection page */
.collection-pagination ul li.number a:hover {color: #d2232a;border-color:#d2232a;}

/* USP */
.co-usp {color: #d2232a;}

/* Category Snippet */
.category-wrapper .co-colored {color: #d2232a;}
.category-wrapper .bg-colored {background-color: #d2232a;}
.category-image .cs-6 .element-caption-title {background-color: #d2232a;}
.category-image .btn-caption {background-color: #d2232a;}
  
/* Product Snippet */
.product-wrapper .co-colored {color: #d2232a;}
.product-wrapper .bg-colored {background-color: #d2232a;}
.product-image .ps-3 .element-caption-title {background-color: #d2232a;}

/* Brand Snippet */
.brand-wrapper .co-colored {color: #d2232a;}
.brand-wrapper .bg-colored {background-color: #d2232a;}
.brand-image .bs-3 .element-caption-title {background-color: #d2232a;}

/* Blog Snippet */
.blog-wrapper .co-colored {color: #d2232a;}
.blog-wrapper .bg-colored {background-color: #d2232a;}
.blog-image .bls-3 .element-caption-title {background-color: #d2232a;}

/* Bundle Products */
.bundle-discount {background: #d2232a;}
.bundle-price {border-color: #d2232a;}

/* Scroll to top button */
.scrollup {color: #d2232a;border-color: #d2232a;}

/* ========================
   Header colors
======================== */
.top-navigation {background: #333333;}
.top-navigation-text a {color: #888888;}

/* ========================
   Hover main color
======================== */

/* Main-color */
a:hover {color: #b31e24;}

/* Header */
.no-touch .cd-dropdown-trigger:hover {background-color: #b31e24;}
@media only screen and (min-width: 1024px) {
  .cd-dropdown-trigger.dropdown-is-active {background-color: #b31e24;}
  .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {color: #fff!important;background-color: #b31e24;}
  .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {color: #b31e24!important;}
}

/* Footer */
#footer .newsletter .subscribe:hover {background-color: #b31e24;}

/* Sidebar */
#sidebar .sidebar-submenu:hover .custom-submenu-icon {color:#b31e24;}
#sidebar label:hover {color: #b31e24;}
#sidebar .sidebar-categories li a:hover {color: #b31e24;}
.sidebar-sort li a:hover {color: #b31e24;}

/* USP */
.fa-stack:hover .co-usp {color: #b31e24;}

/* Social color styling */
.co-facebook:hover {color: #b31e24;}
.co-twitter:hover {color: #b31e24;}
.co-google-plus:hover {color: #b31e24;}
.co-pinterest:hover {color: #b31e24;}
.co-youtube:hover {color: #b31e24;}
.co-tumblr:hover {color: #b31e24;}
.co-instagram:hover {color: #b31e24;}
.co-rss:hover {color: #b31e24;}

/* Squared Icons */
.square:hover {border-color: #b31e24;color: #b31e24;}

/* Product snippet */
.product-wrapper:hover .bg-colored {background-color: #b31e24;}

/* Category snippet */
.category-wrapper:hover .bg-colored {background-color: #b31e24;}

/* Banner snippet */
.banner-1 .slide-caption__title:hover {background-color: #b31e24;}
.banner-2 .slide-caption__title:hover {background-color: #b31e24;}
.banner-3 .slide-caption__title:hover {background-color: #b31e24;}
.banner-4 .slide-caption__title:hover {background-color: #b31e24;}

/* ========================
   2.2 Styling / Title Color
======================== */
.title-color {color: #333333;}

/* ========================
   2.4 Styling / Typography
======================== */

body {font-family: "Roboto", Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: "Roboto", Helvetica, sans-serif;}
.actiontext {font-family: "Roboto", Helvetica, sans-serif;}

/* ========================
   2.5 Banner images
======================== */

.banner-1 .slide-caption__title {background: #d2232a;}
.banner-2 .slide-caption__title {background: #d2232a;}
.banner-3 .slide-caption__title {background: #d2232a;}
.banner-4 .slide-caption__title {background: #d2232a;}

.banner-background-image-1 {background-image: url(https://cdn.shoplightspeed.com/shops/669478/files/71291988/specialized-turbo-levo-4-blog-header.png)!important;}
.banner-background-image-2 {background-image: url(https://cdn.shoplightspeed.com/shops/669478/files/71259330/hybrid-bikes.jpg)!important;}
.banner-background-image-3 {background-image: url(https://cdn.shoplightspeed.com/shops/669478/files/71259333/mountain-bikes.jpg)!important;}
.banner-background-image-4 {background-image: url(https://cdn.shoplightspeed.com/shops/669478/files/71259332/road-bikes.jpg)!important;}

/* ========================
   2.4 Sale Ribbons
======================== */
.ribbon span {background: #ff0000;}
.ribbon2 span {background: #ff0000;}
.ribbon span::before {border-left: 3px solid #ff0000;border-top: 3px solid #ff0000;}
.ribbon span::after {border-right: 3px solid #ff0000;border-top: 3px solid #ff0000;}
.ribbon2 span::before {border-left: 3px solid #ff0000;border-top: 3px solid #ff0000;}
.ribbon2 span::after {border-right: 3px solid #ff0000;border-top: 3px solid #ff0000;}
/* ========================
   2.5 Blog images
======================== */

#index-blog .blog-style-1 .slide-caption__title {background: #d2232a;}

/* ========================
   2.6 Footer
======================== */

#footer.bg-footer {background: #000000;}
#copyright.bg-copyright {background: #000000;}
#footer .footer-icon-wrapper li a {color: #ffffff;}
#footer {color: #ffffff;}
#footer .footer-icon-wrapper li a:hover {color: #eb1c2d;}

/* ========================
   2.7 Buy button
======================== */
.btn-2 {background: #d2232a;box-shadow: 0 6px #b31e24;}
.btn-2c:hover {box-shadow: 0 4px #b31e24;}
.gui .gui-div-cart-sum .gui-align-right a.gui-button-large.gui-button-action {background: #d2232a;box-shadow: 0 6px #b31e24;}
.gui .gui-div-cart-sum .gui-align-right a.gui-button-large.gui-button-action:hover {box-shadow: 0 4px #b31e24;}

/* ========================
   2.8 Slider
======================== */
.slide-1 .slide-caption {color: #b31e24;}
.slide-2 .slide-caption {color: #000000;}
.slide-3 .slide-caption {color: #000000;}

#owl-demo .slide-1 .sliderbutton {border-color: #b31e24;color: #b31e24;}
#owl-demo .slide-2 .sliderbutton {border-color: #000000;color: #000000;}
#owl-demo .slide-3 .sliderbutton {border-color: #000000;color: #000000;}

#owl-demo .slide-1 .sliderbutton:hover {border-color: #b31e24;color: #b31e24;}
#owl-demo .slide-2 .sliderbutton:hover {border-color: #b31e24;color: #b31e24;}
#owl-demo .slide-3 .sliderbutton:hover {border-color: #b31e24;color: #b31e24;}