/* Theme Name: Strata Plus Description: Semantic, SEO Optimised, Custom Wordpress Theme for Strata Plus Author: BBL Digital Author URI: http://bbldigital.com.au Version: 1.0 */ /* Defaults */ body {margin:0;color:#727269;font:16px/19px 'Open Sans',Arial,sans-serif;background:#fff;min-width:300px} img {border-style:none} a {text-decoration:none;color:#6c7b42} a:hover {text-decoration:underline} input,textarea,select {font:100% "Trebuchet MS",Arial,Helvetica,sans-serif;vertical-align:middle;outline:none;} form,fieldset {margin:0;padding:0;border-style:none} input[type=text], input[type=password], input[type=file], input[type=submit], textarea {-webkit-appearance:none;-webkit-border-radius: 0;border-radius: 0;} /* Containers */ #wrapper {width:100%;overflow:hidden;position:relative} /* Header */ #header{width:100%;background:#fff;} #header.is-sticky {z-index:22} #header .header-hold {max-width:1140px;margin:0 auto;position:relative;z-index:20} #header .header-hold:after, #header:after {display:block;clear:both;content:''} #header .bar {padding:0 9999px;margin:0 -9999px;overflow:hidden;background:#6c7a42} #header .bar .holder {float:right} #header .bar .btn {float:left;background:#5b6a2f;margin:0 0 0 1px;font:14px/16px 'Ubuntu',Arial,sans-serif;padding:7px 16px 8px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;color:#dbdbd2} #header .bar .btn.login {color:#fae0ac} #header .bar .btn:hover {text-decoration:none;color:#2a3018} #header .bar .tel {float:left;margin:0;font:14px/16px 'Ubuntu',Arial,sans-serif;padding:7px 16px 8px 31px;background:#c6292d url('images/bg-tel.png') no-repeat 11px 9px;color:#fff} #header .bar .tel a {color:#fff} #header .header-holder {margin:0 -9999px;padding:27px 9999px 0;height:65px; border-bottom:1px solid #c2c5b8;background:#fff;} #header .header-holder:after {display:block;clear:both;content:''} #header .logo {float:left;width:159px;height:37px;margin:0 0 0 32px;background:url('images/logo.png') no-repeat;text-indent:-9999px;overflow:hidden;background-size:135px auto} #header .logo a {display:block;height:100%} #header .header-holder .opener{display:none;} /* Navigation */ #nav {float:right;margin:10px 62px 0 0;list-style:none;padding:0;position:static!important} #nav li {float:left;margin:0 0 0 17px;height:39px; color:#6c7a42;font:bold 14px/16px 'Ubuntu',Arial,sans-serif;text-transform:uppercase;position:relative} #nav li a {color:#6c7a42;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s} #nav li.active a,#nav li:hover a {color:#2a3018;text-decoration:none} #nav ul {position:absolute;margin:0;padding:20px 16px 27px;list-style:none;display:none;width:225px;top:55px;left:-27px;border-bottom:17px solid #6c7b42;background:#e9eae4} #nav li:hover ul {display:block} #nav ul:after {background:#fff url('images/bg-arrow.gif') no-repeat 54px 100%;width:100%;height:38px;content:'';position:absolute;top:-38px;left:0} #nav ul li {height:auto; text-transform:none;vertical-align:top;overflow:hidden;margin:0;padding:0;float:none;color:#56564e;font:italic 16px/20px 'Vollkorn',Arial,serif} #nav li.active ul li a,#nav li:hover ul li a,#nav ul li a {padding:0 0 0 17px;float:left;background:url('images/sep-03.png') no-repeat 0 5px;color:#56564e} #nav li.active ul li a:hover,#nav li:hover ul li a:hover,#nav ul li a:hover {padding:0 0 0 24px;color:#6c7b42;text-decoration:none;background-position:6px 5px} /* Main */ #main {max-width:1140px;margin:0 auto 60px;/*padding:124px 0 0;*/} .home #main {margin:0 auto;font-size:15px} #main:after {display:block;clear:both;content:''} #main .visual {margin:0 -500px 40px;overflow:hidden;text-align:center;clear:both} #main .visual img {max-width:100%;display:block;height:auto;margin:0 auto} /* Breadcrumbs */ #main .breadcrumbs {margin:40px 0 0;padding:0 0 62px;list-style:none;overflow:hidden} #main .breadcrumbs li {padding:0 24px 0 27px;color:#6c7b42;float:left;font:bold italic 16px/20px 'Vollkorn',Arial,serif;background:url('images/sep-01.png') no-repeat 0 4px} #main .breadcrumbs li a {color:#6c7b42;float:left;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;font:italic 16px/20px 'Vollkorn',Arial,serif} #main .breadcrumbs li:first-child a {font-weight:bold} #main .breadcrumbs li:first-child {padding:0 21px 0 0;background:0} #main .breadcrumbs li a:hover {text-decoration:none;color:#2a3018} #main h1 {letter-spacing:-1px;color:#6c7b42;font-size:32px;line-height:36px;padding:0 0 0 30px;text-transform:uppercase;margin:0 0 -4px;background:url('images/bg-title.png') no-repeat 0 7px} #main h2 {font-weight:300;font-size:25px;line-height:30px;padding:35px 0 26px 33px;margin:0 0 66px;border-left:1px solid #e3e6db} #main h3 {font-weight:bold;font-size:25px;text-transform:uppercase;line-height:28px;color:#5b6a2f;margin:58px 0 29px} .home #main h3 {color:#5b6a2f;font-size:23px;line-height:25px;text-transform:none;margin:0 0 39px} .home #main p {margin:0 141px 16px 0} #main h4 {color:#5b6a2f;margin:0 0 17px;font:italic 30px/34px 'Vollkorn',Arial,serif} #main h5 {color:#5b6a2f;margin:0 0 17px;font:21px/24px 'Vollkorn',Arial,serif} #main p {margin:0 55px 18px 0} #main p strong {font-weight:bold} #main p a {color:#727269;font:18px/27px 'Vollkorn',Arial,serif;background:#edede7;border:4px solid #edede7;border-width:0 4px} #main ul {margin:0 0 25px;padding:0;list-style:none;overflow:hidden} #main ul li {vertical-align:top;overflow:hidden;padding:0 0 8px 72px;background:url('images/sep-02.png') no-repeat 5px 4px} #main .alignleft {float:left;margin:0 20px 70px 0} #main .alignright {float:right;margin:0 0 0 20px} #main .aligncenter {display:block;margin:0 auto 20px} #main .alignnone {margin:0 0 20px} #main .alignleft .wp-caption-text,#main .alignright .wp-caption-text,#main .aligncenter .wp-caption-text,#main .alignnone .wp-caption-text {display:block;background:#edede7;padding:11px 24px;font:italic 18px/24px 'Vollkorn',Arial,serif;color:#42423e;margin:0 10px 0 0} #main .alignleft img,#main .alignright img,#main .aligncenter img,#main .alignnone img {vertical-align:top;display:block} #main hr {height:1px;margin:0;width:64%;padding:0;display:block;clear:both;background:#d9d9d9;border-top:1px solid #d9d9d9;border-width:1px 0 0;color:#d9d9d9;margin:0 0 77px} #main blockquote {margin:59px 0 45px;background:#edede7;border-left:8px solid #6c7b42;padding:19px 81px 19px 51px;overflow:hidden;display:block} #main blockquote q {quotes:none;font:italic 19px/24px 'Vollkorn',Arial,serif;display:block;margin:0 0 21px} #main blockquote cite {display:block;margin:0;font:bold italic 19px/24px 'Vollkorn',Arial,serif} #main blockquote cite:before {float:left;content:'-';margin:0 4px 0 0} /* Pagination */ #main .paging {border-top:1px solid #d9d9d9;list-style:none;overflow:hidden;padding:27px 0 84px} #main .paging .prev,#main .paging .next {position:relative; background:#5b6a2f url('images/bg-more.png') no-repeat 100% 16px;color:#fff;font:bold 16px/20px 'Open Sans',Arial,sans-serif;padding:17px 82px 19px 39px;float:right;min-width:79px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s} #main .paging .prev a,#main .paging .next a{ position:absolute; top:0px; left:0px; width:100%; height:100%; } #main .paging li.disabled{ opacity:0.54; cursor:default; } #main .paging .prev:hover,#main .paging .next:hover {background-color:#2a3018;text-decoration:none} #main .paging .prev { float:left;background:#5b6a2f url('images/bg-prev.png') no-repeat 0 16px;color:#fff;font:bold 16px/20px 'Open Sans',Arial,sans-serif;padding:17px 39px 19px 82px;min-width:79px} #main .paging .prev.disabled:hover,#main .paging .next.disabled:hover {text-decoration:none;background-color:#5b6a2f} #main .more {font:bold italic 16px/24px 'Vollkorn',Arial,serif;color:#fff;padding:18px 82px 15px 36px;float:left;background:#5b6a2f url('images/bg-more.png') no-repeat 100% 18px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s} #main .more:hover {text-decoration:none;background-color:#2a3018;color:#fff} /* News List */ #main .news-list {margin:0;padding:16px 0 24px;list-style:none;overflow:hidden} #main .news-list li {vertical-align:top;overflow:hidden;padding:0;margin:0 0 36px;color:#727269;font:14px/17px 'Open Sans',Arial,sans-serif;background:0} #main .news-list li .img-h {float:left;margin:0 32px 0 0} #main .news-list li .img-h img {display:block} #main .news-list li .img-h a {display:block;margin:5px 0 0} #main .news-list li .img-h a:hover {text-decoration:none} #main .news-list li .text-h {overflow:hidden;border-bottom:1px solid #d9d9d9;padding:0 0 106px;position:relative} #main .news-list li .text-h p {margin:0 0 25px} #main .news-list li .text-h .more {position:absolute;bottom:50px;left:0} #main .news-list li .text-h .btn-h {overflow:hidden;position:absolute;bottom:50px;left:0} #main .news-list li .text-h .btn-h .more {float:left;position:static} #main .news-list li .text-h h3 {margin:0 0 21px;font:bold 22px/27px 'Open Sans',Arial,sans-serif;color:#5b6a2f} #main .news-list li .text-h h3 a {color:#5b6a2f} #main .btn-h .btn-pdf {float:left;margin:0 0 0 6px;font:bold italic 16px/24px 'Vollkorn',Arial,serif;color:#fff;padding:18px 82px 15px 36px;float:left;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;background:#a6ae8e url('images/bg-pdf.png') no-repeat 100% 18px} #main .btn-h .btn-pdf:hover {text-decoration:none;background-color:#2a3018} .single-post .img-h img{ width:100%; max-width:660px; height:auto; } #main .area {overflow:hidden;margin:0 0 54px} #main .area h3 {color:#5b6a2f;padding:3px 0 0 15px;font:italic 26px/34px 'Vollkorn',Arial,serif;border-left:22px solid #5b6a2f;margin:0 0 26px;text-transform:none} #main .area h3 a {color:#5b6a2f} #main .area .hold {overflow:hidden;margin:-3px 0 -34px;padding:54px 0 0;border-top:1px solid #d9d9d9} #main .area h4 {color:#5b6a2f;font:300 23px/26px 'Open Sans',Arial,sans-serif;margin:0 0 21px 14px;text-transform:uppercase} #main .area .block {overflow:hidden;margin:0 0 52px;padding:31px 18px 17px;background:#f5f6f1} #main .area .block .col {float:left;width:21.9%;padding:0 0 0 4.1%} #main .area .block .col:first-child {padding:0} #main .area .block .col h5 {margin:0 0 21px;color:#5b6a2f;font:bold 20px/24px 'Open Sans',Arial,sans-serif} #main .area .block .col h6 {margin:0;color:#5b6a2f;font:18px/20px 'Vollkorn',Arial,serif} #main .area .block .col .tel,#main .area .block .col .name {display:block;color:#5b6a2f;font:italic 17px/20px 'Vollkorn',Arial,serif} #main .area .block .col .tel a {color:#5b6a2f} #main .area .block .col .tel {margin:0 0 24px} #main .area .block .col dl {margin:0;padding:3px 0 28px;overflow:hidden;display:block;font-weight:bold;font-size:15px;line-height:18px;color:#5b6a2f} #main .area .block address {display:block;font:italic 17px/20px 'Vollkorn',Arial,serif;margin:0;padding:12px 0 0;color:#5b6a2f} #main .area .block .col .map-h {overflow:hidden;margin:15px 0 0} #main .area .block .col .map-h a {display:block} #main .area .block .col .map-h a:hover {text-decoration:none} #main .area .block .col .map-h img {vertical-align:top} #main .area .block .col dt {float:left;margin:0 5px 0 0} #main .area .block .col dd {overflow:hidden;margin:0} #main .area .block .col dd a {color:#5b6a2f} #main .area .block .btn {margin:0 0 31px;font:italic 17px/20px 'Vollkorn',Arial,serif;padding:20px 42px 17px 15px;color:#fff;display:block;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;background:#a2aa88 url('images/bg-more.png') no-repeat 114% 18px} #main .area .block .btn:hover {text-decoration:none;background-color:#2a3018} #main .area .col-h {overflow:hidden;margin:-7px 0 0;padding:29px 10px 0 21px;border-top:1px solid #7f7f7f} #main .area .col-h .col {width:24.1%;float:left;padding:0 0 0 1.2%} #main .area .col-h .col:first-child {padding:0} #main .area .col-h .col h4 {margin:00 0 19px} #main .area .col-h .col h5 {text-transform:uppercase;font:bold 20px/24px 'Open Sans',Arial,sans-serif;color:#5b6a2f;margin:29px 0 22px} #main .area .col-h .col h6 {text-transform:none;font:bold 16px/20px 'Open Sans',Arial,sans-serif;color:#5b6a2f;margin:0 0 21px} #main .area .col-h .col .mail,#main .area .col-h .col .tel {font:italic 17px/22px 'Vollkorn',Arial,serif;color:#5b6a2f} #main .area .col-h .col .mail {float:left} #main .area .col-h .col .tel {display:block;clear:both} #main .area .col-h .col .tel a {color:#5b6a2f} #main .area .block .col:first-child h6{margin:0 0 23px;} #main .area .col-h .col .box {overflow:hidden;margin:0 0 22px} #main .area .col-h .col .box h5 {margin:0 0 -5px;text-transform:none;color:#5b6a2f;font:bold 16px/24px 'Open Sans',Arial,sans-serif} #main .area .col-h .col .box dl {margin:0;padding:0;display:block;overflow:hidden;color:#5b6a2f;font:bold 16px/24px 'Open Sans',Arial,sans-serif} #main .area .col-h .col .box dt {float:left;margin:0 5px 0 0} #main .area .col-h .col .box dd {overflow:hidden;margin:0} #main .area .col-h .col .box dd a {color:#5b6a2f} #main .list {margin:0 -2% 0 0;padding:0;list-style:none;overflow:hidden} #main .list li {vertical-align:top;display:inline-block;width:23.2%;position:relative;overflow:visible;background:#f2f3ee;padding:0;margin:0 1.35% 21px 0} #main .list li .text-h:after,#main .list li:after {display:block;clear:both;content:''} #main .list li .img-h {overflow:hidden;margin:21px;background:#6c7b42} #main .list li .img-h img {width:100%;overflow:hidden;height:auto;display:block} #main .list li .text-h {padding:2px 0 156px;position:relative;margin:0 21px} #main .list li .text-h h4 {text-transform:none;color:#727269;font:bold 20px/25px 'Open Sans',Arial,sans-serif;margin:0 0 -5px -21px;padding:4px 0 7px 18px;border-left:21px solid #5b6a2f} #main .list li .text-h .proff {display:block;padding:0 0 16px 18px;font:italic 18px/20px 'Open Sans',Arial,sans-serif;color:#727269} #main .list li .text-h .place {display:block;padding:0 0 20px 18px;color:#727269;font:bold 18px/20px 'Open Sans',Arial,sans-serif} #main .list li .mail-list {margin:0;position:absolute;bottom:81px;padding:0;list-style:none;overflow:hidden} #main .list li .mail-list li {display:block;vertical-align:top;width:auto;color:#727269;margin:0;font:13px/16px 'Open Sans',Arial,sans-serif;background:url('images/bg-mail.png') no-repeat 3px 4px;padding:0 0 4px 27px} #main .list li .mail-list li a {color:#727269} #main .list li .read-more {background:#fff;display:block;padding:14px 0 15px;position:absolute;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;width:100%;bottom:21px;text-align:center;color:#727269;font:bold 15px/18px 'Open Sans',Arial,sans-serif} #main .list li .read-more:hover {text-decoration:none;background:#5b6a2f;color:#fff} #main .list li .slider {position:absolute;overflow:auto;top:0;left:100%;z-index:10;height:100%;width:108%;background:#f2f3ee;display:none} #main .list li:nth-child(4n) .slider{left:auto;right:100%} #main .list li.fourth .slider{right:100%;left:auto} #main .list li .slider-h {padding:79px 29px 20px 24px;overflow:hidden;color:#6c7b42;font:13px/16px 'Open Sans',Arial,sans-serif} #main .list li .slider-h p {margin:0 0 16px} #main .list li .slider .close {position:absolute;top:16px;right:12px;width:20px;height:18px;background:url('images/bg-close.png') no-repeat;text-indent:-9999px;overflow:hidden} /* Portfolio */ #main .portfolio-nav {margin:-28px 0 100px;padding:8px 11px;list-style:none;overflow:hidden;background:#f2f3ee} #main .portfolio-nav li {padding:0;background:0;float:left;margin:0 4px 0 0;font:bold 18px/20px 'Open Sans',Arial,sans-serif;text-transform:uppercase} #main .portfolio-nav li a {display:block;background:#fff;padding:18px 20px 18px 13px;border-left:8px solid #5b6a2f;color:#5b6a2f;} #main .portfolio-nav li a:hover{border-width:0 0 0 14px ;padding:18px 20px 18px 7px;text-decoration:none;} #main .portfolio-nav li.residential a {border-color:#5b6a2f;color:#5b6a2f} #main .portfolio-nav li.mixed-use a {border-color:#d28f00;color:#d28f00} #main .portfolio-nav li.commercial a {border-color:#43759c;color:#43759c} #main .portfolio-nav li.industrial a {border-color:#9e6735;color:#9e6735} #main .portfolio-nav li.community a {border-color:#30a6a7;color:#30a6a7} #main .portfolio-nav li.bespoke a {border-color:#157362;color:#157362} #main .portfolio-holder {overflow:hidden;padding:0 0 45px} #main .portfolio-holder h3 {color:#5b6a2f;text-transform:none;font:italic 23px/31px 'Vollkorn',Arial,serif;margin:0 0 22px} #main .portfolio-holder.mixed-use h3 {color:#d28f00} #main .portfolio-holder.mixed-use .heading {border-color:#d28f00} #main .portfolio-holder.mixed-use .heading h4 a {color:#d28f00} #main .portfolio-holder.commercial h3 {color:#43759c} #main .portfolio-holder.commercial .heading {border-color:#43759c} #main .portfolio-holder.commercial .heading h4 a {color:#43759c} #main .portfolio-holder.industrial h3 {color:#9e6735} #main .portfolio-holder.industrial .heading {border-color:#9e6735} #main .portfolio-holder.industrial .heading h4 a {color:#9e6735} #main .portfolio-holder.community h3 {color:#30a6a7} #main .portfolio-holder.community .heading {border-color:#30a6a7} #main .portfolio-holder.community.heading h4 a {color:#30a6a7} #main .portfolio-holder.bespoke h3 {color:#157362} #main .portfolio-holder.bespoke .heading {border-color:#157362} #main .portfolio-holder.bespoke .heading h4 a {color:#157362} #main .portfolio-holder ul {margin:0 -1% 0 0;padding:0;list-style:none;overflow:hidden} #main .portfolio-holder ul li {vertical-align:top;overflow:hidden;width:32.5%;padding:0;margin:0 .4% 10px 0;display:inline-block;background:#f2f3ee} #main .portfolio-holder.mixed-use ul li {background:#fbf5e8} #main .portfolio-holder ul li .img-h {width:100%;overflow:hidden;display:block;height:258px;} #main .portfolio-holder ul li .img-h a {display:block} #main .portfolio-holder ul li .img-h img {display:block;width:100%;height:auto} #main .portfolio-holder ul li .img-h a:hover {text-decoration:none} #main .portfolio-holder ul li .text-h {overflow:hidden;padding:0 40px 63px;font:13px/16px 'Open Sans',Arial,sans-serif;color:#727269} #main .portfolio-holder ul li .text-h p {margin:0} #main .portfolio-holder ul li .heading {margin:0 0 17px -40px;border-left:8px solid #5b6a2f;padding:11px 0 7px 30px;overflow:hidden} #main .portfolio-holder ul li .text-h h4 {margin:0 0 6px;text-transform:uppercase;color:#5b6a2f;font:300 20px/24px 'Open Sans',Arial,sans-serif} #main .portfolio-holder ul li .text-h h4 a {color:#5b6a2f} #main .portfolio-holder ul li .text-h .place {display:block;color:#727269;font:bold italic 16px/20px 'Vollkorn',Arial,serif} /* Contact Form */ #main .gform_wrapper {overflow:hidden;padding:39px 0} #main .gform_wrapper h3 {margin:0 0 24px;font-size:23px} #main .gform_heading {overflow:hidden;padding:0 0 40px 21px} #main .gform_wrapper .gform_description {display:block;color:#5b6a2f;font-style:italic;font-size:13px;line-height:16px} #main .gform_wrapper .gform_description strong {font-style:normal;margin:0 4px 0 0} #main .gform_body {overflow:hidden} #main .gform_body ul {margin:0;padding:0;list-style:none;overflow:hidden} #main .gform_body ul li {padding:2% 2% 10px;width:45.5%;background:#f5f6f1;overflow:hidden;vertical-align:top;margin:0 0 10px} #main .gform_body ul li .select-area {width:100% !important;border:1px solid #e1e4d8;} #main .gform_body ul li h4 {color:#5b6a2f;font:bold 18px/24px 'Open Sans',Arial,sans-serif;text-transform:uppercase;margin:0 0 21px} #main .gform_body ul li textarea,#main .gform_body ul li input[type="text"] {background:#e1e4d8;text-transform:uppercase;width:100%;height:35px;padding:7px 20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e1e4d8;font:17px/23px 'Open Sans',Arial,sans-serif;margin:0;color:#939b7b} #main .gform_body ul li input[type="checkbox"] {width:16px;height:15px;margin:0 10px 0 0;float:left} #main .gform_body ul li textarea {height:168px} #main .gform_body ul li ul {margin:0;padding:0;list-style:none;overflow:hidden} #main .gform_body ul li{position:relative;} #main .gform_body .gfield_description{ color: #939b7b; font: 18px/23px 'Open Sans',Arial,sans-serif;position:absolute;top:10px;left:20px;text-transform:uppercase;z-index:2} #main .gform_body ul li ul li {width:100%;overflow:hidden;vertical-align:top;padding:0;margin:0 0 10px} #main .gform_body ul li ul li .clear-multi .gfield_time_hour{float:left;width:33%;margin:0 3% 0 0; line-height: 32px;} #main .gform_body ul li ul li .clear-multi .gfield_time_ampm .select-area .select-opener{top: 2px;} #main .gform_body ul li ul li .clear-multi .gfield_time_hour input[type="text"]{float:left;width:88%;margin:0 9% 0 0;height:37px;} #main .gform_body ul li ul li .clear-multi .gfield_time_minute{float:left;width:30%;margin:0 3% 0 0;} #main .gform_body ul li ul li .clear-multi .gfield_time_minute input[type="text"]{height:37px;} #main .gform_body ul li ul li .clear-multi .gfield_time_ampm{float:right;width:30%;} #main .gform_body ul li ul li#field_6_17 .gfield_description{top:8px;display:none;} #main .gform_body ul li.check-list {padding:22px 0 0} #main .gform_body ul li ul li label {color:#939b7b;font:18px/23px 'Open Sans',Arial,sans-serif} #main .gform_body ul li ul li.check-list li {margin:0} #main .gform_body ul li.check-list h4 {margin:0 0 18px} #main .gform_body ul li ul li label.chk-label-active {color:#5b6a2f} #main .gform_body ul li ul li label.jcf-fake-input{display:block;} #main .gform_body ul li.right-side {float:right;margin:-604px 0 0} #main .gform_footer {overflow:hidden;padding:2% 0 20px;width:49.5%;} #main input[type="submit"],#main .gform_footer input[type="image"] {display:block;width:100%;height:81px;border:0;margin:0;font:italic 32px/34px 'Vollkorn',Arial,serif;padding:0;cursor:pointer;color:#fff;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;background:#5b6a2f url('images/bg-more.png') no-repeat 100% 50%} #main input[type="submit"]:hover {text-decoration:none;background-color:#2a3018} #main .btn-list {margin:0 -2% 0 0;padding:0 0 70px;list-style:none;overflow:hidden} #main .btn-list li {width:31.6%;padding:0;background:0;margin:0 1.6% 21px 0;float:left} #main .btn-list li a {-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s} #main .btn-list li a.b1 {background:#929c72 url('images/bg-more1.png') no-repeat 100% 50%;color:#fff;font:bold 14px/20px 'Open Sans',Arial,sans-serif;display:block;padding:46px 60px 45px 0;text-transform:uppercase} #main .btn-list li a.b1 span {padding:8px 0 8px 31px;display:block;border-left:24px solid #fff} #main .btn-list li a.b2 {background:#6d7b43 url('images/bg-more2.png') no-repeat 100% 50%;color:#fce9a8;font:bold 14px/20px 'Open Sans',Arial,sans-serif;display:block;padding:46px 60px 45px 0;text-transform:uppercase} #main .btn-list li a.b2 span {padding:8px 0 8px 31px;display:block;border-left:24px solid #fce9a8} #main .btn-list li a.b3 {background:#d9ddce url('images/bg-more3.png') no-repeat 100% 50%;color:#5b6a2f;font:bold 14px/20px 'Open Sans',Arial,sans-serif;display:block;padding:46px 60px 45px 0;text-transform:uppercase} #main .btn-list li a.b3 span {padding:8px 0 8px 31px;display:block;border-left:24px solid #5b6a2f} #main .btn-list li a.b2 span{display:table-cell;vertical-align:middle;} #main .btn-list li a.b3 span{display:table-cell;vertical-align:middle;} #main .btn-list li a.b1 span{display:table-cell;vertical-align:middle;} #main .btn-list li a:hover {text-decoration:none;background-color:#2a3018;color:#fff} #main .blockquote-area {margin:0 -9999px;padding:57px 9899px 37px 9999px;overflow:hidden;background:#f5f6f2} #main .blockquote-area blockquote {vertical-align:top;display:inline-block;background:0;width:39.5%;margin:0 3.7% 20px 0;border-left:24px solid #daded0;padding:0 0 0 2%} #main .blockquote-area blockquote q {color:#727269;font:15px/19px 'Open Sans',Arial,sans-serif} #main .blockquote-area blockquote cite {color:#5b6a2f;font-size:16px;line-height:17px} #main .blockquote-area blockquote cite:before {display:none} /* Categories Menu */ #main .menu {margin:0 -2% 0 0;padding:76px 0 55px;list-style:none;overflow:hidden} #main .menu li {width:31.6%;padding:0;background:0;margin:0 1.6% 21px 0;float:left} #main .menu li a {display:block;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;position:relative} #main .menu li .text-h {position:absolute;top:0;left:0;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;width:100%;height:100%} #main .menu li .text-f {display:table-cell;vertical-align:bottom;width:367px;height:263px} #main .menu li a:hover {text-decoration:none} #main .menu li a img {vertical-align:top;display:block;height:auto;width:100%} #main .menu li a:hover .text-h {background:rgba(0,0,0,0.5)} #main .menu li .title {text-align:center;text-transform:uppercase;color:#fff;margin:14px 38px 0;display:block;font:bold 35px/37px 'Open Sans',Arial,sans-serif} #main .menu li .text {text-align:center;color:#fce9a8;display:block;font:16px/20px 'Vollkorn',Arial,serif;padding-bottom:45px;} /* Gallery */ #main .gallery {overflow:hidden;margin:0 -500px 65px;clear:both;} #main .gallery .ar-h{max-width:1240px;margin:-70px auto 31px;z-index:4;height:40px;position:relative} #main .gallery .prev, #main .gallery .next{position:absolute;right:83px;width:23px;height:40px;text-indent:-9999px;overflow:hidden;background:url('images/bg-arrow-gal.png') no-repeat;z-index:4;} #main .gallery .next{right:43px;background-position:-23px 0;} #main .gallery .prev:hover{background-position:0 -40px;} #main .gallery .next:hover{background-position:-23px -40px;} #main .gallery .gmask {width:100%;overflow:hidden} #main .gallery .gmask ul {margin:0;padding:0;width:100%;list-style:none;overflow:hidden;position:relative} #main .gallery .gmask ul li {text-align:center;z-index:1;padding:0;position:absolute;background:0;top:0;left:0;width:100%;} #main .gallery .gmask ul li img {vertical-align:top} #main .gallery .gmask ul li.active {z-index:2} #main .gallery .gmask ul li .text-h {width:1140px;overflow:hidden;left:50%;position:absolute;bottom:48px;margin:0 0 0 -570px} #main .gallery .gmask ul li .text-f {width:667px;overflow:hidden;text-align:left;padding:22px 20px 22px 0;background:#fff} #main .gallery .gmask ul li .heading {overflow:hidden;padding:0 0 0 30px;border-left:42px solid #6c7b42} #main .gallery .gmask ul li .heading h2 {color:#6c7b42;font:bold 32px/41px 'Open Sans',Arial,sans-serif;margin:0;padding:0;border:0;text-transform:uppercase} #main .gallery .gmask ul li .heading h3 {color:#727269;font:300 25px/33px 'Open Sans',Arial,sans-serif;margin:0} .single-post #main .img-h{margin:0 0 20px;} .single-post #main h1{margin:0 0 20px;} /* Footer */ #footer {width:100%;overflow:hidden;background:#daded0} #footer .footer-holder {max-width:1140px;overflow:hidden;padding:84px 0 33px;margin:0 auto} #footer .footer-holder .menu{float:left;list-style:none;margin:0;padding:0;} #footer .footer-holder ul.menu li, #footer .col {float:left;width:14.5%;margin:0 0 0 2.6%} #footer .footer-holder ul.menu > li:first-child, #footer .col:first-child {margin:0} #footer .footer-holder ul.menu li, #footer .col h3 {text-transform:uppercase;margin:0 -10px 16px 0;padding:0 0 18px;color:#5b6a2f;font-size:15px;border-bottom:1px solid #f3f4f0;line-height:17px} #footer .footer-holder ul.menu li{font-weight:bold;} #footer .footer-holder ul.menu li{border:none;margin:0 0 0 2.6%;padding:0;} #footer .footer-holder ul.menu h3, #footer .footer-holder ul.menu > li a{border-bottom:1px solid #f3f4f0;margin:0 -10px 16px 0;padding:0 0 18px;display:block;} #footer .footer-holder ul.menu ul li a{border:none;margin:0;padding:0;display:inline;} #footer .footer-holder ul.menu h3{font-size:15px;border-bottom:1px solid #f3f4f0;line-height:17px} #footer .footer-holder ul.menu li a, #footer .col h3 a {color:#5b6a2f} #footer .footer-holder ul.menu ul, #footer .col ul {margin:0 0 30px;padding:0;list-style:none;overflow:hidden} #footer .footer-holder ul.menu ul li, #footer .col ul li {vertical-align:top;margin:0 0 6px;color:#56564e} #footer .footer-holder ul.menu ul li{border:none;text-transform:none;float:none;width:auto;} #footer .footer-holder ul.menu ul li:after, #footer .col ul li:after {display:block;clear:both;content:''} #footer .footer-holder ul.menu ul li a, #footer .col ul li a {color:#56564e;float:left;padding:0 0 0 20px;font:italic 16px/16px 'Vollkorn',Arial,serif;background:url('images/sep-03.png') no-repeat 2px 3px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;} #footer .footer-holder ul.menu ul li a:hover, #footer .col ul li a:hover{text-decoration:none;background:url('images/sep-15.png') no-repeat 2px 3px;color:#6c7b42;} #footer .bar {text-align:center;max-width:1140px;overflow:hidden;padding:29px 0 23px;margin:0 auto;border-top:1px solid #c1c5b4} #footer .bar .copy {display:inline-block;vertical-align:top;color:#7c8560;margin:14px 10px 0 0;font:14px/18px 'Vollkorn',Arial,serif} #footer .bar .social-networks {display:inline-block;vertical-align:top;margin:0;padding:10px 0 0;list-style:none} #footer .bar .social-networks li {float:left;margin:0 8px} #footer .bar .social-networks li a {width:25px;height:25px;text-indent:-9999px;overflow:hidden;float:left;background:url('images/bg-social.png') no-repeat} #footer .bar .social-networks li a.linkedin {background-position:0 0} #footer .bar .social-networks li a.google {background-position:-42px 0} #footer .bar .social-networks li a.linkedin:hover {background-position:0 -25px} #footer .bar .social-networks li a.google:hover {background-position:-42px -25px} #footer .bar .site {width:61px;margin:0 26px 0 12px;height:45px;display:inline-block;vertical-align:top;text-indent:-9999px;overflow:hidden;background:url('images/bg-site.gif') no-repeat} #footer .bar .site:hover {background-position:0 -45px} /* Custom Forms */ .jcf-hidden {display:block !important;position:absolute !important;left:-9999px !important} .chk-area {margin:5px 15px 0 0;float:left;width:16px;height:16px;background:url('images/bg-check.png') no-repeat} .chk-checked {background-position:-16px 0} .jcf-label-disabled {color:#ccc} .select-area {background:#e1e4d8;text-transform:uppercase;width:100%;height:37px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font:17px/23px 'Open Sans',Arial,sans-serif;margin:0;color:#939b7b;width:100%;position:relative;overflow:hidden;cursor:default;float:left} .select-focus {border-color:red} .select-area .center {white-space:nowrap;padding:7px 20px;float:left} .select-disabled {background:#eee} .select-area .select-opener {background:url('images/bg-select.gif') no-repeat;position:absolute;height:31px;width:31px;cursor:pointer;right:3px;top:3px} .select-options {position:absolute;overflow:hidden;background:#e1e4d8;z-index:2000} .select-options .drop-holder {border:1px solid #e1e4d8;overflow:hidden;height:1%} .select-options ul {list-style:none;padding:0;margin:0} .select-options ul li {width:100%;float:left} .select-options ul a {text-decoration:none;padding:5px 20px;display:block;cursor:default;font:17px/23px 'Open Sans',Arial,sans-serif;margin:0;color:#939b7b;height:1%} .select-options .item-selected a {text-decoration:none;background:#939b7b;color:#fff} .file-area .jcf-input-wrapper {position:relative;overflow:hidden;float:left;background:#e1e4d8;width:100%} .no-file.file-area .jcf-input-wrapper{z-index:1} .file-area .jcf-input-wrapper{z-index:20} .file-area .jcf-upload-button {padding:3px 15px 0;background:#939b7b;color:#fff;font:17px/23px 'Open Sans',Arial,sans-serif;text-transform:uppercase;float:right;width:116px;text-align:center;margin:5px 5px;height:27px} .file-area .jcf-fake-input {padding:3px 15px 0;float:left;color:#939b7b;font:17px/23px 'Open Sans',Arial,sans-serif;margin:5px 5px;width:200px;height:27px} .file-area .jcf-fake-input em {font-style:normal} .file-disabled .jcf-upload-button {border-color:#eee;background-color:#eee;color:#777} .file-disabled .jcf-fake-input {border-color:#eee;color:#aaa} /* Image Alignment */ img.aligncenter {display:block;margin-left:auto;margin-right:auto} img.alignright {display:inline;margin:0 0 2px 7px;padding:4px} img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px} .alignright {float:right} .alignleft {float:left} .menu-toggle-button{display:none;} #mobile{display:none;} .page-template-pt-team-php #main .gallery .gmask {max-height:436px} .page-template-pt-team-php #main .gallery .gmask ul li img{height:auto;width::100%} #main .anchor-link{margin:0 0 49px;padding:0 0 21px;list-style:none;overflow:hidden;border-bottom:2px solid #6c7b42;} #main .anchor-link li{font-size:23px;line-height:32px;color:#6c7b42;text-transform:uppercase;padding:0 15px;background:url('images/anchor-sep.gif') no-repeat 100% 6px;float:left;font-weight:bold;} #main .anchor-link li:first-child{padding-left:3px;} #main .anchor-link li a{color:#6c7b42;} #main .anchor-block{overflow:hidden;} #main .anchor-block .formobile{display:none;} /* Responsive */ @media only screen and (min-width:768px) { #main .anchor-link.js-slide-hidden{position:static!important} } @media only screen and (max-width:1190px) { #footer .col {overflow:hidden} #main {padding:0 10px} #footer .footer-holder {padding:84px 10px 33px} #header .logo {margin:0 0 0 10px} #nav {margin:10px 10px 0 0} #nav li {margin:0 0 0 7px} #main .gallery .gmask ul li .text-h {width:980px;margin:0 0 0 -490px} #main .area .block .col .map-h img {width:100%;display:block;height:auto} #main .menu li .text-f {height:215px} #main .area h4 {font-size:21px} #main .list li .text-h h4 {font-size:18px} #main .portfolio-nav li a {padding:18px 10px 18px 10px} #main .portfolio-nav li a:hover {padding:18px 10px 18px 4px} #main .gallery .ar-h{position:absolute;max-width:auto;right:20px} } @media only screen and (max-width:1120px) { #main .btn-list li a.b1 span, #main .btn-list li a.b2 span, #main .btn-list li a.b3 span{height:40px;} } /* Tables */ @media only screen and (max-width:980px) { #header .header-holder{height:auto;} #header .logo {float:none;display:block;margin:0 auto 20px} #nav {text-align:center;float:none} #nav:after {display:block;clear:both;content:''} #nav{display:none;} #nav li {display:inline-block;vertical-align:top;float:none;margin:0 10px} #header .header-holder {padding:27px 10009px 18px} #main .area .col-h .col .mail,#main .area .block .col dd {word-wrap:break-word} #main .area .col-h .col .mail {float:none} #main .gform_body ul li.right-side {margin:-582px 0 0} .file-area .jcf-fake-input {width:145px;padding:3px 0 0 10px;margin:5px 0 5px 5px} #main .gform_body ul li ul li label {font-size:14px} #main .area .col-h .col {overflow:hidden} #main .area .col-h .col .box h5 {margin:0 0 2px} #main .gform_footer input[type="submit"] {height:60px} #footer .col h3,#footer .col ul li {font-size:13px} #footer .col h3 {padding:0 0 12px;margin:0 0 16px} #footer .footer-holder {padding:20px 10px 0} #main h3,#main hr,#main h5,#main p {margin:0 0 20px} #main ul,#main h2 {margin:0 0 30px} #main .breadcrumbs {padding:0 0 30px} #main blockquote {margin:20px 0} #main {margin:0 auto 30px} #main .alignleft {margin:0 20px 30px 0} #main .alignright {margin:0 0 30px 20px} #main .gallery .gmask ul li .text-h {width:760px;margin:0 0 0 -380px} #main .gallery {margin:0 -500px 35px} .home #main h3 {margin:0 0 20px} #main .menu {padding:0 0 30px} .home #main p {margin:0 0 20px} #main .menu li .text-f {height:167px} #main .menu li .title {font-size:27px;line-height:29px} #main .btn-list li a.talk,#main .btn-list li a.managed,#main .btn-list li a.emergency {padding:26px 60px 25px 0} #main .btn-list li a.managed span,#main .btn-list li a.emergency span,#main .btn-list li a.talk span {padding:8px 0 8px 16px} #main .btn-list {padding:0 0 30px} #main .blockquote-area blockquote {width:42%} #nav li.active ul li,#nav li:hover ul li,#nav ul li {display:block;text-align:left} #main .news-list li .img-h {width:40%} #main .news-list li .img-h img {width:100%;display:block;height:auto} #main .list li {width:31.2%} #main .list li:nth-child(4n) .slider{right:auto;left:100%} #main .list li:nth-child(3n) .slider{right:100%;left:auto} #main .list li .slider-h {padding:45px 19px 20px 14px} #main .portfolio-holder ul li .text-h {padding:0 20px 43px} #main .portfolio-holder ul li .heading {margin:0 0 17px -20px;padding:11px 0 7px 10px} #main .portfolio-nav li {font-size:13px;margin:0 4px 8px 0;} #main .portfolio-nav {margin:0 0 40px} #main .portfolio-nav{padding:8px 11px 0;} #main .news-list li .text-h .btn-h .btn-pdf,#main .more {font-size:14px;padding:18px 62px 15px 26px} #main .news-list li .text-h {padding:0 0 79px} #main .news-list li .text-h .btn-h,#main .news-list li .text-h .more {bottom:22px} #footer .footer-holder{display:none;} #main {padding:172px 10px 0;padding:0 10px 0} #main .btn-list li a.b1 span, #main .btn-list li a.b2 span, #main .btn-list li a.b3 span{padding:8px 0 8px 17px;height:40px;} ul.menu-list#mobile {text-align:center;padding:0 0 12px} ul.menu-list#mobile > li{font-size:12px;float:none;display:inline-block;vertical-align:top;} #main .area .list li.third .slider{left:auto;right:100%;} #main .area .list li.fourth .slider{left:100%;right:auto;} #main .gform_body ul li ul li .clear-multi .gfield_time_hour input[type="text"]{ width: 85%;} #mobile {display: block;} } /* Mobile */ @media only screen and (max-width:767px) { #main .area .list li .slider{left:100% !important;right:auto !important;} #mobile {display:none;} ul.menu-list#mobile > li{display:block;} #main .area .list li.second .slider{left:auto !important;right:100% !important;} .menu-toggle-button{display:block;} .page-template-pt-contact-php #main .area h4{margin-top:38px;margin-bottom:38px;} #nav li:hover ul,#nav ul {display:none} #main ul li {padding:0 0 0 25px} #main .btn-list li a.b1 span, #main .btn-list li a.b2 span, #main .btn-list li a.b3 span{height:auto;} #header .bar .tel {font-size:12px;padding:7px 9px 8px 25px;background-position:6px 9px} #header .bar .btn {padding:7px 7px 8px} #main {padding:0 10px 0} #main h2 {padding:21px 0 9px 14px;font-size:21px} #main .area .hold {padding:24px 0 0} #main .area .col-h .col,#main .area .block .col {float:none;overflow:hidden;width:100%;margin:0 0 10px;padding:0} #main .area .block {margin:0 0 22px} #main .area .col-h {padding:29px 0 0} #main .area {margin:0 0 20px} #main .gform_heading {padding:0 0 30px} #main .gform_body ul li {width:auto;margin:0 0 10px} #main .gform_body ul li.right-side {margin:0 0 10px;float:none;overflow:hidden} #main .gform_footer {padding:0;overflow:hidden;float:none;margin:0;width:auto} #main .gform_wrapper {padding:0} #footer .col,#footer .col:first-child {margin:0 0 10px;float:none;overflow:hidden;text-align:center;width:100%} #footer .col ul li {padding:0;background:0} #footer .bar {padding:20px 0;text-align:center} #footer .bar .social-networks {display:inline-block;margin:0;padding:0 0 10px} #footer .bar .site,#footer .bar .copy {display:block;margin:0 auto 10px;float:none} #footer .bar .site {margin:0 auto} #main .breadcrumbs li:first-child {padding:0 10px 0 0} #main .breadcrumbs li {padding:0 10px 0 13px} #main .alignleft img,#main .alignright img,#main .aligncenter img,#main .alignnone img,#main .alignleft,#main .alignright,#main .aligncenter,#main .alignnone {width:100%;display:block;float:none;height:auto} #main blockquote {padding:19px 31px 19px 21px} #main .gallery {margin:0 -10px 20px} /*#main .gallery .gmask ul li img {width:auto;display:block;height:330px}*/ #main .gallery .gmask ul li img {width:100%;height:auto;display:block;} #main .gallery .gmask ul li .text-h{position:static} #main .gallery .gmask ul li .text-h {width:100%;margin:0;left:0;bottom:0} #main .gallery .gmask ul li .text-f {width:auto;padding:17px 20px 17px 0} #main .gallery .gmask ul li .heading {border-width:0 0 0 20px;padding:0 0 0 15px} #main .gallery .gmask ul li .heading h3 {font-size:20px;line-height:30px} #main .gallery .gmask ul li .heading h2 {font-size:27px;line-height:32px} #main .btn-list li,#main .menu li {width:100%;display:block;float:none;height:auto;margin:0 0 10px} #main .btn-list,#main .menu {margin:0 0 20px} #main .blockquote-area {padding:20px 9999px} #main .blockquote-area blockquote:first-child,#main .blockquote-area blockquote {width:auto;overflow:hidden;margin:0 0 10px} #main .news-list li .img-h {float:none;display:block;overflow:hidden;margin:0 0 10px;width:100%;height:auto !important} #main .news-list li .text-h {height:auto !important} #main .paging {text-align:center} #main .paging .prev,#main .paging .next {float:none;display:inline-block;vertical-align:top;margin:0 0 10px} #main .portfolio-holder ul li{width:100%;display:block;float:none;overflow:hidden;height:auto;margin:0 0 10px} #main .portfolio-holder ul {margin:0} #main .portfolio-holder {padding:0 0 20px} #main .news-list li .text-h .btn-h,#main .news-list li .text-h .more {position:static} #main .news-list li .text-h {padding:0 0 25px} #main .news-list li .text-h .btn-h .btn-pdf,#main .news-list li .text-h .btn-h .more {padding:18px 65px 15px 11px;background-position:100% 18px;display:inline-block;vertical-align:top;min-width:110px;float:none;margin:0 0 10px} #main .news-list li .text-h .btn-h {text-align:left} #main .list li{width:48.1%;} #main .list li:nth-child(4n) .slider{right:auto;left:100%} #main .list li:nth-child(3n) .slider{right:auto;left:100%} #main .list li:nth-child(2n) .slider{right:100%!important;left:auto!important} #main .list li .slider{width:105%;} #header-sticky-wrapper{height:auto!important} .is-sticky{position:static!important} #main .portfolio-holder ul li .img-h img, #main .news-list li .img-h img{max-width:100%;width:auto;} #header .header-holder .menu-toggle-button{margin:9px 0 11px;display:block;float:right;width:27px;height:20px;background:url('images/bg-nav-icon.png') no-repeat;text-indent:-9999px;overflow:hidden;cursor:pointer;background-size:27px 20px} #nav{position:absolute!important;top:100%;left:0;width:100%;margin:0;background:#fff;} #header .logo{float:left;margin:0;} #nav li{float:none;display:block;width:100%;padding:0;} #nav li a{padding:9px;display:block;} #main .visual{margin-left:-10px;margin-right:-10px;} ul#mobile.menu-list > li:hover ul{display:block;position:static;width:100%} #main .visual img{width:100%;max-width:200%} #main .anchor-block .formobile{display:block;border:2px solid #6c7b42;font-size:20px;line-height:23px;padding:5px 20px 5px 5px;background:url('images/bg-alp.png') no-repeat 97% 50%;} #main .anchor-link{display:none;height:160px;overflow:auto;} #main .anchor-link li:first-child, #main .anchor-link li{font-size:18px;line-height:23px;float:none;display:block;padding:0;background:none} #main .anchor-link li a{display:block;padding:2px 6px} #main .gallery .ar-h {top:250px;z-index:15} #main .gallery .ar-h a.prev {right:73px} #main .gallery .ar-h a.prev, #main .gallery .ar-h a.next {background-size:23px 40px;height:20px;width:12px} #main .gallery .ar-h a.next {background-position:-12px 0} #main .gallery .ar-h a.next:hover {background-position:-12px -20px} #main .gallery .ar-h a.prev:hover {background-position:0 -20px} } @media only screen and (max-width:480px){ #main .list {margin:0} #main .list li {width:100%;display:block;float:none;overflow:hidden;height:auto;margin:0 0 10px} #main .area .list li .slider,#main .area .list li.second .slider,#main .area .list li.third .slider,#main .area .list li .fourth {left:0 !important;right:auto !important} #main .list li .slider{width:100%;} #main .gallery .ar-h {top:220px} } a.back-to-top{ width:39px; height:38px; display:block; cursor:pointer; position:fixed; right:50%; margin:0 -20px 0 0; bottom:10px; padding:2px 0 0 1px; background:#6c7b42; color:#fff; font-size:20px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; text-align:center; line-height:38px; display:none !important; } a.back-to-top:hover{ text-decoration:none; opacity:0.9; filter:alpha(opacity=90); } #locations p{color:#5b6a2f;font:italic 17px/20px 'Vollkorn',Arial,serif;margin:0 0 24px;} /* Additional Form Styling */ form ul li label{display:none;} form ul li ul ul li label{display:inline-block;} .validation_error{font-size:11px;color:#f00;} /*.validation_message{display:none;}*/ #main .gform_body .validation_message{font-size:11px;color:#f00;position:relative;top:0;left:0} .gfield_error input, .gfield_error .jcf-unselectable,.gfield_error textarea{border-color:#f00!important;} .single-resource .img-h{margin-bottom:15px;} .single-resource #main h1{margin-bottom:15px;} #locations:before { display: block; content: " "; margin-top: -150px; height: 150px; } /* Menu Styles */ /* Init Logic */ ul.menu-list{left:0px; text-transform:uppercase; background:#fff; font-weight:bold; text-align:center; list-style:none;position:absolute;display:inline-table;padding:0px;margin:0px;top:116px;width:102%;z-index:20} ul.menu-list li{float:left;position:relative;} ul.menu-list li a{display:inline-block;color:#6c7a42;} ul.menu-list li a{display:block;} /* Handling Submenu */ ul.menu-list ul{display:none;padding:0px;margin:0px;position:absolute;top:100%;left:0%;list-style:none;z-index: 700} ul.menu-list ul li{position:relative;float:none;padding:0px;margin:0px;} ul.menu-list ul ul{position:absolute;top:0%;left:100%;z-index: 700} ul.menu-list li:hover>ul{display:inline-block;} /* End Init Logic */ /* Style */ ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */ /* Submenu Expand Icon */ ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;float:right;padding-left:10px;line-height:2.2em;} /* All levels */ ul.menu-list li.has-submenu>a>span.menu-expand{float:none\9;} /* Fix for IE9 and below */ ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */ ul.menu-list>li.has-submenu>a>span.menu-expand:after{content:''} /* Level 1 */ ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */ ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BA'} /* Level 2 */ /* You can manage with of elements by width of a-tag */ ul.menu-list li a{color:#333;text-decoration:none;padding:5px;} /* All levels */ ul.menu-list li>a{} /* Level 1 */ ul.menu-list li li>a{width:150px;} /* Level 2 */ ul.menu-list li li li>a{} /* Level 3 */ /* First Level*/ ul.menu-list>li{margin:0px 5px 0px 0px;border:1px solid #000;} ul.menu-list>li>a{} ul.menu-list>li:hover{background:#000} ul.menu-list>li:hover>a{color:#fff;} ul.menu-list>li>a:hover{} /* End First Level*/ /* Second Level*/ ul.menu-list>li>ul{border:1px solid #000;} ul.menu-list>li>ul>li{background:#f7f7f7;} ul.menu-list>li>ul>li>a{} ul.menu-list>li>ul>li:hover{background:#ddd;} ul.menu-list>li>ul>li:hover>a{} ul.menu-list>li>ul>li>a:hover{} /* End Second Level*/ /* Third Level*/ ul.menu-list>li>ul>li>ul{border:1px solid #777;} ul.menu-list>li>ul>li>ul>li{background:#e7e7e7;} ul.menu-list>li>ul>li>ul>li>a{} ul.menu-list>li>ul>li>ul>li:hover{background:#ddd;} ul.menu-list>li>ul>li>ul>li:hover>a{} ul.menu-list>li>ul>li>ul>li>a:hover{} /* End Third Level*/ /* End Style */ /* End Menu Styles */ /* RESPONSIVE MEDIA QUERIES */ @media screen and (max-width: 768px){ /* Menu Styles */ /* Init Logic */ .menu-toggle-button{display:block;} .show-for-devices{display:block!important;} ul.menu-list{display:none;} ul.menu-list li{clear:both;float:none;} /* Handling Submenu */ ul.menu-list ul{display:none;position:relative;} ul.menu-list ul li{} ul.menu-list ul ul{position:relative;top:100%;left:0%;} ul.menu-list li:hover>ul{display:none;} /* End Init Logic */ /* Style */ ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */ /* Submenu Expand Icon */ ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;padding:0.8em;line-height:1em;position:absolute;right:200px;z-index: 700} /* All levels */ ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */ ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */ ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BC';} /* Level 2 */ /* You can manage with of elements by width of a-tag */ ul.menu-list li a{color:#6c7a42;position:relative} /* All levels */ ul.menu-list li>a{} /* Level 1 */ ul.menu-list li li>a{width:auto;} /* Level 2 */ ul.menu-list li li li>a{} /* Level 3 */ /* First Level*/ ul.menu-list>li{margin:0 0 10px;border:none;} ul.menu-list>li>a{} ul.menu-list>li:hover{background:#000} ul.menu-list>li:hover>a{color:#fff;} ul.menu-list>li>a:hover{} /* End First Level*/ /* Second Level*/ ul.menu-list>li>ul{border:none;} ul.menu-list>li>ul>li{padding-left:5px;} ul.menu-list>li>ul>li>a{} ul.menu-list>li>ul>li:hover{background:#ddd;} ul.menu-list>li>ul>li:hover>a{} ul.menu-list>li>ul>li>a:hover{} /* End Second Level*/ /* Third Level*/ ul.menu-list>li>ul>li>ul{border:none;} ul.menu-list>li>ul>li>ul>li{padding-left:5px;} ul.menu-list>li>ul>li>ul>li>a{} ul.menu-list>li>ul>li>ul>li:hover{background:#ddd;} ul.menu-list>li>ul>li>ul>li:hover>a{} ul.menu-list>li>ul>li>ul>li>a:hover{} /* End Third Level*/ /* End Style */ /* End Menu Styles */ } #header.is-sticky{z-index:200;} #mobile li.has-submenu{ position:relative; } #mobile li.has-submenu span.menu-expand{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:200; } #mobile li.has-submenu a{ position:relative; z-index:100; } #mobile li.has-submenu ul{font:italic 16px/20px 'Vollkorn',Arial,serif;text-transform:none;} .page-template-pt-login-php #main h1{ float:none; text-align:center; background:none; font-size:32px; margin:140px auto 55px; padding:0 0 55px; width:510px; border-bottom:1px solid #000; } .page-template-pt-login-php #main form{ width:530px; margin:0 auto 155px; overflow:hidden; } .page-template-pt-login-php #main form label{ width:97px; text-align:right; float:left; padding:8px 20px 0 0; text-transform:uppercase; font-size:17px; color:#939b7b; } .page-template-pt-login-php #main form input[type="text"], .page-template-pt-login-php #main form input[type="password"]{ width:347px; height:27px; padding:5px; background:#e1e4d8; border:none; float:left; font-size:17px; color:#939b7b; } .page-template-pt-login-php #main form p{ overflow:hidden; margin:0 0 12px; } .page-template-pt-login-php #main form button{ width:522px; height:80px; border:none; background:#5b6a2f; font-size:32px; color:#fff; } .page-template-pt-login-php #main p a#needhelp{ background:none; margin:0 0 30px 117px; font-size:18px; color:#5b6a2f; font-style:italic; border:none; width:86px; display:block; } /* Added by Moteur.co 15/12/2017 */ .m-social-icons { } .m-social-icons ul { padding: 0; margin: 0; list-style: none; text-align: center; } .m-social-icons ul li { display: inline-block; } .m-social-icons ul li a { color: #FFF; font-size: 32px; transition: all 300ms ease; } .m-social-icons ul li a:hover { color: #7c8560; } .m-social-icons ul li a i { margin: 0px 5px; }