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

*/


/* 
		
######################################
###  MODULE : Components / Modal   ###
######################################

Modal Default CSS
		
*/

:root {
    --Modal-OverlayColor: rgba(0,0,0,0.65);

    --Modal-ContentBackground: var(--MainBackgroundColor);
    --Modal-ContentTextColor: var(--MainTextColor);

    --Modal-CloseButtonColor: var(--MainTextColor);

    --Modal-ContentRadius: 10px;
    --Modal-ContentPadding: 2rem;
}



.ModalPanel {
    display: none;
    position: fixed;
    inset: 0;
    background: var(--Modal-OverlayColor);
    z-index: 9999;

    display: flex;
    justify-content: center;
    align-items: flex-start;

    padding: 2rem 1rem;
    box-sizing: border-box;
}



.ModalPanel-Content {
    background: var(--Modal-ContentBackground);
    color: var(--Modal-ContentTextColor);

    max-width: 980px;
    width: 100%;
    margin: 0 auto;

    padding: var(--Modal-ContentPadding);
    border-radius: var(--Modal-ContentRadius);

    position: relative;
    box-sizing: border-box;

    max-height: calc(100vh - 4rem);
    overflow-y: auto;
}


/* Close Button */
.CloseModal {
    position: absolute;
    top: 0.5rem;
    right: 0.65rem;
    font-size: 2rem;
    cursor: pointer;
    color: var(--Modal-CloseButtonColor);
    user-select: none;
}

/*#############################################
###                                         ###
###  COMPONENT 	: Header                    ###
###	 NAME 		: Sticky Menu Only          ###
###  VERSION  	: Default                   ###
###                                         ###
#############################################*/



#PageWrapper {
	position: relative;
	padding: 0;
	
}


#HeaderPanel {
	padding: 0;
	margin: 0;
	border: 0;

}

.Header-StickyMenu_RestrictMenuBar {
	max-width: var(--RestrictedWidth);
    margin: auto;
}


.Header-StickyMenu_MenuBar {
	height: calc(50px + .6rem);
	padding: .3rem;
	background-color: var(--Main-Header_Background-Color);
	color: var(--Main-Header_Text-Color);
	font: var(--Main-Header_Font);
}


#Header-StickyMenu_CenterMenu_Container {
	position: absolute;
	top: 0;
	width: 100%;
	padding:  1rem 1.5rem;
	color: var(--Main-Header_Text-Color);
	color: var(--White);
	font-family: var(--Main-Header_Font);
	font-size: clamp(22px, 2vw, 48px);
	text-align: center;
} 



#Header-StickyMenu_RightMenu_Container {
	position: absolute;
	top: 0;
	right: 0;
	padding:  1rem 1.5rem;
	color: var(--Main-Header_Text-Color);
	color: var(--White);
	font-family: var(--Main-Header_Font);
	font-size: clamp(22px, 2vw, 48px);
}

#Header-StickyMenu_RightMenu_Container a {
	color: var(--White); 
	font: var(--Main-Header_Font);
	padding: .3rem 1.5rem;
}


.Nav-SingleImg-MobileImage {
	display: none;	
}
	
	
.header_center_navigation {
	display: none;
}

.NavHover:hover {

cursor: pointer;

}

@media only screen  
  and (max-device-width: 480px)
  and (orientation: portrait) {
  
	#PageWrapper {
		top: calc(50px + .6rem);
	} 
	 
	#Header-StickyMenu_RightMenu_Container {
/*		display: none; */
	}
	
	.Nav-SingleImg-BannerImage {
		display: none;
	}
	
	
	.Nav-SingleImg-MobileImage {
		display: block;	
	}  

	.header_center_navigation {
		display: block;
		position: absolute;
		top: 0;
		
	}

	
}

/*#############################################
###                                         ###
###  COMPONENT 	: Footer                    ###
###	 NAME 		: Double Logo Footer        ###
###  VERSION  	: Default                   ###
###                                         ###
#############################################*/


#FooterPanel {
	background-color: var(--Main-Footer_Background-Color);
	color: var(--Main-Footer_Text-Color);
}

.FooterLogoGrid {
	display: grid; 
	grid-template-areas: "left center center right"; 
/*	grid-gap: 1rem; */
	
}

.LogoFooterCenter {
	grid-area: center;
	display: grid; 
	align-content: center;
}

.LogoFooterLeft {
	grid-area: left;
	display: grid; 
	align-content: center;	
}

.LogoFooterRight {
	grid-area: right;
	display: grid; 
	align-content: center;	
}



.FooterLogo {
/*	width: 300px; */

}

.FooterLogo img{
	display: block;
	max-height: 64px;
	margin: auto;
	
}

.FooterText {
	margin: .3rem;
}

.FloatLeftPad {
	padding: 1rem 1rem .3rem 0;

}


footer a {
	color: var(--Main-Footer_Text-Color);
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
	cursor: pointer;
}

/*#############################################
###                                         ###
###  COMPONENT 	: Header                    ###
###	 NAME 		: Nav Icon Headings         ###
###  VERSION  	: Headings Only Left        ###
###                                         ###
#############################################*/

	
	
.H_NIH_IconHeadingsContainer_Left {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	line-height: 1.5;
}	
	

.H_NIH_ImageContainer {
	grid-row: span 2;
    display: flex;
    align-items: center;	
}

.H_NIH_ImageContainer img {
    max-width: 100%;
    height: auto;
}
	
	
.H_NIH_Heading {
	grid-column: 2; 
	grid-row: 1;
	margin-left: 2rem;	
}


.H_NIH_Subheading {
	grid-column: 2; 
	grid-row: 2;
	margin-left: 2rem;
}	
	
	
.H_NIH_Heading h1{
	text-align: left;
	color: var(--Main-Header_Text-Color);
	font-family: var(--Main-Header_Font);
	font-size: clamp(22px, 3vw, 36px);
/*	font-size: 1.8rem; */
	padding: 0;
	margin: 0;
}	
	
	
.H_NIH_Subheading h2{
	text-align: left;
	color: var(--Main-Header_Text-Color);
	font-family: var(--Main-Header_Font);
	font-size: clamp(16px, 2.5vw, 28px);
/*	font-size: 1.5rem;*/
	padding: 0;
	margin: 0;
}	
	
	
	
/*	

.Header-StickyMenu_RestrictMenuBar {
	max-width: var(--RestrictedWidth);
    margin: auto;
}


.Header-StickyMenu_MenuBar {
	height: calc(50px + .6rem);
	padding: .3rem;
	background-color: var(--Main-Header_Background-Color);
	color: var(--Main-Header_Text-Color);
	font: var(--Main-Header_Font);
}


#Header-StickyMenu_CenterMenu_Container {
	position: absolute;
	top: 0;
	width: 100%;
	padding:  1rem 1.5rem;
	color: var(--Main-Header_Text-Color);
	color: var(--White);
	font-family: var(--Main-Header_Font);
	font-size: clamp(22px, 2vw, 48px);
	text-align: center;
} 



#Header-StickyMenu_RightMenu_Container {
	position: absolute;
	top: 0;
	right: 0;
	padding:  1rem 1.5rem;
	color: var(--Main-Header_Text-Color);
	color: var(--White);
	font-family: var(--Main-Header_Font);
	font-size: clamp(22px, 2vw, 48px);
}

#Header-StickyMenu_RightMenu_Container a {
	color: var(--White);
	font: var(--Main-Header_Font);
	padding: .3rem 1.5rem;
}


.Nav-SingleImg-MobileImage {
	display: none;	
}
	
	
.header_center_navigation {
	display: none;
}

.NavHover:hover {

cursor: pointer;

}

@media only screen  
  and (max-device-width: 480px)
  and (orientation: portrait) {
  
	#PageWrapper {
		top: calc(50px + .6rem);
	} 
	 
	#Header-StickyMenu_RightMenu_Container {
		display: none;
	}
	
	.Nav-SingleImg-BannerImage {
		display: none;
	}
	
	
	.Nav-SingleImg-MobileImage {
		display: block;	
	}  

	.header_center_navigation {
		display: block;
		position: absolute;
		top: 0;
		
	}

	
}
*/