/*
Theme Name: ODONOHUE FILTER SAND and GRAVEL PTY LTD WP Theme
Description: A custom wordpress theme for ODONOHUE
Author: Quikclicks
Author URI: http://www.quikclicks.com.au/
Version: 1.0
*/

/* ==========================================================================
   WEB FONTS
   ========================================================================== */
   
   
   

/* ==========================================================================
  DEFAULTS
   ========================================================================== */

html {
	background: url('img/bodybg.jpg') top center no-repeat #e4e4e4;
    font-size: 1em;
    line-height: 1.4;
}
body{
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 14px;
	font-style: normal;
	padding-bottom: 90px;
}

body a{
	color: #ba986c;
	text-decoration: none;
	-webkit-transition: color 0.2s ease-in 0s;
    -moz-transition: color 0.2s ease-in 0s;
    -o-transition: color 0.2s ease-in 0s;
    transition: color 0.2s ease-in 0s;
}
body a:hover{
	text-decoration: underline;
}

body strong, 
body b{
}
body i,
body em{
}

body strong i,
body b i,
body i strong,
body i b{
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #f2f2f2;
    margin: 2.2em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

#container{
	width: 1170px;
	margin: auto;
}
.holder{
	padding: 15px;
}


/* ==========================================================================
   TOPHEADER
   ========================================================================== */
#topheader{
}
	#topheader .widget{
		text-align: right;
	}
		#topheader .holder{
			padding-bottom: 5px;
		}
		#topheader .widget a.icon-map{
			font-family: 'Yanone Kaffeesatz', sans-serif;
			font-weight: 300;
			font-size: 20px;
			color: #000000;
			position: relative;
			padding-left: 35px;
			margin-left: 10px;
		}
			#topheader .widget a.icon-map .icon{
				position: absolute;
				top: -5px;
				left: 0;
				width: 26px;
				height: 33px;
				background: url('img/icon-map.png') no-repeat;
			}
		#topheader .widget a.icon-phone{
			font-family: 'Yanone Kaffeesatz', sans-serif;
			font-weight: 700;
			font-size: 30px;
			color: #000000;
			position: relative;
			padding-left: 37px;
			margin-left: 10px;
		}
			#topheader .widget a.icon-phone .icon{
				position: absolute;
				top: 5px;
				left: 0;
				width: 29px;
				height: 30px;
				background: url('img/icon-tel.png') no-repeat;
			}
		#topheader .widget a:hover{
			text-decoration: none;
		}


/* ==========================================================================
   NAV
   ========================================================================== */
#nav{
	background: none #ba986c;
}
	#nav .holder{
		padding-top: 0;
		padding-bottom: 0;
	}
	#nav .logo{
		padding-left: 11px;
		float: left;
		padding-top: 41px;
		padding-bottom: 36px;
	}
		#nav .logo img{
		}
	#nav #main-nav{
		float: right;
	}
		#nav #main-nav li{
		}
			#nav #main-nav li a{
				font-family: 'Yanone Kaffeesatz', sans-serif;
				font-weight: 300;
			}
			#nav #main-nav li a:hover{
				text-decoration: none;
			}


/* ==========================================================================
   TOPSLIDER
   ========================================================================== */
#topslider{
	background: none #fff;
}
	#topslider .bx-wrapper .bx-viewport{
		left: 0;
		border: none;
		z-index: 99;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#topslider .bx-wrapper .bx-prev{
		top: 46%;
		width: 32px;
		height: 32px;
		background: url('img/slider-prev.png') no-repeat;
	}
	#topslider .bx-wrapper .bx-next{
		top: 46%;
		width: 32px;
		height: 32px;
		background: url('img/slider-next.png') no-repeat;
	}
	#topslider ul{
		margin: 0;
		padding: 0;
	}
		#topslider ul li{
			list-style-type: none;
			position: relative;
		}
			#topslider ul li .img{
			}
				#topslider ul li .img img{
				}
			#topslider ul li .text{
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				background: url('img/slider-shadow.png') repeat;
				padding-top: 20px;
				padding-bottom: 19px;
			}
				#topslider ul li .text h2{
					padding: 0 18px;
					margin: 0;
					color: #ff9933;
					font-size: 42px;
					font-family: 'Yanone Kaffeesatz', sans-serif;
					font-weight: 700;
					line-height: 39px;
					text-transform: uppercase;
				}	
				#topslider ul li .text p{
					line-height: 100%;
					padding: 0 18px;
					margin: 0;
					color: #fff;
					font-size: 24px;
					font-family: 'Yanone Kaffeesatz', sans-serif;
					font-weight: 300;
					padding-top: 3px;
				}	


/* ==========================================================================
   TOPBANNER
   ========================================================================== */
#topbanner{
	background: url('img/banner.jpg') no-repeat;
	background-size: cover;
	padding-top: 97px;
}
	#topbanner h2{
		margin: 0;
		background: url('img/slider-shadow.png') repeat;
		padding: 19px 15px 22px;
		margin: 0;
		color: #ff9933;
		font-size: 42px;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-weight: 700;
		line-height: 39px;
		text-transform: uppercase;
	}


/* ==========================================================================
   FOURCOLS
   ========================================================================== */
#fourcols{
	background: none #fff;
	padding-top: 8px;
}
	#fourcols hr{
		border: none;
		height: 5px;
		background: none #ba986c;
		margin: 0;
	}
	#fourcols ul{
		margin: 0;
		padding: 0;
	}
		#fourcols ul li{
			width: 263px;
			margin-right: 29px;
			float: left;
			list-style-type: none;
			font-family: 'Yanone Kaffeesatz', sans-serif;
			font-weight: 700;
			font-size: 24px;
			text-transform: uppercase;
			color: #333333;
			line-height: 100%;	
			padding-bottom: 23px;
		}
		#fourcols ul li.last{
			margin-right: 0;
		}
			#fourcols ul li img{
				display: block;
				width: 100%;
			}
			#fourcols ul li a{
				display: block;
				color: #333333;
			}
			#fourcols ul li a:hover{
				text-decoration: none;
			}
			#fourcols ul li span{
				padding-top: 7px;
				display: block;
				color: #333333;
			}


/* ==========================================================================
   MAIN
   ========================================================================== */
#main{
	background: none #fff;
	color: #333;
	line-height: 155%;
}
	#main .holder{
		padding-bottom: 70px;
	}
	.home #main .holder{
		padding-top: 0px;
	}
		#main .subtitle{
			font-family: 'Yanone Kaffeesatz', sans-serif;
			font-weight: 700;
			font-size: 30px;
			text-transform: uppercase;
		}
	#main h1, #main h2, #main h3, #main h4, #main h5, #main h6{
		margin: 0;
		margin-top: 20px;
	}
	#main h1{
		font-size: 42px;
	}
	#main h2{
		font-size: 36px;
	}
	#main h3{
		font-size: 30px;
	}
	#main h4{
		font-size: 24px;
	}
	#main h5{
		font-size: 19px;
	}
	#main h6{
		font-size: 16px;
	}
	#main p{
		margin: 0;
		margin-top: 20px;
	}
	#main .alignright{
		float: right;
		margin-left: 30px;
		margin-bottom: 20px;
	}
	#main .alignleft{
		float: left;
		margin-right: 30px;
		margin-bottom: 20px;
	}
	#main .alignright p.wp-caption-text,
	#main .alignleft p.wp-caption-text{
		margin-top: 15px;
	}


/* ==========================================================================
   CONTACT
   ========================================================================== */
#main.contact{
}
	#main.contact .twocols{
	}
		#main.contact .twocols .left{
			width: 653px;
			float: left;
		}
		#main.contact .twocols .right{
			width: 458px;
			float: right;
		}
			#main.contact .twocols .right p{
				margin-bottom: -9px;
			}
		#main.contact input[type="text"],
		#main.contact input[type="email"],
		#main.contact input[type="tel"]{
			padding: 12px 3%;
			width: 94%;
			background: none #efefef;
			border: none;
			font-family: 'Open Sans', sans-serif;
			font-size: 14px;
		}
		#main.contact textarea{
			height: 121px;
			padding: 10px 3%;
			width: 94%;
			background: none #efefef;
			border: none;
			font-family: 'Open Sans', sans-serif;
			font-size: 14px;
		}
		#main.contact input[type="submit"]{
			border: none;
			text-align: 9999px;
			background:none #ff9933;
			display: block;
			font-family: 'Yanone Kaffeesatz', sans-serif;
			font-weight: 700;
			font-size: 20px;
			color: #fff;
			text-transform: uppercase;
			padding: 9px 30px;
		}
   


/* ==========================================================================
   PRODUCTS
   ========================================================================== */
#main.products{
}
	#main.products .holder{
		padding-bottom: 35px;
	}
#fourcols.products{
	padding-bottom: 70px;
}
	#fourcols.products li.last{
		margin-right: 0;
	}
#twocols.products{
	background: none #fff;
	color: #333333;
}
	#twocols.products .details{
	}
		#twocols.products .details .toptitle{
			font-family: 'Yanone Kaffeesatz', sans-serif;
			font-weight: 700;
			font-size: 30px;
			margin: 0;
			text-transform: uppercase;
			padding: 7px 0 21px;
		}
		#twocols.products .details .twocolstitle{
			font-family: 'Yanone Kaffeesatz', sans-serif;
			font-weight: 700;
			font-size: 24px;
			margin: 0;
		}
			#twocols.products .details .twocolstitle .twocolstitle-col1{
				border-top: 5px solid #ba986c;
				float: left;
				padding: 7px 2px 11px;
				width: 556px;
			}
			#twocols.products .details .twocolstitle .twocolstitle-col2{
				border-top: 5px solid #ba986c;
				float: right;
				padding: 7px 2px 11px;
				width: 556px;
			}
		#twocols.products .details .twocolscontent{
		}
			#twocols.products .details .twocolscontent .twocolscontent-col1{
				width: 556px;
				float: left;
			}
			#twocols.products .details .twocolscontent .twocolscontent-col2{
				width: 556px;
				float: right;
			}
			#twocols.products .details .twocolscontent ul{
				margin: 0;
				padding: 0;
			}
				#twocols.products .details .twocolscontent ul li{
					list-style-type: none;
					border-top: 1px solid #ba986c;
					padding-bottom: 30px;
					padding-top: 23px;
				}
				#twocols.products .details .twocolscontent ul li .text{
					width: 270px;
					float: left;
				}
					#twocols.products .details .twocolscontent ul li .text h4{
						margin: 0;
						font-family: 'Yanone Kaffeesatz', sans-serif;
						font-weight: 700;
						font-size: 24px;
					}
					#twocols.products .details .twocolscontent ul li .text p{
						margin: 0;
					}
				#twocols.products .details .twocolscontent ul li .img{
					display: block;
					float: right;
					margin-bottom: 20px;
					width: 264px;
				}
					#twocols.products .details .twocolscontent ul li .img img{
					}
				
				
   


/* ==========================================================================
   ABOVE FOOTER
   ========================================================================== */
#abovefooter{
	background: none #352818;
	color: #fff;
	font-size: 13px;
	padding-top: 31px;
	padding-bottom: 7px;
}
	#abovefooter .holder{
		padding: 0 25px;
	}
	#abovefooter .left-widgets{
		float: left;
		width: 500px;
	}
	#abovefooter .right-widgets{
		float: right;
		width: 350px;
	}
	#abovefooter .widgettitle{
		font-family: 'Oswald', sans-serif;
		font-weight: 300;
		font-size: 22px;
		color: #b09473;
		margin: 0;
		padding-bottom: 7px;
	}
		#abovefooter .widgettitle strong{
			font-weight: 700;
		}
	#abovefooter p{
		margin: 0;
		padding-bottom: 15px;
	}
	#abovefooter a{
		color: #fff;
	}


/* ==========================================================================
   FOOTER
   ========================================================================== */
#footer{
	color: #868682;
	background: none #101000;
	font-size: 13px;
	padding: 7px 0;
}
	#footer .holder{
		padding: 0 25px;
	}
	#footer a{
		color: #868682;
	}
	#footer p{
	}







/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   Print styles.
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}