body 
{
	
}

/************* Table of Content? *************/

		/********* General *********/


		/***************************/
		/****** Page Specific ******/
		/***************************/
		/******** Calendar *********/
		/******* Contact Us ********/
		/********** News ***********/
	 	/******** Officers *********/
		/***************************/

		/****** User Content *******/

		/********* Header **********/

		/********* Footer **********/

		/********* Mobile **********/
		

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






/******** GENERAL ********/

img {
	margin:  10px;        /* provides some spacing to user embedded images on home page, and other pages updated with summernote editor. */
    max-width:  100%;
    height:  auto;
  
	
}  





/******** CALENDAR ********/

.calendar
{
	margin-left: auto;
    margin-right: auto;
	padding: 20px 20px 20px 20px;
}


.imageCal
{
	height: 450px;
	width: 450px;
	margin-left: auto;
    margin-right: auto;
	padding: 10px;
}



/******** CONTACT US ********/

.googleMap
{
	margin-left: auto;
    margin-right: auto;
	/*overflow: hidden;*/
}

#contactUs .container
	{
		
	}









/******** NEWS ********/

.imageNews
{
	width: 580px;
	height: auto;
	display: block;
 	margin-left: auto;
    margin-right: auto;
	padding: 10px;
}




/******** OFFICERS / DIRECTORY ********/

.imageOfficers
{
	width: 580px;
	height: auto;
	display: block;
 	margin-left: auto;
    margin-right: auto;
	padding: 10px;
}


.officerRoster
{
	width: 100%;
	
}


.officerName
{
	font-weight: bold;
}


.directoryImg
{
	padding: 5px 20px 5px 15px;
}






/************************ Page Limitations for User Input *****************************/











/************************ HEADER *****************************/



#header, .lodgeheader
{
	width: 1140px;
	height: 148px;
	background-color: #80acf5;
	background: url('/images/vhpsHeaderDesktop.png'); 
	background-size: cover;
}



.lodgeTitle
{
	font-family: "helvetica";
	/*color: #303030 !important;*/
	color: white !important;
	position: relative;
	top: 40px !important;
	font-size: 42px !important;
	text-align : left !important;
	padding-left: 170px;
	font-weight: 500;
	vertical-align: middle;
	overflow-wrap: break-word;
	text-shadow: 3px 3px 2px #1d1d1d;

}





/************************ FOOTER *****************************/



.footerRight
{
	
	text-align: center;
	padding: 0px 5px 10px 5px;
}

.footerBot
{
	padding: 35px 5px 15px 5px;
	text-align: center;
}


.socialMedia
{
	text-align: center;
	display: inline-block;
	padding: 10px;
}


.socials
{
	letter-spacing: 6px;
	font-size: 12px !important;
	padding: 30px 5px 20px 5px;
}

.socialsLarge
{
	visibility: hidden;
	letter-spacing: 10px;
	font-size: 12px !important;
	padding: 10px 5px 20px 5px;
}


.footerHeader
{
	color: #b4c2d2;
	text-align: left;
	padding: 15px 0px 2px 40px;
}


.footerHeader2
{
	color: #b4c2d2;
	text-align: center;
	padding: 15px 0px 2px 0px;
}


#footer
{
	width: 100%;
	margin: 0 auto;
	padding: 3px;
	background: url(#);
	background-color: #4373a2;
	color: #b4c2d2;
	font: 12px solid Tahoma, Geneva, sans-serif;
	border-top: hidden;
	font-size: 14px !important;
	line-height: 20px !important;

}


	#footer .col
{
	height: 150px;
}



#footer .row
{
	padding: 8px 50px 8px 50px;
}


#footer div.addy
{
	text-align: left;
	padding-bottom: 10px;
}


#footer div.line
{
	position: absolute;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 98%;
	height: 1px;
	border-bottom: 1px solid #dfe8f3;
}


#footer div.legal
{
	width: 300px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}


#footer ul
{
	padding: 0;
	margin: 0;
}


#footer li
{
	float: left;
	padding: 0;
	padding-left: 40px;
	padding-top: 5px;
	margin: 0;
}


#footer li a
{
	
	width: 240px;
	padding: 2px 1px 1px 2px;
	font-weight: solid;
	font-size: 14px !important;
	border-color: #b4c2d2;
	text-align: left;
}
/*
{
	^An alternate design:

	width: 200px;
	padding: 3px 1px 1px 3px;
	font-weight: solid;
	border: hidden;
	text-align: left;
}
*/


#footer a
{
	text-decoration: none;
	font-weight: bold;
	color: #dfe8f3;
}


#footer a:hover
{
	color: #fff;
	text-decoration: none;
}



/****** This is where the mobile fun begins ******/






@media (min-width: 1px) and (max-width: 991px){
	
	
#header, .lodgeheader
{
	width: 100%;
	height: 108px;
	background-color: #80acf5;
	background: url('/images/vhpsHeaderMOBILE.png')!important; 
	top: 0px;
	
	
}

.lodgeTitle
	{
		font-size: 32px !important;
		padding-left: 110px !important;
		top: 25px !important;
	}
	
	
#footer li a
{
	
	width: 100%;
	padding: 2px 1px 1px 2px;
	font-weight: solid;
	font-size: 14px !important;
	
	text-align: left;
}
	
	
	
	#footer .row
{
	padding: 8px 30px 50px 30px;
	
}

	
}



@media (min-width: 1px) and (max-width: 767px){
	

	
	
.footerHeader
{
	color: #b4c2d2;
	text-align: left;
	padding: 10px 0px 5px 20px;
}
	
.lodgeTitle
{
	max-width: 550px;
	padding-left: 160px;
	font-size: 32px !important;
	top: 5px !important;
    word-wrap: break-word;
}
	
	
#footer .col
{
	height: 200px;
}
	
	
	
	
#footer li
{
	padding-left: 20px;
	
}
	
.footerBot
{
	padding: 20px 5px 20px 5px;
	text-align: center;
}
	
	
.socials
{
	visibility: hidden;
}

.socialsLarge
{
	visibility: visible; 
	
}
	
	
.imageOfficers
{
	width: auto;
	height: auto;
	display: block;
 	margin-left: auto;
    margin-right: auto;
	padding: 10px;
}
	
	.directoryImg
{
	width: auto;
	height: auto;
}

	
	
	
	
}



@media (max-width: 576px) 
{
.lodgeTitle
	{
	font-size: 28px !important;
	max-width: 540px;
    word-wrap:break-word;
	}
}

@media (max-width: 376px) 
{

}