/*
Theme Name: A2 Kitchens & Joinery Custom Theme
Theme URI: http://www.anstieconstructions.com.au;
Author: Sahara Design 2016
Version: 1.0
*/


/* Preloader */

body {
    overflow: hidden;
}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:999999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(images/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

/* end preloader */

.nivoSlider {
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

/*@font-face {
    font-family: 'Cabin';
    src: url('fonts/Cabin-Regular-webfont.eot');
    src: url('fonts/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cabin-Regular-webfont.woff') format('woff'),
         url('fonts/Cabin-Regular-webfont.ttf') format('truetype'),
         url('fonts/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
    
/*@font-face {
    font-family: 'CabinBold';
    src: url('fonts/Cabin-Bold-webfont.eot');
    src: url('fonts/Cabin-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cabin-Bold-webfont.woff') format('woff'),
         url('fonts/Cabin-Bold-webfont.ttf') format('truetype'),
         url('fonts/Cabin-Bold-webfont.svg#CabinBold') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

/*@font-face {
    font-family: 'ubaru';
    src: url('fonts/ubaru-book-webfont.eot');
    src: url('fonts/ubaru-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubaru-book-webfont.woff') format('woff'),
         url('fonts/ubaru-book-webfont.ttf') format('truetype'),
         url('fonts/ubaru-book-webfont.svg#subaru_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

a, img {
    border: none;
}

a {
	text-decoration: none;
	color: #339999;
	}
	
a:hover {
	text-decoration: underline;
	}
	
strong {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	}
	
.grey_text {
	color: #999;
	}	
	
.column_640_pixels {
	width: 60%;
	float: left;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	background-color: #eee;
	padding: 20px 0 0 20px;
	}
	
.clear {
	clear: both;
	}
	
iframe {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
.thumbnails {
	margin: 0 4px 4px 0;
	height: 150px;
	max-width: 100%;
	}
	
.image {
	padding: 0 0 32px 0;
	margin-bottom: -32px;
	background-image: url(images/content_image_shad.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	min-width: 960px;
	}
	
ul {
	padding: 0px;
	margin: 0px;
	font-size: 17px;
	font-weight: 300;
	line-height: 20px;
	color: #3a3a3a;
	list-style-type: none;
	}
	
ul li {
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 8px; 
	padding-left: 14px;
	margin: 0 0 6px 0;
	}
	
ul.list_column {
	float: left;
	width: 166px;
	}	
	
ul.list_column li {
	margin: 0;
	}

body {
	background-color: #0b406c;
	}
	
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}
	
h1 {
	width: 960px;
	height: 89px;
	font-weight: 300;
	/*padding: 32px 0 0 18px;*/
	padding: 32px 0 0 0;
	line-height: 24px;
	margin: 0 auto;
	font-size: 26px;
	color: #FFF;
	/*background-image: url(images/arrow_teal.png);*/
	background-repeat: no-repeat;
	background-position: center left;
	}
	
h2 {
	
	margin: 0 0 22px 0;
	padding: 0 0 17px 19px;
	background-image: url(images/arrow_teal.png);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	border-bottom-color: #d8d8d8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 24px;
	font-weight: 300;
	color: #0b406c;
	}
		
p {
	margin: 0 0 32px 0;
	padding: 0;
	font-size: 16px;
	line-height: 22px;
	color: #3a3a3a;
	}

sup {
	font-weight: 700;
    font-size: 60%;
}

.blue {
	color: #0b406c;
}	

.teal {
	color: #00a897;
}	
	
#content_main_leftcol p {
	font-size: 16px;
	line-height: 22px;
	}
		
#page {
	width: 100%;
	position: absolute;
	top: 108px;
	}
	
#header_shad {
	width: 100%;
	height: 3px;
	position: absolute;
	background-image: url(images/header_shad.png);
	background-repeat: repeat-x;
	z-index: 999;
	top: 0px;
	}
	
#header_outer {
	width: 100%;
	height: 105px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0b406c;
	background-color: #FFF;
	}
	
#header_wrap {
	width: 960px;
	height: 105px;
	position: relative;
	margin: 0 auto;
	}
	
/*#anstie_text_header {
	height: 105px;
	display: block;
	float: left;
	font-weight: 300;
	line-height: 105px;
	font-size: 36px;
	letter-spacing: -1px;
	}
	
#anstie_text_header:hover {
	text-decoration: none;
	}*/

#anstie_text_header {
	width: 180px;
	height: 105px;
	margin-top: 14px;
	display: block;
	float: left;
	background-image: url(images/a2_logo_horiz_transparent_2016.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	}
	
#anstie_text_header:hover {
	opacity: 0.8;
	}	
	
#menu_container {
	float: right;
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	z-index: 9999;
	}

#menu_container .menu-main-menu-container:after {
    content:"";
    display: table;
    clear: both;
}	
	
#menu_container .menu-main-menu-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    }

#menu_container .menu-main-menu-container ul li {
    margin: 0px;
    padding-left: 0;
    display: inline-block;
    float: left;
    background-color: #fff;
    background-image: none;
    }    
	
#menu_container .menu-main-menu-container a {
    display: block;
    padding: 20px 10px;
    color: #0b406c;
    line-height: 22px;
    text-decoration: none;

	}

#menu_container .menu-main-menu-container a:hover {
    background-color: #F7F7F7;
	}

#menu_container .menu-main-menu-container ul ul {
    display: none;
    position: absolute;
    top: 60px;
    z-index: 9999;
	}

#menu_container .menu-main-menu-container ul li:hover > ul {
    display: inherit;
	}

#menu_container .menu-main-menu-container ul ul li {
    min-width: 170px;
    float: none;
    display: list-item;
    position: relative;
    box-shadow: 1px 1px 6px #666;
	}	

#menu_container .menu-main-menu-container ul ul ul {
    position: absolute;
    top:0;
    left:100%;
	}

#facebook {
    float: right;
    text-align: center;
    font-size: 14px;
    margin-top: 41px;
    margin-left: 10px;
    z-index: 9999;
    height: 21px;
}
#fader {
	width: 100%;
	background-color: #FFF;
	position: relative;
	/*min-height: 350px;*/
	}

#home_blurb {
    width: 30%;
    position: absolute;
    padding: 30px 5% 30px 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    z-index: 999;
    background-color: rgba(10,63,105,0.8);
}

#home_blurb a {
    color: #fff;
    text-decoration: underline;
}

#home_blurb p {
    font-size: 22px;
    line-height: 24px;
    font-weight: 300;
    color: #fff;
}

#home_blurb p:last-child {
	margin: 0;
}

#home_blurb_mobile_outer {
	width: 100%;
	padding: 30px 0;
	background-color: rgba(10,63,105,0.8);	
	display: none;
}

#home_blurb_mobile_inner {
	width: 960px;
	margin: 0 auto;	
}

#home_blurb_mobile_inner p {
	font-size: 18px;
    font-weight: 300;
    color: #fff;
}

#home_blurb_mobile_inner p:last-child {
	margin: 0;
}
	
#footer_shad {
	height: 3px;
	width: 100%;
	margin: -3px 0 0 0;
	background-image: url(images/footer_shad.png);
	}
	
#footer_bg_outer {
	width: 100%;
	height: 175px;
	padding: 33px 0 0 0;
	background-color: #fff;
	/*background-image: url(images/footer_bg.jpg);*/
	background-position: center;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #484848;
	font-size: 28px;
	border-top-width: 1px;
    border-top-color: #ddd;
    border-top-style: solid;	
	}
	
#footer_inner {
	width: 960px;
	margin: 0 auto;
	}
	
#footer_logo {
	height: 142px;
	display: block;
	float: left;
	}
	
#footer_contact {
	font-size: 13px;
	margin: 0 0 0 34px;
	padding: 42px 0 0 0;
	float: left;
	color: #0b406c;
	}
	
#footer_contact a {
	color: #0b406a;
	}
	
#footer_contact a:hover {
	color: #0b406a;
	}

#menu-main-menu-1 li {
	background-image: none;
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
	}	
	
.anstie_footer_text {
	font-size: 27px;
	color: #00a897;
	}
	
#endorsements {
	float: right;
	color: #7e7e7e;
	font-size: 13px;
	text-align: center;
	}

.endorsements_break	{
	display: none;
	}
	
#mba {
	width: 108px;
	float: left;
	}
	
#hia {
	width: 90px;
	float: left;
	line-height: 20px;
	}
	
#hettich {
	width: 96px;
	margin: 0 2px;
	float: left;
	}
	
#wpcg {
	width: 97px;
	float: left;
	}

#accoya img {
    height: 103px;
}

#accoya {
    float: left;
}
	
#footer_dark_outer {
	width: 100%;
	height: 69px;
	background-color: #0b406c;
	}
	
#footer_dark_inner {
	width: 960px;
	height: 69px;
	margin: 0 auto;
	color: #cecece;
	font-size: 13px;
	line-height: 69px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	}
	
#footer_dark_inner a {
	color: #cecece;
	}
	
#footer_dark_inner a:hover {
	color: #FFF;
	}

#footer_dark_left {
	float: left;
	}
	
/*#footer_dark_right {
	height: 69px;
	padding: 0 95px 0 0;
	margin: 0 8px 0 0;
	float: right;
	background-image: url(images/sahara_logo.png);
	background-position: top right;
	background-repeat: no-repeat;
	}*/

#footer_dark_right {
	height: 69px;
	float: right;
	}	
	
#footer_dark_right:hover {
	}

.menu-footer-menu-container ul li {
	padding: 0;
	margin: 0 4px 0 0;
	background-image: none;
	display: inline;
}
	
#who_header {
	width: 100%;
	height: 89px;
	background-color: #0a3f69;
	}
	
#who_content_outer {
	width: 100%;
	background-color: #fafbfb;
	}
	
#what_header {
	width: 100%;
	height: 89px;
	background-image: url(images/what_header_bg.jpg);
	background-color: #4b280c;
	background-position: center top;
	background-size: cover;
	}
	
#what_content_outer {
	width: 100%;
	background-color: #fafbfb;
	}
	
#gallery_header {
	width: 100%;
	height: 89px;
	background-image: url(images/gallery_header_bg.jpg);
	background-color: #4b280c;
	background-position: center top;
	background-size: cover;
	}
	
#gallery_content_outer {
	width: 100%;
	background-color: #fafbfb;
	}

#gallery_content_outer h2 {
	margin-top: 30px;
}
	
#contact_header {
	width: 100%;
	height: 89px;
	background-image: url(images/contact_header_bg.jpg);
	background-color: #fafbfb;
	background-position: center top;
	background-size: cover;
	}
	
#contact_content_outer {
	width: 100%;
	background-color: #fafbfb;
	}
	
#content_wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 45px 0;
	}
	
.sidebar-left {
	width: 30%;
	margin-right: 5%;
	float: left;
	}

.main-content-area-right {
	width: 60%;
	float: right;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	background-color: #eee;
	padding: 20px 0 0 20px;
	box-sizing: border-box;
	}

#content_main_leftcol {
	width: 60%;
	float: left;
	}
	
#content_main_rightcol {
	width: 30%;
	float: right;
	}

#content_main_fullwidth {
	width: 100%;
	float: right;
	}	
	
.sidebar--2-col--wrapper {
	width: 100%;
	margin-bottom: 50px;
	}

.sidebar--2-col .sidebar--2-col--left {
	width: 45%;
	margin-right: 5%;
	float: left;
	}	

.sidebar--2-col .sidebar--2-col--right {
	width: 45%;
	margin-left: 5%;
	float: left;
	}	

.news_heading {
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
	border: 0;
}	

.news_date {
	margin: 0 0 20px 0;
	font-weight: 300;
}

.post_list_item {
	display: block;
	margin-bottom: 20px;
}

.post_list_title {
}

.post_list_date {
	color: #333;
	font-size: 14px;
}

.post_list_date:hover {
	text-decoration: none;
}

input, textarea {
	width: 90%;
	padding: 5px;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	}

@media screen and (max-width: 1200px){

	#home_blurb {
		font-size: 18px;
		width: 40%;
		}

}

@media screen and (max-width: 1060px){

	html, body {
		min-width: 0;
		}

	#header_wrap, #footer_inner, #footer_dark_inner {
		width: 90%;	
		}

	#home_blurb {
		display: none;
		}	

	#home_blurb_mobile_outer {
		display: block;
		}	

	#home_blurb_mobile_inner {			
		width: 90%;
		}

	#anstie_text_header {
		width: 148px;
		height: 80px;
		margin-top: 9px
		}

	#anstie_text_header:hover {
		background-position: 0 0;
		}	

	#header_outer, #header_wrap {
		height: 80px;
		}	

	#menu_container {
		margin-top: 8px;
		}

	#menu-main-menu {
		margin-top: 29px;
		}

	#facebook {
		margin-top: 29px;	
		}

	#page {
		top: 83px;
		}

	#footer_contact {
		display: none;
		}

	#who_header h1, #what_header h1, #gallery_header h1, #contact_header h1 {
		width: 90%;
		box-sizing: border-box;
		}

	#content_wrapper {
		width: 90%;
		}

	#content_main_rightcol h2 {
		width: 100%;
		}

	}

	@media screen and (max-width: 782px){

		#content_main_leftcol, #content_main_rightcol, .sidebar-left, .main-content-area-right {
			width: 100%;
			}

		#content_main_rightcol h2 {
			width: 95%;
			float: left;
			}

		.main-content-area-right {
			margin-top: 50px;
			}

		/* custom styles for responsive menu, if applicable */
		
/*		.responsive-menu {
			text-transform: uppercase;
			}	

		#responsive-menu-title {
			text-transform: uppercase;
			}*/

/*		.responsive-menu li {
			margin-bottom: 0;
			background-image: none;
			}

		.responsive-menu li a {
			font-size: 18px;
			}*/

			#menu-main-menu-1 li {
				background-image: none;
				margin: 0;
				padding: 0;
			}

			#responsive-menu-title {
				font-weight: 300;
			}

			#facebook {
				margin-top: 26px;
    			margin-right: 53px;
    		}

	}

	@media screen and (max-width: 730px){	

		#footer_bg_outer, #footer_inner {
			height: auto;
			}

		#footer_bg_outer {
			background-size: cover;
			padding-bottom: 33px;
			}

		#footer_logo {
			width: 100%;
			text-align: center;
			}

		#footer_logo img {
			}

		#endorsements {
			width: 100%;
			text-align: center;
			}

		#mba, #hia, #hettich, #wpcg {
			float: none;
			display: inline-block;
			}

		#footer_dark_outer {
			height: auto;
			}

		#footer_dark_inner {
			height: auto;
			line-height: 14px;
			padding: 20px 0;
			}

		#footer_dark_left {
			width: 100%;
			text-align: center;
			}

		#footer_dark_right {
			width: 100%;
			text-align: center;
			margin: 0;
			padding: 0;
			background: none;
			height: auto;
			line-height: 14px;
			}
			
	}

	@media screen and (max-width: 480px){	

		#content_wrapper h2 {
			width: 95%;
			}

		.endorsements_break	{
			display: inline;
			}
	}	

	@media screen and (max-width: 366px){	

		#anstie_text_header {
			width: 196px;
    		height: 60px;
    		background-size: contain;
			}

	}

	
.news_content h1{
    display: block;
    font-size: 1.22em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    background: none;
   color: #3a3a3a;
    border: none;
    width: auto;
    height: auto;
   line-height: normal;
}
.news_content h2{
    display: block;
    font-size: 1.20em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    background: none;
   color: #3a3a3a;
    border: none;
    width: auto;
    height: auto;
    line-height: normal;
}

.extra_home_area p {
    font-size: 16px;
    line-height: 22px;
}