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

*/


/* 
		
#################################################
###  SEPRPENTS - Match Center results Viewer  ###
#################################################
		
*/	


.PageContent {
	background-color:#000000;
}


.ResultsViewerFrame {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
	margin: auto;
	padding-bottom: 2rem;
}


.ResultsViewer-BackgroundFrame {
	margin: auto;
}


.ResultsViewer-ImageWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.ResultsViewer-ImageWrapper img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
}

/* Nav container matches image width */
.ResultsViewer-NavWindow {
    display: flex;
    justify-content: center;
    width: 100%;
}


.ResultsViewer-NavContent {
	color: #FFFFFF;
	font-family: var(--Secondary-Poster-Font);
	font-size: 1.2rem;
	margin-bottom: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.ResultsViewer-NavContent a{
	color: #FFFFFF;
	text-decoration:none;
}

.ResultsViewer-NavContent a:hover{
	text-decoration:underline;
}


.ResultsViewer-NavLeft {
	justify-self: start;
}

.ResultsViewer-NavRight {
	justify-self: end;
}




.ResultsViewer_MiddleImageContainer {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    width: 100%;
}

/*
.ResultsViewer_Overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: white;

    box-sizing: border-box;
}
*/

.ResultsViewer_Overlay {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: .3rem;
/*    background: rgba(0, 0, 0, 0.1); /* Optional styling */*/
    color: white;
    box-sizing: border-box;
}


.ResultsViewer_Background_Body_Img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
}









/***********************
***  Results Header  ***
***********************/

.ResultsViewerHeaderBlock {
	display: grid;
	grid-template-columns: 5fr 4fr 5fr;
	justify-items: center;
	align-items: center;
	column-gap: 5px;
	line-height: 1.2;

	color: white;
	font-family: var(--Secondary-Poster-Font);
	text-shadow: -2px 0 black, 0 2px  black, 2px 0 black, 0 -2px black, -2px -2px black, 2px 2px black, -2px 2px black, 2px -2px black;
}	


.ResultsViewerHeader-Heading {
	grid-column: 1 / span 2;
	font-size: clamp(32px, 2.857px + 5.857vw, 50px);
}


.ResultsViewerHeader-Date {
	grid-column: 3;
	font-size: clamp(16px, 0px + 5vw, 30px);
}


.ResultsViewerHeader-Round {
	grid-column: 2;
	font-size: clamp(16px, 0px + 5vw, 30px);
}


.ResultsViewerHeader-ClubLogo{
	grid-column: 1;
}


.ResultsViewerHeader-OppositionLogo {
	grid-column: 3;	
}

.ResultsViewer-Logo img {
	width: clamp(24px, -17.143px + 12.857vw, 60px);
	height: auto;
	display: inline-block;
}




/*
.ResultsViewerFrame {
	width: fit-content;
	margin: 2rem auto;
}



.ResultsViewer-NavWindow {

	display: grid;
	grid-template-columns: 1fr 1fr;
}

.ResultsViewer-NavWindow a{
	color: #FFFFFF;
	text-decoration:none;
}

.ResultsViewer-NavWindow a:hover{
	text-decoration:underline;
}










.ResultsViewer-ContentWindow {
	width: auto;
	position: relative;
	
	padding-bottom: 6rem;
	display: grid;
	grid-template-columns: 1fr;
}


.ResultsViewer_Background_Img {
	max-width: 100%; 
}


.ResultsViewer-ResultsWindow {
	position: absolute;
	top: 9.9%;
	left: 3.5%;
	width: 94%; 
	height: 75%;
	overflow: hidden;
}




*/
.ResultsViewer-Results {
	position: relative;
/*	top: 250px ;*/
	left: 10%;
	width: 90%;
/*	height: clamp(352px, 0px + 110vw, 660px);
	overflow: hidden;*/
	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: .5rem;
}



/***********************
***  Results Scores  ***
***********************/


.ResultsViewer-ScoreLine {
	position: relative;
/*	top: 250px ;*/
	left: 3%;
	width: 94%;



	display: grid;
	grid-template-columns: 7fr 3fr 7fr;
	align-items: center; 
/*	justify-items: stretch;*/
/*	gap: 5px;	*/
	margin: .5rem 0;
}

.ResultsViewer-OurTeam, 
.ResultsViewer-TheirTeam {
	display: grid;
	align-items: center; 
	justify-items: center;
	background-color: #099128;
	color: #FFFFFF;
	font-family: var(--Secondary-Poster-Font);
	font-size: clamp(12px, -3.429px + 3.571vw, 18px);
	height: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ResultsViewer-ScorePanel {
	background-color: #000000;
	display: grid;
	grid-template-columns: 2fr 1.5fr 2fr;
	color: #FFFFFF;
	font-family: var(--Secondary-Poster-Font);
	align-items: center; 
	justify-items: center;	
	font-size: clamp(10px, -1.429px + 3.571vw, 20px);	
}

.ResultsViewer-ScoreLeft {
	display: grid;
	align-items: center; 
	justify-items: right;
	font-size: clamp(12px, -1.714px + 4.286vw, 24px);
}

.ResultsViewer-ScoreRight {
	display: grid;
	align-items: center; 
	justify-items:left;
	font-size: clamp(12px, -1.714px + 4.286vw, 24px);
}

.ResultsViewer-NA-Divider {
	grid-column: span 3;
}


.ResultsViewer-ScoreDivider {
/*	display: grid;
#	align-items: center; 
	justify-items:center;

	overflow: visible;*/
}



/*#############################################
###                                         ###
###  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;
		
	}

	
}
*/