/*
Theme Name: berwick_theme
Author: Nuno Das Neves
Description: Badass
Version: 1.0
*/

@font-face {
    font-family: Microgramma-Medium;
    src: url(fonts/Microgramma-D-OT-Medium-Extended.ttf);
}
@font-face {
    font-family: Microgramma-Bold;
    src: url(fonts/Microgramma-D-OT-Bold-Extended.ttf);
}

html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

html{
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative;
		overflow-x: hidden; /* without this you get a weird white space on the right on small screens*/
		margin:0;
		padding:0;
}
body{
	min-height:100%; /* force the BODY element to match the height of the HTML element */
	height:100%;
	font-size: 1.05em;
	font-family: Helvetica Neue, Helvetica, Arial, "sans-serif";
	display:table;
	margin:0;
	padding:0;
}

body > div{
    display: table-row;
}

body > div.fill{
    height: auto;
}

/* HEADER business */

header{
	display:table-row;
	width:100%;
	height:1px;
	background:black;
	color:white;
}

.header-contained{
	margin: 0px auto;
	max-width: 1235px;
	height:1px;
}

.logo{
	margin-top:25px;
	margin-bottom:25px;
	margin-left:16px;
	float:left;
	/*border:1px solid pink*/
}
.logo img{}
/*menu big*/

.header-contact{
	float:right;
	text-align: right;
	font-family: Microgramma-bold, Helvetica Neue, Helvetica, Arial, "sans-serif";
	font-size:15px;
	letter-spacing: 1px;
	display:block;
	margin-right:30px;
	margin-top:15px;
	padding-left:60px;
	/*border:1px solid blue;*/
}

#menu-icon {
	float:right;
	display: none;
	margin-top:-40px;
	margin-right:20px;
	width: 72px;
	height: 72px;
	background: url(http://sandacabinets.test.hornetmarketing.com.au/wordpress/wp-content/themes/sandacab_theme/images/nav-button.png) no-repeat center;
	background-color: white;
}

a:hover#menu-icon {
	background-color: white;
}

.menu {
	float:right;
	/*border:1px solid blue;*/
	display:block;
	margin-right:30px;
	margin-top:26px;
	padding:0;
}

.menu li {
	/*display: table-cell;*/
	display:inline-block;
	/*border:1px solid green;*/
	-moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
	padding-left:40px;
	/*border:1px solid red;*/
}
#menu-item-16{
	padding-left:0px;
}
.menu a{
	display:inline-block;
	/*width:100%;*/
	text-decoration:none;
	text-align:center;
	color:white;
	font-size:15pt;
	font-family: Microgramma-Medium, Helvetica Neue, Helvetica, Arial, "sans-serif";
	/*border:1px solid blue;*/
}

.menu a:hover{
	/*background:#005fad;*/
	color:#888;
	}
/*
nav a::after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;
}
*/
.current-menu-item a{
	color:#b4b4b4;
	font-weight:bold;
}

/*menu small screens*/
@media (max-width : 1030px) {
	.header-contained{
		height:initial;
	}
	.logo{
		float:none;
		display:table;
		margin:0 auto;
		margin-top:1%;
	}
	.header-contact{
		display:table;
		float:none;
		margin:0 auto;
		padding:0;
		text-align:center;
	}
	.menu{
		display:table;
		float:none;
		margin:10px auto;
	}
}

@media (max-width : 620px) {

	.logo{width:70%;margin-top:4%;}
	.logo img{width:100%;}
	header{height:unset;}
	
	.header-contact{display:none;}
}

@media (max-width : 400px) {
	.logo{width:100%;}
	.menu li a{font-size:12px;}
}

/* CONTENT business */

.slider{
	padding-top:8px;
	background:#b4b4b4;
	/*height:425px;*/
}
#services-page .slider, #contact-page .slider{
	height:40px;
}

#services-page .slider .slider-content span, #contact-page .slider .slider-content span{
	padding-top:2px;
}
	
.slider-content{
	max-width: 1235px;
	margin:0px auto;
	text-align:center;
	font-size:20px;
}
.slider-content span{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}

.container{
	background:#dddddd;
}

.content{
	/*background: red;*/
	margin: 0px auto;
	padding:0;
	max-width: 1235px;
	position: relative;
}
.fp-section{
	
}

#car-logos{display:block;margin:0 auto;margin-top:5px;width:95%;}

#fp-text{
	vertical-align: top;
	display:inline-block;
	padding: 30px;
	width:75%;
	font-size:16pt;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
#fp-text a{
	text-decoration: none;
	color:#00b;
}
#fp-licenses{
	display:inline-block;
	padding:30px;
	width:24%;
	-moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}
#fp-licenses img{
	width:80%
}

/* all h3s...*/
h3{padding:0;margin:0;font-weight:bold;font-size:20pt}

#services-text{
	vertical-align: top;
	display:block;
	padding: 30px;
	width:100%;
	font-size:16pt;
	-moz-box-sizing: border-box; 
  	-webkit-box-sizing: border-box; 
 	box-sizing: border-box;
}
#services-text a{
	text-decoration: none;
	color:#00b;
}
#services-text img{width:33%}

#contact-page .content{

}
#contact-page .content img{
	display:block;
	width:100%;
}
#contact-page table{	
	width:100%;
	height:100%;
	margin-top:20px;
}
#contact-page td{
	height:100%;
	vertical-align: top;
	font-size:20px;
}
#contact-page td a{
	text-decoration: none;
	color:#00b;
}

#contact-map{height:500px;margin-top:20px;margin-bottom:30px;}
#contact-page-info{padding-left:20px;width:40%;}

/* Them's the breaks */
@media (max-width : 850px) {
	#fp-text{
	display:block;
	width:100%;
	padding-bottom:0;
	padding-top:0;
	}
	#fp-licenses{
		display:block;
		width:60%;
		margin:0 auto;
	}
	#fp-licenses img{
		width:100%
	}
}

@media (max-width : 620px) {
	#contact-page-info{width:100%;}
	#contact-page .content img{
		display:none;
	}
	#fp-licenses{
		width:80%;
	}
}

/* FOOTER business */

.footer-container{
	width:100%;
	height:45px;
	/*margin-top:240px;*/
	bottom:0;
	left:0;
	background:black;
}

#footer{
	margin:0px auto;
	padding-top:10px;
	max-width: 1176px;
	position: relative;
	color: white;
	font-family: Helvetica Neue, Helvetica, Arial, "sans-serif";
}
#f-left{float:left;padding-left:43px;}
#f-right{float:right;padding-right:43px;}
#f-right a{color:white}

/*footer first break */
@media (max-width : 800px) {
	#f-left{width:100%}
	#f-right{float:left; padding:0px; padding-left:25px; width:100%}
}
/* footer second break */
@media (max-width : 400px) {
	#footer{font-size:0.6em;}
}