/*
Theme Name: EnergyRatingPro
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: energyratingpro
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

EnergyRatingPro is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> 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
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@font-face {
  font-family: 'Hurme Geometric Sans';
  src: url('fonts/HurmeGeometricSans4-Light.eot'); /* IE9 Compat Modes */
  src: url('fonts/HurmeGeometricSans4-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/HurmeGeometricSans4-Light.woff') format('woff'), /* Modern Browsers */
       url('fonts/HurmeGeometricSans4-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/HurmeGeometricSans4-Light.svg#8c6b5d0844ed81a0d91a2afe3b8c424d') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  200;
}

@font-face {
  font-family: 'Hurme Geometric Sans';
  src: url('fonts/HurmeGeometricSans4-SemiBold.eot'); /* IE9 Compat Modes */
  src: url('fonts/HurmeGeometricSans4-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/HurmeGeometricSans4-SemiBold.woff') format('woff'), /* Modern Browsers */
       url('fonts/HurmeGeometricSans4-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/HurmeGeometricSans4-SemiBold.svg#79025e1c73eabf8658d90ac38fb937a4') format('svg'); /* Legacy iOS */
       
  font-style:   bold;
  font-weight:  700;
}

html {
	font-family: 'Hurme Geometric Sans', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Hurme Geometric Sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
    margin: 0;
    padding: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: 'Hurme Geometric Sans', sans-serif;
	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: 'Hurme Geometric Sans', sans-serif;
	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;
}

/*--------------------------------------------------------------
## Additional styles for homepage
--------------------------------------------------------------*/
div.site {
    width: 100%;
    margin: 0;
}
header.site-header {
    background: #363c47 url("images/top_header_bg.gif") repeat-x;
    height: 103px;
}
.site-header-content {
    width: 1000px;  
    margin: 0 auto;
}
.site-branding img { width:100%; }
nav.main-navigation { display: none; }
main.site-main {
    background: #ffe300 url("images/yellow_background.png") no-repeat;
    background-size:cover;
    height: 213px;
}
div.entry-content {
    text-align: center;
    text-transform: uppercase;
    padding: 24px 0 12px 0; 
    font-size: 32px;
    line-height: 32px;
}
div.dottedline {
    text-align: center;
    height: 1px;
    background: url("images/dotted_line.png") no-repeat center;
}
section.main-sub {
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    padding:12px 0 24px 0;
}
section.sub-section {
    background: #363c47 url("images/bottom_header_bg.gif") repeat-x center bottom;
    height: 103px;
}
section.sub-section div.center {
    width: 900px;
    margin: 0 auto;  
}
div.icons {
    padding:22px 0 0 0;
}

div.subicon, div.subicon2, div.subicon3 {
    display: inline-block;
    text-align:left;
    color:#fff;
    font-size: 24px;
    line-height: 26px;
    position:relative;
}
div.subicon {
    width: 35%;
}
div.subicon2 {
    width: 40%;
}
div.subicon3 {
    width: 22%;
}
div.subicon img, div.subicon2 img, div.subicon3 img {
    vertical-align: middle;
    width: 100%;
}
.fleft {
    float:left;   
}
.fleft.img {
     width:60px;   
}
.fleft.text {
     padding: 7px 0 0 16px;   
}

section.form-content {
    background: #fff;
}
section.form-content div.form-desc {
     text-align:center;   
}
section.form-content div.contact_form_wrapper {
    
}
section.sub-form-text {
    width: 1000px;
    margin: 0 auto;   
}
.telstra {
    float:left;
    width:500px;
}
.disclaimer {
    float:right;
    width:450px;
    font-size:13px;
}
.disclaimer a {
    text-decoration: none;
    color: #404040;
}
footer.site-footer {
    background: #363c47 url("images/footer_bg.gif") repeat-x;
    height: 41px;
}
.clear {
    clear: both;
}
.site-branding {
    float:left;
    padding: 20px 0 0 0; 
    width:500px;
}
.contact-details {
    float: right;
    padding: 18px 10px 0 0;
    color: #fff;
    text-align: right;
    text-transform:uppercase;
    font-size: 18px;
}
.contact-details span a {
    font-size: 24px; 
    color: #ffe300;
    text-decoration:none;
}
.social-media {
    float: left;
    padding: 18px 0 0 26px;
    color: #fff;
    text-align: center;
}
.smfirst {
 	padding: 18px 0 0 190px; 
}
.counts {
    font-size: 16px; 
    line-height: 18px;
}
.small {
    font-size: 10px; 
    line-height: 10px;
}
.form-desc {
    padding: 20px 0 0 0;
    font-size: 24px;
    line-height: 30px;    
}
.site-info {
    width: 1000px;
    margin: 0 auto;     
}
.footerleft {
    float:left;
    padding:8px 0;
    width:200px;
}
.footerleft img {
    width:100%;   
}
.footerright {
    float:right;
    padding:14px 0 0 0;
    font-size:12px;
    color:#fff;
}
span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 0;
    z-index: 100;
    background: #fff;
    border: 1px solid #ff0000;
    font-size: 10pt;
    width: 280px;
    padding: 2px;
}
.telstra img { width:100%; }
/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/

@media (max-width: 990px) {
    .site-header-content { width: 766px; }   
    .site-branding { width:460px; padding: 24px 0 0 0; }
    .contact-details { padding: 20px 0 0 0; }
    	
	.social-media {padding: 18px 0 0 16px; }
    .smfirst { padding: 20px 0 0 34px; }
    section.sub-section div.center { width: 766px; }
    div.subicon { width: 32%; }
	div.subicon2 { width: 38%; }
	div.subicon3 { width: 26%; }
    div.subicon, div.subicon2, div.subicon3 {
        font-size:22px;
        line-height:24px;
    }
    .form-desc {
        font-size:20px;    
    }
    section.sub-form-text, .site-info { width: 100%; }
    .telstra {
        float:none;
        width:500px;
        margin: 0 auto;
    }
    .disclaimer {
        float:none;
        width:94%;
        font-size:13px;
        padding: 3%;
    }
    .footerleft { padding:8px; } 
    .footerright { padding: 14px 8px 0 0; }
}
@media (max-width: 767px) {
	header.site-header { height:auto; }
    .site-header-content  { width: 100%; }
    .site-branding { padding: 10px 0 0 10px; width:50%; float:left; text-align:center; }
    div.subicon { width: 29%;padding-bottom: 18px; }
	div.subicon2 { width: 31%;padding-bottom: 18px; }
	div.subicon3 { width: 25%; padding-bottom: 18px;}
    .contact-details { padding: 12px 10px 0 0; }
	.social-media { padding: 8px 0 10px 2%; }
	.smfirst { padding: 8px 0 10px 5%; }
	main.site-main { height: auto; }
	section.sub-section { height: auto;  }
}
@media (max-width: 640px) {
    .site-header-content, section.sub-section div.center { width: 100%; }
    
    div.subicon { width: 28%; }
	div.subicon2 { width: 30%; }
	div.subicon3 { width: 25%; }
    .fleft.img { width:40px; }
    .fleft.text { font-size:14px; padding: 2px 0 0 10px;}
	.contact-details { padding: 12px 25% 0 0; }
	.social-media { padding: 8px 0 10px 16px; }
	.smfirst { padding: 8px 0 14px 20%; }	
    .telstra { width:100%; }
    .wpcf7-list-item-label { font-size: 12px;}
}
@media (max-width: 420px) {
.site-branding img {width:96%;}
.entry-content p { font-size:24px; line-height:24px; }
.main-sub p { font-size:15px; line-height:17px; }
    .site-header-content  { width: 100%; }
    div.subicon { width: 80%; padding: 0 0 6px 20px; }
	div.subicon2 { width: 80%; padding: 0 0 6px 20px; }
	div.subicon3 { width: 80%; padding: 0 0 10px 20px; }
    .fleft.img { width:40px; }
    .fleft.text { font-size:20px; padding: 9px 0 0 10px;}
	.contact-details { padding: 13px 2% 0 0; }
	.social-media { padding: 8px 0 10px 16px; }
	.smfirst { padding: 8px 0 10px 5%; }
    .form-desc { font-size:26px; line-height:32px; }
    .fleft.text br { display: none; }
    footer.site-footer { height:auto; }
    .footerright { padding: 4px 8px 10px 0; }
    .hide {padding-top:10px;}
    .wpcf7-file {width:75%;overflow:hidden;}
}