/*------------------------------------------------------------------------------
*		ini.css 
*		Version 1.0
*		Developed by: Simon Gibson
*		For: Red Star Websites
*		Last Updated: 20/10/2023
------------------------------------------------------------------------------*/

* { box-sizing: border-box;}

*, *:before, *:after {
    box-sizing: border-box;
  }

/*  Clear fix */
.clearfix {
    overflow: auto;
  }
  
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

	/* Self hosting fonts */
    /* advent-pro-regular - latin */
    @font-face {
    	font-family: 'Advent Pro';
        font-style: normal;
        font-weight: 400;
        src: url('../fonts/advent-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
        src: local('Advent Pro Regular'), local('AdventPro-Regular'),
            url('../fonts/advent-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../fonts/advent-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
            url('../fonts/advent-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
            url('../fonts/advent-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
            url('../fonts/advent-pro-v11-latin-regular.svg#AdventPro') format('svg'); /* Legacy iOS */
    }
	
	/* raleway-regular - latin */
	@font-face {
		font-family: 'Raleway';
		font-style: normal;
		font-weight: 400;
		src: url('/fonts/raleway-v18-latin-regular.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('/fonts/raleway-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('/fonts/raleway-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			url('/fonts/raleway-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
			url('/fonts/raleway-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			url('/fonts/raleway-v18-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
	}

	/* source-code-pro-regular - latin */
	@font-face {
		font-family: 'Source Code Pro';
		font-style: normal;
		font-weight: 400;
		
		src: url('../fonts/source-code-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
		src: local('Source Code Pro Regular'), local('SourceCodePro-Regular'),
			url('../fonts/source-code-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-code-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-code-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-code-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-code-pro-v13-latin-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
	}
	
	/* CSS Variables */
	:root {
		/* Colour schema Slave cage 1 
		--base-color: black; --primary-color: #AA0000; --secondary-color: crimson; --accent1-color: antiquewhite; --accent2-color: #33ac5b; --accent3-color: #8f6ff0;*/
		/* Colour schema Green 
		--base-color: rgb(15, 90, 15); --primary-color: rgb(30, 110, 30); --secondary-color: rgb(45, 130, 45); --accent1-color: rgb(60, 150, 60); --accent2-color: rgb(75, 170, 75); --accent3-color: gold;*/
		/* Colour schema jack and mary 1 
		--base-color: rgb(40, 40, 40); --primary-color: rgb(60, 60, 60); --secondary-color: rgb(80, 80, 80); --accent1-color: rgb(110, 110, 110); --accent2-color: rgb(150, 145, 120); --accent3-color: rgb(220, 190, 100);
		*/
		/* Colour schema Greys 1 
		--base-color: rgb(40, 40, 40); --primary-color: rgb(60, 60, 60); --secondary-color: rgb(80, 80, 80); --accent1-color: rgb(255, 255, 255); --accent2-color: rgb(150, 145, 120); --accent3-color: rgb(220, 190, 100);
		*/
		--c-primary: 240;
		--c-primary: 230;
		--c-primary: 210;
		/*--c-primary: 180;*/
		
		--c-offset: 20;
		
		--f-size: 12pt;
		
		--color-1: hsl(calc(var(--c-primary) - var(--c-offset)), 50%, 25%);
		--color-2: hsl(var(--c-primary), 50%, 50%);
		--color-3: hsl(calc(var(--c-primary) - var(--c-offset)), 100%, 75%);
 	
		--font-color-1: red;--font-color-2: orange;
		/* ---- FONTS COLOURS ---- */
		--font-color-1: hsl(calc(var(--c-primary) - var(--c-offset)), 100%, 50%);
		--font-color-2: hsl(calc(var(--c-primary) - var(--c-offset)), 100%, 75%);
		--font-color-3: hsl(calc(var(--c-primary) + var(--c-offset)), 75%, 25%);
		--font-color-3: white;
	
		--font-size: 12pt;
		--font-family-1: Raleway;
	}
		
	/* ---- Inset / Outset ---- */
	.intset1 {
		border: inset 2px var(--color-1);
		outline: inset 2px var(--color-3);
	}
	
	.inset2 {
		color: blue;
	}

	.inset3 {
		color: blue;
	}

	.outset1 {
		border: outset 2px var(--color-1);
		outline: outset 2px var(--color-3);
	}
	
	.outset2 {
		color: blue;
	}

	.outset3 {
		color: blue;
	}
	
	body {
	  background-color: var(--color-1);
	/*  background-image: url(../images/repeate\ black-groove-stripes\ 256x134.jpg);*/
	}
	
	.left{
	  text-align: left;
	}
	
	.center{
	  align-content: center;
	  text-align: center;
	  margin-left: auto;
	  margin-right: auto;
	}
	
	.right{
	  text-align: right;
	}
	
	/* List styles */
	.noBullets {
		list-style-type: none;
	}
	
	/* Extra small devices (phones, 600px and down) 
	@media only screen and (max-width: 600px) {...}*/
	
	/* Small devices (portrait tablets and large phones, 600px and up) 
	@media only screen and (min-width: 600px) {...}*/
	
	/* Medium devices (landscape tablets, 768px and up) 
	@media only screen and (min-width: 768px) {...}*/
	
	/* Large devices (laptops/desktops, 992px and up) 
	@media only screen and (min-width: 992px) {...}*/
	
	/* Extra large devices (large laptops and desktops, 1200px and up) 
	@media only screen and (min-width: 1200px) {...}*/