/*
Custom styling rules for Spurgate websites
CSS written to loosely fit the SMACSS specification and utilize BEM naming principles
Spurgate Ltd 2016-2018
*/

/*------------------ BASE ------------------*/
/*default rules for the page*/
	html {
		font-family: 'Poppins', sans-serif;
	}
	
	.icon-small {
		min-height: 35px;
		max-height: 35px;
	}
	
	

	/*--------- typography ---------*/

	h3, h5, h6, a {
		color: #96284a;
	}

	h6 {
		line-height: 16px;
		padding: 0 0 4px 0;
	}
	
	.sgc-menu h5 {
		color: #fff;
	}
	
	a {
		text-decoration: none;
	}

	ul {
		list-style-type: none;
	}

/*------------------ LAYOUT ------------------*/
/*sections that hold one or more modules together*/

	nav a {
		font-size: 2rem;
	}

	footer {
		float: left;
		width: 100%;
		margin-top: 12rem;
		padding-top: 6rem;
		background-color: #000;
		background: linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.85));
		color: #fff;
	}

	footer a, footer a:hover {
		color: #fff;
	}

	/*--------- navigation ---------*/

		#totop {
			position: fixed;
			bottom: 50%;
			right: -10px;
			z-index: 999;
			text-decoration: none;
			display: none;			
			background-color: #fff;
			border: 1px solid #96284A;
			border-radius: 6px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;	
			padding: 3px 15px 3px 15px;	
			margin: 10px 0 10px 10px;			
			}
		
		#totop:after {
			content:'';
			position:absolute;
			top:-20px; bottom:-20px; 
			left:-20px; right:-20px; 			
		}
	
		#totop .fa {
			color: #96284A;	
			font-weight: 600;
			padding-right: 5px;
		}	

		.totop-btn {
			color: #fff;
			line-height: 30px;
			font-weight: 600;
		}
		
		.totop-btn:hover {
			color: #fff;
		}	
		#totop {
			text-align: center;
		}	
		
		/*keeps scrollbar visible to stop elements shifting to match available space*/
		.stopScroll {
			position: fixed;
			overflow-y: scroll;
			width: 100%;
		}	
		
	/*------------------ MODULES ------------------*/
/*reusable parts of design, that sit inside layout components and other modules*/

	.custom-slick {
		position: relative;
	}

	.slide__caption {
		bottom: 0;
		padding: 2.5em;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: 2;
		color: white;
		background: rgba(0, 0, 0,0.45);
		
	}
	
	.custom-slick--nav, .custom-slick--nav__1, .custom-slick--nav__2 {
		border-top: 10px solid #ececec;
		background: #ececec
	}

	/*--------- decoration ---------*/

	blockquote {
		margin: 4em 0 0 0;
		padding:.5em 1em;
		quotes:"\201C""\201D";
	}
	
	blockquote:before {
		color: #ccc;
		content: open-quote;
		font-size: 14em;
		line-height: .1em;
		vertical-align: -.3em;
	}
	
	blockquote :first-child {
		display:inline;
		}
		
	blockquote :last-child {
		margin-bottom:0;
		}
	   
	/*--------- backgrounds ---------*/

	/*--------- themes ---------*/


/*MEDIA QUERY < 47.999999em - widths now in px [em stated for reference] to cure display issues experienced with iPad Mini 4*/
@media (max-width: 767.999999px) {

/*------------------ BASE ------------------*/
/*default rules for the page*/


	/*--------- typography ---------*/

/*------------------ LAYOUT ------------------*/
/*sections that hold one or more modules together*/

	.sgc-container {
		padding-top: 25rem;
	}
	
	/*--------- navigation ---------*/
	
/*------------------ MODULES ------------------*/
/*reusable parts of design, that sit inside layout components and other modules*/

	.slick-prev:before, 
	.slick-next:before {
		/*font-size: 50px !important;*/
		color: white !important;			
	}
	
	.slick-prev {
		left: 0 !important;
		/* margin: 0 40px 0 0px !important; */
		height: 25% !important;
		width: 40px !important;
		z-index: 1;
		background: rgba(0, 0, 0,0.45) !important;
	}
	
	.slick-next {
		right: 0 !important;
		/* margin: 0 0px 0 40px !important; */
		width: 40px !important;
		height: 25% !important;
		/* z-index: 100 !important; */
		background: rgba(0, 0, 0,0.45) !important;
	}

	.sgc-box--label__double {		
		text-align:center ;
	}

	
	/*--------- decoration ---------*/

	/*--------- backgrounds ---------*/

	/*--------- themes ---------*/

	/*--------- display control ---------*/
}


/*MEDIA QUERY > 48em - widths now in px [em stated for reference] to cure display issues experienced with iPad Mini 4*/
@media (min-width: 768px) {

/*------------------ BASE ------------------*/
/*default rules for the page*/

	/*--------- typography ---------*/

/*------------------ LAYOUT ------------------*/
/*sections that hold one or more modules together*/

	.sgc-container {
		max-width: 72.25rem;		
		padding-top: 25rem;
	}

	/*--------- navigation ---------*/

/*------------------ MODULES ------------------*/
/*reusable parts of design, that sit inside layout components and other modules*/


	.sgc-box--label__double {		
		float: left;		
		width: 50%;
		display: inline;
	}
	
	/*--------- decoration ---------*/

	/*--------- backgrounds ---------*/

	/*--------- themes ---------*/

	/*--------- display control ---------*/

}


/*MEDIA QUERY > 62em - widths now in px [em stated for reference] to cure display issues experienced with iPad Mini 4*/
@media (min-width: 992px) {

/*------------------ BASE ------------------*/
/*default rules for the page*/

	/*--------- typography ---------*/

/*------------------ LAYOUT ------------------*/
/*sections that hold one or more modules together*/

	.sgc-container {
		max-width: 72.25rem;		
		padding-top: 25rem;
	}

	/*--------- navigation ---------*/

/*------------------ MODULES ------------------*/
/*reusable parts of design, that sit inside layout components and other modules*/

		
	/*--------- decoration ---------*/

	/*--------- backgrounds ---------*/

	/*--------- themes ---------*/

	/*--------- display control ---------*/

}


/*MEDIA QUERY > 75em - widths now in px [em stated for reference] to cure display issues experienced with iPad Mini 4*/
@media (min-width: 1200px) {

/*------------------ BASE ------------------*/
/*default rules for the page*/

	/*--------- typography ---------*/

/*------------------ LAYOUT ------------------*/
/*sections that hold one or more modules together*/

	/*--------- navigation ---------*/

/*------------------ MODULES ------------------*/
/*reusable parts of design, that sit inside layout components and other modules*/

	/*--------- decoration ---------*/

	/*--------- backgrounds ---------*/

	/*--------- themes ---------*/

	/*--------- display control ---------*/

}