:root {
  /*** Global ***/
  --theme-primary: #ad1f31; /* bright red */
  --theme-secondary: #000000; /* black */
  --theme-tertiary: #e15413; /* orange */
  --theme-text: #3a3a3a; /* dark grey */
  --theme-lightgrey: #f2f2f2; /* light grey */

  /* Top Bar */
  --topbar-bg: #000000;
  --topbar-icons: #fff;
  --topbar-text: #fff;
  --topbar-hover: #ad1f31;
  
  /* Main Header */
  --header-bg: #fff;
  --header-icons: var(--theme-primary);
  --header-text: var(--theme-text);
  --header-hover: #ad1f31;
  
  /* Header Search Bar */
  --search-bg: var(--theme-lightgrey);
  --search-icons: var(--theme-primary);
  --search-text: var(--theme-text);
  --search-focus: var(--theme-primary);
  
  /* Main Navigation */
  --nav-bg: #ad1f31;
  --nav-border: #000000;
  --nav-icons: var(--theme-primary);
  --nav-text: #fff;
  --nav-hover: #000000;
  
  /* USP Strip */
  --strip-bg: var(--theme-secondary);
  --strip-icons: var(--theme-primary);
  --strip-text: var(--theme-text);
  --strip-hover: var(--theme-tertiary);
  
  /* Footer */
  --footer-bg: #f2f2f2;
  --footer-icons: var(--theme-primary);
  --footer-text: var(--theme-text);
  --footer-hover: var(--theme-tertiary);
  
  /* Footer Newsletter Input*/
  --footnews-bg: #fff;
  --footnews-icons: var(--theme-primary);
  --footnews-text: var(--theme-text);
  --footnews-focus: var(--theme-primary);
  
  /* Footer Social Icons */
  --footsocial-bg: var(--theme-primary);
  --footsocial-icons: #fff;
  --footsocial-bg-hover: #000000;
  --footsocial-icons-hover: #fff;
  
  /* Title Underline Underline Colour */
  --title-underline:  var(--theme-primary);
  
  /* Simple / Link Boxes */
  --linkbox-bg: var(--theme-primary);
  --linkbox-text: #fff;
  --linkbox-hover-bg: var(--theme-tertiary);
  --linkbox-hover-text: #fff;
}

/* Homepage Category Boxes */

.cateboxes {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
      padding-bottom: 30px;
}
.cateboxes img {
  border-bottom: solid 6px #ad1f31;
}
.cateboxes h2 {
      padding-top: 25px;
    padding-bottom: 10px;
  color: #ad1f31 !important;
}

.cateboxes h2:hover {
  color: #ad1f31 !important;
}

.cateboxes a {
  color: #000000 !important;
}

.cateboxes p {
    line-height: 0.8;
}
.cateboxes a:hover {
  color: #ad1f31 !important;
}

.cateflexbox h3 {
  text-align: center;
}

  /* 4 Icon Banner Homepage */

.homeStrip{
    background: #f2f2f2;
    padding:30px 0;
    margin-top:-1px;
}

.stripBox{
    display:flex;
    align-items:center;
    position:relative;
    margin:0 7px;
}

.stripImg{
    display:flex;
    width:40px;
    height:40px;
    justify-content:center;
    align-items:center;
    margin-right:15px;
}

.stripBox p{
    margin:0;
    font-size:14px;
    line-height:20px;
    transition:0.35s color;
}

.stripBox p span{
    font-size:16px;
    font-weight:700;
}

.stripBox:hover p{
    color:#003865;
}

  /* Form label spacing */

label {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 12px;
    margin-top: 12px;
}
  
/* Materials Quote */

.materialsquote {
border: solid 1px #ad1f31;
    padding: 15px;
}


/* ADDING SOLID BORDER AROUND SEARCH BAR (ADD NEW HEX CODE)*/

.header-full .search_container section.search .search-form .form-group input {
    height: 50px;
    border: 2px solid #000000 !important;
}

/* ABOUT US HOME - Desktop Only */
@media screen and (min-width: 760px) {
  .aboutushome-desktop {
      display: block;
      background: #000000;
      color: white;
      margin-top: -5px;
      padding: 15px;
  }

  .aboutushome-desktop a {
      text-decoration: none;
      color: #ffffff;
  }

  .aboutushome-desktop h3 {
      color: #ffffff;
  }
}

/* Hide on mobile */
@media screen and (max-width: 759px) {
  .aboutushome-desktop {
      display: none;
  }
}

/* Hide mobile content by default (desktop) */
.aboutushome-mobile {
  display: none;
}

/* Show mobile content on small screens */
@media screen and (max-width: 768px) {
  .aboutushome-mobile {
    display: block !important; /* force it visible on mobile */
    background: #000000;
    color: white;
    margin-top: -5px;
    padding: 15px;
  }

  .aboutushome-mobile a {
    text-decoration: none;
    color: #ffffff;
  }

  .aboutushome-mobile h3 {
    color: #ffffff;
  }
}


/* Reset styles on desktop */
@media screen and (min-width: 769px) {
  .aboutushome-mobile {
    background: transparent !important;
    color: inherit !important;
    margin-top: 0 !important;
    padding: 0 !important;
  }

  .aboutushome-mobile a {
    color: inherit !important;
  }

  .aboutushome-mobile h3 {
    color: inherit !important;
  }
}


/* HOMEPAGE ACE AND OTHER SECTION*/


.home-btm-fw-callout {padding: 60px 0;}
.home-btm-fw-callout p {margin-bottom: 1em;}
.home-btm-fw-callout-blue { background:#000000; color:#fff;}
.home-btm-fw-callout-blue h1,
.home-btm-fw-callout-blue h2 {color: #fff;}
.home-btm-fw-callout-blue a {color: #fff; text-decoration: underline;}
.home-btm-fw-callout-blue a.btn {background: #fff; color: #025939; text-decoration: none;}
@media (min-width:1200px) {
	.home-btm-fw-callout .text {padding-top: 60px;}
}
.home-btm-fw-callout-gray {background:#f2f2f2;}
.home-btm-fw-callout-gray h1 {color: #ad1f31;}
.home-btm-fw-callout-gray a.btn {background:#025939; color:#fff; text-decoration: none; margin-bottom:15px;}

.home-btm-fw-callout.home-btm-fw-callout-blue { padding-bottom: 100px;}
.home-btm-fw-callout-blue h1 {color: #fff; margin-bottom: 30px;}
.home-btm-fw-callout-blue .inner {background: #fff; color: #000; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.25); box-shadow: 0 0 8px 0 rgba(0,0,0,.25);}
.home-btm-fw-callout-blue .inner-text {padding: 20px 30px 30px 30px;}
.home-btm-fw-callout-blue .inner-text h2 {color: #000; font-weight: 400;}
.home-btm-fw-callout-blue .inner-text p {color: #000;}
.home-btm-fw-callout-blue .inner-text .callout-link {color: #000; text-decoration: underline; text-transform: uppercase; font-size: 14px; font-weight: 600; font-style: normal; }
.home-btm-fw-callout-blue .inner-text .callout-link:hover {color: #025939;}

/* Banner Talk to an Expert */

.bannerExpert{
	padding: 20px;
	width: 100%;
	border-radius: 4px;
	position:relative;
	display: flex;
  	flex-wrap: wrap;
  	justify-content: space-evenly;
  margin-top: 50px;
    align-items: center;
  	margin-left: auto;
  	margin-right: auto;
    margin-bottom:50px;
	background-color: #f2f2f2;
}
.buttonExpert{
	border:none;
	border-radius:4px;
	background-color: #000000;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	padding: 15px 35px 15px 35px;
	transition-duration: 0.2s;
}
.buttonExpert:hover{
	background-color: #ad1f31;
	color: black;
}
.bannerTxtExpert {
  display:flex;
  flex-direction:row;
}
.bannerTxtExpert h1{
	font-weight: 700;
    color:white;
	font-size: 45px;	
}
.bannerTxtExpert h2{
	font-weight: 700;
	font-size: 45px;	
}
  .bnImg {
 margin:-4rem 0 -4rem 0;
}

.contactboxes {
    border: solid 1px #ad1f31;
    padding: 15px;
  margin-top: 30px;
}

.onlinefeedback {
    border: solid 1px #ad1f31;
    padding: 15px;
  margin-top: 30px;
}

/* Menu Spacing */

.menu ul.catalog {
  justify-content: space-around !important;
}

.menu ul.catalog > li + li > a {
  border-left: 0 !important;
}

.current-branch-banner {
    background: #8a0000;
    font-size: 18px;
    padding: 9px 0;
  }
 
.current-branch-banner .container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  height: 12px;
}

div > div > div > div.col-sm-6.banner2 > div > h3 {
    text-align: center;
    text-wrap: balance;
}

  /* Add to cart button for collection only*/

.btn-add-to-cart-collection {
  	font-size:0px !important;
  	visibility: hidden;
} 
.btn-add-to-cart-collection::after{
    border: 3px solid #ad1e31;
    display:inline-flex;
  	visibility:visible;
  	font-size:14px;
  	content:"ADD TO CART";
  	background-color: #ad1e31;
  	color:white;
  	padding:10px 1rem 10px 1rem;
  	border-radius: 4px;
}
.btn-add-to-cart-collection:hover::after{
    background-color: #000;
  	color:#fff;
  border: 3px solid #000;
    	padding:10px 1rem 10px 1rem;
  	border-radius: 4px;
      display:inline-flex;
  	visibility:visible;
}

.flex-buttons .flex-50.flex-left {
    margin-right: 5px;
    display: none;
}


/* pick up button
.ex-cart .item .name a:nth-child(4) {
  color:white;
  background:#ad1e31;
  padding:.5em;
  border-radius:5px;
  position:relative;
  top:.3em;
  font-weight: 700;
}

.ex-cart .item .name a:nth-child(4):hover {
  color:white;
  background:black;
font-weight: 700;
}

.grill-buttons .banner_content .btn {
	margin-top: 8em;
}

.blog-title-categories {
  font-size: 1.2em
}

div > div.store-services > div > div.col-sm-6.banner1 > div > h2, div > div.store-services > div > div.col-sm-6.banner2 > div > h2 {
	text-align: center;
  	font-size: 1.75em;
    padding: 8px;
    background-color: white;
    border-radius: 10px;
}


/*new home page banner (red box) aligning text*/
.singlebanner_wrapper {
  text-align: left;
margin-left: -8px;
}

.singlebanner_wrapper .banner_subtitle {
font-size: 1em;

}

/*MOBILE PRODUCT DESCRIPTON ALIGN LEFT*/
@media (max-width: 768px) {
  .product-text { 
    text-align: left !important; 
  }
}

.catalog-single .product-description {
    text-align: left;
}