/*  
Theme Name: Deanne Thomas & Co 2015
Description: Accounting website]
Review: 2 Year redesign
Date: July 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;color: #333333;border: 0;padding: 0;height: 100%;}

body { -webkit-animation: bugfix infinite 1s; }
@-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: #1a1b53;}
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:22px; font-size: 2.2rem;
    color: #fff;
    text-transform: uppercase; 
    text-decoration: none;
    background: #ab845b;
    padding: 15px 35px;
	font-family: 'Roboto';
	font-weight: 500;
    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */    
    -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;
}

h1  {color: #fff;}
h1.subpage-title {font-weight: 300;font-size: 4.5rem; font-size: 45px;line-height:53px;}

h2 {line-height: 4.2rem;font-weight: 300;font-size: 3.2rem; font-size: 32px;}

h3 {line-height: 4.2rem;font-weight: 300;font-size: 2.8rem !important; font-size: 28px !important;}

h4 {font-size: 24px; font-size: 2.3rem;font-weight: 300;}
p.heading {text-transform: uppercase;font-size: 16px; font-size: 1.6rem;font-weight: 500;}
.page_post p{ margin-bottom: 15px; }

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

header #top-bar-home , header #top-bar{
-webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 3px 6px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 3px 6px 0px rgba(50, 50, 50, 0.5);
font-family: 'Roboto', sans-serif;background:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
 
 /* logo */
 #top-bar img { padding: 40px 0 30px; max-width: 100%;}

/***********************************************
 ---- MAIN NAVIGATION ---- 
 ***********************************************/
.main-nav { padding: 20px 0;background: #232c63;width: 100%;}

.menu > li { display: inline-table;border-right: 1px solid #3d4360; padding: 0 20px;list-style: none;font-weight: 300;font-size: 18px; font-size: 1.8rem;}
.menu > li > a {color: #d3d5e2;display: block;-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;}
.menu > li:first-child{padding-left:0;}
.nav, .menu, .menu > li, .menu > li > a{ height: 100%; }
	
/*** style parent when hovered, active, submenu item hovered ***/	
.menu li.current_page_item a {font-weight: 600; }
.menu li a:hover, .menu li:hover {color: #fff;}	

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

/**** sub menu ****/
nav ul.sub-menu {display: none;padding: 20px 0 0 1px;position: absolute; width: 190px;background: #232c63;z-index: 999;margin-left: -20px;}
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 #3d4360;	}
nav ul.sub-menu li a {text-transform: none;font-size: 16px; font-size: 1.6rem;font-weight: 400 !important; color: #d3d5e2 !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 */
nav ul li.current_page_item ul li a {background: none !important;}

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

/* hover menu items */ 
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 */
nav ul li ul.sub-menu li.current-menu-item {line-height: 16px;background: none !important;font-weight: 400 !important;	}
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 */	
nav ul li:hover >ul {display: block;}
nav ul ul:after {content: ""; clear: both; display: block;}

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

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

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

/***********************************************
 ---- HOME CONTENT ---- 
 ***********************************************/
#home-content {background: #fff; z-index:555;}
.welcome-content  {position: relative;background: #fff; margin: 0 auto; padding: 70px 0px 20px !important;}
.welcome-post h3 {padding: 35px 0 20px; font-style: italic;}
.welcome-post p { font-weight: 300; font-size: 18px; font-size: 1.8rem; line-height: 30px;}
.welcome-post a {color: #ab845b; padding-top: 30px; font-style: italic; text-decoration: underline;font-weight:400; display:block;}

/***********************************************
 ---- SERVICES ---- 
 ***********************************************/
.home-services {	width: 100%;}		
.services-box-wrap {width: 100%; margin: 30px auto 30px;box-sizing: border-box;  overflow: auto;}		
.service-box {min-height:250px;width:50%; width: calc(100%/2);box-sizing: border-box; float:left; text-align:center;
line-height:250px; background-repeat: no-repeat;background-position: center center;background-size: cover;}	

.service-box:hover {background:#29304e;}
.service-box h2{color: #fff;line-height: 30px; veritical-align: middle; display: inline-block;}

.accounting-business-management {background-image: url('img/servicebox-1.jpg')}
.taxation-consulting {background-image: url('img/servicebox-2.jpg');}
.superannuation {background-image: url('img/servicebox-3.jpg');}
.company-secretarial {background-image: url('img/servicebox-4.jpg');}

/***********************************************
 ---- HIRE OUR SERVICES FORM ---- 
 ***********************************************/
.hireourservices {margin: 50px auto;} 
.hireourservices .gform_heading { text-align: center;}
.hireourservices .gform_heading .gform_description {font-size: 16px; font-size: 1.6rem}
.hireourservices .gform_fields {margin: 0 auto; text-align:center;} .gform_body {margin-top: 20px;}
.hireourservices .gform_body .gfield {clear: none !important;width:25%; width: calc(100%/4);box-sizing: border-box; margin: 5px 20px; display:inline-table;}
.hireourservices .ginput_container { padding: 15px;}
.hireourservices .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { padding: 15px;}
.hireourservices .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { padding: 15px;font-size: 17px !important; text-transform: uppercase; font-weight: 400;}
.hireourservices .gform_footer {text-align: center;}

/***********************************************
 ---- 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 {text-align: center;margin: 30px 0 30px;color: #1a1b53;}
#content h3 {padding: 15px 0 0;font-style: italic;}	

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

/***********************************************
 ---- ABOUT US ---- 
 ***********************************************/
.staff-members { background: #f2f2f2; width: 100%;padding: 40px 0; margin-top: 40px;}
.staff-members .staff-desc .staffname { font-size: 17px; font-weight: 600; margin-bottom: 20px;}
.staff-single {overflow: hidden;display: block; width: 100%; border-bottom: 1px solid #c6c6c6; padding: 35px 0;}

.staff-members img {float: left; width: 30%; box-sizing: border-box;}
.staff-members .staff-desc { float: right; width: 70%;box-sizing: border-box; padding: 40px 0 0 40px;}

.staff-single:nth-child(even) img{float: right;}
.staff-single:nth-child(even)  .staff-desc {text-align:right; padding:40px 40px 0 0; float: left;}

.staff-single:last-child {border-bottom: none;}
 

 
/***********************************************
 ---- SERVICES PAGE ---- 
 ***********************************************/
.services-menu {background: #fdfdfd;padding: 25px 0; border-bottom: 1px solid #eee;}

.services-menu  ul {}
.services-menu  ul li {padding-left: 0;line-height: 70px;min-height: 70px;border-right: 1px solid #eee; width: 25%; width: calc(100%/4);  box-sizing: border-box; float: left; text-align: center;}
.services-menu  ul li:last-child { border-right: 0;}
.services-menu  ul li:first-child { padding-top:10px;}
.services-menu  ul li a { display: inline-block;line-height: 21px;color: #1a1b53; font-weight: 500; padding-bottom: 0 !important;}
.services-menu  ul li a:hover { color: #1a1b53;}

.services-list {padding-top: 30px;}
.service-single { padding:60px 0; border-bottom: 1px solid #c6c6c6;}
.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;}

/***********************************************
 ---- NEWSLETTER PAGE ---- 
 ***********************************************/
.page-content-newsletters { padding-bottom: 60px;}
 .page-content-newsletters .page_post .section-inner { border-bottom:  1px solid #c6c6c6;padding-bottom: 40px; margin-bottom: 40px; }
 .newsletters .section-inner {text-align:center;}
 .newsletter-single { width:20%; width: calc(100%/5);box-sizing: border-box; padding: 20px 10px;display: inline-table; background: #1d1c56; margin: 20px;}
 .newsletter-single .newslettertitle { text-align:center; color: #fff; line-height: 4.2rem;font-weight: 300;font-size: 2.2rem; font-size: 22px ;}
 .newsletter-single a {font-style: italic; text-align: center;color: #a9a8c6; font-size: 1.7rem; font-size: 17px;display:block;}
 /***********************************************
 ---- 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:50px 0 0;}

footer p,footer a {	color: #a5a09d;	line-height: 21px;font-size: 13px; font-size: 1.3rem;}
footer p.heading {margin:0 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;}

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: 900px) {
 .staff-members .staff-desc { padding: 0px 0 0 40px;}
 .staff-single:nth-child(even)  .staff-desc {padding:0 40px 0 0;}
 }

 @media (max-width: 865px) {

#banner-subpage .subpage-title, .breadcrumbs {text-align:center;}

.services-menu {padding: 0;}
.services-menu ul li {display: block;float:none;width:100%;border-right:0; border-bottom: 1px solid #31306e}
.services-menu ul li:first-child {padding-top: 0;}
.servicetitle {text-align:center;}
}

@media (max-width: 750px) {
.service-box {width:100%; width: calc(100%/1); box-sizing: border-box; padding: 20px 0px; text-align:center;
min-height:160px;line-height:160px;}
.newsletter-single { width:100%; width: calc(100%/1); padding: 20px 10px;display: block; margin: 20px 0;}
footer .col, footer .col-wide {float: left;width:50% !important;  box-sizing: border-box; padding: 30px 20px;}	
}

@media (max-width: 500px) {
header #top-bar .section-inner {padding: 0;}
#banner {height: 250px;}

.welcome-post h3 {padding-top: 0px;}

.hireourservices .gform_body .gfield {clear: none !important;width:100%; width: calc(100%/1);box-sizing: border-box; margin: 5px 20px; display:inline-table;}

.staff-members img, .staff-single:nth-child(even) img {float: none; width: 100%; padding-bottom: 20px; }
.staff-members .staff-desc , .staff-single:nth-child(even)  .staff-desc{ float: none; width: 100%;text-align:center; padding: 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%;
	}
	}

#toggle, .toggle { display: none; }
#menu-main-menu > li { list-style: none; float:left;	}

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


/***********************************************
 ---- NAVIGATION ---- 
 ***********************************************/
@media only screen and (max-width: 650px){
.main-nav { padding-top: 20px;}
/* remove menu side style padding */
#menu-main-menu > li { padding: 0; }

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

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

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

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

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

/* menu item hover */	
#menu-main-menu > li > a:hover, #menu-main-menu > li > a:focus{background: #2a3265;padding: 10px;color: #ab845b;}

/* 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: #ab845b;
	}
	
#toggle:checked + div .toggle:after{
	content: attr(data-close);
	}
}