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

*/

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

/* 
		
###################################################
###                                             ###
###  MODULE         : Match Centre              ###
###  VERSION        : Default Match Slider      ###
###                                             ###
###################################################
		
*/


.MatchSliderFrame {
	width:100%;
	height: 8.5rem;
	position: relative;
	background-color:#FFFFFF;
	border: thin black solid;
	overflow:hidden;
	line-height: 1.1;
}


.MatchSliderWindow {
	width:100%;
	height: 8.5rem;
	position: relative;
/*	background-color:#99FF33;*/
/*	border: thin black solid; */
	overflow:hidden;
}

/*.SliderContainer*/
.MatchSlider {
	display: inline-block;
	top: 0;
	height: 100%;
}


.MatchSlider {
/*	flex: 1;*/
	height: 100%;
	width: auto;
/*	background-color:#FFFF66;*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	display: flex;
/*	left:20px; */
/*	left: -100vw;*/
}


.MC_Slide {
	top: 0;
	display: inline-block;
	position: relative;
/*	background-color:#CC3300;*/
/*	left: 100vw;*/

	height: 100%;
	padding: 0 .3rem;
	border-right: thin black solid;
}






.MC-Slide_DetailWrapper {
	font-size: .8rem;
/*	margin: 0 .1rem;*/
	
	
	width: 17rem;
	background-color:#FFFFFF;
	
	display:grid;	
	grid-template-columns: 3rem auto 3rem;	
	grid-template-rows: 2rem 2.5rem 2.5rem 1.3rem;
	
	text-align:center;
	justify-items: center;
	align-items: center;
	
	overflow: hidden;
	

}



.MC-Slider-Round {
	grid-row: 1;
	grid-column: 1;
}



.MC-Slider-MatchDate {
	grid-row: 1;
	grid-column: 2;
}


.MC-Slide-HomeLogo {
	grid-row: 2;
	grid-column: 1;
}


.MC-Slide-AwayLogo {
	grid-row: 3;
	grid-column: 1;
}



.MC-Slide-HomeClubName {
	grid-row: 2;
	grid-column: 2 / span 2;
}

.MC-Slide-AwayClubName {
	grid-row: 3;
	grid-column: 2 / span 2;
}

.MC-Slide-Venue {
	grid-row: 4;
	grid-column: 1 / span 3;
	text-wrap: nowrap;
	
}

.MC-Slide-Logo {
	max-height: 2.3rem;
	max-width: 2.3rem;
}


.MC-ClubSlide-VenueContainer {
	text-wrap: nowrap;
	padding : 0 .2rem ;
	text-align: left;
}


.MC-Slider-ViewTeamFixture-Icon{
	max-height: 16px;
	max-width: 16px;
	z-index: 5;
}

.MC-Slider-Action-Icon {
	max-height: 16px;
	max-width: 16px;
	z-index: 5;
}


.Hover img:hover {
	cursor: pointer;
	z-index: 5;
}


/*******************
***  TEAM SLIDE  ***
*******************/




.MC_TeamFixtureGroup {
	display: flex;
}



.FFCC00 {
	background-color:#FFCC00;
	width: 100%;
}



.TeamSlide {
	background-color:#EEFFFF;	
}


.MC-TeamSlide_DetailWrapper {
	font-size: .8rem;
/*	margin: 0 .1rem;*/

	width: 17rem;

	display:grid;	
	grid-template-columns: 3.5rem auto 3.5rem;	
	grid-template-rows: 2rem 1.3rem 2.5rem 2.5rem;
	
	text-align:center;
	justify-items: center;
	align-items: center;
	
	overflow: hidden;
	

}



.MC-TeamSlide-HomeLogo {
	grid-row: 3;
	grid-column: 1;
}


.MC-TeamSlide-AwayLogo {
	grid-row: 4;
	grid-column: 1;
}


.MC-TeamSlide-HomeClubName {
	grid-row: 3;
	grid-column: 2;
}

.MC-TeamSlide-AwayClubName {
	grid-row: 4;
	grid-column: 2;
}




.MC-ResultSlide_DetailWrapper {
	font-size: .8rem;
/*	margin: 0 .1rem;*/
	
	width: 17rem;
	
	display:grid;	
	grid-template-columns: 3rem auto 3rem;	
	grid-template-rows: 2rem 2.5rem 2.5rem 1.3rem;
	
	text-align:center;
	justify-items: center;
	align-items: center;
	
	overflow: hidden;

}



.MC-ResultSlide_NoResult {
	background-color:#CCCCCC;
}


.MC-ResultSlide_Win {
	background-color:#B6E7B7;
}


.MC-ResultSlide_Loss {
	background-color:#FCD6D6;
}


.MC-ResultSlide_Draw {
	background-color:#FFCA95;
}



.MC-ResultSlide-StdScore {
	color: #666666;
	font-size: 18px;
	font-weight: bold;
}



.MC-ResultSlider-Round {
	grid-row: 1;
	grid-column: 1;
}


.MC-ResultSlider-Grade {
	grid-row: 1;
	grid-column: 3;
	border: thin black solid;
	padding: .1rem;
	font-size: .7rem;
	width: 85%;
	min-height: 85%;
	overflow: shrink;
	display: grid;
	
	justify-items: center;
  	align-items: center;
  	background-color:#FFFFFF;
	
/*	font-size: smaller;*/
}

.MC-ResultSlider-MatchDate {
	grid-row: 1;
	grid-column: 2;

}

.MC-ResultSlide-HomeLogo {
	grid-row: 2;
	grid-column: 1;
}

.MC-ResultSlide-HomeLogo img {
	display: block;
	padding: 0;
	border: .1rem 0;
}


.MC-ResultSlide-AwayLogo {
	grid-row: 3;
	grid-column: 1;
}

.MC-ResultSlide-AwayLogo img {
	display: block;
	padding: 0;
	border: .1rem 0;
}


.MC-ResultSlide-HomeClubName {
	grid-row: 2;
	grid-column: 2 ;
}

.MC-ResultSlide-AwayClubName {
	grid-row: 3;
	grid-column: 2;
}


.MC-ResultSlide-HomeClubScore {
	grid-row: 2;
	grid-column: 3;
}

.MC-ResultSlide-AwayClubScore {
	grid-row: 3;
	grid-column: 3;
}

.MC-ResultSlide-ResultsLinks {
	grid-row: 4;
	grid-column: 1 / span 3;	
}





/**************************
***  SLIDER NAVIGATION  ***
**************************/
/*
#MC-Slider_NavWindow {
	width:100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
/*	background-color:#99FF33;
/*	border: thin black solid; 
	

}

*/

.MC_Slide_Nav {
	position: absolute;
	display: inline-block;
	height: 100%;	
	top: 0;
/*	z-index: 3;
	border-right: thin black solid;	*/
	border: thin black solid;
}


.MC_Slide_Nav:hover {
	cursor: pointer;
}

.MC-Nav-Img {
	height: 100%;
}


.MC-Nav-Img img {
	height: 100%;
	object-fit: contain;
}


#MC-Slider_SlideLeft {
	left: 0;
	z-index: 2;
}


#MC-Slider_SlideRight {
	right: 0;
	z-index: 2;
}







@media only screen  
  and (max-device-width: 480px)
  and (orientation: portrait) {
  
  
	.MatchSliderFrame {
/*		display: none;*/
		height: 100%;
		width: 100vw;
/*		margin-top: 50px; */
	}
  
  
  
	.MatchSliderWindow {
		width:100vw;
		height: 100%;
	}  
	
	
	 .MatchSlider {
	/*	flex: 1;*/
		height: auto;
		width: 100vw;
		display: block;
	}		
	
	  
	.MC_Slide {
		top: 0;
		display: block; 
		float: none;
		border: thin black solid;
		padding: .5rem 0;
		margin: 0 auto;
		width: 17rem;
	} 
	  
/*	  
	.MC-Slide_DetailWrapper {
		width: auto;
	}  
*/	  
	  
	.MC_TeamFixtureGroup {
		display: block;
	
	}  


	.MC_Slide_Nav {
		display: none;
	}  
	
	
/*	#MC-Slider_SlideLeft {
		
	}


	#MC-Slider_SlideRight {
		display: none;
	}  
  
  */
}



	.Hide {
		display: none;
		visibility: hidden;
	}

/*


.MC-Slider {
	border-right: thin black solid;
}









.Slider .DetailWrapper {
	text-align:center;
	border-right: thin black solid;
/*	max-width: 15rem;*/
/*
	background-color:#FFFFFF;

	display:grid;	
	grid-template-columns: 3rem 6rem 6rem;	
	grid-template-rows: 1.3rem 2.5rem 2.5rem 1.3rem;
	align-items: center;
}





.SliderRightNav {
	right: 0;
	border-left: thin black solid;
}


.SliderNav {
	position: absolute;
	display: inline-block;
	height: 100%;	
	top: 0;
	z-order: 2;

}


.SliderNav img {
	height: 100%;
	object-fit: contain;
}








.FB_LeftNav {

}








.FB_Divider {
	top: 0;
	display: inline-block;
	position: relative;

/*	left: 100vw;*//*
}










.Slide .Divider {
	height:100%;
}


.Slide .Divider img {
	max-height: 100%;
	object-fit: contain;

}


.Slide .SlidePhotos img {
	max-height: 100%;
	object-fit: contain;

}




.DetailWrapper .TeamNames {
    grid-column-start: 2;
    grid-column-end: 4;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}





.MC-Slider .Links {
    grid-column-start: 1;
    grid-column-end: 4;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}


.MC-Slider .Logo img {
	max-height: 2.1rem;
}


.MC-Slider .Score {
	font-weight:bold;
	font-size:16px;
	color:#999999;
}





/*------------------------------------------------------------------------
==========================================================================
------------------------------------------------------------------------*/
/*


.ArticleImageLeft {
	position: relative;
	top: 10px;
	float:left;
	border : double thin black;
	width: 12rem;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}


.ArticleImageLeft img {
	display: block;
	width: 100%;
	object-fit: contain;
}

h2 {
	margin-top : 0;
}

*/