/*
Theme Name: Accounting Directions 2016
Theme URI:  http://practiceadvantage.com.au/
Author: Ash at Practice Advantage
Author URI: http://practiceadvantage.com.au/
Description: THEME 2016
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
 
/** MAIN **/
body{                  color:#464646; padding:0; margin:0; background: #fff; font-family: 'Raleway', sans-serif; }

#main, footer, footer span, section{overflow:hidden;}

/** TYPOGRAPHY **/
h1, h2, h3, h4, h5, h6, p{margin:10px; padding:10px;}
h1{                     font-size:26pt; text-transform: uppercase; font-weight: normal;}
h2{                     font-size:24pt; text-transform: capitalize;}
h3{                     font-size:16pt; color:#00375e; }
h4{                     font-size:16pt; text-transform: capitalize;}
p{                      font-size:12pt; line-height: 18pt;}
p a{                    color:#01365e;}
.tk-verveine{           font-weight: normal;}
a{                      color:inherit;}
a img, img a{           border:none;}
a{                      text-decoration:none;}
ul li, ol li{           padding:8px;}
ul li a{                color:#00375e;}

button{                 transition: 0.3s ease-in; text-transform: uppercase; cursor: pointer; padding:15px 25px; font-weight: bold; color:#464646; margin: 0 auto; display: block; background: none; border:2px solid #464646;}
button:hover{           color:#fff; background: #464646;}

#refer{                 position: fixed; right:-300px; top:400px; z-index: 3000; background: url(img/refer.png) no-repeat left center #abcc59; transition: 0.2s ease-in; overflow: hidden; padding-left:85px; background-size: contain; height:90px; box-shadow: -2px 2px 3px #464646; width:300px;}

#refer h4{              font-size: 13pt; color:#fff; padding:5px 0 0 0; margin:0;}
#refer p{               clear: both;  padding:0 0 5px 0; margin:0; line-height: 14pt; font-size: 10pt;}
#refer p b{             margin:0;}
#refer:hover{           right:0px;}

/** HEADER **/
header{                 width:100%; margin:0; padding:0; border-bottom: 2px solid #00375e; height:160px;}
header img{             float:left; padding:15px; width:25%;}
header .wrap{           width:80%;}

/** NAVIGATION **/
nav *{                  transition: 0.5s ease-in-out;}
nav{                    padding:0; margin:0; float: right; text-align: right;}
nav ul{                 margin:0 auto; text-align: center; padding:0; width:100%;}
nav ul li{              list-style: none; padding:10px 15px; margin:6% 5px; text-transform: uppercase; position: relative; font-size: 12pt; display:inline-block; text-align: center;}
nav ul li.facebook{     margin-right: 0px; padding-right: 0px;}
nav ul li.facebook img{ width:auto; float: none; padding:0px; margin-bottom: -15px; width:40px;;}
nav ul li.login a{      color:#fff;}    
nav ul li.login{        background: #00375e;}
nav ul li:hover{        background:#abcc59;}
nav ul li.current-menu-item{background:#abcc59;}
nav ul li.facebook:hover{background: none;}

/** DROP DOWN **/   
nav ul li ul{           display:none; padding:0; position: absolute; top:40px; left:0; z-index: 100; width:100%; box-shadow: 2px 2px 3px #464646;}
nav li:hover ul{        display:table;}
nav li ul li{           width:300px; text-align: left; background:#abcc59; text-transform: capitalize; border-top:1px solid #fff; padding:15px; margin:0;}
nav li ul li:hover{     background:#c0e465;}

/** BANNER **/
section{                background:url(img/banner.jpg); background-size:cover; width:100%; padding:0; position: relative; padding-bottom: 25%;}
section h6{             float: right; font-weight: normal; font-size:18pt; background: url(img/contact-back.png) left no-repeat; margin:0; padding:20px 0 20px 55px; color:#fff; background-size: cover;}
section h6 span{        margin:0 5px; padding:15px 20px;}
section h6 span.enquire{background: #345e7e; padding:5px 10px;}

section.inner{          padding-bottom: 10%; border-bottom: 10px solid #abcc59;}
section.inner img{      display: none;}

section img{            position: absolute; bottom:1%; margin:35px 0; padding:5px 40px; left:44%; border-left:1px solid #fff; border-right:1px solid #fff;}
section img.ff{         left:18%; border:none;}
section img.ll{         left:60%; border:none;}

/** BREADCRUMBS **/
.breadcrumbs{           display: block; width:40%; background: #fff; overflow: hidden; padding:20px 20px 0 20px;}
.breadcrumbs span{      color:#abcc59; font-weight: bold; font-style: italic; font-size: 10pt;}

/** CONTENT **/
#main, #inner{          width:100%; margin:0; padding:0;}
#main{                  text-align: center;}
#inner{                 text-align: left; overflow: hidden;}
#inner h1{              text-align: center;}
#inner h1::after, #main h1::after{content:"____________________________"; display: block; font-weight: normal; letter-spacing: -6px;}
#main h1, #inner h1{    margin-top: 0px; padding-top: 0px; font-weight: normal;}
.wrap{                  padding:30px 0; width:70%; margin:0 auto;}
footer span .wrap, header .wrap{padding:0;}

#inner blockquote{      background: #fff; border-radius: 5px; padding:15px; border:2px solid #f1f1f1; overflow: hidden;}
#inner blockquote em{   float: right; clear: both;}
#inner blockquote img{  float: right; clear: both;}

#free{                  background: #01365e; color:#fff; text-align: center;}
#free button{           color:#fff; border:none; font-weight: normal; font-size: 13pt; border-bottom: 1px dashed #01365e;}
#free button:hover{     background: none; border-bottom: 1px dashed #fff;}
#free h2{               font-size: 37pt;}

#slogan{                background: url(img/manly-beach.jpg); text-align: center; padding:3% 0; background-size: cover; overflow: hidden; }
#slogan img{            width:40%;}

#services{              overflow: hidden; background: #fff; border-bottom: 5px solid #abcc59; padding-bottom: 50px; overflow: hidden;}
#services h2{           margin:0; text-align: center; background:#f1f1f1; padding:25px; font-size: 37pt;}
#services .col3{        position: relative; width:29.33%; margin:1%; padding:1%; float:left; height:400px; overflow: hidden;}
#services .col3 span{   position: absolute; width:50%; padding:44% 24% 4% 24%; margin:0; top:0; left:0; height:50%; text-align: center; background: url(img/white-back.png); font-weight: bold; font-size: 20pt; text-transform: uppercase; display: none; border:1px solid #464646;}
#services .col3:hover span{display: block;}
#services .col3 h4{     text-transform: uppercase; height:50px; margin-bottom: 0px; padding-bottom: 0px;}
#services .col3 p{      font-size: 12pt; line-height:22pt;}

#mailing{               text-align: center; border-top: 35px solid #d5e6ac; background: #abcc59; color:#fff; padding:25px 0 50px 0; overflow: hidden;}
#mailing form{          width:60%; margin:0 20%; text-align:center;}
#mailing li{            width:33%; float: left; clear: none; }

#mailing input{      background:#fff; border:1px solid #fff; padding:15px 20px; margin:5px 10px; color:#000; font-weight: bold; width:99%;}

#mailing li input{color:#000;}

#mailing input[type="submit"]{width:auto; background: #fff; color:green; text-transform: uppercase; font-weight: normal;}

#mailing h2{            font-size: 37pt;}
#mailing li label{      display: none;}

#info h2{               color:#fff; font-weight: normal; display: table-cell; text-align: center; font-size: 28px; padding:25px 0; text-transform: none;}
#info{                  display: table; background: #8ba843; width:100%; padding:0;}

/** BLOG **/
#blog .sidebar{         float:right; margin:25px 50px; width:25%; border-radius: 5px; transition: 0.5s ease-in-out; display: block; border:1px solid #ccc; padding:20px 10px 40px 10px;}
#blog .sidebar h4{      text-align: center;}
#blog .sidebar ul{      margin:0; padding:0;}
#blog .sidebar ul li{   padding:10px; text-align: left; list-style:none;}
#blog .sidebar ul li span{font-style: italic; font-size: 11pt; color:#01365e;}
#blog span p, #blog-item span p{ color:#01365e; padding:0 10px; margin:0 10px; margin-top: -10px; font-size: 10pt; margin-bottom: -10px; font-style: italic; font-weight: bold;}
#blog p a{              margin:0; font-size: 11pt; font-weight: bold; text-transform: uppercase; border-radius: 3px; border:1px solid #01365e; padding:10px 15px;}

/** COLS **/
.col2{                  width:46%; background: pink; margin:1%; padding:1%; float:left;}
.col4{                  width:21%; background: pink; margin:1%; padding:1%; float:left;}
.col5{                  width:16%; background: pink; margin:1%; padding:1%; float:left;}

/** FOOTER **/
footer{                 width:100%; margin:0; padding:0; text-align: center;}
footer h1::after{       content:"__________________________"; display: block; letter-spacing: -5px;}

footer ul{              list-style: none; padding:0 10%; padding-bottom: 20px; margin:0; width:80%; display: table; text-align: center;}
footer ul li{           padding:10px; display: inline-block;}
footer ul li.top{       font-weight: bold; margin-bottom: 15px; padding-top: 15px; text-transform: uppercase; width:100%; text-align: center; float: none; display: block;}

footer span{            width:100%; display:block; background:#464646; padding:0; margin:0;}
footer span p{          padding:20px 0 15px 1%; float: left; margin:0; width:49%; color: #fff; text-align: left;}
footer span p a{        color: #fff;}
footer span p.last{     float:right; text-align: right; padding:20px 5% 15px 0; width:45%;}

/** SPECIAL **/
#googleMap{             width:100%; min-height: 350px;}

/** GFORMS **/
#gform_2{               padding:0 20px;}
#gform_2 li{            padding:5px 0; margin:0; clear: none; width:50%; float: left;}
#gform_2 li label{      padding:0; margin:0;}
#gform_2 li input{      margin:0; padding:10px; border:1px solid #ccc; width:80%;}
#gform_2 li textarea{   border:1px solid #ccc; width:90%;}
#gform_2 li#field_2_5{  width:100%;}

#gform_2 input[type="submit"]{ padding:10px 15px; text-transform: uppercase; background:#01365e; color:#fff; margin-left:0px; transition: 0.5s ease-in-out; border:2px solid #01365e; font-weight: bold;}
#gform_2 input[type="submit"]:hover{ background:#fff; color:#01365e;}

/** GFORMS **/
#gform_3{               padding:0 20px;}
#gform_3 li{            padding:5px 0; margin:0; clear: none; width:50%; float: left;}
#gform_3 li label{      padding:0; margin:0;}
#gform_3 li input{      margin:0; padding:10px; border:1px solid #ccc; width:80%;}
#gform_3 li#field_3_6, #gform_3 li#field_3_5{ width:100%;}
#gform_3 li#field_3_6 input{border:none;}
#gform_3 li textarea{   border:1px solid #ccc; width:90%;}

#gform_3 input[type="submit"]{ padding:10px 15px; text-transform: uppercase; background:#01365e; color:#fff; margin-left:0px; transition: 0.5s ease-in-out; border:2px solid #01365e; font-weight: bold;}
#gform_3 input[type="submit"]:hover{ background:#fff; color:#01365e;}

#gform_1 .gform_footer{ float: left; clear: none; width:1%; margin-top: -1px;}

#gform_4{}
#gform_4 li{width:50%; float: left; clear: none; padding:0; margin:0;}
#gform_4 li#field_4_10{width:100%; border-bottom:1px solid #ccc; margin-bottom: 25px; text-align: center;}
#gform_4 li#field_4_11{width:100%; border-bottom:1px solid #ccc; margin-bottom: 25px; text-align: center;}
#gform_4 li#field_4_9{width:100%;}
#gform_4 li#field_4_13{width:100%;}
#gform_4 li#field_4_7{width:99%; text-align: center;}
#gform_4 label{}
#gform_4 input{width:90%;}
#gform_4 textarea{padding:10px; width:70%;}
#gform_4 input[type='submit']{width:100px; padding:10px; border:1px solid #ccc; background: none; font-weight: bold; margin-left:1000px;}

.sdm_download_item_count{display:none !important;}

/** MEDIA QUERIES **/

@media only screen and (max-width : 1499px) {
#info h2{font-size: 20pt;}    }

@media only screen and (max-width : 1399px) {
header .wrap{width:99%; padding-right: 1%;} }

@media only screen and (max-width : 1299px) {
section img{border:none; bottom:-10px;}
#services .col3{width:44%;}    
#info h2{font-size: 16pt;}     
.wrap{width:100%;}    }

@media only screen and (max-width : 1199px) {
nav ul li{margin-left: 0px;}  
#info h2:last-child{display: none;}  
footer ul{width: 100%; margin:0; padding:0;} }

@media only screen and (max-width : 1099px) {
header{text-align: center; position: relative;}
header img{float: none; width:26%;}
header .facebook{position: absolute; top:-11px; right:0px;}    
header .login{top:0; left:0; position: absolute;}
nav{width:100%; padding:0; margin:0; height: auto;}
nav ul li{margin-top: 0px; margin-bottom: 0px;}    
section img{height:30px;}    }

@media only screen and (max-width : 999px) {
section img{display: none;}  
#services .col3{width:96%; height:auto;}
#services .col3:hover span{display: none;} }

@media only screen and (max-width : 899px) {
#info h2:nth-child(2){display: none;}  
section h6{font-size: 16pt;}     }

@media only screen and (max-width : 799px) {
section h6{background:blue; width:100%; padding:10px 0; margin:0;}
section h6 span{margin:0 2%; padding:0 1%; }   
section h6 span.enquire{background: none;}   }

@media only screen and (max-width : 699px) {
#info{display: none;}    
#mailing{overflow: hidden;}    
header img{width:36%;}    
section h6{display: none;}    
#mailing input{clear: both; float: left; width:50%; margin-left:21%;}  }

@media only screen and (max-width : 599px) {
footer ul, footer h1{display: none;}     
nav ul li:hover ul{display:none;}    
nav ul li{margin-right: 0px; padding:10px 7px;}    
footer span p, footer span p.last{width:90%; padding:10px 5%; text-align: center;} }