/*
Theme Name: KPS Single Page Site
Theme URI: themes
Description: A minimalist theme built around one page.
Version: 1.0
Author: Rob Hurd
Tags: Clean Simple Centered Responsive Expansive
*/	

/* Base Colour Scheme: #96000A; */

body {
	min-width: 1200px;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	}

div,
ul {
	overflow: hidden;	
	} 
	
img,
img a {
	border: none;
	}

table {
    border-collapse: collapse;    
    }

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
	margin-top: 0;	
	}

h1,
h2,
h3,
h4 {
	margin-bottom: .25em;
	}

h1,
h2 {
	font-weight: 300;
	font-size: 300%;
   color: #96000A;
	text-align: center;   
   }

h3 {
	font-weight: 300;
	font-size: 200%;
	}

h4 {
	font-weight: 400;	
	color: #2B2B2B;
	font-size: 170%;
	text-align: center;
	}

h5 {
	font-weight: 400;	
	font-size: 150%;
	text-align: center;	
	}


h6 {
	font-weight: 400;
	font-size: 110%;
	color: #FF9300;
	margin-bottom: .25em;		
	}

p {
	line-height: 1.5;
	font-size: 110%;
	margin-bottom: .7em;
	}

ul {
	font-size: 100%;
	line-height: 1.5;
	list-style-type: square;	
	padding-left: 20px;
	margin-bottom: 0;
	}

.bold {
	font-weight: 600;
	}

.italic {
	font-style: italic;
	}

.grey {
	color: #AAA;
	}

.white {
	color: #FFF;
	}

.p-center {
    text-align: center;
    }

.txt-align-right {
    text-align: right;
    }

.ul-no-list {
    list-style-type: none;
    padding-left: 0;
    }

a:link,
a:visited,
a:active {
	color: inherit;	
	text-decoration: underline;	
	}

a:hover {
	color: inherit;
	text-decoration: none;
	}

.no-link:link,
.no-link:hover,
.no-link:active,
.no-link:visited {
	color: inherit;
	text-decoration: none;
	}

/*	Vertical Line & Spacer */

.vert-line {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #96000A;
	margin-bottom: 5px;
	}

.outline-border {
    border: 1px solid #96000A;
    }

.spacer {
    width: 100%;
    height: 60px;
    }

/* page Width Blocks */

.blue-outer {
	background-color: #AABBDD;
	padding: 30px 0;
	}

/*	Two & Three Column Layouts	*/

.two-col-wr {
	width: 1080px;
	margin: auto;
	}

.two-col-wr .single-col {
	width: 500px;
	float: left;
	padding: 20px;
	}
	
.three-col-wr {
	margin-bottom: 20px;
	}	

.three-col-wr .single-col {
	width: 31.3%;
	float: left;
	padding: 0 1%;
	}

.four-col-wr {
	margin-bottom: 20px;
	}	

.four-col-wr .single-col {
	width: 23%;
	float: left;
	padding-right: 2%;
	}

.single-col p,
.single-col ul {
	text-align: left;
	font-size: 100%;
	}

/* Content - Main Wraps */

.inner-wrap {
	 padding:  0 30px;
    }

.inner-thin {
    max-width:  1100px;
    margin:  auto;
    }

.super-thin {
    max-width:  600px;
    margin:  auto;
    }


/* Header Logo & Telephone */

#hdr-outer {
	background-color: #96000A;
	padding: 10px 0;
	margin-bottom: 30px;
	}

#hdr-logo-wrap {
	width: 1000px;
   height: 190px;
	padding-top: 10px;	
	margin: 10px auto;
	}

#hdr-ph-wr {
	width: 1000px;
	margin: auto;
	}

.hdr-ph {
	width: 25%;
	float: right;
	text-align: right;
	color: #FFF;
	}

/* Homepage - About KPS */

.intro-txt {		
	max-width: 700px;
	margin: auto;
	}

.intro-txt p {
	font-size: 110%;
	font-style: italic;   
	line-height: 1.6;
	}

.img-fl-l {
	float: left;
	padding-right: 1em;
	padding-bottom: 1em; 	
	}
	
/* Slideshows */

#img-gallery {
	width: 800px;
	margin: auto;
	}


/* Footer */

#ftr-outer {
	background-color: #2B2B2B;	
	padding-top: 30px;
	}
	

#ftr-outer p {
	color: #FFF;
	}

#ftr-last-outer {
	padding: 10px 0;
	}

#ftr-copyright p {
	margin: 0;
	font-size: 80%;	
	text-align: center;	
	}


/* Mobile Devices */

.mobi-displ {
	display: none;
	}

@media only screen and (max-device-width: 480px) {
	
	.mobi-displ {
		display: inline;
		}	
	
	body,
	#all-wrap,
	.blue-outer,
	#ftr-contact-outer {
		min-width: 100%;
		}	
		
	.m-hide,	
	#hdr-outer {
		display: none;
    	}

    h1 {
      font-size: 200%;
      }

    h2 {
      font-size: 160%;
      }

    h3 {
      font-size: 130%;
    	}

    p,
    ul {
      font-size: 100%;
    	}

	#page-inner,
   .inner-wrap,
   .inner-thin,
   .super-thin,
   #hdr-logo-wrap,
   #hm-intro-outer,
   .two-col-wr ,
   .three-col-wr,
   #img-gallery {
   	width: 90%;
   	margin: auto;
      padding: 0;
		float: none;    	
    	}
	
	.two-col-wr .single-col,
	.three-col-wr .single-col,
	.four-col-wr .single-col {
		float: none;
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
		}
	
	.single-col img {
		display: none;
		}	
	
	/* header */
	
	#mobi-hdr-wr {
		padding-top: 15px;
		margin-bottom: 30px;
		background-color: #96000A;	
		}	

	#mobi-hdr-logo,
	#mobi-hdr-logo img { 
	width: 200px;	
	}		
		
	#mobi-hdr-logo {
		margin: auto;
		margin-bottom: 30px;
		}
	
		/* m-phone */
	
	#m-phone {
		display: block;
		width: 90%;
		margin: auto;
		margin-bottom: 30px;
		border: 2px solid #FFF;
		padding: 8px 0;	
		}
	
	#m-phone a {
		text-decoration: none;
		color: inherit;
		}
	
	#m-phone h2,
	#m-phone p {
		margin: 0;	
		text-align: center;	
		color: #FFF;	
		}
	
	#m-phone h2 {
		font-size: 120%;	
		}	
	
	
	.inner-thin p {
		font-size: 100%;
		line-height: 1.5;
		font-style: normal;		
		}
	
	/* Footer */
	
	#ftr-inner-wr {
		min-width: 100%;
		background-color: #2B2B2B;
		padding: 20px 0 0 0;
		margin: 0; 	 	
	 	}
	
	.ftr-col {
		width: 100%;
		float: none;
		margin: auto;
		}
	 
	.ftr-col p {
	 	color: #FFF;
	 	}
	 
	#m-footer {
		font-size: 80%;
		padding: 4px 0;
		}
	
	#m-footer p {
		margin: 3px 0 0 0;		
		}	 
	 	
	 }