body{
	background: var(--background-color);
	color: var(--text-color);
	font-family: 'Raleway', sans-serif;letter-spacing: 1px;
	font-size:12px;
}

.primary-color{color:var(--primary-color)!important;} 
.secondary-color{color:var(--secondary-color)!important;}
.background-color{color:var(--background-color)!important;}
.footer-color{color:var(--footer-color)!important;}
.hero-color{color:var(--hero-color)!important;}
.text-color{color:var(--text-color)!important;}

.primary-bg{background:var(--primary-color)!important;} 
.secondary-bg{background:var(--secondary-color)!important;}
.background-bg{background:var(--background-color)!important;}
.footer-bg{background:var(--footer-color)!important;}
.hero-bg{background:var(--hero-color)!important;}
.text-bg{background:var(--text-color)!important;}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.no-underline:hover, .no-underline{
	text-decoration: none;
}

.fs-34{font-size: 34px;}
.fs-30{font-size: 30px;}
.fs-16{font-size: 16px;}
.fs-14{font-size: 14px;}
.fs-12{font-size: 12px;}

.fw-700{font-weight: 700}
.fw-600{font-weight: 600}
.fw-400{font-weight: 400}

.pointer{
	cursor: pointer;
}

.list-style-none li{
	list-style-type: none;
}

.container-padding{
	padding-left: var(--bs-gutter-x,.75rem);
	padding-right: var(--bs-gutter-x,.75rem);
}

.raleway{font-family: 'Raleway', sans-serif;letter-spacing: 1px;}
.open-sans{font-family: 'Open Sans', sans-serif; letter-spacing: 0px;}

.header{
	background: var(--secondary-color)
}

.menu{
	left: auto;
}

.menu li{
	border-bottom: 2px solid var(--text-color);
}

.hero{
	background-image: var(--hero-image);
    background-position: center;
    background-size: cover;
    height: 250px;
}

.hero-background{
	background: var(--hero-color);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, var(--hero-color) 0%, rgba(242,10,10,0) 100%);
}

.small-row{
	margin-left: -7px;
	margin-right: -7px;
}

.small-col{
	padding-left: 7px;
	padding-right: 7px;
}

.service-title{
	max-width: 120px;
}

.shop-col{
	top: 0;
	left: 0;
	background: var(--secondary-color);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, var(--secondary-color) 0%, rgba(0,0,0,0) 60%);
	pointer-events: none;
}

.shop-col h2{
	border-bottom: 4px solid var(--primary-color);
	max-width: 220px;
}

.footer{
	border-top: solid 15px var(--secondary-color);
	background: var(--footer-color)
}

.footer-list li{	
	margin-bottom: 4px;
}

/* fade image in after load */
.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}

@media (min-width: 992px){
	.mb-lg-6{margin-bottom: 6rem!important;}
	.mt-lg-6{margin-top: 6rem!important;}
	.fs-lg-20{font-size: 20px}
	.header{
		position: static!important;
	}
	.menu{
		position: static!important;
		background: var(--secondary-color)!important;
		margin-left: auto;		
		font-weight: 600;
	}
	.menu li{
		border-bottom: none;
		display: inline-block;
		border-left: 1px solid var(--text-color)
	}
	.menu li:first-child{
		padding-left:0!important;
		border-left: none
	}
	.hero{
	    height: 500px;
	}
	.content{
		margin-top: 0!important;
		padding-left: var(--bs-gutter-x,.75rem);
		padding-right: var(--bs-gutter-x,.75rem);
	}
	.service-title{
		font-size: 16px;
	}
}