/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 09 2025 | 15:56:56 */
.swiper-pagination-bullet-active{
	background:#499844 !important;
}

.site-content .ast-container{
	flex-direction: column;
}



.noti-bar{
	color:#fff;
	background:#499844;
	padding:3px 0;
}
.noti-bar > div{
	justify-content: center;
}

.noti-bar .link-text{
	align-items: center;
}

.noti-bar .link-text a{
	color:#fff !important;
}
.flex-row-direction {
    flex-direction: row;
}
.items-center {
    align-items: center;
}

.flex{
            display:flex;
        }
        
        .items-center {
            align-items: center;
        }
        
        .px-2 {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }
        
        .font-market {
            font-size: 10px;
            font-weight: 500;
        }
        
        .font-ticker {
            font-size: 24px;
            font-weight: 700;
        }

@media only screen and (max-width: 767px) {
	.font-ticker {
            font-size: 18px;
        }
}

.contact-pg:before{
	display:none !important;
}
.contact-pg .elementor-widget-container h2{
	color:#499844 !important;
}
.contact-pg .elementor-widget-container p,
.contact-pg form label{
	color:#fff !important;
}
/* Green Bg */
        
		body.green-bg .contact-pg,
        body.green-bg .site-footer,
        body.green-bg .store-locator #sidebar,
        body.green-bg .ast-primary-header-bar{
            background:#fff !important;
        }
        body.green-bg #provinces-list:after,
        body.green-bg #provinces-list li.active, 
        body.green-bg #provinces-list li:hover,
        body.green-bg .my_store_header,
        body.green-bg .swiper-pagination-bullet-active,
        body.green-bg input.wpcf7-form-control.wpcf7-submit,
		body.green-bg a.elementor-button,
        body.green-bg .noti-bar,
        body.green-bg .ast-header-button-1 .ast-custom-button,
        body.green-bg .btn,
        body.green-bg .store-btn{
            background:#90ab7b !important;
        }
		body.green-bg .contact-pg .elementor-widget-container h2,
        body.green-bg #locations-list li .title-row,
        body.green-bg #astra-footer-menu .menu-item > a,
        body.green-bg .ast-footer-copyright,
        body.green-bg .main-header-menu > .menu-item > .menu-link,
        body.green-bg .working-hours-row div + div{
            color:#90ab7b !important;
        }
        
		body.green-bg .contact-pg .elementor-widget-container p,
		body.green-bg .contact-pg form label,
        body.green-bg #sidebar .sidebar-header{
            color:#000 !important;
        }
        body.green-bg .heading-bar span,
        body.green-bg .order-btn-row button,
		body.green-bg .elementor-divider-separator:before, 
		body.green-bg .elementor-divider-separator:after,
        body.green-bg .elementor-kit-210 input:not([type="button"]):not([type="submit"]),
		body.green-bg input.wpcf7-form-control.wpcf7-submit,
        body.green-bg .modal-content{
			border-color:#90ab7b !important;
		}
        body.green-bg .my_store_header{color:#fff !important;}
        body.green-bg .elementor-element.elementor-element-0c675dc.elementor-view-default .elementor-icon svg{
        fill:#90ab7b !important;
}
body.green-bg .wpcf7 input,
body.green-bg .wpcf7 textarea{
	border-width:1px !important;
}
body.green-bg .my_store_nav_dt{
	border:2px outset #90ab7b;
}
body.green-bg .my_store_nav a{
	color:#000;
}

body.green-bg .cls-1{
	fill:#000 !important;
}

body.green-bg .cls-2{
	fill:#90ab7b !important;
}





        
        /* Blue Bg */

		body.blue-bg .contact-pg .elementor-widget-container h2{
			color:#042d4d !important;
		}
        body.blue-bg #provinces-list:after,
        body.blue-bg #provinces-list li.active, 
        body.blue-bg #provinces-list li:hover,
		body.blue-bg .contact-pg,
        body.blue-bg .swiper-pagination-bullet-active,
        body.blue-bg .site-footer,
        body.blue-bg .store-locator #sidebar,
        body.blue-bg .ast-primary-header-bar,
        body.blue-bg a.elementor-button,
        body.blue-bg .btn,
		body.blue-bg .store-btn{
            background:#2887a9 !important;
        }
		
        body.blue-bg #locations-list li .title-row,
        body.blue-bg .working-hours-row div + div{
            color:#2887a9 !important;
        }
        body.blue-bg input.wpcf7-form-control.wpcf7-submit,
        body.blue-bg .ast-header-button-1 .ast-custom-button,
        body.blue-bg .my_store_header,
        body.blue-bg .noti-bar{
            background:#042d4d !important;
        }
        body.blue-bg .heading-bar span,
        body.blue-bg .order-btn-row button,
        body.blue-bg .elementor-kit-210 input:not([type="button"]):not([type="submit"]),
        body.blue-bg input.wpcf7-form-control.wpcf7-submit,
        body.blue-bg .modal-content{
			border-color:#042d4d !important;
		}
body.blue-bg .elementor-element.elementor-element-0c675dc.elementor-view-default .elementor-icon svg{
        fill:#042d4d !important;
}

body.blue-bg .contact-pg form label,
body.blue-bg .my_store_header{color:#fff !important;}

.my_store_header {
    font-size: 13px;
    background: #499844;
    display: block;
    color: #000;
    padding: 0 58px;
    text-align: center;
    font-weight: 700;
    line-height: 20px;
}

.my_store_nav a.dropdown-opener {
    background:#499844;
    color: #fff;
    display: block;
    padding: 11px 24px;
    line-height: 1.3em !important;
    margin: 0 !important;
}

.my_store_nav a div {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 55px);
    line-height: 17px;
    font-size: 14px;
    padding-right: 19px;
	text-transform: capitalize;
}

.gg-pin {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: rotate(45deg) scale(var(--ggs,1));
    width: 20px;
    height: 20px;
    border-radius: 100% 100% 0 100%;
    border: 2px solid;
    margin-top: -5px;
}

.gg-pin::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
    top: 4px;
    left: 4px;
    border-radius: 40px;
}

.gg-chevron-down {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px;
}

.gg-chevron-down::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 4px;
    top: 5px;
}

.my_store_nav a div:first-child {
    width: 35px;
}

.my_store_nav a div:last-child {
    width: 20px;
}

.my_store_nav_dt{
	max-width: 400px;
    display: block;
    padding: 0;
	position:relative;
	border:2px outset #fff;
	border-radius:2px;
}
#locationDisplay{color:#c7c6c6;}

.locations-dropdown{
  position: absolute;
  left: auto;
  right: 0;
  opacity:0;
  visibility:hidden;
  transition:all 0.3s ease;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 500px;
  background:#fff;
  border: 5px inset #fff;
}

.heading-bar span{
	border-bottom:1px solid #499844;
}

.active-dropdown .locations-dropdown{
	opacity:1;
	visibility:visible;

}

#provinces-list,
#locations-list{
	padding:0;
	margin:0;
	list-style:none;
	max-height: 230px;
}

#provinces-list{
  padding: 10px 10px 10px 0;
  position:relative;
  text-transform:capitalize;
}

#provinces-list:after{
	position:absolute;
	top:-20px;
	bottom:20px;
	content:'';
	background:#499844;
	width:2px;
	right:0;
}

#locations-list{
	overflow-y: scroll;
}

.active-dropdown .gg-chevron-down{
	transform: rotate(180deg);
	top: 7px;
}

#provinces-list li,
#locations-list li{
	display:block;
	background:#fff;
	padding:5px 15px;
	transition:all 0.3s ease;
}

.locations-dropdown .heading-bar{
	text-align: center;
	font-size: 15px;
	padding: 10px;
	font-weight: bold;
}

#provinces-list li a,
#locations-list li a{
	color:#000 !important;
}

#provinces-list li.active,
#provinces-list li:hover{
	background:#499844;
	
	cursor:pointer;
	color:#fff;
}


#locations-list li .title-row{
	color:#499844;
	display:block;
	font-weight: bold;
	font-size: 13px;
}

#locations-list li .store-info-list a{
	padding:0;
	font-size:11px;
	line-height:13px;
	text-align:left;
	border:none !important;
}

#locations-list li .store-info-list .order-btn-row button{
	background:#499844;
	color:#000;
	display:inline-block;
	padding: 5px;
    color: #fff;
    margin: 5px 0 10px !important;
	letter-spacing: normal;
    border-radius: 0;
	font-size:11px;
}

.green-bg.saskatchewan ul#ast-hf-menu-1 li:last-child {
	display: flex !important;
}

body.single-store #primary{
	max-width:1150px;
	margin:0 auto !important;
}

body.single-store #primary h1.entry-title{
	font-family:"Montserrat", sans-serif !important;
}

body.single-store #primary .entry-meta{
	display:none !important;
}


body.single-store #primary .entry-content{
	padding:0 20px 30px;
	font-size: 20px;
}

.store-btn {
    background: #499844;
    color: #fff;
    display: block;
    text-align: center;
    padding: 15px;
    border-radius: 5PX;
    text-transform: uppercase;
	max-width: 50%;
    margin: 0 auto 15px;
}

.swiper{
	
}

.swiper-pagination{
	text-align:right !important;
}

.store-card {
    background: #fff;
    padding: 15px;
}
.store-card img {
    max-width: 100%;
	width:100%;
	display:block;
	margin-bottom:15px;
}

.store-card h3{
	text-transform: capitalize;
	margin-bottom: 5px;
}

.store-card .img-box{
	position:relative;
}

.store-card .img-box .strore-link{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-size: 45px;
    text-align: center;
    line-height: 50px;
    padding: 0;
    bottom: 15px;
    right: 15px;
}

.swiper-button-next, .swiper-button-prev{
	color:#499844 !important;		
}

.site-header{
	border-bottom: 2px solid #499844;
}

.page-template-store-template .ast-container{
	width: 100%;
    max-width: 100%;
    padding: 0;
}

.page-template-store-template  #primary{
	margin: 0 !important;
    width: 100%;
	
}

.page-template-store-template .site-header{
	padding:0 35px;	
}