/*
Theme Name: Richards and Co 2016
Theme URI:  http://practiceadvantage.com.au/
Author: Ash at Practice Advantage
Author URI: http://practiceadvantage.com.au/
Description: Richards and Co 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: 'Roboto', sans-serif; } 
.mslide img{min-width: 1400px;}
.meteor-clip img{min-height: 400px; max-height: 400px;width:auto;}

.frs-slideshow-container h4{display:none;} 

.testimonials-widget-testimonials .testimonials-widget-testimonial{overflow: hidden; border-bottom: 2px solid #f1f1f1; padding-bottom:30px;}
.credit span{ padding: 5px 0;}
.author{font-weight: bold;}
.job-title{font-style: italic;}
.testimonials-widget-testimonials .testimonials-widget-testimonial blockquote{width: 80%; text-align: center;}
.credit{padding-right: 50px;}

#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;}
h2{                     font-size:24pt; text-transform: capitalize;}
h3{                     font-size:18pt; text-transform: capitalize;}
h4{                     font-size:16pt; text-transform: capitalize;}
p{                      font-size:12pt; line-height: 19pt;}
p a{                    color:#3d729e;}

a{                      color:inherit;}
a img, img a{           border:none;}
a{                      text-decoration:none;}
#main ul li{            padding:8px;}
#main ul li a{          color:#3d729e;}

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

/** HEADER **/
header{                 width:100%; margin:0; padding:0; background: #fff; height:130px; position: fixed; z-index: 3000; }
header img{             float:right; margin:20px 0 0 10px; height: 30px;}
header img.logo{        float: left; width: 170px; height: auto;}
header .wrap{           width:80%;}

#head-contact{          background: #286294; color:#fff; z-index:1; position: fixed; height: 40px; top:130px; width: 100%;}
#head-contact h6{       font-size: 12pt; margin:0 10%; font-weight: normal; float: left;}
#head-contact h6:last-child{float: right;}

#clearfix{              width:100%; display: block; background: #fff; height:165px;}

section{                background:url(img/richards-banner.jpg) bottom; background-size:cover; width:100%; padding:13% 0;}
section.inner{          padding:5% 0; background-position: center;}

#head-search{           background: #286294; color:#fff; overflow: hidden; padding:0 10%; width: 80%;}
#head-search form{      float: left; margin:15px 0;}
#head-search input{     margin:0 5px;}
#head-search input[type='submit']{background: none; color:#fff; border:none;}
#head-search button{    color: #fff; float: right; margin: 0px; padding:18px; border: none; background:#3d729e;}
#head-search ul{        margin: 0; list-style: none; padding: 0;}
#head-search li{        margin: 0; padding: 0; list-style: none;}

.breadcrumbs{           display: block; width:100%; background: #fff; overflow: hidden; padding:10px 0;}
.breadcrumbs span{      padding:0 10px; color:#3d729e; font-weight: bold; font-style: italic; font-size: 10pt;}

/** NAVIGATION **/
nav *{                  transition: none;}
nav{                    padding:0; margin:20px 0 0 0; z-index: 3; float: right; clear: right; position: relative;}
nav ul{                 width:100%; margin:0 auto; text-align: right; padding:0; z-index: 3;}
nav ul li{              height:20px; list-style: none; padding:10px 5px; margin:0 0 0 20px; text-transform: capitalize; position: relative; font-size: 12pt; display:inline-block; text-align: center; z-index: 3; font-weight: bold;}

nav ul li:hover{        border-bottom: 2px solid #3d729e;}
nav ul li.current-menu-item{border-bottom: 2px solid #3d729e;}

/** DROP DOWN **/   
nav ul li ul{           display: none; padding:0; position: absolute; top:38px; left:0; width:100%; box-shadow: 2px 2px 3px #464646; color:#fff; z-index: 3;}
nav li:hover ul{        display:table;}
nav li ul li{           width:320px; text-align: left; background:#3d729e; text-transform: capitalize; border-top:1px solid #fff; padding:15px; margin:0; font-weight: normal;}
nav li ul li:hover{     background:#286294; border-bottom: none;}

nav ul ul ul{           left:-350px; top:-1px; box-shadow: -2px 2px 3px #464646;}
nav ul ul ul li{        background: #286294; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
nav li:hover ul ul{     display: none;}
nav li ul li:hover ul{  display: table;}
nav ul ul ul li:hover{  background: #3d729e; border-bottom: 1px solid #fff;}

/** SCROLL **/
.scroll *{              transition: 0.2s ease-in;}
.scroll section{        padding:2% 0; background-position: center;}
.scroll header{         height:80px;}
.scroll header .wrap{   width:100%;}
.scroll header img{     display: none;}
.scroll header img.logo{width: 100px; display: block;}
.scroll nav{            margin-top: 25px;}
.scroll #head-contact{  top:80px; box-shadow: 0 1px 1px #464646;}

/** CONTENT **/
#main, #inner{          width:100%; margin:0; padding:0;}
.wrap{                  padding:30px 0; width:70%; margin:0 auto;}
#main .wrap{            position: relative;}
#main blockquote{       width: 50%; float: left; margin: 0; padding: 0;}
footer span .wrap, header .wrap, nav .wrap{padding:0;}

#services .col3{        width:29%; margin:1%; padding:1%; float:left; text-align: center; transition:3s ease-in; position: relative; height: 300px; overflow: hidden; border:1px solid #f1f1f1; border-radius: 5px; }
#services img{          background: #464646; border-radius: 50%; position: absolute; margin: 0 auto; top:150px; width:20%; height: auto; left:40%; }
#services .col3:hover img{right:-400px;}
#services h4{           height: 50px;}
#services p{            height: 150px; text-align: left;}
#services p:last-child{ height: 25px; text-align: right; font-weight: bold; margin-top: -15px;}
#services .col3:hover{  background: #f1f1f1;}
#services .wrap{        width: 80%; padding: 0px; overflow: hidden; clear: both;}
#services span{         position: absolute; width: 100%; left:-100%; transition: 0.5s ease-in;}
#services .col3:hover span{left: 0;}

#free{                  background: #f1f1f1; overflow: hidden; width: 100%;}
#free button{           background: #fff;}
#free button:hover{     color: #464646; background: none;}

#assoc{                 text-align: center; border-top: 2px solid #3d729e;}
#assoc p{               font-weight: bold; font-size: 18pt; }
#assoc img{             height: 100px; margin-bottom: 25px;}

/** BLOG **/
#blog .sidebar{         float:right; margin:25px 0 25px 150px; width:30%; display: block; padding:20px; border-left: 1px solid #f1f1f1;}
#blog .sidebar h2{      text-align: left; font-size: 14pt; border-top: 1px solid #e1e1e1; padding-top:25px; margin-left: 0px;}
#blog .sidebar ul{      margin:0; padding:0;}
#blog .sidebar li{      padding:10px; text-align: left; list-style:none;}
#blog .sidebar ul li span{font-style: italic; font-size: 11pt; display: block; text-align: right;}
#blog .sidebar input{   padding:10px; width:250px;}
#blog .sidebar input[type="submit"]{text-transform: uppercase; border:2px solid #ccc; background: none; color:#464646; font-weight: bold; width:auto;}
#blog .sidebar input[type="submit"]:hover{background: #ccc;}
#blog .sidebar label{   display: none;}
#blog li.widget li{     width:40%; float:left; clear:none;}
#blog li.widget{        padding-bottom: 25px;}
#blog img{              float: left; width: 250px; margin:15px 10px 10px 20px;}

#blog-item span p{      color:red; 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:-10px;  font-size: 11pt; font-weight: bold; text-transform: uppercase; padding:0; margin-bottom: 55px; display: block; text-align: right; color:#3d729e;}
#blog h3{               background: #ccc; color:#fff; width:60%;}
#blog p{                width:60%; padding:10px 10px 0; line-height: 17pt;}
#blog span{             font-size: 12pt; font-weight: normal; font-style: italic; display: block; margin-top: 10px;}

/** FOOTER **/
footer{                 width:100%; margin:0; padding:0; text-align: center;}
footer img{             border:1px solid #464646; border-radius: 50%; padding:px; margin:0 5px; background: #464646; width: 50px;}
footer ul{              list-style: none; padding:20px 0 10px 0; margin:0 auto; width:100%; text-align: center; display: table;}
footer ul li{           padding:5px; display: table-cell; text-transform: capitalize;}

footer span{            width:100%; display:block; padding:0; margin:0; background: #3d729e;}
footer span p{          padding:5px 1%; float: left; margin:0; width:48%; font-size: 11pt; color:#fff; text-align: left;}
footer span p a{        color: inherit;}
footer span p:last-child{float:right; text-align: right; padding:5px 5% 5px 0; width:45%;}

/** SPECIAL **/
#googleMap{             width:100%; border-top: 1px solid #464646; min-height: 350px;}
#wpgmza_map{            float: right; clear: none; position: absolute; max-width: 800px; top:140px; right: 0; max-height: 250px;}

/** GFORMS **/
#gform_1{               padding:0; clear: both; padding-top: 50px;}
#gform_1 li{            padding:0; margin:0; clear: none; width:33%; float:left;}
#gform_2 li{            padding:0; margin:0; clear: none; width:50%; float:left;}
#gform_1 li label{      padding:0; margin:0;}
#gform_1 li#field_1_4, #gform_1 li#field_1_11, #gform_2 li#field_2_6{width:100%;}
#gform_1 li#field_1_10{ width:50%;}
#gform_1 li#field_1_6{  clear: both; width: 50%; margin-right: 50%;}
#gform_1 li input{      margin:0; padding:5px; border:1px solid #ccc; width:95%;}
#gform_2 li input{      margin:0; padding:5px; border:1px solid #ccc; width:95%;}
#gform_1 li textarea{   border:1px solid #ccc; width:97.5%; height: 100px;}

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

/** MEDIA QUERIES **/

@media only screen and (max-width : 1399px) {
    #services .wrap{width: 100%;}
    .wrap{width: 100%;}}

@media only screen and (max-width : 1199px) {
    header .wrap{width: 98%; padding: 0; margin: 0 auto;}
    #head-search{width: 98%; padding: 0 1%;}
    #head-contact h6{margin:0 1%;}}

@media only screen and (max-width : 999px) {
    header img.logo{margin: 4px; height: 70px; width: auto;}
    nav{width: 98%; margin:10px 0; padding: 0; float: left;}
    nav ul{text-align: center; padding: 0; margin: 0; width: 100%;}
    nav ul li{margin-left: 1px; margin-right: 0px; font-size: 11pt;}
    #services .col3{width:45%;}  
    #bannerpjc, #bannerpjc-slideshow, .frs-slide-img{max-height: 300px; height:300px;}}

@media only screen and (max-width : 799px) {
    footer ul{display: none;} }

@media only screen and (max-width : 699px) {
    nav ul li{font-size: 10pt;}
    #services .col3{width:95%;}  }

@media only screen and (max-width : 599px) {
    nav{margin-top: 0;}
    nav ul li{padding:0 6px; }
    #head-search{display: none;} }

@media only screen and (max-width : 499px) {
    #head-contact h6{font-size: 10pt; margin-left: 0; margin-right: 0;}  }