@charset "utf-8";
		
/* 
		
##############################################################
###                                                        ###
###  CSS FILE : Style Consolidation CSS file               ###
###                                                        ###
##############################################################
		
(C)opyright 2026 - Modularware
www.modularware.com

*/


/* 
		
###########################
###  SEPRPENTS - Fonts  ###
###########################
		
*/	



@font-face {
	font-family: 'Oregano-Regular';	
	src: url('https://sjserpents.au/site/sjserpents/public/fonts/oregano-regular.ttf');
}

@font-face {
	font-family: 'Agency';
	src: url('https://sjserpents.au/site/sjserpents/public/fonts/agencyr.ttf');
}

@font-face {
	font-family: 'Agency-Bold';
	src: url('https://sjserpents.au/site/sjserpents/public/fonts/agencyb.ttf');
}


:root {

	--Main-Brand-Font: 'Oregano-Regular';
	--Secondary-Brand-Font:  'Agency';
	
	--Artistic-Brand-Font: 'Oregano-Regular';
	--Secondary-Poster-Font:  'Agency-Bold';
	
}

/* 
		
#############################################
###  SEPRPENTS - Default Style Variables  ###
#############################################
		
*/	


:root {

	/* Named Colors */
	--LoyalBlue: #004165;	
	--TrueMaroon: #772432;
	--CoolGrey: #A9B2B1;
	--LightGrey: #DADADA;
	--HappyYellow: #F2DF74;
	--Black: #000000;
	
	--OldLace: OldLace;
	--IvoryCream: #FFFCF5;	
	--White: #FFFFFF;
	
	--SerpentGreen: #099128;
	--SerpentOrange: #FFCC00;
	--SerpentTan: #dcc38a;


	--MainColor: var(--Black);
	--SecondaryColor: var(--TrueMaroon);
	--TertiaryColor: var(--CoolGrey);
	--AccentColor: var(--HappyYellow);
	
	--MainBackgroundColor: var(--IvoryCream);
	--MainBackgroundColor: var(--SerpentTan);
	--SecondaryBackgroundColor: var(--SerpentOrange);
	--TertiaryBackgroundColor: var(--SerpentGreen);
	--ReverseBackgroundColor: var(--Black);	
	
	--MainTextColor: var(--Black);	
	--ReverseTextColor: var(--IvoryCream);
			
	--PageBorderColor: var(--MainBackgroundColor); 
	
	/***  MAIN HEADER  ***/
	--Main-Header_Font: var(--Artistic-Brand-Font);
	--Main-Header_Background-Color: var(--ReverseBackgroundColor);	
	--Main-Header_Text-Color: var(--ReverseTextColor);
	--Main-Header_Nameplate-Color: White;
	--Main-Header_Nameplate-Font: var(--Main-Brand-Font);	
	--Main-Header_Tagline-Color: var(--AccentColor);
	--Main-Header_Tagline-Font: var(--Main-Brand-Font);	
	
	/***  SECTION HEADER  ***/
	--Main-SectionHeader_Font: var(--Secondary-Brand-Font);
	--Main-SectionHeader_BoldFont: var(--Secondary-Poster-Font);
	
	
	/***  FOOTER HEADER  ***/
	--Main-Footer_Font: var(--Main-Brand-Font);
	--Main-Footer_Background-Color: var(--MainBackgroundColor);	
	--Main-Footer_Text-Color: var(--MainTextColor);
	
	--Page_Frame-Color: var(--SecondaryBackgroundColor);
	--Page_Background-Color: var(--MainBackgroundColor);
	--Page_Text-Color: var(--MainTextColor);
	--Page_Font: 'sourcesanspro';
	--Page_Font-Size: 16px;
	
	
	--Boxed_Heading_Background-Color: var(--SecondaryColor);
	--Boxed_Heading_Font: 'montserrat';
	--Boxed_Heading_Font-Color: var(--AccentColor);
	--Boxed_Heading_Font-Size: 14px;
	
	
	
  
}


/*###########################################
###                                       ###
###  LAYOUT     : Basic Sticky Header     ###
###  VERSION    : Default Content Height  ###
###                                       ###
############################################*/

	
:root {	
	--StickyContentHeight: 94.5vh;
}	



/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/