/* 
	External website stylesheet
	April 2018
	Live site 
*/

/*	stylesheets[(min-width: 540px) and (max-width: 767px)][] = includes/css/jameshutton540.css */

body {
/*	border: 1px purple solid !important;
	background-image: url(../../images/structural/540width.png); */
	min-width: 540px;
	max-width: 767px;
}

#header {
	margin-left: auto;
	margin-right: auto;
/*	width: 540px !important; 
	border: 1px purple solid;*/
	background-image: url(../../images/structural/540width.png) !important;
	background-repeat: repeat;
}

/*.header-icons {margin-left: 3px !important;} */

.header-icons {
	/* margin-left: 30px; commented out 2018 11 29 */
	padding: 0px 1px 0px 1px !important;
	width: 20px !important;
	height: auto !important;
}

/* navigation menu rules */
#block-menu-primary-links ul.menu {
/*	max-width: 100%; */
	
	height: auto;
}
/*  https://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css/ 
	http://cssmenumaker.com/blog/responsive-menu-tutorial/


*/
#block-menu-primary-links ul.menu > li {float: none; width: 100%; display: block;}
#block-menu-primary-links ul.menu a { line-height: 20px; }
#block-menu-primary-links ul.menu ul { position: relative;}

/* #block-menu-primary-links ul.menu li.tap { background: #555;  }
#block-menu-primary-links ul.menu li.tap ul { display: block;  } */

#block-menu-primary-links ul.menu > li  > ul.menu  {float: none; width: 100%; border: 1px teal dashed; display:none;}
#block-menu-primary-links ul.menu > li  > ul.menu  > li {float: none; width: 100%; border: 1px teal dashed; display:none;}

#branding img {
	width: 75% !important;
	height: auto !important;
}

#footer_kings_award {
	text-align: center;
}

#footer_kings_award img {
	width: 180px;
	height: auto;
	max-width: 180px;
	max-height: 180px;
}