/*  
Theme Name: Sanders Roofing
Theme URI: http://www.sandersroofing.com.au
Description: Sanders Roofing responsive theme relacing old web development - design remains the same
Version: 1.0
Author: Studio 313
Author URI: http://www.studio313.com.au
*/


/** SITE STYLES **/

body {
	-webkit-text-size-adjust: none;
	background: #AACCE5 url(imgs/bg-head.jpg) top center no-repeat;
	font-size: 13px;
}

h1, h2, h3, h4 {
	font-family: ;
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: none;
	border: none;
	text-transform: uppercase;
}

h1 {
	font-size: 18px;
	color: #0169BB;
	margin: 0 0 10px 0;
	font-weight: 800;
}

h2 {
	font-size: 15px;
	color: #0169BB;
	margin: 0 0 7px 0;
	font-weight: 800;
}

h3 {
	font-size: 13px;
	color: #1CAEEB;
	margin: 0 0 7px 0;
	font-weight: 800;
}

h4 {
	font-size: 13px;
	color: #1CAEEB;
	margin: 0 0 7px 0;
	font-weight: 400;
}

p, a, li {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: none;
	border: none;
}

p, li {
	color: #545454;
	line-height: 140%;
}

p {
	margin: 0 0 7px 0;
}

p span {
	color: #1CAEEB;
	font-weight: 800;
}

a {
	text-decoration: none;
	color: #1CAEEB;
	outline: none;
	border: none;
}

a:hover {
	color: #0169BB;
}

ul, ol {
	margin-left: 0px;
	margin-bottom: 7px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

ul.homepage-list {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}

ul.homepage-list li {
	display: inline-block;
}

ul.homepage-list li img {
	width: 100%;
	height: auto;
}

table {
	border: 1px solid #545454;
	margin: 40px auto;
	max-width: 93%;
}

th, td {
	padding: 7px 10px;
	text-align: center;
	border: 1px solid #545454;
}

th {
	border-bottom: 2px solid #545454;
	padding: 10px;
	font-size: 16px;
}

.table-r {
	float: right;
}

.table-r table {
	margin-top: 0px;
	margin-left: 15px;
}

blockquote {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 800;
	border-left: 3px solid #1CAEEB;
	color: #545454;
	max-width: 93%;
	margin: 30px auto;
	line-height: 150%;
}

.table-responsive {
	border: #1px solid #0c0 !important;
}

.no-side-pad {
	padding-left: 0 !important;
	padding-right: 0 !important;
}


/* colours */


/* gradients */

.gradient-blue {
	background: #6592e8;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1OTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjRmOWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #6592e8 0%, #124f9d 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6592e8), color-stop(100%, #124f9d));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6592e8 0%, #124f9d 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6592e8 0%, #124f9d 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6592e8 0%, #124f9d 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #6592e8 0%, #124f9d 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6592e8', endColorstr='#124f9d', GradientType=0);
	/* IE6-8 */
}


/* Logos */


/* WRAPPERS */

header {
	position: relative;
	margin: 0;
	padding: 0;
}

.navbar-wrap {
	position: relative;
	margin-top: 203px;
}

footer {
	position: relative;
	background: url(imgs/bg-foot.jpg) top center no-repeat;
	height: 709px;
}


/** HEADER **/

nav.navbar {
	border-radius: 0;
	border-radius: 15px 15px 0 0;
	border: none;
	margin: 0 !important;
	-webkit-box-shadow: 0 7px 7px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 7px 7px 0 rgba(0, 0, 0, 0.25);
}

ul.navbar-nav li a {
	color: #fff !important;
	font-weight: 800;
	font-size: 14px !important;
}

ul.navbar-nav li ul.dropdown-menu {
	background: #124f9d;
	border: none;
}

ul.navbar-nav li ul.dropdown-menu li a {
	font-weight: 400;
	text-align: left;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background: #6592e8;
}

.navbar-header button {
	color: #fff;
	width: 80px;
	position: relative;
	/*left:-28%;*/
}

@media only screen and (min-width: 768px) {
	.navbar-nav {
		width: 100%;
		text-align: center;
	}
	.navbar-nav>li {
		float: none;
		display: inline-block;
	}
	.sidebar-nav {
		padding: 9px 0;
	}
	.dropdown-menu .sub-menu {
		left: 100%;
		position: absolute;
		top: 0;
		visibility: hidden;
		margin-top: -1px;
	}
	.dropdown-menu li:hover .sub-menu {
		visibility: visible;
	}
	.dropdown:hover .dropdown-menu {
		display: block;
	}
	.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
		margin-top: 0;
	}
	.navbar .sub-menu:before {
		border-bottom: 7px solid transparent;
		border-left: none;
		border-right: 7px solid rgba(0, 0, 0, 0.2);
		border-top: 7px solid transparent;
		left: -7px;
		top: 10px;
	}
	.navbar .sub-menu:after {
		border-top: 6px solid transparent;
		border-left: none;
		border-right: 6px solid #fff;
		border-bottom: 6px solid transparent;
		left: 10px;
		top: 11px;
		left: -6px;
	}
}

.balloon-logo {
	width: 298px;
	height: 369px;
	position: absolute;
	top: -203px;
	left: -100px;
}

.balloon-phone {
	width: 207px;
	height: 238px;
	position: absolute;
	top: -203px;
	right: -100px;
}

@media only screen and (max-width: 768px) {
	.balloon-logo {
		top: -203px;
		left: -60px;
		background: none;
		width: 230px;
		height: auto;
	}
	.balloon-phone {
		top: -203px;
		right: -20px;
		background: none;
		width: 180px;
		height: auto;
		z-index: -1;
	}
}

@media only screen and (min-width: 750px) and (max-width: 770px) {
	ul.navbar-nav li a {
		font-size: 12px !important;
		padding-left: 1px !important;
		margin-right: 1px !important;
		margin: 0px !important;
	}
}


/** CONTENT **/

.content-wrap {
	background: rgba(255, 255, 255, 0.90);
	min-height: 400px;
	border-radius: 0 0 15px 15px;
	padding: 20px 20px 40px;
	position: relative;
	z-index: 2;
}

.content-wrap p.bus-dets {
	font-size: 9px;
	text-align: right;
	margin-bottom: 20px;
	color: #0169BB;
}

@media only screen and (max-width: 767px) {
	.content-wrap p.bus-dets {
		text-align: center;
	}
}

.sr-gall-wrap {
	padding: 20px;
	margin: 30px auto;
}

.sr-gall-wrap ul, .sr-gall-wrap li {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	position: relative;
}

.sr-gall-wrap li {
	display: inline-block;
	margin: 5px;
	border: 1px solid #ccc;
	padding: 2px;
}

.sr-gall-wrap h2 {
	text-align: center;
	color: #545454;
	font-size: 14px;
}

.sr-gall-wrap p {
	font-size: 10px;
	text-align: center;
	color: #aaa;
}

@media only screen and (max-width: 767px) {
	.sr-gall-wrap {
		padding: 0 !important;
	}
	.sr-gall-wrap ul {
		margin: 0 !important;
		padding: 0 !important;
	}
	.sr-gall-wrap li {
		max-width: 43.5%;
		height: auto;
	}
	.sr-gall-wrap li img {
		width: 100%;
		height: auto;
	}
}

.sr-linkcloud-wrap {
	border-bottom: 1px solid #ccc;
	padding: 0;
	margin: 30px auto;
	padding-bottom: 30px;
}

.sr-linkcloud-wrap ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	text-align: center;
}

.sr-linkcloud-wrap ul li {
	display: inline-block;
	width: 30%;
	font-weight: 800;
	font-size: 14px;
	line-height: 160%;
}

@media only screen and (max-width: 767px) {
	.sr-linkcloud-wrap ul li {
		width: 100%;
	}
}

.sr-tagline {
	margin: 30px auto;
}

.sr-tagline h1 {
	font-size: 22px;
	text-align: center;
	text-transform: none;
}

@media only screen and (max-width: 767px) {
	.sr-tagline h1 {
		font-size: 18px;
	}
}

@media only screen and (min-width: 767px) {
	.sr-sidebar-wrap .col-md-8, .sr-sidebar-wrap .col-md-10 {
		padding-right: 40px !important;
	}
}

.sr-sidebar-wrap .form-wrap {
	border: 1px dotted #ccc;
	padding: 25px;
}

.feed-excerpt {
	margin-bottom: 30px;
}

.feed-excerpt h2 {
	font-size: 16px;
	text-transform: none;
}

.feed-excerpt h2 span {
	font-weight: 400;
	color: #aaa;
	font-size: 12px;
}


/** FOOTER **/

footer p {
	position: relative;
	top: 660px;
}

footer p, footer p a {
	text-align: center;
	color: rgba(161, 161, 161, 1.00);
	font-size: 10px;
}


/* misc */

.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.hide {
	display: none;
}

.show {
	display: block;
}


/* image align */

img.alignright, img.alignleft, img.aligncenter, alignright, alignleft, aligncenter {
	background: #fff;
	padding: 3px;
	border: 1px solid #ccc;
}

img.alignright {
	float: right;
	margin: 10px 0 10px 15px;
}

.alignright {
	float: right;
}

img.alignleft {
	float: left;
	margin: 10px 15px 10px 0;
}

.alignleft {
	float: left;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 500px) {
	img.alignright, img.alignleft, img.aligncenter, alignright, alignleft, aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		height: auto;
	}
}


/* testimonials */

#sfstest-page blockquote {
	border: none;
	border-bottom: 1px dotted #ccc;
	padding: 20px 0;
}

#sfstest-page blockquote p {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: none;
	border: none;
	font-size: 13px !important;
	font-weight: 400 !important;
}

#sfstest-page blockquote cite {
	color: #00ADEE !important;
	font-size: 11px !important;
	text-align: right !important: padding-top:30px !important;
}

.home-sidebar li {
	list-style-type: none;
}

.home-sidebar {
	padding: 10px 0px;
}

.sr-tagline h2 {
    font-size: 18px;
    color: #0169BB;
    margin: 0 0 10px 0;
    font-weight: 800;
    text-align: center;
}