/*

Theme Name: cpe
Theme URI: http://cpe.com.au/
Author: The Web Dojo
Author URI: http://thewebdojo.com.au/
Description: Custom theme built using Underscores.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cpe
Tags:

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Asides

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

--------------------------------------------------------------*/


/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/

body,

button,

input,

select,

textarea {

	color: #000;

	font-family: sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both; font-family: ingra, sans-serif; font-weight: bold;

}



h2 { font-size: 48px; margin-bottom: 30px !important; }



p {

	margin-bottom: 1.5em; font-family: proxima-nova, sans-serif; font-size: 16px;

}



dfn,

cite,

em,

i {

	font-style: italic;

}



blockquote {

	margin: 0 1.5em;

}



address {

	margin: 0 0 1.5em;

}



pre {

	background: #eee;

	font-family: "Courier 10 Pitch", Courier, monospace;

	font-size: 15px;

	font-size: 0.9375rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}



code,

kbd,

tt,

var {

	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

	font-size: 15px;

	font-size: 0.9375rem;

}



abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}



mark,

ins {

	background: #fff9c0;

	text-decoration: none;

}



big {

	font-size: 125%;

}



/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/

html {

	box-sizing: border-box;

}



*,

*:before,

*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

	box-sizing: inherit;

}



body {

	background: #fff; /* Fallback for when there is no custom background color defined. */

}



blockquote:before,

blockquote:after,

q:before,

q:after {

	content: "";

}



blockquote,

q {

	quotes: "" "";

}



hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



ol {

	list-style: decimal;

    margin: 0;

    padding: 0;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

}



dt {

	font-weight: bold;

}



dd {

	margin: 0 1.5em 1.5em;

}



img {

	height: auto; /* Make sure images are scaled correctly. */

	max-width: 100%; /* Adhere to container width. */

}



table {

	margin: 0 0 1.5em;

	width: 100%;

}



/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	border-radius: 3px;

    outline: none !important;

    box-shadow: none !important;

	background: #e6e6e6;

	color: rgba(0, 0, 0, .8);

	font-size: 12px;

	line-height: 1;

	padding: .6em 1em .4em;

}



button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

}



button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

	border-color: #aaa #bbb #bbb;

	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

	color: #666;

	border: 1px solid #ccc;

	border-radius: 3px;

}



select {

	border: 1px solid #ccc;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus {

	color: #111;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"] {

	padding: 5px;

}



textarea {

	padding-left: 3px;

	width: 100%;

}



/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/

a {

	color: #000;

}



a:hover,

a:focus,

a:active {

    text-decoration: none;

}

.footer-widget a{

    color: #fff;

}

.footer-widget li {

    margin: 6px 0;

}



/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/



.main-navigation ul {

	display: block;

	list-style: none;

	margin: 0;

	padding-left: 0;

}





.main-navigation ul ul {

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	float: left;

	position: absolute;

	top: 1.5em;

	left: -999em;

	z-index: 99999;

}



.main-navigation ul ul ul {

	left: -999em;

	top: 0;

}



.main-navigation ul ul a {

	width: 200px;

}



.main-navigation ul ul li {



}



#secondary{

    margin: 20px 0;

}



.main-navigation li:hover > a,

.main-navigation li.focus > a {

}



.main-navigation ul ul :hover > a,

.main-navigation ul ul .focus > a {

}



.main-navigation ul ul a:hover,

.main-navigation ul ul a.focus {

}



.main-navigation ul li:hover > ul,

.main-navigation ul li.focus > ul {

	left: auto;

}



.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

	left: 100%;

}



.main-navigation .current_page_item > a,

.main-navigation .current-menu-item > a,

.main-navigation .current_page_ancestor > a,

.main-navigation .current-menu-ancestor > a {

}

.social-container {

    padding: 40px 0;

    font-size: 20px;

    text-align: right;

}

.social-container a{

    color: #fff;

    padding: 10px 40px;

    font-size: 14px;

    background-color: #81704C;

}

.site-title{

    margin: 20px 0;

}

.site-title img{

    width: 170px;

    height: auto;

}

.main-navigation{

    margin-top: 45px;

}

.main-navigation li {

    float: left;

    position: relative;

    margin-right: 22px;

}



.main-navigation a {

    display: block;

    text-decoration: none;

    font-size: 16px;

    color: #e0e5e1;

    text-transform: uppercase;

}

.main-navigation a:hover {

    color: #e0e5e1;

}

.menu-container {

    background: rgba(0,0,0,.5);

    position: absolute;

    width: 100%;

}

.social-icon {

    padding: 10px;

}

.social-icon a {

    color: #ffffff;

    float: right;

    margin-left: 10px;

}

footer#colophon {

    background-color: #1e1e1e;

    color: #fff;

    padding: 55px 0 30px 0;

    font-size: 14px;

}

.widget-title{

    padding: 0 0 20px 0;

    font-size: 20px;

    margin: 20px 0 20px 0;

}

.color-text{

    color: #81704C;

}

.site-info{

    padding: 25px 0;

    background-color: #34439F;

    color: #fff;

}

.entry-title{

    font-size: 70px;

}

.page-header {
    color: #fff;
    height: 600px;
    padding: 350px 0 0 0;
    margin: 0;
    border-bottom: none;
}

.sub-title {

    color: #7C7C7C;

}

.sub-title p{

    margin: 0;

}

.logo-container {

    width: 310px;

    position: absolute;

    background-color: #fff;

    z-index: 1;

}

.error-404{

    margin: 20px 0 40px;

}

.blog-post{

    margin-top: 40px;

}

.featured-image{

    margin-bottom: 20px;

}

.featured-image img {

    width: 100%;

    height: auto;

}

@media (max-width: 992px){

    .main-navigation {

        display: none;

    }

    .site-branding {

        text-align: center;

    }

}

@media (min-width: 1200px) {

    .container {

        width: 1200px;

    }

}

.copyright {
    padding: 30px 0;
    background-color: #1e1e1e;
    color: #fff;
    font-size: 12px;
    border-top: 1px solid #ccc;
}

.copyright p { font-size: 12px; }
.copyright a { color: #44d43e; font-size: 12px;  }
.footer-widget i { margin: 10px 5px 0; }

.information-container li{

    background: url(./images/phone.png) no-repeat bottom left;

    padding: 10px 0 10px 60px;

    margin-bottom: 10px;

}

.information-container li:first-child{

    background: url(./images/location.png) no-repeat bottom left;

}

.information-container li:last-child{

    background: url(./images/mail.png) no-repeat bottom left;

}

.scrollToTop {
    width: 40px;
    height: 40px;
    font-size: 0;
    text-decoration: none;
    display: block;
    background: url('./images/scroll.png') no-repeat;
    background-size: contain;
}

header#masthead {

    position: fixed;

    width: 100%;

    z-index: 9;

}

.homepage-banner{

    height: 894px;

    background: url('./images/homebg.jpg') no-repeat center bottom;

    background-size: cover;

    position: relative;

}

.homepage-content {
    position: absolute;
    top: 240px;
    width: 100%;
    text-align: center;
}

.homepage-banner h1{
    margin: 0;
    color: #FFFFFF;
    font-size: 52px;
    /*font-weight: bold;*/	
}

.homepage-banner p{
    margin: 0;
    color: #FFFFFF;
    font-size: 36px;
    font-weight: 100;
    line-height: 36px;
    margin-top: 16px;
}

.homepage-banner a{

    margin: 0;

    color: #FFFFFF;

    background-color: #44d43e;

    font-size: 20px;

    margin-top: 40px;

    padding: 14px 60px;

    display: inline-block;

}

.homepage-banner h1 b{

    color: #44d43e;

}



/* NEW STYLES */

.subheader-strip .part-one, .subheader-strip .part-two { height: 250px; }
.subheader-strip .part-one { background: #1f1f1f; padding-top: 70px; }
.subheader-strip .part-two { background: #44d43e; }
.subheader-strip h3 { font-weight: 300; font-size: 22px; } 
.content-offset-100 { margin-top: 100px; border-top: 2px solid #44d43e; }
.text-pad { padding: 50px; }
h3.subtitle { font-weight: 300; font-family: proxima-nova, sans-serif; font-size: 22px; }

.single-projects .page-header, .page-template-page-noheader .page-header { background: none; color: #333; height: auto; padding: 160px 0 60px 0; }
.single-projects .main-navigation a, .page-template-page-noheader .main-navigation a { color: #333; }

.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p { color: #fff; }
.green { color: #44d43e; }
.larger-text p { font-size: 30px; font-weight: 300; }
.textpad { padding-left: 50px; }
.padright { padding-right: 50px; }
.offset-content-pad { padding: 50px 80px 80px 80px; }
.padrow { padding: 80px 0; }

@media (max-width: 990px) {

.content-offset-100 { border-top: none; }
.text-pad { padding: 20px; }
.page-header { height: auto; padding: 120px 0; 0 40px 0; }
.entry-title { font-size: 40px; }
h3.subtitle { font-size: 18px; }
.homepage-banner { height: 500px; }
.homepage-content { position: absolute; top: 150px; }
.homepage-banner h1 { font-size: 40px; }
.homepage-banner p { font-size: 18px; line-height: 30px; }
h2 { font-size: 28px; line-height: 36px; }
.larger-text p { font-size: 22px; }
.padrow { padding: 40px 0; }
.home-testimonial { padding: 40px 20px; }
.textpad { padding-left: 0; padding: 0 10px; }
.padright { padding-right: 0; padding: 0 10px; }
.footer-widget-container, .copyright { text-align: center; }
.content-offset-100 { margin-top: 0; }
.hide-for-mob { display: none; }
.offset-content-pad { padding: 10px; }
}

/*body.single .page-header {
	background: url(images/single-banner.jpg) no-repeat center top;
	background-size: cover; 
}*/

.scrollToTop {
	float: right;
}