/*
Theme Name: Every Dollar Counts
Theme URI: http://www.avatar.co.nz
Description: Every Dollar Counts theme by <a href="http://www.avatar.co.nz">Avatar</a>
Version: 1
Author: Avatar
Author URI: http://www.avatar.co.nz
Tags: avatar
*/

/* Header
-------------------------------------------------------------- */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(/scripts/boxsizing.htc);}

body {
	font-family: 'PT Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	background: #fffce4 url(images/bg.jpg) repeat-x;
	margin: 0;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
}
a img {
	border: none;
}

/* Header
-------------------------------------------------------------- */

#header {
	width: 100%;
	height: 125px;
	background: url(images/header-bg.png) repeat-x;
}
#logo {
	float: left;
	width: 503px;
	height: 120px;
}
#search-box {
	float: right;
	width: 230px;
	height: 30px;
	margin: 45px 0 0 0;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: inset 3px 3px 3px #ccc;
}
.search input#searchField {
	float: left;
	display: inline;
	height: 30px;
	width: 200px;
	background: none;
	border: none;
	color: #444;
	font-size: 14px;
	line-height: 30px;
	margin: 0;
	padding: 0 0 0 10px;
	font-family: 'PT Sans', Arial, sans-serif;
}
.search input.button {
	float: right;
	display: inline;
	height: 30px;
	width: 30px;
	background: none;
	border: none;
	margin: 0;
	text-indent: -500px;
	overflow: hidden;
	cursor: pointer;
}
input[type=search] {
   -moz-appearance:none;
   -webkit-appearance:none;
}

/* Body Background
-------------------------------------------------------------- */

#body-bg {
	width: 100%;
	margin: 0 auto;
	padding: 25px 0 45px 0;
}
.home #body-bg {
	background: url(images/money.jpg) top center no-repeat;
}


/* Sidebar
-------------------------------------------------------------- */

#sidebar {
	float: left;
	width: 230px;
}

/* Menu
-------------------------------------------------------------- */

#menu-container,
#menu-container-utility {
	float: left;
	width: 230px;
    margin-bottom: 20px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 5px #cccbc7;
	padding: 5px;
}
#menu-container ul,
#menu-container-utility ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu-container ul li,
#menu-container-utility ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu-container ul li a,
#menu-container-utility ul li a {
	display: block;
	width: 100%;
	padding: 12px 30px 12px 15px;
	color: #006600;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #d9e8d9;
	background: url(images/menu-arrow.gif) 190px 13px no-repeat;
}
#menu-container ul li:last-child a,
#menu-container-utility ul li:last-child a {
	border: none;
}
#menu-container ul li a:hover,
#menu-container ul li.active a,
#menu-container-utility ul li a:hover,
#menu-container-utility ul li.active a {
	color: #fff;
	text-decoration: none;
	background: #006600 url(images/menu-arrow-selected.gif) 190px 13px no-repeat;
}
#menu-container ul li:first-child a:hover,
#menu-container-utility ul li:first-child a:hover {
	border-radius: 10px 10px 0 0;
}
#menu-container ul li:last-child a:hover,
#menu-container-utility ul li:last-child a:hover {
	border-radius: 0 0 10px 10px;
}
#menu-container ul ul,
#menu-container-utility ul ul {
	display: none;
}

/* Slider
-------------------------------------------------------------- */

#slider {
	width: 710px;
	height: 275px;
	float: right;
	position: relative;
	box-shadow: 0 0 5px #cccbc7;
	margin-bottom: 15px;
	background: #e5f0e5 url(images/slider-bg.gif) top left repeat-x;
	border: 5px solid #fff;
	border-radius: 10px;
	padding: 30px 15px 0 30px;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 0;
	right: 0;
	z-index: 100;
}
.slide h1 {
	text-transform: uppercase;
	margin-bottom: 10px;
}
.slide p {
	margin: 0 0 15px 0;
	text-shadow: 1px 1px 1px #fff;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}
.slider-image {
	float: right;
	width: 280px;
}

/* Body
-------------------------------------------------------------- */

#body {
	float: right;
	width: 690px;
	margin: 0 0 15px 0;
}
.home #body {
	width: 560px;
	margin: 0 130px 15px 0;
}
h1 {
	color: #006600;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0;
}
h2 {
	color: #006600;
	font-size: 22px;
	line-height: 22px;
    font-weight: bold;
	margin: 20px 0 0 0;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}
p {
	margin: 8px 0 12px 0;
}
a {
	color: #F59139;
	text-decoration: none;
}
a:hover {
	color: #F59139;
	text-decoration: underline;
}
#newsletter-cta {
	width: 710px;
	float: right;
	box-shadow: 0 0 5px #cccbc7;
	background: #faebdc url(images/newsletter-bg.gif) top left repeat-x;
	border: 5px solid #fff;
	border-radius: 10px;
	padding: 10px 15px 0 15px;
	font-weight: bold;
}
.page-id-72 #newsletter-cta { /* Hide for Newsletter page */
	display: none;
}
#newsletter-cta p {
	margin: 0 0 10px;
}
div.ddsg-wrapper p {
	display: none;
}
.datetime {
	font-size: 11px;
}
.left {
	float: left;
	margin: 0 15px 0 0;
}
.right {
	float: right;
	margin: 0 0 0 15px;
}
.clear-floats {
	clear: both;
}
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* Forms
-------------------------------------------------------------- */


/* WordPress Core
-------------------------------------------------------------- */

.alignnone {
    margin: 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Footer
-------------------------------------------------------------- */

#footer {
	clear: both;
	width: 100%;
	height: 120px;
	background: url(images/footer-bg.png) bottom left repeat-x;
	box-shadow: -5px 0 5px #cccab6;
}
#footer p {
	margin: 0 0 15px 0;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline;
}
#copyright {
	float: left;
	width: 25%;
	margin-top: 20px;
}
#footer-links {
	float: right;
	width: 65%;
	text-align: right;
	margin-top: 20px;
}
#footer-links a {
	margin: 0 0 0 15px;
}
#avatar-link {
	margin-top: 6px;
}
#avatar-link a {
	color: #87a287;
	font-size: 12px;
}
#avatar-link a:hover {
	color: #87a287;
}

/*media queries for small hand-held devices | added by DS 250314*/

.m-nav-button{display:none;}

@media screen and (max-width: 60em) {

.clearfix:after, .wrapper:after,#search-box:after,#menu-container:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix,:first-child+html .clearfix {zoom: 1;}

.pf-alignright,.m-nav-text {display:none;}

.wrapper,#sidebar,#body,#logo,#search-box,#sidebar,#menu-container,#newsletter-cta {clear:both; max-width:100%;}

#header {height:auto; background-image:url(images/m-header-bg.png); background-color:#005200; padding:0 2.5% 10px;}
#logo {float:none; height:auto; margin:0 auto;}
#logo img {display:block;}

.m-header {width:100%; max-width:503px; margin:0 auto;}

#search-box {float:right; width:83.5%; max-width:366px; height:45px; margin:0 auto; background:#FFF;}
	.search input#searchField {width:85%; height:45px; line-height:45px;}
	.search input.button {margin-top:7px;}

#body {clear:both; float:none; padding:25px 2.5% 0;}
body.home #body {padding-top:0;}
#body-bg {padding-top:0; background:none;}

#sidebar {position:relative; width:100%;}
#menu-container {float:none; width:100%; margin-bottom:1em; border-radius:0; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
	#menu-container ul li a,
	#menu-container ul li a:hover,
	#menu-container ul li.active a {padding:12px 0 12px 10%; background-position:2.5% 13px;}

#footer {height:auto; padding:20px 2.5%; background:#005200;}
#copyright,#footer-links {float:none; clear:both; width:100%; text-align:center;}

h1,h2,h3,h4 {clear:both;}
p {margin:0 0 1em;}

/*navigation*/
#menu-container {position:absolute; width:95%; max-width:100%; margin:0 2.5%; padding:5px 5px 0 !important; z-index:10000;}
    #menu-container ul {float:none !important; margin:0 !important;}
    #menu-container li {clear:both; float:left; width:100%; margin:0; padding:0; text-align:center;}
		#menu-container ul li:first-child a:hover {border-radius:0;}
        #menu-container li.current-menu-item, #menu-container li.current_page_item, #menu-container li.current-menu-ancestor, #menu-container li.current-menu-parent, #menu-container li.current_page_parent, #menu-container li.current_page_ancestor,#menu-container li:hover {border:0;}
        #menu-container li.button {top:0; margin-left:0;}

.site-navigation ul{list-style:none;margin:0;}
.site-navigation a{color:#fff;display:block;text-transform:uppercase;text-align:left;text-decoration:none;}
.site-navigation a:hover,.site-navigation a:focus{background:#7CC242;}
.site-navigation .current_page_item > a,.site-navigation .current_page_ancestor > a,.site-navigation .current-menu-item > a,.site-navigation .current-menu-ancestor > a{font-weight:900;}

.primary-navigation{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    .primary-navigation.toggled-on{padding:.25em 0 1em 0;}
    .primary-navigation .menu{display:none;padding:0;}
    .primary-navigation.toggled-on .menu{display:block;}
    .primary-navigation a {padding:7px 0;}

.menu-toggle{display:block!important;}
a.m-nav-button{position:absolute; left:0; top:-55px;width:45px;height:45px;line-height:45px;border:1px solid #7CC242; border-radius:5px;color:#FFF;background:#7CC242;text-align:center;font-size:16px;cursor:pointer;padding:0;}
a.m-nav-button:hover,a.m-nav-button:focus{border:1px solid #FFF; background:#7CC242;}

/*newsletter cta*/
#newsletter-cta {float:none; width:95%; margin:0 2.5%;}

/*responsive images*/
#body img,
#logo img,
.wp-caption {max-width: 100%;}

#body img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#logo img {height: auto;}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {height: auto; max-width: 100%;}

/*bx slider*/
#slider {float:none; max-width:100%; height:auto; padding:15px 7px 0 15px; border:0; border-bottom:5px solid #FFF; border-radius:0;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:25px;}
.right {float:left !important;}

/*forms - contact us*/
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width:100% !important;}

}

@media screen and (max-width:37.5em) {
    #menu-main-menu-utility {display: none;}
	#body img.alignright {width:50%;}

}

@media screen and (min-width:33.125em) and (max-width:60em) {
    #menu-main-menu-utility {display: none;}
	#logo {float:left;}
	.m-header {max-width:100%;}
	#slider {width:95%; margin:0 2.5% 15px; border:5px solid #FFF; border-radius:10px; padding:30px 15px 0 30px;}

}

@media screen and (min-width:31.25em) {

	a.m-nav-button {width:auto; padding:0 2.5%;}
	.m-nav-text {display:inline-block;}

}

/*blog*/
.type-post { clear: both; }
body.archive .attachment-post-thumbnail { float: right; margin: 0 0 30px 50px; padding: 2px; background: #fff; border: 1px solid #dedede;}

.social-links {

    float: right;
    width: 112px;
    height: 48px;
    background:url(images/social-icons.png);

}

.social-link {

    float: left;
    width: 48px;
    height: 48px;
    margin: 0 0 0 16px;

}

.social-link:first-child {

    margin: 0;

}