/*  
Theme Name: Ryan Blachford
Description: Accounting website
Review: 2 Year
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: 27px; 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;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; /* important for ie */}

/***********************************************
 ---- 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:17px; font-size: 1.7rem;color: #fff;text-transform: uppercase; letter-spacing: 1px;
    text-decoration: none;background: #8d1f2a; padding: 10px 30px;font-family: 'Roboto';font-weight: 500;
    -moz-background-clip: padding; -webkit-background-clip: padding;  background-clip: padding-box;        
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;    
	-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;
}


h3 {line-height: 52px;font-weight: 100;font-size: 6.2rem; font-size: 62px;}
h1.subpage-title,h4 {font-size: 34px; font-size: 3.4rem;font-weight: 400;}
h4, h2,h5 { font-size: 2.5rem; font-size:25px; font-weight: 300; line-height: 35px;}
p.banner {font-size: 18px; font-size: 1.8rem;font-weight: 400;line-height: 26px;}
.page_post p{ margin-bottom: 15px; }

/***********************************************
 ---- 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; max-width:100%;}

/***********************************************
 ---- MAIN NAVIGATION ---- 
 *********************************************/
.main-nav {padding: 15px; border-top: 1px solid #e2e2e2;text-align:center;background: #fff;}
.main-nav  .menu > li { list-style: none;display: inline-table;padding: 0 20px;list-style: none;font-weight: 300;font-size: 18px; font-size: 1.8rem; border-right: 1px solid #e2e2e2}
.main-nav  .menu > li:last-child { border-right: 0;}
.main-nav  .menu > li > a {color: #8a8a8a;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:#9f2533}
.main-nav  .menu li a:hover, .menu li:hover {color: #9f2533;}	

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

/**** sub menu ****/
.main-nav  nav ul.sub-menu {display: none;padding: 0px 0 0 1px;position: absolute; width: 190px;background: #484848;z-index: 999;margin-left: -20px;}
.main-nav  nav ul.sub-menu li {color:#8b8b8b !important;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 #555;	}
.main-nav  nav ul.sub-menu li a {text-transform: none;font-size: 16px; font-size: 1.6rem;font-weight: 400 !important; color: #c1c1c1 !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;color: #223e91;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: 730px;	width: 100%;
	background-image: url('img/accountants-banner-full.jpg');
	background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment:fixed; 
	}

/* subpage banner */
 #banner-subpage { min-height: 150px;width: 100%;
	background-image: url('img/accountants-banner-subpage.jpg');
	background-repeat: no-repeat;background-position: center center;background-size: cover;
	}
	
#banner-subpage  .subpage-title{ padding:35px 0 30px; display:block;color: #1a1b53;}

.banner-content { padding-top: 140px; text-align:center;} 
.banner-content h3, .banner-content p {color: #fff;}
.banner-content p {width: 40%; margin: 0 auto; padding: 30px 0;word-spacing:1px;}

/***********************************************
 ---- HOME > SERVICES ---- 
 ***********************************************/
.home-services {	width: 100%; background: #eee;min-height: 200px;}		
.home-services .section-inner {box-sizing: border-box;  overflow: auto;}		
.service-box {padding:20px 0; margin: 40px auto;width:25%; width: calc(100%/4);box-sizing: border-box; float:left; text-align:center; border-right: 1px solid #c2c2c2; }	
.service-box:last-child {border-right:0}
.service-box h2:hover {font-weight: 400; color: #8d1f2a;}
.service-box h2{color: #484848;line-height: 30px; veritical-align: middle; display: inline-block;}


/***********************************************
 ---- HOME CONTENT ---- 
 ***********************************************/
.intro-content {background:#8d1f2a; padding: 70px 0; text-align:center;}
.intro-content h1 {font-size: 2.5rem; font-size: 25px; font-weight:100; line-height:38px; color: #e6dadb;}
.intro-content span.bold {font-weight: 400;}
 
.welcome-content  {overflow: hidden;width: 80%; position: relative;background: #fff; margin: 0 auto; padding: 130px 0px; text-align:center;}
.welcome-content  h4 {font-size: 34px; font-size: 3.4rem;font-weight: 400;padding-bottom: 30px; }
.welcome-content h5 {width: 80%; margin: 0 auto; padding-bottom: 20px;}
.welcome-post p { font-weight: 300; font-size: 18px; font-size: 1.8rem; line-height: 30px;}

.google-maps {position: relative;padding-bottom: 25%; height: 0;overflow: hidden; }
.google-maps iframe { position: absolute;top: 0; left: 0;width: 100% !important;height: 400px !important;}

/***********************************************
 ---- CONTENT ---- 
 ***********************************************/
.breadcrumbs { font-size: 1.6rem; font-size: 16px;border-bottom: 1px solid #eee; padding: 20px 0; background: #fdfdfd; font-weight: 400;}
.breadcrumbs  a {font-weight: 500;}	
	
#content {width: 100%;margin: 0 auto;padding: 70px 0 0;}
#content h2 { color: #9f2533; font-weight: 500; padding-bottom: 30px;}
h1.subpage-title {padding-bottom: 25px;}
#content h4 {padding-bottom: 20px;}

.page-content { padding: 20px 0 40px;}
.page-content-about { padding: 20px 0 0;}

/***********************************************
 ---- SERVICES PAGE ---- 
 ***********************************************/
.services-menu {background: #9f2533;padding: 35px 0;width: 27%; float: left;}

.services-menu  .menu > li {  padding:7px 0;}
.services-menu  ul li {padding-left: 0; list-style:none; line-height: 30px;}
.services-menu  ul li a { line-height: 21px;color: #fff; font-weight: 300; padding-bottom: 0 !important;}
.services-menu  ul li a:hover {font-weight: 500; }

.services-list {padding-top: 30px;}
.service-single { padding:60px 0; border-bottom: 1px solid #e2e2e2;}
.servicetitle { color: #1a1b53; padding-bottom: 20px;line-height: 4.2rem;font-weight: 300;font-size: 2.8rem !important; font-size: 28px !important;}
.service-single ul {padding-left: 20px;}

#services-page {padding: 70px 0;}
#services-page #content {width: 60%; float: left; padding: 0 0 70px 25px !important;}

/***********************************************
 ---- 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 ---- 
 ***********************************************/
.page_post .gform_wrapper {width: 70%;} 
.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: circle;}
.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;}
		
/***********************************************
 ---- BLOG POSTS ---- 
 ***********************************************/
.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 {}

/***********************************************
 ---- 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: 13px; font-size: 1.3rem;}
footer p.heading {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:18%;  box-sizing: border-box; padding: 0px 10px;}
footer .col-wide { width: 22% !important;}

.col img {max-width:100%;}
footer .col ul {list-style: none;}
footer .disclaimer { clear: both;width: 100%;padding: 30px 0; border-top: 1px solid #585858; display: block;}	

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

#services-page #content {width: 100%;} 
.services-menu {width: 100%; float: none; text-align:center;margin: 0 auto 60px;padding: 25px 0; background: none;}
.services-menu ul li {display: inline;float:none;width:100%;  border-right: 1px solid #e2e2e2; margin: 15px 0;padding: 5px 20px !important;}
.services-menu ul li:last-child {border-right:0;}
.services-menu ul li a {color: #9f2533;font-weight:600;}
.services-menu ul li:first-child {padding-top: 0;}
.servicetitle {text-align:center;}
}
 
 @media (max-width: 865px) {
 header .section-inner {padding: 0;} 
#top-bar {padding-bottom: 5px}
#banner-subpage .subpage-title, .breadcrumbs {text-align:center;}
}

@media (max-width: 750px) {
.service-box {width:50%; width: calc(100%/2);}
.taxation { border-right: 0;}
footer .col, footer .col-wide {float: left;width:50% !important;  box-sizing: border-box; padding: 30px 20px;}	
.page-content-service .section-inner {padding: 0 20px}
#services-page {padding-top:30px;}
#services-page #content {padding: 0 0 70px 0 !important;}
.services-menu {border-bottom: 1px solid #e2e2e2;}
.services-menu ul li {display: block;margin:0; padding:0 !important; border-right:0;}
}

@media (max-width: 600px) {
.banner-content {padding:  90px 0;}
.services-menu {width: 100%; }
.page-content-service .section-inner {padding: 0 ;text-align:center;}
}

@media (max-width: 500px) {
header #top-bar .section-inner {padding: 0;}
#top-bar-home {padding: 20px 0;text-align:center;background: #fff;} 

#top-bar {background: #191850;}
.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 #c2c2c2; }
.service-box:last-child {border-bottom: 0;}

.page_post .gform_wrapper {width: 100%;} 

footer .section-inner {padding: 0 10px;}
footer .footer-wrap {padding-top: 30px;}
footer .col, footer .col-wide {width: 100%!important; text-align: center; padding: 25px 0; border-bottom: 1px solid #585858 }
footer .disclaimer {border-top: none; padding: 0 0 20px;text-align:center;}
}

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

@media only screen and (max-width: 790px){	
div.wpcf7 input, div.wpcf7 textarea {max-width:70%;}}

/* 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: 820px){
/* remove menu side style padding */
ul#menu-main-menu > li { padding: 0; }

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

ul#menu-main-menu li.current_page_item{padding: 0  ;}
	
/*** function styles ***/
ul#menu-main-menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
ul#menu-main-menu > li { display: block; width: 100%; margin: 0; }
ul#menu-main-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-main-menu { display: block; opacity: 1;}

/*** menu styles ***/	
	
/* menu after click */
 ul#menu-main-menu {background-color: rgba(74, 74, 74, 0.9);color: rgba(255, 255, 255, 0.9);margin: 14px auto 0;text-align:center;z-index: 666;}

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

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

/* menu item hover */	
ul#menu-main-menu > li > a:hover, ul#menu-main-menu > li > a:focus{background: #393939;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: #8b8b8b;-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: #9f2533;}
#toggle:checked + div .toggle:after{content: attr(data-close);}
}