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

@font-face {
    font-family: Liberation Serif Regular;
    src: url(fonts/LiberationSerif-Regular.ttf);
}
@font-face {
    font-family: Liberation Serif Bold;
    src: url(fonts/LiberationSerif-Bold.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, 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:white;
	color:black;
}

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

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

#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:60px;
	margin-top:85px;
	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:black;
	font-size:18pt;
	letter-spacing: 1.4pt;
	font-family: Liberation Serif, serif;
	/*border:1px solid blue;*/
}

.menu a:hover{
	/*background:#005fad;*/
	color:#888;
	}

.current-menu-item a{
	font-family: Liberation Serif 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 */

.container{
	background:#dddddd;
	background: url(/wordpress/wp-content/uploads/background.png) -20%;
}

.content{
	background: white;
	margin: 0px auto;
	padding:0;
	max-width: 1400px;
	position: relative;
	height:100%; /* Watch this. It's tricky... */
}

h4{
	font-size: 25px;
	letter-spacing: 0.8pt;
	font-weight: normal;
	font-family: Liberation Serif Bold;
	margin:0;
	padding:0;
}

.about-us-h4{color:#516fff;}

.slider{
	background:white;
	/*height:425px;*/
}

#slider-text{
	position: absolute;
	color:white;
	top:0px;
	width:400px;
	padding:40px;
	padding-top:40px;
	letter-spacing: 1pt;
	line-height: 28px;
	font-size:18px;
}

#actual-slider{
	
}
.fp-section{
	
}

#fp-text {
	vertical-align: top;
	display:inline-block;
	padding: 30px;
	padding-top:10px;
	width:65%;
	font-size:16pt;
	letter-spacing: 1pt;
	font-family: Helvetica,sans-serif;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.fp-text {
	vertical-align: top;
	display:inline-block;
	padding: 30px;
	padding-top:10px;
	
	font-size:16pt;
	letter-spacing: 1pt;
	font-family: Helvetica,sans-serif;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.fp-text img {
width: 100%;
}
#fp-text img{
	display: block;
	margin:0px auto;
	padding-top:30px;
}


#fp-sidebar, .fp-sidebar{
	width:34%;
	display: inline-block;
	padding: 30px;
	padding-left:70px;
	padding-top:10px;
	font-size:16pt;
	letter-spacing: 1pt;
	font-family: Helvetica, sans-serif;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

.specialise-h4{color:#35e00d;}
#fp-sidebar ul{color:#5858ed}
#fp-sidebar ul li span{color:black}
#fp-sidebar img{padding-left:25px;padding-bottom:15px;}
.fp-contact-font1{padding-left:25px;}
.fp-contact-font2{padding-left:25px;font-family: Helvetica, sans-serif;font-size: 18px;line-height: 30px;}
.fp-contact1{color:#f34c26;}
.fp-contact2{color:#516fff;text-decoration: none;}

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


#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) {
	
}

@media (max-width : 620px) {
	
}

/* 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: 1400px;
	position: relative;
	color: white;
	font-family: Liberation Serif, serif;
	font-size:18px;
	letter-spacing: 0.4pt;
}
#f-left{float:left;padding-left:25px;}
#f-right{float:right;padding-right:25px;}
#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;}
}
#bwg_container1_0 #bwg_container2_0 .bwg_standart_thumbnails_0 {
max-width:100%!important;
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}

.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.sidemenu li {
list-style: none;
display: block;
}
.sidemenu {
border: 1px solid #efefef;
letter-spacing: 0;
padding: 0;
}
.sidemenu li a {
padding: 16px 12px;
color: #9768C3;
display: block;
text-decoration: none;

}
.sidemenu li a:hover, .sidemenu li a:active {
color: #fff;
background: #9768C3;
}
.sidemenu li a.active {
color: #fff;
background: #9768C3;
}
.text-center {
text-align: center;
}