/* 20240227182038 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #006600;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #006600;
  box-shadow: 0 0 2px #006600;
}

.gui-select.gui-focus .gui-handle {
  border-color: #006600;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #34b233;
}

/* custom */
/* Lisette Lightspeed support 14/09/2021 */
div.gui-account-loyalty-content{
	height: fit-content;
}
/* END */
/*Start - Marc Lightspeed - Product page size zd:1602532 */
@media screen and (min-width: 992px){
body > div.wrapper > div.container.content > div.product-wrap.row > div.product-info.col-sm-6.col-md-5.col-md-offset-1{
width: 55%;
margin-left: 0;
}
body > div.wrapper > div.container.content > div.product-wrap.row > div.product-img.col-sm-6.col-md-6{
  width: 40%;
}
}

.topnav {
  font-size: 15px;
}

.topnav .container {
  width: 90%;}


/*END - Marc Lightspeed - Product page size */
/* GLOBAL FONT CHANGE */
body {
    /*!font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}
/*  change HEART to red -- added April 23, 2020 */
.fa-heart {
   /* color: #FF0007; */
}
/* Adjust PRODUCT TITLE formatting -- Added by Jon Loeppky, April 24, 2020 */
.page-title h1 {
  font-size: 2.6875em;
  font-weight: 500;
}
.product-info .product-price .price {
    font-weight: 300;
}
.products .product .info .title {
    line-height: 1.0;
    margin-bottom: 5px;
}
.product-info .add-cart .cart {
    font-size: 18px;
}
/*
Service Menu and Featured Box -- Added by Jon Loeppky, April 14 2020
*/
.service {
	background: transparent;
}
.service .table table, th, td {
  border: 3px;
}
.service .table-striped>tbody>tr:nth-of-type(odd) {
 background-color:#f9f9f9
}
.service .service-section-title h2{
	margin-top: 0px;
  margin-bottom: 0px;
  font-size: 2.0875em;
}
.service .section-spacer {
	height: 50px;
} 
.service .service-overview {
  line-height: 1.0;
  margin-bottom: 30px;
}
.service .service-title {
	display: inline-block;
  font-weight: 700;
  font-size: 24px;
  color: #000;
  width: 100%;
  text-align: left;
  margin-top: 20px;
}
.service .service-title-blank {
  display: inline-block;
  font-weight: 700;
  font-size: 24px;
  color: #000;
  width: 100%;
  text-align: left;
  margin-top: 20px;
}
.service .service-disclaimer {
	display: inline-block;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  width: 100%;
  text-align: left;
  margin-top: 20px;
}
.service-feature .price-block {
	display: inline-block;
  font-weight: 700;
  font-size: 24px;
  color: #000;
  background: #d6d6d6;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.service-feature .details {
	background: #F3F3F3;
  padding: 15px 30px;
  margin-bottom: 10px;
  font-size: inherit;
  height: 484px;
}
.service-feature .details_med {
	background: #F3F3F3;
  padding: 15px 30px;
  margin-bottom: 10px;
  font-size: inherit;
  height: 744px;
}
.service-feature .details_long {
	background: #F3F3F3;
  padding: 15px 30px;
  margin-bottom: 10px;
  font-size: inherit;
  height: 1004px;
}
.service .service-mobile-button {
  visibility: hidden;
}
@media (max-width: 767px) {
.service .service-disclaimer {
  background: #333;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  font-size: 1.0em;
  padding: 20px;
  margin-top: -30px;
  margin-bottom: 30px;
  }
  
  
.service-overview {
  font-size: 1.25em;
  text-align: justify;
  line-height: 1.25em;
  padding: 10px 15px;
  margin: 15px 10px;
}
  
.service .service-section-title h2 {
	font-size: 2em;
  text-align: center;
  line-height: 1.0;
}  

.service-feature .details {
  font-size: 1.25em;
  height:520px;
}
  
.service-feature .details_med {
  font-size: 1.25em;
  height:900px;
}
  
.service-feature .details_long {
  font-size: 1.25em;
  height:1250px;
}
  
.service-feature .price-block {
  font-size: 2em;
}  

.service .service-title {
  font-size: 1.25em;
}  
  
.service .service-title-blank {
  display: inline-block;
  font-weight: 0;
  font-size: 0px;
  color: #000;
  width: 0px;
  text-align: left;
  margin-top: 0px;
}

.service .service-mobile-button {
  text-align: center;
  visibility: visible;
  margin-bottom: 50px;
}
  
.service .listing {
  font-size: 1.25em;
}  
}


/*
Italicize special footer headings -- Added by Jon Loeppky, March 23, 2020
*/

#footerNewsletter .title { 
  font-style: italic;
}

.footer-contact h3 {
  font-style: italic;
  color: #34b233;
}


/* Resize Text Box Icons to larger size -- Added by Jon Loeppky, March 26, 2020 */ 
/* 767px is the viewpoint where columns stack/float for smaller devices */

.text-block-icon {
    max-height: 150px;
}

@media (max-width: 991px) {
.text-block-icon {
    max-height: 125px;
  }  
}  

@media (max-width: 767px) {
.text-block-icon {
    max-height: 150px;
  } 
}

@media (max-width: 500px) {
.text-block-icon {
    max-height: 100px;
  }   
}



/* Promo Banner Custom CSS Added March 23, 2020 -- Adds polka dot background

.promo-banner {
 	background-image: url("https://cdn.shoplightspeed.com/shops/634810/files/19185394/red-and-white-polka-dot-2280.png");  
  background-color: #34b233;
}
*/

/* Promo Banner Title
*/ 
.promo-content h2 {
    font-weight: 700;
    font-size: 34px;
  	/* background-color: #000000; */
}

/* subtext font format
*/

.promo-banner span {
   font-style: italic;
   font-size: 17px;
   /* color: #000000; */
}

/* ---------------------------------------------------------------*/

/* CATEGORIES */
/* Added March 24, 2020 --- Manage line height to produce vertically centered box 
*/

.categories .category h3 {
		line-height:1.8;
}


/* ---------------------------------------------------------------*/

/* Hero Banner -- Text Formatting Added April 28, 2022 - Jon Loeppky */
@media only screen and (min-width: 2050) {
  .banner.overlay h1,
.banner.overlay .pretext,
.banner.overlay .subtext {
  line-height: normal;
  font-size: 5.5em;
}
}

.banner.overlay h1,
.banner.overlay .pretext,
.banner.overlay .subtext {
  line-height: 55px;
  font-size: 2.5em;
  letter-spacing: 2px;
  color: #34b233 !important;
  text-transform: uppercase;

}

.banner.overlay .banner-wrap::before {
  background: rgba(0,0,0,.25);
}

  a.btn {
  font-size: 1.25em !important;
  }


a.btn span {
  font-size: 14px;
}
/* BANNERS */

/* Homepage Banners Custom CSS Added March 23, 2020 -- Adds background behind text
*/
.home-banners-2 {
 			line-height: 1.3;
}  

.banner-2.banner-content {
			background: rgba(0,0,0,.5); /* add overlay */
/*  	width: 50%; /* aligns titles and overlay box to center */
/*  	text-align: center; /* disable for left aligned box */
  		left: auto;
}

.banner-content {
/*		margin: 0 25%; /* aligns box center */
  	left: auto; /* algins box to left edge when not centered */
}


/* remove hover effect on banners with overlays */
a.text-cta:hover {
    background-color: rgba(0,0,0,.00);
}

@media (max-width: 1024px) {
  .banner-2.banner-content {
			background: rgba(0,0,0,.5);
    	padding: 2em 2em 2em;
    	margin: 0,5%,0,5%;
			width: 70%;
    	text-align: left;
   		left:auto; /* algins box to left edge */
  }
  
    .banner-content {
    padding: 2em 2em 2em;
    margin: 0,5%,0,5%;
		width: 70%;
    text-align: left;
	}
}

@media (max-width: 767px) {
  .banner-2.banner-content {
			background: #FFF;
    	width: 100%;
    	text-align: center;
    	left:auto; /* algins box to left edge */
	}
  
    .banner-content {
    padding: 2em 2em 2em;
    margin: 0,5%,0,5%;
    text-align: center;
	}
  
  .banner-2.banner-content h3 {
    font-size: 2em; /*increase title size on small screens*/
	}
  
}

/* Added by Paully D */

/* remove top bar location link */
a.locations-link {
    display: none;
}

.contact .fas fa-phone {display: none;}
.contact a ::before 
{
padding-top: 35px;
  content: '1841 Portage Ave, Winnipeg, MB';
  repeat: none;
}

/* Service section */
section.home-image-text .row {
  padding: 25px 0 25px 0;
}
.home-image-text p {
    font-size: 1.25em;
    line-height: 27px;
}
.home-image-text h2 {

    font-size: 2.25em;
}
section.home-image-text .container
{width: 100% !important;}

.featured-image {
  background-image: url(https://cdn.shoplightspeed.com/shops/634810/themes/13854/v/625607/assets/image-text.png?20221006161458);
    background-repeat: no-repeat;
  background-size: cover;
}

section.home-image-text .featured-image img {
  display: none;
}

.home-image-text a.btn {
    margin-top: 25px;
    padding: 14px 15px 51px 15px;
}

a.btn.banner-cta {
    padding: 8px 15px 47px 15px;
}
.categories .banner-subtext {
    font-size: 1.175em;
    background-color: rgba(58, 174, 42, 0.80);
    padding: 4%;
    border-radius: 6px;
}

.categories.row.count- {
    padding: 5em 0;
}

/* homepage text block */
h4.text-block-heading {
  font-size: 1.8em;
}

p.text-block-subtext {
    font-size: 20px;
}.home-image-text,.home-image-text2.row {
    padding: 5em 0;
}

.side-section {display: none;}

button a.replace-with-your-class\(es\) {
  color: white;
font-size: 18px;}

 .products .product .image-wrap img {
   border-radius: 12px;}
/* product option field */
select#product_configure_option_color {
    background: #e7e5e5;
}
.product-form label {
    font-size: 0.85em;
}

/* Navigation updates - Paully D 24 Mar 23 */
.primary .item .itemLink, .primary .subitem .subitemLink {
  font-size: 1.3em;}
nav.primary ul li.item {
  color: #272727;
  font-weight: 600;
}  
/* trying to fix mobile issue */
@media only screen and (max-width: 767px) {
.banner-wrap img {
    width: 100%;
    height: 60vh;
}

/* Align product text */
  .products .product .info a.title {
    text-align: center;
}
  
  /* Price font */
  .old-price {
    color: red !important;
}
  .price {
    font-weight: 500 !important;
}
  
.header .input[type="text"] {
    border-color: #868282;
    border-radius: 12px
}

