/*	Kingfisher Stylesheet	*/

/*	Colours
	Darkest blue	#07102c		7, 16, 44
	Dark blue		#11286e		17, 40, 110
	Blue			#4f74e3		79, 116, 227
	Pale blue		#91a8ee		145, 168, 238
	Palest blue		#d3dcf8		211, 220, 248
	Feature orange	#db5224		219, 82, 36
	Pale orange		#e68665		230, 134, 101
	Palest orange	#f4cbbd		244, 203, 189
*/

* 		{box-sizing: border-box;}
html 	{background-color:#d3dcf8;}

/* 	MOBILE PHONE WIDTH */
/* 	------------------ */
body {
	margin:0; border:0; padding:0;
	width:auto; height:auto; overflow: auto; 
	font-family: Lucida Sans, Arial, Helvetica, sans-serif;
	font-size:16px; text-align:left;line-height: 1.2em; 
	color: #07102c; background-color:#d3dcf8;
	}
	
/* 	Header fonts */
h1 	{font-size:1.30em; margin:0; padding:0.3em;color: #11286e;}
h2 	{font-size:1.10em; margin:0; padding:0.3em;color: #11286e;}

/* 	Banner header */
#div_banner {width:100%; height:8em; border-top:0.2em solid #4f74e3; border-bottom:0.2em solid #4f74e3; background-color:#d3dcf8; }
#div_banner_l {float:left; height:100%; width:25%; background-color:#91a8ee; }
.banner_image_l {max-width:100%; height:auto; margin:0.5em 0 0 0 ; object-fit: contain; }
#div_banner_c {float:left; height:100%; width:75%; background-image:url('banner_c.jpg'); background-repeat:no-repeat; }

/* 	Menu */
#div_menu {overflow: none; width:100%; height:auto; background-color:#d3dcf8;}
#div_menu ul{list-style: none; }
#div_menu li{display: inline; }
.menu_button {width:16em; height:auto; margin:0.2em 0 0.2em 4em; }
a.menu_anc{line-height: 1.2em; margin:0 0 0 0; }
a.menu_anc:hover{margin:0.2em 0 0 0.2em; }

/* 	Page */
.div_page {overflow: auto; max-width:100%; border-top:0.2em solid #4f74e3; border-bottom:0.2em solid #4f74e3; }

/* 	Footer */
#div_footer {overflow: auto; width: 95%; height: auto; padding:0.3em 1em 0.2em 1em; background-color:#d3dcf8; font-size: 0.8em; color: #11286e; }

/*	Responsive content and sections */
.div_box_V0 {float:left; max-width:100%; margin:0.2em 0.2em 0.2em 0.2em; object-fit:cover;}
.div_box_V1 {display:block; float:left; max-width:100%; margin:0.2em 0.2em 0.2em 0.2em; object-fit:cover; }
.div_box_V2 {display:none; float:left; max-width:100%; margin:0.2em 0.2em 0.2em 0.2em; object-fit:cover; }
.div_box_V3 {display:none; float:left; max-width:100%; margin:0.2em 0.2em 0.2em 0.2em; object-fit:cover; }
.div_box_top {
	width: 100%; height: 1.3em; margin: 1em 0 0.3em 1em; 
	color: #11286e; font-size: 0.8em; font-weight: bold; line-height: 1.2em; object-fit:cover;
	}
.div_box_body {
	width: 100%; margin: 0.5em 0 0.3em 2em; overflow: hidden; font-size: 0.8em; 
	font-weight: normal;  object-fit:cover;
	}

/*	Content boxes */
[class*="div_content_"] {float: left; padding: 0.5em; }
.div_content_20 {width:20%; }
.div_content_50 {width:45%; }
.div_content_60 {width:60%; }
.div_content_90 {width:90%; }
.div_content_100 {width:100%; }

/*	Gallery */
.div_table { display: table; width: 100%; }
.div_table_cell {display: table-cell; padding: 2em; }
}

/*	Links */
	a 	{color: #4f74e3;margin:1em 1em 1em 1em;}
	a:hover {color: #91a8ee; }
	a.anc 	{font-size:1em;color:#07102c;}
	a.anc:hover {font-size:1.05em;color:#4f74e3;}

/*	Images */
	.img_home {max-width:100%; height:auto;  }
	.gallery_img {max-width: 10em; height: auto; background-position: 50% 50%; background-repeat: no-repeat; object-fit:contain; }	
	
/* 	TABLET WIDTH */
/* 	------------ */
@media screen and (min-width: 600px) and (max-width: 720px) {
	body {font-size:16px; }				
	
	/* 	Header fonts */
	h1 	{font-size:1.35em; }
	h2 	{font-size:1.15em; }
	
	/* 	Banner header */
	#div_banner_l {width:20%; }
	#div_banner_c {width:80%; }

	/* 	Menu */
	.menu_button {width:14em; height:auto; margin:0.2em 0 0.2em 1em; }

	/*	Responsive content and sections */
	.div_box_V1 {display:block; }
	.div_box_V2 {display:none; }
	.div_box_V3 {display:none; }

	/*	Gallery */
	.gallery_img {max-width: 14em; height: auto; background-position: 50% 50%; background-repeat: no-repeat; object-fit:contain; }	
}
	
/* 	LARGE TABLET WIDTH */
/* 	------------------ */
@media screen and (min-width: 721px) and (max-width: 980px) {
	body {font-size:18px; }				
	
	/* 	Header fonts */
	h1 	{font-size:1.40em; }
	h2 	{font-size:1.20em; }
	
	/* 	Banner header */
	#div_banner {height:8.5em; }
	#div_banner_l {width:15%; }
	#div_banner_c {width:85%; }

	/* 	Menu */
	.menu_button {width:16em; height:auto; margin:0.2em 0 0.2em 3em; }

	/*	Responsive content and sections */
	.div_box_V1 {display:none; }
	.div_box_V2 {display:block; }
	.div_box_V3 {display:none; }

	/*	Gallery */
	.gallery_img {max-width: 10em; height: auto; background-position: 50% 50%; background-repeat: no-repeat; object-fit:contain; }	
}
	
/* 	LAPTOP WIDTH */
/* 	------------ */
@media screen and (min-width: 981px) and (max-width: 1180px) {
	body {font-size:18px; }			
	
	/* 	Header fonts */
	h1 	{font-size:1.40em; }
	h2 	{font-size:1.20em; }
	
	/* 	Banner header */
	#div_banner {height:8.5em; }
	#div_banner_l {width:15%; }
	#div_banner_c {width:85%; }

	/* 	Menu */
	.menu_button {width:19em; height:auto; margin:0.2em 0 0.2em 3em; }

	/*	Responsive content and sections */
	.div_box_V1 {display:none; }
	.div_box_V2 {display:none; }
	.div_box_V3 {display:block; }

	/*	Gallery */
	.gallery_img {max-width: 10em; height: auto; background-position: 50% 50%; background-repeat: no-repeat; object-fit:contain; }	
}
	
/* 	SMALL MONITOR WIDTH */
/* 	------------------- */
@media screen and (min-width: 1181px) and (max-width: 1440px) {
	body {font-size:19px; }				
	
	/* 	Header fonts */
	h1 	{font-size:1.4em; }
	h2 	{font-size:1.2em; }
	
	/* 	Banner header */
	#div_banner {height:9.5em; }
	#div_banner_l {width:14%; }
	#div_banner_c {width:86%; }

	/* 	Menu */
	.menu_button {width:22em; height:auto; margin:0.2em 0 0.2em 3em; }

	/*	Responsive content and sections */
	.div_box_V1 {display:none; }
	.div_box_V2 {display:none; }
	.div_box_V3 {display:block; }

	/*	Gellery */
	.div_content_gallery {max-width:22%; min-width:22%; }
	.gallery_img {max-width: 10em; height: auto; background-position: 50% 50%; background-repeat: no-repeat; object-fit:contain; }
}
	
/* 	LARGER MONITOR WIDTH */
/* 	---------------------- */
@media screen and (min-width: 1441px) {
	body {font-size:20px; }				
	
	/* 	Header fonts */
	h1 	{font-size:1.4em; }
	h2 	{font-size:1.2em; }
	
	/* 	Banner header */
	#div_banner {height:10em; }
	#div_banner_l {width:12%; }
	#div_banner_c {width:88%; }

	/* 	Menu */
	.menu_button {width:16em; height:auto; margin:0.2em 0 0.2em 3em; }

	/*	Responsive content and sections */
	.div_box_V1 {display:none; }
	.div_box_V2 {display:none; }
	.div_box_V3 {display:block; }

	/*	Gellery */
	.div_content_gallery {max-width:22%; min-width:22%; }
	.gallery_img {max-width: 9em; height: auto; background-position: 50% 50%; background-repeat: no-repeat; object-fit:contain; }
}
	
		

