/*
Theme Name: LMS Feb 2017
Theme URI:  http://practiceadvantage.com.au/
Author: Ash at Practice Advantage
Author URI: http://practiceadvantage.com.au/
Description: LMS Feb 2017
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; letter-spacing: 1px;font-family: 'Open Sans', 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: capitalize;font-family: 'Hind', sans-serif;}
h2{                     font-size:24pt; text-transform: capitalize;font-family: 'Hind', sans-serif;}
h3{                     font-size:18pt; text-transform: capitalize;font-family: 'Hind', sans-serif;}
h4{                     font-size:16pt; text-transform: capitalize;font-family: 'Hind', sans-serif;}
p{                      font-size:12pt; line-height: 20pt;}
p a{                    color:#ef9b17;}

a{                      color:inherit;}
a img, img a{           border:none;}
a{                      text-decoration:none;}

#main ul li{            padding:8px;}
#main ul li a{          color:#ef9b17;}
#inner ul li{           padding:8px;}
#inner ul li a{         color:#ef9b17; font-weight: bold;}

button{                 transition: 0.3s ease-in; text-transform: uppercase; cursor: pointer; padding:15px; font-weight: bold; color:#464646; margin:0 auto; display: block; background: none; border:none; font-size: 12pt; border-bottom: 1px solid #ccc;}
button:hover{           background: #f1f1f1;}

/** HEADER **/
header{                 width:100%; margin:0; padding:0; background: #001941; height: 108px; border-bottom: 25px solid #fff; border-top: 5px solid #ef9b17;}
header img{             float:left; margin:0 10px; height: 125px;}
header h6{              float: right; font-size: 12pt; margin:0; color: #fff; font-weight: normal; padding-top: 15px;}
header .wrap{           width:96%;}
header button{          float: right; background:url(img/parramatta-accountant-client-login.png) no-repeat left center #ef9b17; background-size: 20%;color:#fff; border-left: 15px solid #ef9b17; padding-left: 40px;}
header button:hover{    background:url(img/parramatta-accountant-client-login.png) no-repeat left center #e78d00; background-size: 20%; border-left: 15px solid #e78d00; }

#notice{                background: #ef9b17; color: #fff; padding:3px 10px}
#notice h4{             margin: 0; padding: 0;font-size: 16pt; font-weight: normal;}
#clearfix{              width:100%; display: block; background: #fff;}

section{                background:url(img/parramatta-accountant-banner.jpg); background-size:cover; width:100%; padding:5% 0;}
body.home section{      padding: 5% 0;}

/** NAVIGATION **/
nav *{                  transition: 0.5s ease-in-out;}
nav{                    padding:0; margin:0; width: 100%; background: #fff; margin-top: -25px;}
nav ul{                 width:100%; margin:0 auto; text-align: right; padding:0;}
nav ul li{              list-style: none; padding:15px 30px; margin:0; text-transform: capitalize; position: relative; font-size: 12pt; display:inline-block; text-align: center;}

nav ul li:hover{        background:#f1f1f1;}
nav ul li.current-menu-item{background:#f1f1f1;}

/** DROP DOWN **/   
nav ul li ul{           display: none; padding:0; position: absolute; top:52px; left:0; z-index: 100; width:100%;}
nav li:hover ul{        display:table;}
nav li ul li{           width:350px; text-align: left; background:#f1f1f1; text-transform: capitalize; border-top:1px solid #fff; padding:15px; margin:0;}
nav li ul li:hover{     background:#ccc;}

/** SCROLL **/
.scroll *{              transition: 0.1s ease-in;}

/** CONTENT **/
#main{                  width:100%; margin:0; padding:0; overflow: hidden;}
.wrap{                  padding:50px 0; width:70%; margin:0 auto;}
footer span .wrap, header .wrap, nav .wrap{padding:0;}
#inner{                 overflow: hidden; padding-bottom: 50px;}
body.home #main{        background: #001941; padding-bottom: 30px;}
#main .wrap{            position: relative; margin-top: 25px; overflow: hidden; min-height: 600px; width: 80%;}
#main .box{             padding:0; width: 14%; float: left; position: absolute; top:0; background: #fff;}
#main .main{            width: 53.9%; left: 29%; padding:0; border-left: 40px solid #ef9b17; height: 345px;}
#main .box img{         height: 110px;}

#main .butt{            left: 86%; padding:0;background: #001941; color:#fff; height: 82.5px;}
#main .butt img{        width: 20%; float: right; height: auto; margin:12% 2%;}
#main .butt1{           top:87.5px; left: 86%; padding:0; height: 82.5px;}
#main .butt1 img{       width: 20%; float: right; height: auto; margin:12% 2%;}
#main .butt2{           top:175px; left: 86%; padding:0; background: #0a94bb; color: #fff; height: 82.5px;}
#main .butt3{           top:262.5px; left: 86%; padding:0; background: #616161; color: #fff; height: 82.5px;}
#main .butt4{           top:350px; left: 86%; padding:0;background: #001941; color:#fff; height: 82.5px;}
#main .butt4 img{       width: 20%; float: right; height: auto; margin:12% 2%;}
#main .butt5{           top:437.5px; left: 86%; padding:0;background: #616161; color: #fff; height: 82.5px;}
#main .butt5 img{       width: 16%; float: right; height: auto; margin:13% 2%;}

#main .box h1{          text-transform: uppercase; padding-bottom:0px;}
#main .box h2{          margin: 0; font-size: 20pt; text-transform: uppercase; line-height: 20pt; padding-top: 5%;}
#main .box h2::after{   content: ">>>"; display: block; letter-spacing: 5px;}
#main .box h3{          margin: 0; font-size: 24pt; padding: 0 10px;}
#main .box h4{          padding: 0 10%; margin: 0; height: 60px; line-height: 20pt; width: 80%;}
#main .awards h4{       text-align: left; padding: 0; padding-left: 10px; margin-top: -10px;}
#main .box h5{          padding: 0 5%; margin: 0; font-size:13pt; line-height: 14pt; text-transform: uppercase; padding-top: 12%; }
#main .box p {		line-height: 24px; padding-top:0px;}
#main .box .read-more-button, #main .box .read-more-button:visited {
			font-weight:bold; text-decoration:underline;}

#main .serv{            text-align: center; padding: 0; height: 170px;}
#main .serv1{           left: 14.5%;text-align: center; padding: 0; height: 170px;}
#main .serv2{           top: 175px;text-align: center; padding: 0; height: 170px;}
#main .serv3{           left: 14.5%;top: 175px;text-align: center; padding: 0; height: 170px;}
#main .serv4{           top: 350px;text-align: center; padding: 0; height: 170px;}
#main .serv5{           left: 14.5%;top: 350px;text-align: center; padding: 0; height: 170px;}

#main .team{            width: 28.5%; top: 525px; background: url(img/parramatta-accountant-team.png); background-size: cover; height: 175px;}
#main .team2{           width: 27.9%; top: 525px; left: 29%; background: #001941; color:#fff; height: 170px; border:1px solid rgba(250,250,250,0.2)}
#main .bull{            width: 28%; left: 29%; top: 350px; background: #0a94bb; color: #fff; height: 170px;}
#main .bull p{          padding: 0; margin:; font-size: 12pt; letter-spacing: normal;}
#main .award{           left: 86%; top: 525px; background:url(img/parramatta-accountant-award.png) top right; background-size: 145%; height: 170px;}
#main .awards{          width: 28%; top: 525px; left: 57.5%; background: url(img/parramatta-accountant-awards.png) no-repeat bottom #fff; border: none; background-size: 80%; height: 160px; border-bottom: 10px solid #fff;}
#main .media{           width: 28%; top: 350px; left: 57.5%; background: #ef9b17; color:#fff; height: 170px;}

#assoc{                 text-align: center; padding: 10px 0; clear: both; border-top: 1px solid rgba(0,0,0,0.05);}
#assoc img{             height: 50px; margin: 20px;}

#sidebar{               width: 25%; min-height: 500px; float: right; margin: 60px 0 30px 80px; border-left: 1px solid #ccc; padding:0 30px;}

/** BLOG **/
.sidebar{               float:right; margin:25px 0 25px 150px; width:30%; display: block; padding:20px; border-left: 1px solid #f1f1f1;}
.sidebar h2{            text-align: left; font-size: 14pt; border-top: 1px solid #e1e1e1; padding-top:25px; margin-left: 0px;}
.sidebar ul{            margin:0; padding:0;}
.sidebar li{            padding:10px; text-align: left; list-style:none;}
.sidebar ul li span{    font-style: italic; font-size: 11pt; display: block; text-align: right;}
.sidebar li.widget li{  width:40%; float:left; clear:none;}
.sidebar li.widget{     padding-bottom: 25px;}

#sidebar li{            list-style: none; margin: 0; padding: 0;}
#sidebar ul li a{          color: #464646;}
#sidebar li#menu-item-156248{    display: none;}
#sidebar li li{         width: 64%; float: left; padding: 15px 2%; margin:1px 0; background: rgba(0,0,0,0.05); font-weight: bold;}
#sidebar ul{            padding: 0; margin:0; overflow: hidden; margin-bottom: 40px;}
#sidebar h2{            margin: 0; padding:0px; clear: both;}
#sidebar .textwidget{   margin-bottom: 50px;}

#blog p.date{           color:#ef9b17; padding:5px; margin:0 10px; margin-top: -10px; font-size: 10pt; margin-bottom: -10px; font-style: italic; font-weight: bold;}
#blog p a{              margin:0; margin-top:-50px;  font-size: 11pt; font-weight: bold; padding:0; margin-bottom: 55px; display: block; text-align: right;}
#blog h3{               background: #ccc; color:#fff; width:60%;}
#blog p{                width:60%; padding:50px 10px 0 10px;}
#blog h3 span{          font-size: 12pt; font-weight: normal; font-style: italic; }

body.page-id-380243 #inner span{overflow: hidden; width: 30.33%; float: left; display: block; min-height: 350px; margin:0.5%; border-bottom: 5px solid #ccc; padding: 1%;}
body.page-id-380243 #inner span h3{height: 50px; line-height: 20pt; font-size: 16pt;}
body.page-id-380243 #inner span p{margin: 0 10px; padding: 0 10px;}
body.page-id-380243 #inner span:hover{background: rgba(0,0,0,0.03);}
/** FOOTER **/
footer{                 width:100%; color:#fff; background:#001941; margin:0; padding:0;}
footer ul{              list-style: none; padding:0; padding-bottom: 20px; margin:0; float:left; width:20%;}
footer ul li{           color:#fff; width:90%; padding:10px;}
footer ul li.top, 
footer ul li:first-child{ font-weight: bold; margin-bottom: 25px; padding-top: 35px; border-bottom: 1px solid #fff; text-transform:capitalize; width: 50%;}
footer ul#contact{         float: right; text-align: right;}
footer ul#contact li:first-child{margin-left: 41%;}

footer span{            width:100%; display:block; padding:10px 0; margin:0;}
footer span p{          padding:0; margin:0; width:100%; font-size: 11pt; text-align: center; float: left;}
footer span p a{        color: inherit;}

/** GFORMS **/
#gform_1{               padding:0 20px; float: left; width: 70%;}
#gform_1 li{            padding:5px 0; margin:0; clear: none; width: 50%; float:left; clear: none;}
#gform_1 li label{      display: none;}
#gform_1 li input{      margin:0; padding:10px; border:1px solid #ccc; width:90%;}
#gform_1 li textarea{   border:1px solid #ccc; width:190%;padding:10px; }
#gform_1 input[type="submit"]{     padding:10px 15px; text-transform: uppercase; background:#ef9b17; color:#fff; margin-left:10px; transition: 0.5s ease-in-out; border:2px solid #ef9b17; font-weight: bold;}
#gform_1 input[type="submit"]:hover{     background:#fff; color:#ef9b17;}

#gform_2{               padding:0 20px; float: left; width: 70%;}
#gform_2 li{            padding:5px 0; margin:0; clear: none; width: 50%; float:left; clear: none;}
#gform_2 li label{      display: none;}
#gform_2 li input{      margin:0; padding:10px; border:1px solid #ccc; width:90%;}
#gform_2 li textarea{   border:1px solid #ccc; width:190%;padding:10px; }
#gform_2 input[type="submit"]{     padding:10px 15px; text-transform: uppercase; background:#ef9b17; color:#fff; margin-left:10px; transition: 0.5s ease-in-out; border:2px solid #ef9b17; font-weight: bold;}
#gform_2 input[type="submit"]:hover{     background:#fff; color:#ef9b17;}
#gform_2 li#field_2_4{  clear: both;}
#gform_2 li#field_2_7 input{border: none; float: left; width: 50%; padding: 0; margin: 0; padding-top: 10px;}
#gform_2 li#field_2_7 label{display: block; float: left; width: 40%; padding: 0; margin: 0; padding-top: 20px;}

/** MEDIA QUERIES **/
@media only screen and (max-width : 1799px) {    #main .wrap{width: 90%;}}
@media only screen and (max-width : 1699px) {    #main .wrap{width: 90%;}
    body.page-id-380243 #inner span h3{ height: 80px;}
    body.page-id-380243 #inner span{min-height: 450px;}}

@media only screen and (max-width : 1599px) {    #main .wrap{width: 95%;}}

@media only screen and (max-width : 1499px) {    #main .wrap{width: 100%;}
    body.page-id-380243 #inner .wrap{width: 90%;}}

@media only screen and (max-width : 1399px) {    #main .box h4{font-size: 12pt;}}

@media only screen and (max-width : 1299px) {
    .wrap{width: 100%;}
    #main .main{width: 53%;}
    #main .award{background-size: cover;}
    #main .main h1{margin-bottom: 0; padding-bottom: 0;}
    #main .main p{margin-top: 0; padding-top: 0;}}

@media only screen and (max-width : 1199px) {
    #main .butt1 img{display: none;}
    body.page-id-380243 #inner span{width:47%; min-height: 400px;}
    #main .butt img{display: none;}
    #main .butt5 img{display: none;}
    #main .butt4 img{display: none;}
    #main .main p{line-height: 20px;}
    #main .box h5{font-size: 10pt;}
    #sidebar{display: none;}}

@media only screen and (max-width : 1099px) {
    #main .main h1{font-size: 14pt;}
    #main .main{width: 52.5%;}
    #assoc img{margin: 5px;}
    #main .box p {line-height: 20px;}
    nav ul li{padding: 20px 15px;}}


@media only screen and (max-width : 999px) {
    .col{width: 46%;}
    footer ul{width: 50%; text-align: center;}
    footer ul li.top, 
    footer ul li:first-child{padding: 0;width: 100%;}
    footer ul li{width: 100%; padding: 5px 0;}
    footer ul#contact{width: 100%; padding: 0; margin: 0; clear: both; text-align: center;}
    footer ul#contact li:first-child{margin: 0;}
    #main .bull p{display: none;}
    #main .box p {line-height: 20px;}
    #main .award{background-position: center;}
    #main .awards{background-color: none; background-position: center}
    #main .awards h3{display: none;}
    #main .awards h4{display: none;}
    #main .main{width: 56%; border-left: 2px solid orange;}  }

@media only screen and (max-width : 899px) {
    header .wrap{width: 100%; padding: 0; margin: 0;}
    .butt{display: none;}
    .butt1{display: none;}
    .butt2{display: none;}
    .butt3{display: none;}
    #main .main{width: 70%;}
    #main .box p {line-height: 18px;}
    #main .serv{width: 28.5%; height: 85px;}
    #main .box h4{height:auto; line-height: 85px;}
    #main img{display: none;}
    #main .serv1{width: 28.5%; left: 0; height: 85px; top:87px;}
    #main .serv2{width: 28.5%; height: 85px; top:174px;}
    #main .serv3{width: 28.5%; left: 0; height: 85px; top:261px;}
    #main .serv4{width: 28.5%; height: 85px; top: 348px;}
    #main .serv5{width: 28.5%; left: 0; height: 85px; top: 435px;}
    #assoc img{height: 30px;}
    nav{margin-top: 0px;}
    header h6{font-size: 11pt;text-align: right; position: absolute; right: 0; top: 50px; line-height: 16pt;}  }

@media only screen and (max-width : 799px) {
    body.page-id-380243 #inner span{width: 98%; min-height: auto; padding-bottom: 25px;}
    body.page-id-380243 #inner span h3{height: auto;}
    header h6{width: 60%;} }

@media only screen and (max-width : 699px) {
    .award{display: none;}
    .awards{display: none;}
    .butt5{display: none;}
    nav ul li{padding: 10px 5px;}
    #main .main{height:450px;}
    #main .bull{top: 453px; width: 35%; height: 120px;}
    #main .media{top: 453px;width: 35%; left: 64.5%;height: 120px;}
    #main .team2{height: 120px; top:580px;width: 35%;}
    #main .butt4{top: 580px; left: 64.5%; width: 35%;height: 120px;}
    #main .butt4 h5{margin: 0; font-size: 20pt; text-transform: uppercase; line-height: 20pt; padding-top: 10%;}
    #main .butt4 h5::after{content: ">>>"; display: block; letter-spacing: 5px;}  }

@media only screen and (max-width : 599px) {
    .col{width: 96%;}
    footer span{padding-bottom: 10px;}
    footer ul{display: none;}
    footer ul#contact{display: block;}
    section h3{display: none;}
    #assoc img{height: 50px;}
    nav ul li{width: 100%; padding:10px 0; border-top: 1px solid #f1f1f1;}
    section h2{font-size: 30pt; text-align: center;}
    section button{clear: both; width: 80%; margin:10px 10%;} }

@media only screen and (max-width : 499px) {
    #main .box{display: none;}
    #main .main{display: block; left: 0; width: 98%; height: auto; }
    #main .wrap{ min-height: auto; overflow: hidden; height: 480px;}
    header h6{display: none;}
    #assoc img{height: 20px;}
    footer span p{font-size: 10pt; line-height: normal;}
    header button{display: none;}  }
	
	
	
#download a img{
position:relative;
float:left;
width:30%;
margin-right:5%;
}