/* Base styles, which will be overridden by everything below them */

a{
	text-decoration: none;
	color: #e5460f;
}
a:hover{
	color: #c63d0e;
}
a:visited{}
a:active{}

.nav {}
.nav a{}
.nav a:hover{}
.nav a:visited{}
.nav a:active{}

.maincolour {
	color: #e5460f;
}

.maincolour-bg {
	background-color: #e5460f;
}

.featured {
	border-top:3px solid #e5460f;
	border-bottom:3px solid #e5460f;
}

.heading {
	color: #000;
	display: block;
	text-transform: uppercase;
	font-family: "Oswald";
	font-size: 24px;
	margin-bottom: 18px;
	position: relative;
}

.overlay .heading {
	font-family: "Brother";
	font-size: 24px;
}

.overlay .subheading {
	background-image: url("../images/highlight.png");
	background-size: 100% 100%;
	font-size: 18px;
}

.heading a{	color: #ffffff;}
.heading a:hover{	color: #ffffff;}
.heading a:visited{	color: #ffffff;}
.heading a:active{	color: #ffffff;}

.heading-lg{
	font-size: 18px;
}
.heading-sep{
	margin-bottom: 35px;
}
.heading-sep:after{
    content: "";
    display: block;
    width: 82px;
    height: 3px;
    background: #e5460f;
    position: absolute;
    margin-top: 13px;
}

.sub-heading {
	color: #000;
	display: block;
	text-transform: uppercase;
	font-family: "Helvetica";
	font-size: 12.5px;
	margin-bottom: 0px;
}
.sub-heading a:link{}
.sub-heading a:hover{}
.sub-heading a:visited{}
.sub-heading a:active{}

.maintext {}
.maintext a:link{}
.maintext a:hover{}
.maintext a:visited{}
.maintext a:active{}

footer{
	padding: 12px 0;
	background: #000;
	color: #fff;
	font-size: 9.7px;
}
footer a{
	color: #fff;
}
footer a:hover{
	color: #fff;
}
footer a:visited{}
footer a:active{}

.copyright {}
.copyright a:link{}
.copyright a:hover{}
.copyright a:visited{}
.copyright a:active{}

/* Responsive styles, which override the base styles at specific sizes */

.responsive {

  width: 100%;

  height: auto;

}

.banner-since {
	bottom:-25px;
}

.btn-banner, .btn-main {
	font-family: "Helvetica";
	text-decoration:none;
	text-underline-offset: 5px;
	cursor: pointer;
	padding:10px;
	background-color: rgba(229,70,15,0.6);
	border:3px solid rgba(255,255,255,0.7);
}

.btn-banner {
	font-size:20px;
	color: #FFF;
}

.btn-footer-bar {
	background: #fff;
	border-radius: 5px;
	color: #e5460f;
	font-weight: bold;
	border: 1px solid white;
}

.btn-footer-bar:hover {
	background: #000;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	border: 1px solid white;
}

.btn-main { 
	color: #be6928;
	text-decoration:underline;
	text-decoration-color: #be6928;
}

.main .btn-banner, .main .btn-banner:hover, .main .btn-banner:active {
	color: #e5460f;
}

.sticky-footer {

  position: sticky;

  bottom: 0;

  z-index: 322;

}

.btn-banner:hover, .btn-banner:active, .btn-main:hover, .btn-main:active {
	color: #FFF;
	cursor: pointer;
	text-decoration:none;
	transition: 0s;
	background-color: rgba(229,70,15,1);
	border:3px solid rgba(255,255,255,1);
}

.location-banner{
	background-color:#e9e9e9;
	border-bottom:3px solid #e5460f;
}

/* Smartphones */
/* Equivalent to bootstrap's media-sm */
@media(min-width: 576px){
	
}
	
/* Tablets */
/* Equivalent to bootstrap's media-md */
@media(min-width: 768px){
	
}
	
/* Laptops */
/* Equivalent to bootstrap's media-lg */
@media(min-width: 992px){
	.heading{
		font-size: 29.6px;
		margin-bottom: 25px;
	}
	
	.overlay .heading {
		font-size: 45px;
	}
	
	.overlay .subheading {
		font-size: 30px;
	}
	
	.heading.mb-lg{
		margin-bottom: 35px;
	}
	.heading-lg{
		font-size: 38.5px;
	}
	.heading-sep{
		margin-bottom: 60px;
	}
	.heading-sep:after{
		width: 63px;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 24px;
	}
	footer{
		font-size: 13.5px;
		padding: 19px 0;
	}
	
	.banner-since {
		bottom:-28px;
		font-size:0.8em;
	}
}
	
/* Desktops */
/* Equivalent to bootstrap's media-xl */
@media(min-width: 1200px){
	
}
	
/* Extra large Desktops */
@media(min-width: 1600px){
	
}