@charset "utf-8";
		
/* 
		
##############################################################
###                                                        ###
###  CSS FILE : Theme Consolidation CSS File               ###
###                                                        ###
##############################################################
		
(C)opyright 2022 - Modularware
www.modularware.com

*/


/*#############################################
###                                         ###
###  COMPONENT 	: Header                    ###
###	 NAME 		: Header Fullscreen Image   ###
###  VERSION  	: Pillarbox                 ###
###                                         ###
#############################################*/


#PageWrapper {
	padding: 0;
}


#HeaderPanel {
	margin:0 ;

}


#Header_FullscreenImage_Container {
	position: relative;
	max-height: 100vh;
	overflow: hidden;
	display: flex;
}


#Header_PillarBox {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100vh;
  max-height: 95vh;
/*  background-image: url("http://localhost/comdotau/byfordtoastmasters.org/public/modularware/images/backgrounds/waiting-lobby.jpg");
  background-size: cover;
  display: flex;*/
}


#Header_PillarBox img {
  width: 100vw;
  filter: blur(8px);
  -webkit-filter: blur(8px);
  max-height: 100vh;
}


#Header_Image_Background {
  position: relative;
  max-height: 100vh;
  height: auto;
  margin: auto;
  max-width: 100%;
  display: block;
  z-index: 2;
}


#Header_TextContainer {
	background-color: rgb(255, 255, 255, 0.45);
	position: absolute;
	top: 50px;
	left: 25px;
	padding : 0 10px;
	text-align: center;
	z-index: 2;
}


#Header_Image_FloatingLogo {
	background-color: rgb(255, 255, 255, 0.45);
	position: absolute;
	bottom: 50px;
	left: 25px;
	padding: 0;
	border: 0;
	margin:0;
	z-index:2;
	width: 6%;
}


#Header_Image_FloatingHeading {
	display: none;
	background-color: rgb(255, 255, 255, 0.45);
	position: absolute;
	bottom: 50px;
	left: 73px;
	padding: 0;
	border: 0;
	margin:0;
	z-index:2;
}



#Header_Logo_Container {
	display:none;
}

	
#Header_Subheading_Container {
	display:none;
}


@media only screen and (min-width: 900px) {


	#Header_Image_FloatingLogo {
		width: auto;
	}

	#Header_Image_FloatingHeading {
		display: initial;
	}

}


@media only screen and (min-height: 240px) {

	#Header_Logo_Container {
		display: inline;
	}

}


@media only screen and (min-height: 330px) {

	#Header_Subheading_Container {
		display: inline;
	}

}







/*
.Header_TextContainer {
	background-color: rgb(204, 204, 204, 0.8);
	position: absolute;	
	max-width: 800px;
  	height: auto;
	margin: auto;
	top:0;
	left:0;

}*/


/*
		#Header_BackgroundImage {
			position: relative;
			max-height: 100vh;
			height: auto;
			margin: auto;
			max-width: 100%;
			display: block;
		}

/*
#Header_BackgroundImage {
	position: relative;
	max-width: 100%;
  	height: auto;

}
*/


/*
		.Header_TextContainer {
			background-color: rgb(255, 255, 255, 0.45);
			position: absolute;
			top: 50px;
			left: 25px;
			padding : 0 10px;
			text-align: center;
		
		}


/*
@media only screen and (min-width: 481px) {
	.Header_TextContainer {
/*		top: 10%;
		left: 10%;
	}

}
*/








/*
		#Header_Image_FloatingLogo {
			background-color: rgb(255, 255, 255, 0.45);
			position: absolute;
			bottom: 50px;
			left: 25px;
			padding: 0;
			border: 0;
			margin:0;
			z-index:2;
		}


		#Header_Image_FloatingHeading {
			display: none;
			background-color: rgb(255, 255, 255, 0.45);
			position: absolute;
			bottom: 50px;
			left: 73px;
			padding: 0;
			border: 0;
			margin:0;
			z-index:2;
		}



		@media only screen and (min-width: 481px) {
		
			#Header_Image_FloatingHeading {
				display: initial;
			}
		
		}
















/*

.HeaderPanel {
  margin: 0;
  background-color: #FFFFFF;
}
*/








/*

#Header_FloatingLogo {
	background-color: rgb(255, 255, 255, 0.45);
	position: absolute;
	
	bottom: 50px;
	left: 25px;
	padding: 0;
	border: 0;
	margin:0;
	
	z-index:2;
}*/