/*  
Theme Name: Wolthers Accounting
Description: Accounting website
Date: June 2015
Author: Practice Advantage - Priscilla
Author URL: www.practiceadvantage.com.au
*/

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	}

html, body {background: #fff;font-family: 'Roboto', sans-serif, tahoma;color: #333333;border: 0;padding: 0;height: 100%;}
body { -webkit-animation: bugfix infinite 1s; font-size: 17px; font-size: 1.7rem;line-height: 27px; color: #010101;}
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
body, p, h1, h2, h3, h4, ul, ol, li, form, blockquote {margin: 0;padding: 0;}
body {background: #fff;margin: 0;}
p, ul, li {font-size: 17px; font-size: 1.7rem;line-height: 29px; color: #010101;}
ul, li {font-size: 17px; font-size: 1.7rem;line-height: 25px; }
a {text-decoration: none;color: #9f2533; -o-transition: all 0.1s linear;-ms-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-webkit-transition:all 0.1s linear;transition:all 0.1s linear;}
img a, a img {border: none !important;}
img {max-width: 100%;height:auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; /* important for ie */}
#content ul {padding-left: 25px;}
/***********************************************
 ---- WRAP & GENERAL STYLES ---- 
 ***********************************************/
a.post-edit-link { font-size: 16px; font-weight: 700; font-style: none;}
#wrap {width: 100%; margin: 0;}
.section-inner {max-width:1200px;margin: 0 auto;display: block;overflow: hidden;	padding: 0 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

a.button { 
	display: inline-block; font-size:25px; font-size: 2.5rem;color: #707070;text-transform: uppercase; letter-spacing: 1px;
    text-decoration: none; padding: 20px 40px;font-family: 'Roboto';font-weight: 300; border: 1px solid #7c7c7c;
    -moz-background-clip: padding; -webkit-background-clip: padding;  background-clip: padding-box;        
	-o-transition: all 0.1s linear;-ms-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-webkit-transition:all 0.1s linear;transition:all 0.1s linear;
}
a.button:hover {background:#ad1d3f; border: 1px solid #ad1d3f;color: #fff;}


#home-content h1, h3 {line-height: 48px;font-weight: 100;font-size: 5.2rem; font-size: 52px;word-spacing: 2px;}
h4 {font-size: 34px; font-size: 3.4rem;font-weight: 400;}
h1.subpage-title, h1.subpage-title a { font-size: 44px; font-size: 4.4rem;font-weight: 400;}
h4,h5 { font-size: 2.5rem; font-size:25px; font-weight: 300; line-height: 35px;}
.page_post p{ margin-bottom: 15px; }

span.bold {font-weight: 300;}
span.italic {font-style: italic;}

/***********************************************
 ---- HEADER ---- 
 ***********************************************/
header {width: 100%;position: relative;z-index: 555;}

 /* logo */
#top-bar-home {padding: 20px 0;text-align:center;background:#fff;} 
#top-bar-home  img {display:inline-block; }
.social-icons{position:fixed; top:500px; right:0;}
.social-icons a:hover { opacity: 0.6;}




/***********************************************
 ---- MAIN NAVIGATION ---- 
 *********************************************/ 
.main-nav {padding: 20px; border-top: 1px solid #e2e2e2;text-align:center;
background-color: rgba(173, 29, 63, 0.75);
background: rgba(173, 29, 63, 0.75);
color: rgba(173, 29, 63, 0.75);}
.main-nav  .menu > li { text-transform: uppercase; list-style: none;display: inline-table;padding: 0 30px;list-style: none;font-weight: 400;font-size: 17px; font-size: 1.7rem; border-right: 1px solid #b66577}
.main-nav  .menu > li:last-child { border-right: 0;}
.main-nav  .menu > li > a {color: #e8e8e8;display: block}
.main-nav .nav,.main-nav  .menu,.main-nav  .menu > li,.main-nav  .menu > li > a{ height: 100%; }
	
/*** style parent when hovered, active, submenu item hovered ***/	
.main-nav  .menu li.current_page_item a {font-weight: 600; color:#fff}

/*** style parent item of current sub menu item ***/
.menu li.current-menu-parent {}
.main-nav .menu  li.current-menu-parent a {color: #fff;font-weight: 600;}

/**** sub menu ****/
.main-nav  nav ul.sub-menu {display: none;padding: 10px 0 0 1px;position: absolute; width: 200px;background: #8e223c;z-index: 999;margin-left: -20px;}
.main-nav  nav ul.sub-menu li {float: none; text-align: left;font-size: 13px; font-size: 1.3rem;position: relative;display: block;margin: 0px !important;padding: 10px 10px 10px 17px; width: auto;height: auto !important;border-bottom: 1px solid #b66577}
.main-nav  nav ul.sub-menu li a {text-transform: none;font-size: 16px; font-size: 1.6rem;font-weight: 400 !important; color: #fff !important; /*override current menu style for submenu*/ border-right: none;border-left: none;width: 190px;line-height: 16px; /* important - overrides parent line-height */height: auto !important;height: auto !important;padding-left: 0 !important; border-bottom: none !important;  }

/* remove active background from submenu when parent active */
.main-nav  nav ul li.current_page_item ul li a {background: none !important;}

/*** remove style sub-menu item when hovered and active/current ***/
.main-nav nav ul li ul li:hover  {background: none !important;}

/* hover menu items */ 
.main-nav  nav ul li ul li:hover a, #main-nav ul li ul li a:hover {font-weight: 400 !important;background: none !important;color: #fff!important}

/* current sub-menu item */
.main-nav  nav ul li ul.sub-menu li.current-menu-item {line-height: 16px;background: none !important;font-weight: 400 !important;	}
.main-nav  nav ul li ul.sub-menu li.current-menu-item  a {font-weight: 500 !important;background: none !important;	}

/* sub-menu hide and show when hover */	
.main-nav  nav ul li:hover >ul {display: block;}
.main-nav  nav ul ul:after {content: ""; clear: both; display: block;}

/* sub sub menu */
.main-nav  nav ul ul ul {position: absolute; left: 100%; top:0;width: 100%;}

/**********************************************
 ---- BANNER ---- 
 ***********************************************/
/* frontpage banner */
#banner {z-index: -1; min-height: 1000px;	width: 100%;background-image: url('img/leura-landscape.jpg');
	background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment:fixed; }

.banner-content { padding-top: 160px; text-align:center;} 
.banner-content h3, .banner-content p {color: #fff;}
.banner-content p {color: #cccccc; width: 40%; margin: 0 auto; padding: 20px 0;letter-spacing:1px;}
p.subheading {font-size: 18px; font-size: 1.8rem;font-weight: 300;letter-spacing:1px;text-transform:uppercase;line-height: 23px;}
.banner-content a.button { margin-top: 20px; color: #fff !important}

/* subpage banner */
 #banner-subpage { min-height: 200px;width: 100%;background-image: url('img/leura-landscape-subpage.jpg');
	background-repeat: no-repeat;background-position: center center;background-size: cover;}

#banner-subpage .banner-content {padding: 55px 0;}	
#banner-subpage  .subpage-title{ display:block;color: #eee; text-align: center; font-style: italic;}
.breadcrumbs {  padding-top: 20px;font-size: 1.6rem; font-size: 16px; font-weight: 400; color: #b7b7b7;text-transform:uppercase; text-align:center; font-weight: 500;}
.breadcrumbs  a {font-weight: 500;color: #eee;}	

/***********************************************
 ---- HOME > SERVICES ---- 
 ***********************************************/
.home-services {	margin-top: 200px;width: 100%; background-color: rgba(48, 47, 50, 0.75);
background:  rgba(48, 47, 50, 0.75);
color:  rgba(48, 47, 50, 0.75);min-height: 180px;overflow:hidden;}		
.home-services .section-inner {box-sizing: border-box; text-align:center;padding: 0;}		
.service-box {padding:50px 0; width:20%; width: calc(100%/5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float:left; text-align:center;}	
.service-box h2{padding-top: 15px;font-size: 18px; font-size: 1.8rem;font-weight: 300;line-height: 24px!important;color: #c9c7cc;line-height: 30px; veritical-align: middle; display: block;}
.service-box:hover  {font-weight: 400; padding-top: 35px; }
.service-box:hover  h2{font-weight: 400;}

/***********************************************
 ---- HOME CONTENT ---- 
 ***********************************************/
#intro-content .section-inner { text-align:center; padding: 5% 0;border-bottom: 1px solid #c9c9c9;}

#intro-content p.subheading { padding: 30px 0;}
.client-type a { display: inline-block; border-right: 1px solid #c7c7c7; padding: 0 45px; text-transform:uppercase;font-size: 30px; font-size: 3rem;color: #ad1d3f; font-weight: 400; }
.client-type a:hover {color:#c63a5b;}
.client-type a:last-child {border-right: 0;}
 
.welcome-content  {overflow: hidden;width: 70%; position: relative;background: #fff; margin: 0 auto; padding: 8% 0px; text-align:center;}
.welcome-content  h1 {padding: 30px 0;}
.welcome-post p { font-weight: 300; font-size: 18px; font-size: 1.8rem; line-height: 30px;}
.welcome-content a.button {margin-top: 40px;}

/***********************************************
 ---- SUBPAGES CONTENT ---- 
 ***********************************************/

#subpage .section-inner {padding: 5% 0;} 
#content {width: 100%;margin: 0 auto;padding: 20px 0 40px;}
#content h2 { color: #9f2533; font-weight: 500; padding-bottom: 30px;}
#content h4 {padding-bottom: 20px;}

#subpagewithmenu #content{ padding: 3% 4%; border-left: 1px solid #e4e4e4; float: left; width: 78%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#subpagewithmenu #subpage-menu {padding: 3% 0;width: 22%; float: left;}

.subpagemenu-title { text-transform: uppercase; font-weight: 500; padding-bottom: 20px;}

#subpage-menu  .menu > li { border-right: 0; padding:7px 0;}
#subpage-menu  ul li {padding-left: 0; list-style:none; line-height: 30px;}
#subpage-menu  ul li a { line-height: 21px;color: #888888; font-weight: 400; padding-bottom: 0 !important;}
#subpage-menu  ul li a:hover {font-weight: 500; color: #ad1d3f;}

.customfields-list {padding-top: 30px;}
.customfield-single { padding:60px 0; border-top: 1px solid #e2e2e2;}

/***********************************************
 ---- BLOG POSTS ---- 
 ***********************************************/
#subpagewithmenu #content-blog{ padding: 30px 40px; border-right: 1px solid #e4e4e4; float: left; width: 70%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#subpagewithmenu #blog-menu {padding: 35px 30px;width: 30%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#blog-menu ul li { margin-bottom: 10px;list-style: none !important;font-size: 1.5rem; font-size: 15px;}
#blog-menu ul li.widget { margin-bottom: 40px;}

h2.widgettitle {  text-transform: uppercase; font-weight: 500; padding-bottom: 15px; font-size: 17px; font-size: 1.7rem;}

/* categories */
li.cat-item { background: #be3c5b; padding: 5px 10px; margin: 5px 5px;display:inline-block;}
li.cat-item a{color: #fff; text-transform:uppercase;font-style: italic;} 

 .post {margin: 30px 0 60px;}
/* Post title */
.post h3 { margin-bottom: 10px;}
.post h3 a, #caption h2 a {color: #000;font-size: 2rem; font-size: 20px;line-height: 27px;font-weight: 600;}
.post p { margin-bottom: 20px;}
.post p a {text-decoration: underline;}
.post p a:hover {text-decoration: none;}
.post a.button {line-height: 10rem;text-decoration: none !important;}

/******* time when post made ******/
.post_details {}
.post_details p a {	}
.post_details p a:hover {text-decoration: underline;}
/* More Posts */
.more_posts {}

 
/***********************************************
 ---- CLIENT STRATEGIES ---- 
 ***********************************************/
#menu-client-strategies ul.sub-menu {display: none !important;}
/* show submenu when menu item selected */
#menu-client-strategies li.current-menu-item ul.sub-menu{display: block !important;padding-left: 20px;}
ul.sub-menu {list-style: none;}	
#menu-client-strategies li.current-menu-item a{ font-weight: 500;}	
/* still show submenu when menu item child is selected */
#menu-client-strategies li.current-menu-ancestor ul.sub-menu {display: inherit !important;padding-left: 20px;padding-bottom: 10px;}


 /***********************************************
 ---- CONTACT US ---- 
 ***********************************************/
.gform_wrapper form { text-align:left !important; margin: 0 auto;width: 70%;}
.gform_wrapper form textarea, .gform_wrapper form input {border: 1px solid #aaa !important;}

.page_post .gform_wrapper textarea.medium {width: 60%;}
.gform_wrapper ul li.gfield {padding-left: 0;}

.page-content ul, #page-content ol {padding: 0.5em 2.5em;font-size: 15px;}
.page-content ul li {line-height: 26px;padding-left: 25px;list-style: disc;}
.page-content ol {margin-left: 1.4em;}
.page-content ol li {background: none; padding-left: 7px;line-height: 20px;}
.page-content blockquote {background: #F9F9F9;border-bottom: #EEEEEE 1px solid;border-left: 1px solid #EEEEEE;font-size: 13px;color: #737373;padding: 0 10px;width: 87%;margin: 10px auto;line-height: 20px;}
		

/***********************************************
 ---- ARCHIVE/CATEGORY PAGE ---- 
 ***********************************************/
/* category name title */
 .subpage-title li a {color: #fff;}

/***********************************************
 ---- CAPTION ---- 
 ***********************************************/
.caption {height: 1.9em;background: none;padding-left: 15px;padding-top: 5px;}
.m_post {width: 200px;float: right;height: 31px;position: relative;background: url(img/caption_m_posts.gif) no-repeat 130px 8px;}
.m_post span {display: none;}
.o_entries, .more_posts {font-size: 16px;font-weight: 600;}
.m_post .o_entries a {position: absolute;right: 53px;top: 8px;display: block;width: 17px;height: 15px;background: url(img/caption_o_entries.gif) no-repeat;}
.m_post .r_entries a {position: absolute;right: 21px;top: 8px;display: block;width: 17px;height: 15px;background: url(img/caption_r_entries.gif) no-repeat;}
.m_post a:hover {background-position: 0 -15px;text-decoration: none;}
.m_post a:hover span {display: block;font-size: 11px;color: #2E2E2E;position: absolute;top: 0;}
.m_post .o_entries a:hover span {left: -100px;}
.m_post .r_entries a:hover span {left: -130px;}

/***********************************************
 ---- Footer ---- 
 ***********************************************/
footer {margin: 0;width: 100%;}	
footer #footer-wrap {background: #484848;padding:20px 0 0;}

footer p,footer a {	color: #a5a09d;	line-height: 21px;font-size: 14px; font-size: 1.4rem;}
footer p.heading {font-weight:600;text-transform:uppercase;margin:20px 0 10px; color: #e2ddda;}
footer a {text-decoration: none;}

footer .sitemap {display:block; padding-bottom: 30px;overflow: hidden;}	
footer .col {float: left;width:14%;  box-sizing: border-box; margin: 0px 15px;}
footer .col-wide { width: 22% !important;}

footer .col img.asso-logo {padding: 20px 0 0 50px;}

footer .col ul {list-style: none;}
footer .disclaimer { clear: both;width: 100%;padding: 30px 0; border-top: 1px solid #585858; display: block;}	
footer .disclaimer a {font-weight:600;color:#b0a7a2;}

/***********************************************
 ---- Media queries ---- 
 ***********************************************/
 @media (max-width: 1090px) {
#top-bar-home {padding-bottom: 5px}

.banner-content p {width: 80%; }
#intro-content h1 {width: 80%; margin: 0 auto;}

.client-type a { display: block; border-right: none; padding: 20px 45px;}
}
 
 @media (max-width: 865px) {
 header .section-inner {padding: 0;} 
#top-bar {padding-bottom: 5px}

.service-box {width:25%; width: calc(100%/4);display:inline-table;float:none;}
.service-box:hover  { padding-top: 20px; }

footer .col-sitemap {display:none;}
footer .col, footer .col-wide {float: left;width:33.3333333333% !important; width: calc(100%/3); box-sizing: border-box; padding: 30px 20px;}	
}

@media (max-width: 750px) {
/*subpage*/
#subpagewithmenu #content{ border-left: none; float: none; width: 100%; padding:0;}
#subpagewithmenu #subpage-menu {display: none;}

.page_post .gform_wrapper form{width: 100%;} 
}

@media (max-width: 600px) {
.banner-content {padding:  90px 0;}
.home-services {margin-top: 90px;}
#subpage-menu {width: 100%; }
footer .col {text-align:center;width: 100%!important; width: calc(100%/1);padding: 25px 0; margin:0}
footer .col img.asso-logo {padding:0;}
}

@media (max-width: 500px) {
.welcome-post h3 {padding-top: 0px;}

.service-box {width:100%; width: calc(100%/1);padding: 20px 0px;border-right: 0;margin: 0;border-bottom: 1px solid #585454; }
.service-box:last-child {border-bottom: 0;}
}

/* Fix */
#menu:after,#menu ul:after,#page-content_wrap:after,#footer:after,
#leave_a_comment_wrap:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

/***********************************************
 ---- NAVIGATION ---- 
 ***********************************************/
 
#toggle, .toggle { display: none; }

@media only screen and (max-width: 1050px){
/* remove menu side style padding */
ul#menu-top-menu > li { padding: 0; }

/* remove drop down */
ul#menu-top-menu ul.sub-menu {display: none !important;}

ul#menu-top-menu li.current_page_item{padding: 0  ;}
	
/*** function styles ***/
ul#menu-top-menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
ul#menu-top-menu > li { display: block; width: 100%; margin: 0; }
ul#menu-top-menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
#toggle:checked + div ul#menu-top-menu { display: block; opacity: 1;}

/*** menu styles ***/	
	
/* menu after click */
 ul#menu-top-menu {background-color: rgba(144, 38, 59, 0.95);background: rgba(144, 38, 59, 0.95);color: rgba(144, 38, 59, 0.95);margin: 20px auto 0;text-align:center;z-index: 666;}

 @media (max-width: 865px) {.menu  { margin: 5px auto 0;} }
	
ul#menu-top-menu, ul#menu-top-menu > li, ul#menu-top-menu > li > a{height: auto;}

/* each menu item */	
ul#menu-top-menu > li > a{padding: 10px;color: #fff !important;}

/* menu item hover */	
ul#menu-top-menu > li > a:hover, ul#menu-top-menu > li > a:focus{background: #ad1d3f;padding: 10px;color: #9f2533;}

/* menu & close menu toggle button */	
.toggle:after {
	content: attr(data-open);display: block;width: 250px;margin: 10px auto;padding: 10px 50px;background: #383838;-webkit-border-radius: 2px;border-radius: 2px;text-align: center;font-size: 1.6rem; font-size: 16px;color: #FFFFFF;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; 
	}
/* toggle button hover */
.toggle:hover:after{background: #a1938e;}
#toggle:checked + div .toggle:after{content: attr(data-close);}
}