﻿/******************************
    //variables
*******************************/
/******************************
    //mixins
*******************************/
/******************************
    //Header
*******************************/
.main-header {
  padding: 0 !important;
}
.main-header .logo-wrapper {
  float: left;
  overflow: hidden;
}
.main-header .search-bar {
  top: 118px !important;
}
.main-header .user-menu-text a {
  padding: 7px 10px !important;
}
.main-header .head-user-menu {
  background-color: #E52F29;
}
.main-header .head-user-menu .user-menu-options li a {
  font-size: 14px;
  color: #ffffff !important;
  transition: all 0.25s ease-in-out;
}
.main-header .head-user-menu .user-menu-options li a:hover, .main-header .head-user-menu .user-menu-options li a:active, .main-header .head-user-menu .user-menu-options li a:focus {
  color: #E52F29 !important;
  background-color: #ffffff !important;
}
.main-header .logo {
  display: flex;
}
.main-header .navbarCenterImage {
  display: inline-block;
  margin: auto;
}
.main-header .navbarCenterImage img {
  max-width: 400px;
}

.home-content-html img {
  width: 100% !important;
  height: auto !important;
}

.breadcrumb-container .breadcrumb li:last-of-type a {
  color: #E52F29 !important;
}

/******************************
    //Home
*******************************/
#featuredSlider {
  /*margin-left: -15px !important;
  margin-right: -15px !important;*/
}
#featuredSlider .item {
  height: 500px !important;
  overflow: hidden;
}
#featuredSlider .item img {
  width: 100% !important;
  margin-top: 0px;
}
#featuredSlider .item .carousel-caption {
  right: 10% !important;
  left: 55% !important;
  text-align: left !important;
  padding: 8px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.3);
  bottom: auto !important;
  top: 33% !important;
}
#featuredSlider .item .carousel-caption h1 {
  color: #ffffff !important;
}
#featuredSlider .item .carousel-caption .btn {
  border-color: #E52F29 !important;
  background-color: #E52F29 !important;
  color: #ffffff !important;
  transition: all 0.25s ease-in-out;
}
#featuredSlider .item .carousel-caption .btn:hover, #featuredSlider .item .carousel-caption .btn:active, #featuredSlider .item .carousel-caption .btn:focus {
  color: "none" !important;
  background-color: #ad1a15 !important;
  border-color: #ad1a15 !important;
}

.featured-panel-row {
  margin: 50px 0;
}
.featured-panel-row .featured-panel .panel-icon a, .featured-panel-row .featured-panel .panel-icon a i {
  color: #E52F29;
}
.featured-panel-row .featured-panel .panel-icon a:hover, .featured-panel-row .featured-panel .panel-icon a:active, .featured-panel-row .featured-panel .panel-icon a:focus, .featured-panel-row .featured-panel .panel-icon a i:hover, .featured-panel-row .featured-panel .panel-icon a i:active, .featured-panel-row .featured-panel .panel-icon a i:focus {
  color: #c31d18 !important;
}
.featured-panel-row .featured-panel .panel-action .btn {
  background-color: #E52F29 !important;
  border-color: transparent !important;
  transition: all 0.25s ease-in-out;
}
.featured-panel-row .featured-panel .panel-action .btn:hover, .featured-panel-row .featured-panel .panel-action .btn:active, .featured-panel-row .featured-panel .panel-action .btn:focus {
  color: #ffffff !important;
  background-color: #eb5b56 !important;
}

.home-featured-categories .featured-category-row {
  margin-top: 0px;
}
.home-featured-categories .col-sm-6 {
  padding: 0px;
  overflow: hidden;
}
.home-featured-categories a {
  display: block;
  position: relative;
}
.home-featured-categories figure {
  background: #000000;
}
.home-featured-categories figure.effect-sadie {
  cursor: pointer;
}
.home-featured-categories figure.effect-sadie img {

  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
.home-featured-categories figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(229, 47, 41, 0) 0%, rgba(229, 47, 41, 0.8) 75%);
  background: linear-gradient(to bottom, rgba(229, 47, 41, 0) 0%, rgba(229, 47, 41, 0.8) 75%);
  content: "";
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}
.home-featured-categories figure.effect-sadie h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #FFF;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  text-align: center;
  font-size: 35px;
  text-transform: uppercase;
  font-weight: bold;
}
.home-featured-categories figure.effect-sadie figcaption::before {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.home-featured-categories figure.effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.home-featured-categories figure.effect-sadie p span {
  width: 120px;
  display: block;
  padding: 10px 15px;
  border: 1px solid #ffffff;
  margin: 15px auto 0 auto;
  font-size: 16px;
}
.home-featured-categories figure.effect-sadie:hover h2 {
  color: #fff;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}
.home-featured-categories figure.effect-sadie:hover figcaption::before, .home-featured-categories figure.effect-sadie:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/******************************
    //Category
*******************************/
.search-result-container, .side-cat-menu {
  margin-bottom: 15px;
}

.cat-item-wrap:hover .btn-cat {
  background-color: #E52F29 !important;
  color: #ffffff !important;
}
.cat-item-wrap .btn-cat {
  border-color: #ffffff !important;
  color: #E52F29 !important;
  background-color: #ffffff !important;
  display: block !important;
  transition: all 0.25s ease-in-out;
}
.cat-item-wrap .btn-cat:hover, .cat-item-wrap .btn-cat:active, .cat-item-wrap .btn-cat:focus {
  color: #ffffff !important;
  background-color: #E52F29 !important;
}
.cat-item-wrap .cat-img {
  overflow: hidden;
}
.cat-item-wrap .cat-img:hover img {
  transform: scale(1.1);
  min-height: 190px;
}
.cat-item-wrap .cat-img img {
  height: 190px !important;
  margin-bottom: 15px;
  transition: all 0.5s ease-in-out;
}
.cat-item-wrap .cat-img a {
  display: block;
}

/******************************
    //PRODUCT PAGE
*******************************/
#productSlider, .cat-product-image {
  overflow: hidden;
}

/******************************
    //GRID PAGE
*******************************/
.grid-file-page .formLoader span {
  top: 0 !important;
  margin-top: 0 !important;
}
.grid-file-page table {
  font-size: 16px;
}
.grid-file-page table a {
  color: #E52F29;
  transition: all 0.25s ease-in-out;
}
.grid-file-page table a:hover {
  color: #eb5b56;
}
.grid-file-page .search-wrapper {
  margin-top: 12px;
  margin-bottom: 25px;
}
.grid-file-page .file-wrapper {
  min-height: 120px;
}
.grid-file-page .cat-product-thumb {
  padding-bottom: 0 !important;
}
.grid-file-page .cat-product-caption .btn-primary {
  color: #ffffff;
  background-color: #E52F29;
  border-color: #E52F29;
}
.grid-file-page .cat-product-caption .btn-primary:hover:hover, .grid-file-page .cat-product-caption .btn-primary:hover:active, .grid-file-page .cat-product-caption .btn-primary:hover:focus {
  color: #ffffff !important;
  background-color: #c31d18 !important;
}

/******************************
    //Footer
*******************************/
footer {
  background-color: #ffffff;
}

.footer-menu li a {
  color: #000000;
  transition: all 0.25s ease-in-out;
}
.footer-menu li a:hover, .footer-menu li a:active, .footer-menu li a:focus {
  padding-left: 20px !important;
}
.footer-menu li a:hover, .footer-menu li a:active, .footer-menu li a:focus {
  color: white !important;
}

.foot-signup {
  background-color: #eeeeee !important;
}
.foot-signup .btn {
  border-color: transparent !important;
  background-color: #E52F29 !important;
  color: #ffffff !important;
  @Include ease();
}
.foot-signup .btn:hover, .foot-signup .btn:active, .foot-signup .btn:focus {
  color: #E52F29 !important;
  background-color: #ffffff !important;
  border-color: #E52F29 !important;
}

#product-owl-dot {
  position: unset !important;
}

.related-products .cat-product-item {
  padding-left: 8px;
  padding-right: 8px;
}
.related-products .cat-product-item .button-group button {
  font-size: 12px;
}
.related-products .cat-product-item .button-group input {
  padding-left: 8px;
  padding-right: 5px;
}

@media only screen and (max-width: 736px) and (min-width: 320px) {
  .main-header .search-bar {
    top: 112px !important;
  }

  /*#main-menu {
      top: 112px !important;
  }*/
  .footer-contact {
    text-align: center !important;
  }
}
@media only screen and (max-width: 991px) and (min-width: 320px) {
  /*#main-menu {
      top: 138px !important;
  }*/
  .prod-actions button[type=button] {
    font-size: 24px !important;
  }
  .prod-actions button[type=button] i {
    height: 24px !important;
    width: 24px !important;
  }

  .sub-menu {
    width: auto !important;
    padding: 10px !important;
  }
}
.jconfirm-enquiry .jconfirm-content-pane {
  overflow-y: auto !important;
  height: auto !important;
}

.well {
  border: 3px solid black;
}

.add-to-cart-btn-wrap {
  position: unset !important;
}

.add-to-cart-btn-wrap .col-xs-12 > div {
  box-shadow: unset !important;
}

.trade-cat-products .addtocart-group {
  padding-bottom: 10px !important;
}

/*.normal td:first-child:before {
    border-left: 5px solid transparent;
}*/
.backorderline .pay-multi-invoice {
  margin-left: -14px;
}

.masterorderline .pay-multi-invoice {
  margin-left: -2px;
}

@media (max-width: 1024px) {
  .main-header .head-user-menu .user-menu-options li a {
    font-size: 10px;
  }
}
.product-shipping-info {
  padding-top: 20px;
  overflow-x: auto;
}
.product-shipping-info table {
  min-width: 100% !important;
}
.product-shipping-info td {
  padding: 5px 10px;
}

.sort-row-inner.d-flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sort-row-inner.d-flex > div {
  padding-left: 10px;
}


/* ==============================================================================
   [CHANGELOG]20260903 JM [TICKET ZOHO #XXXX] Ultra-wide / dual-screen layout support
   Nothing below 1921px is affected - every rule is inside a min-width media query.
   ============================================================================== */
@media (min-width: 1921px) {

    /* 1. Release the 1920px cap in Content/RS2/css/standard.css so the red bars,
          header and footer fill the screen instead of sitting on a 1920px island */
    html, body {
        max-width: none;
    }

    /* 2. Content stays centred and readable instead of a 1170px Bootstrap strip */
    .container {
        width: auto !important;
        max-width: 1720px;
    }

    footer .container {
        max-width: 1400px;
    }

    /* 3. Hero: full-bleed band, artwork at native size (no upscale blur) */
    #main-owl-carousel {
        background-color: #f4f4f6;
    }

    #main-owl-carousel .owl-item img,
    #main-owl-carousel .item img {
        max-width: 1920px;
        max-height: 600px;
        width: auto !important;
        height: auto !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #main-owl-carousel .owl-nav .owl-prev {
        left: calc(50% - 955px) !important;
        right: auto !important;
    }

    #main-owl-carousel .owl-nav .owl-next {
        right: calc(50% - 955px) !important;
        left: auto !important;
    }

    #main-owl-carousel .owl-controls .owl-dots {
        position: static !important;
        padding: 14px 0;
    }

    /* 4. Home category tiles: 6 across (12 tiles = 2 clean rows) */
    .home-featured-categories {
        background-color: #f4f4f6;
    }

    .featured-category-row .row-xx > [class*="col-"] {
        width: 16.6666% !important;
    }

    .home-featured-categories figure.effect-sadie h2 {
        font-size: 26px;
    }

    /* 5. Cap long-form copy - a 1900px line length is unreadable */
    .home-content-html {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    /* 6. Neutralise the inline 94vw / left:55% hack on category pages
          (see [CHANGELOG]20251219 JM [TICKET ZOHO #5151] in isellcategory.cshtml).
          Left intact below 1921px so the ticket #5151 behaviour is unchanged. */
    .page-content > .row {
        width: auto !important;
        left: auto !important;
        transform: none !important;
    }

    /* 7. Fixed-width sidebar, all remaining width to products */
    .side-cat-menu {
        width: 320px !important;
    }

    .main-cat-container {
        width: calc(100% - 320px) !important;
    }

    .category-grid > .cat-item-wrap {
        width: 20% !important;
    }
}

@media (min-width: 2560px) {
    .container {
        max-width: 1900px;
    }

    .category-grid > .cat-item-wrap {
        width: 16.6666% !important;
    }
}
/* [CHANGELOG]20260903 JM - end ultra-wide block */
/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Users/Finn%2520Brightwell/source/Workspaces/integraSell/isellWebMVC/isellWebMVC/ViewsCustom/jasco/css/jasco.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAEA;AAAA;AAAA;AAgBA;AAAA;AAAA;AA0BA;AAAA;AAAA;AAGA;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;;AAIA;EACI;;AAIR;EACI,kBA7DE;;AAkEE;EACI;EACA;EAlDZ;;AAIA;EACI;EAGI;;AAiDR;EACI;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAMR;EACI;EACA;;;AAMA;EACI;;;AAMZ;AAAA;AAAA;AAIA;AACI;AAAA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EAxHZ;;AAIA;EACI;EAGI;EAIA;;;AAqHZ;EACI;;AAII;EACI,OAzJF;;AAsBN;EACI;;AAsIA;EACI;EACA;EA7IR;;AAIA;EACI;EAGI;;;AA8IR;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI,YArLA;;AAuLA;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;;AAOpB;AAAA;AAAA;AAGA;EACI;;;AAQI;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EArRJ;;AAIA;EACI;EAGI;;AAkRR;EACI;;AAGI;EACI;EACA;;AAIR;EACI;EACA;EAtSR;;AA0SI;EACI;;;AAKZ;AAAA;AAAA;AAGA;EACI;;;AAGJ;AAAA;AAAA;AAII;EACI;EACA;;AAGJ;EACI;;AAEA;EACI,OAtVF;EAkBN;;AAuUQ;EACI;;AAKZ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI,OA5WA;EA6WA,kBA9WE;EA+WF,cA/WE;;AAsBN;EACI;EAGI;;;AA6VZ;AAAA;AAAA;AAIA;EACI,kBA3XI;;;AA+XJ;EACI,OA/XA;EAgBJ;;AAiXI;EACI;;AA9WR;EACI;;;AAqXR;EACI;;AAEA;EACI;EACA;EACA;EAEA;;AA9XJ;EACI;EAGI;EAIA;;;AA2XZ;EACI;;;AAIA;EACI;EACA;;AAII;EACI;;AAGJ;EACI;EACA;;;AAOhB;EAEQ;IACI;;;AAGR;AAAA;AAAA;EAGA;IACI;;;AAKR;AACI;AAAA;AAAA;EAIA;IACI;;EAEA;IACI;IACA;;;EAKR;IACI;IACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAIA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAKR;EACI;EACA;;AACA;EACI;;AAEH;EACG;;;AAIR;EACI;EACA;EACA;;AAEA;EACI%22%7D */