body {
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 22px;
font-weight: 400;
word-wrap: break-word;
color: #fff;
text-align: left;
background: #000;
}
body.fixed-nav {
padding-top: 126px;
}
.content {
margin: 0;
}
.content.page {
min-height: 63vh;
margin: 2em 0;
} .row.small-gutter {
margin-left: 0;
margin-right: 0;
}
.small-gutter [class*='col-'] {
padding-right: 7px;
padding-left: 7px;
padding-bottom: 14px;
} .row.no-gutter {
padding-left: 15px;
padding-right: 15px;
}
.no-gutter > [class*='col-'] {
padding-right: 0px;
padding-left: 0px;
}
.whitebg {
background-color: #fff;
}
.greybg {
background-color: #d9d9d9;
}
.greybg .content {
margin: 0;
padding: 1em 0;
}
.greybg .content p:last-of-type {
margin-bottom: 0;
}
.lightgreybg {
background: #efefef;
}
.lightgreybg .content {
padding: 2em;
margin: 0;
}
.clearfix {
clear: both;
}
.hide {
visibility: hidden;
display: none;
}
.breadcrumb {
background: none;
padding: 0;
margin: 1em 0 0;
}
iframe {
max-width: 100%!important;
border: 0 none;
}
.editlink {
margin: 1em 0;
display: block;
clear: both;
}
.editlink .icon {
position: relative;
margin-right: 0.3em;
} header.top {
padding: 0;
}
header.top.navbar-fixed-top {
background: rgba(0,0,0,0.6);
} header .contact {
text-align: right;
margin: 0.2em 0;
text-shadow: 1px 1px 5px rgb(38,38,38);
}
header .contact .line.email {
display: inline-block;
margin-right: 0.5em;
}
header .contact .line.telephone {
display: inline-block;
font-size: 1.5em;
}
header .contact .email .icon, header .contact .telephone .icon {
margin-right: 8px;
top:2px;
} footer .content {
padding: 1em;
background: rgba(0,0,0,0.8);
display: table;
}
footer .item {
display: table-cell;
vertical-align: middle;
border-left: 3px solid #fff;
padding: 0 0.5em;
}
footer .item:first-of-type {
border: 0 none;
padding-left: 0;
}
footer .item:last-of-type {
padding-right: 0;
}
footer .item *:last-of-type {
margin-bottom: 0;
}
footer .tagline {
font-family: 'Rubik', sans-serif;
font-size: 0.8em;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
}
footer .content .small {
font-size: 0.7em;
line-height: 1.3em;
}
footer .left {
float: left;
margin-bottom: 1em;
margin-left: -15px;
}
footer .right {
float: right;
margin-bottom: 1em;
margin-right: -15px;
}
footer img {
margin: 0;
} .social-icons {
display: inline-block;
margin: 0 1em 0 0;
}
.social-icons a {
font-size: 18px;
line-height: 18px;
color: #fff;
display: inline-block;
border: 2px solid #fff;
padding: 6px 6px 3px;
margin: 0 0 6px 12px;
transition: all 0.1s;
-webkit-transition: all 0.1s;
opacity: 1;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.social-icons a:first-of-type {
margin-left: 0;
}
.social-icons a:last-of-type {
margin-right: 0;
}
.social-icons a:hover,.social-icons a:focus, .social-icons a:active {
color: #fff;
} hr {
border-top: 2px solid #333;
clear: both;
height: 0px;
margin: 1.5em 0;
} @font-face {
font-family: 'johnson-design-icons';
src: url(//www.johnsonltd.co.uk/wp-content/themes/johnson/fonts/johnson-design-icons.eot);
src: url(//www.johnsonltd.co.uk/wp-content/themes/johnson/fonts/johnson-design-icons.eot?#iefix) 
format('embedded-opentype'),
url(//www.johnsonltd.co.uk/wp-content/themes/johnson/fonts/johnson-design-icons.woff) format('woff'),
url(//www.johnsonltd.co.uk/wp-content/themes/johnson/fonts/johnson-design-icons.ttf) format('truetype'),
url(//www.johnsonltd.co.uk/wp-content/themes/johnson/fonts/johnson-design-icons.svg#johnson-design-icons) format('svg');
}
.icon:before {
font-family: 'johnson-design-icons';
speak: none;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
} .icon.facebook:before {
content: "a";
}
.icon.twitter:before {
content: "b";
}
.icon.linkedin:before {
content: "c";
}
.icon.gplus:before {
content: "d";
}
.icon.youtube:before {
content: "e";
}
.icon.pinterest:before {
content: "f";
}
.icon.instagram:before {
content: "g";
}
.icon.rss:before {
content: "h";
} .icon.pencil:before {
content: "i";
}
.icon.search:before {
content: "j";
}
.icon.mail:before {
content: "k";
}
.icon.phone:before {
content: "l";
}
.icon.play:before {
content: "m";
}
.icon.rotate:before {
content: "n";
}
h2 .icon.search {
color: #fff;
}
.icon {
display: inline-block;
padding: 0;
margin: 0;
position: relative;
} form.search-form {
margin-bottom: 1em;
}
input, select, textarea {
font-family: 'Lato', sans-serif;
}
input[type="text"], select, input[type="email"], input[type="search"], input[type="password"], input[type="date"], input[type="number"], textarea {
padding: 6px 8px;
margin: 0.4em 0 0.6em 0;
color: #4e4e4e;
width: 60%;
border: 1px solid #969696;
}
input[type="date"] {
width: 30%;
line-height: inherit;
}
input.required, select.required, textarea.required {
border-color: #e44300;
}
input[type="text"]:focus, select:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="date"]:focus,input[type="number"]:focus, textarea:focus {
border-color: #4283ae;
}
.search-results input[type="search"] {
max-width: 40%;
}
.widget input[type="text"], .widget select, .widget input[type="email"], .widget input[type="search"], .widget input[type="password"], .widget input[type="number"], .widget textarea {
width: 100%;
}
label {
font-weight: 400;
}
textarea {
border: 1px solid #969696;
padding: 6px 8px;
height: 122px;
margin: 0.4em 0;
width: 60%;
color: #4e4e4e;
}
input[type="checkbox"] {
margin: 0 0.3em 0 0;
}
input[type="submit"], a.btn, button {
display: block;
background: #fff;
font-size: 1.1em;
color: #000;
margin: 0;
border: none;
border-radius: 0;
line-height: 1em;
font-weight: 600;
padding: 0.6em 2em;
text-align: center;
}
input[type="submit"]:hover, a.btn:hover, a.btn:focus, a.btn:active, button:hover {
cursor: pointer;
text-decoration: underline;
}
body .gform_wrapper {
margin: 0
}
body .gform_wrapper ul.gform_fields li.gfield.readonly input[type="text"] {
border: 0 none;
padding: 0!important;
background: none;
}
body .gform_wrapper ul.gform_fields li.gfield {
margin: 0 0 0.3em;
padding: 0;
list-style: none;
}
body .gform_wrapper ul.gform_fields li.gfield:last-of-type {
margin-bottom: 0;
}
body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
padding: 8px 6px 6px;
}
body .gform_wrapper div.validation_error {
border: 0 none;
padding: 0;
}
body .gform_wrapper li.gfield.gfield_error, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background: none;
border: 0 none;
}
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
padding: 0;
}
body .gform_wrapper .description_above .gfield_description {
padding: 0;
}
body .gform_wrapper input[type="submit"]:hover, .gform_wrapper input[type="submit"]:focus, .gform_wrapper input[type="submit"]:active {
text-decoration: underline;
}
body .gform_wrapper::after {
content: "";
clear: both;
}
body .gform_wrapper .gform_footer {
padding-top: 0;
margin: 0;
text-align: right;
}
body .gform_wrapper .gform_footer input[type=submit] {
top: -3.5em;
position: relative;
margin: 0;
}
body .gform_wrapper textarea.medium {
height: 100px;
} body.page-template-contactpage .gform_wrapper label.gfield_label {
display: none;
}
a.btn .icon,  button .icon {
position: relative;
margin: 0;
top: 2px;
right: 4px;
text-transform: none;
}
.share a.btn {
border: 0 none;
margin-top: 0;
position: relative;
font-size: 1.2em;
padding: 6px 8px;
color: #fff;
}
a.btn.fb .icon {
margin-right: 0;
padding-right: 0;
}
a.btn.fb, a.btn.fb:hover, a.btn.fb:active, a.btn.fb:focus {
background-color: #3b5998;
}
a.btn.tw .icon {
margin-right: 0;
padding-right: 0;
}
a.btn.tw, a.btn.tw:hover, a.btn.tw:active, a.btn.tw:focus {
background-color: #00aced;
}
a.btn.em .icon {
margin-right: 0;
padding-right: 0;
}
a.btn.em, a.btn.em:hover, a.btn.em:active, a.btn.em:focus {
background-color: #e44300;
}
a.btn .icon::before {
font-weight: 400;
} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-weight: 400;
margin-top: 0;
margin-bottom: 1em;
}
h1, .h1 {
font-size: 1.6em;
line-height: 1.2em;
font-weight: 600;
}
.page-title, .project-title, .post-title, .model-title {
font-size: 1.2em;
line-height: 1em;
padding: 0 0 0.5em;
margin: 0 0 1em;
position: relative;
}
.page-title:after, .project-title:after, .post-title:after, .model-title:after {
content: "";
width: 90px;
position: absolute;
left: 0;
bottom: 0;
border-bottom: 3px solid;
}
.listing .post-title:after {
display: none;
}
.project-title, .model-title {
text-transform: none;
}
.home-title {
margin-bottom: 1em;
}
.post-title {
margin-bottom: 1em;
}
.home-title {
font-size: 3.8em;
line-height: 1em;
text-align: center;
margin: 1em 0;
}
h2, .h2 {
font-size: 1.4em;
line-height: 1.2em;
font-weight: 600;
}
h3, .h3 {
font-size: 1.3em;
line-height: 1.2em;
font-weight: 600;
}
.widget-title {
display: block;
margin-bottom: 1.2em;
}
h4, .h4 {
font-size: 1.2em;
line-height: 1.2em;
}
h5, .h5 {
font-size: 1.1em;
line-height: 1.2em;
}
h6, .h6 {
font-size: 1em;
line-height: 1.1em;
}
p {
margin: 0 0 1em;
}
strong {
font-weight: 600;
}
a {
text-decoration: none;
color: #fff;
}
a:hover, a:focus, a:active {
text-decoration: underline;
color: #fff;
}
blockquote {
font-size: 1em;
margin: 1em 0;
padding: 0;
border: 0 none;
}
.widget blockquote {
padding: 0;
background: none;
color: inherit;
}
.widget blockquote:before {
display: none;
content: "";
}
p.wp-caption-text {
text-align: left;
padding: 0.5em;
font-style: italic;
}
p.author-info, p.tags {
margin-top: 1em;
}
.alignleft {
float: left;
text-align: left;
}
.alignright {
float: right;
text-align: right;
}
.aligncenter {
text-align: center;
margin-left: auto;
margin-right: auto;
clear: both;
}
ul {
margin: 1em 0 1em 1em;
padding-left: 0;
list-style: square inside;
}			
ul li, ol li {
margin-bottom: 0.3em;
}
ul.children {
margin-left: 2em;
margin-bottom: 1em;
}
ol {
list-style-type: decimal-leading-zero;
margin: 1em 0 1em 1em;
}
ol li {
font-weight: 400;
}
.navigation {
clear: both;
display: block;
margin: 1em 0 2em;
padding: 0;
text-align: center;
}
.navigation .wp-pagenavi a, .navigation .wp-pagenavi span {
border: none;
}
.navigation .wp-pagenavi a:hover {
text-decoration: underline;
}
.navigation .wp-pagenavi span.pages {
padding-left: 0;
padding-right: 0;
margin-right: 1em;
font-weight: 400;
} table {
width: 100%;
max-width: 100%;
margin-bottom: 1.5em;
border: 0 none;
}
table tr:nth-child(odd){
background: #e2efda;
}
table th {
background: #fff;
padding: 0.1em 0.5em;
text-align: center;
border: 0 none;
}
table tr {
border: 0 none;
}
table tr:last-of-type {
border: 0 none;
}
table tr td {
padding: 0.3em 0.5em;
text-align: center;
min-width: 100px;
}
table ul {
margin: 0.5em 0;
}
table ul li {
margin-bottom: 0.4em;
} .owl-hero {
margin-bottom: 2em;
}
.hero-video, .hero-images {
position: relative;
}
.hero-video video {
width: 100%;
height: auto;
}
.hero-video video:hover {
cursor: pointer;
}
.hero-video .btn-outer {
top: 50%;
left: 50%;
margin-left: -80px;
margin-top: -80px;
position: absolute;
z-index: 99;
height: 160px;
width: 160px;
pointer-events: none;
}
.hero-video .btn-inner {
display: table;
height: 100%;
width: 100%;
}
.hero-video .btn-play {
-webkit-border-radius: 50%;
border-radius: 50%;
background: rgba(255,255,255,0.6);
vertical-align: middle;
text-align: center;
display: table-cell;
transition: background 0.3s;
-webkit-transition: background 0.3s;
box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
}
.hero-video .btn-play .icon {
color: #333;			
font-size: 60px;
line-height: 60px;
width: 50px;
height: 50px;
}
.hero-video:hover .btn-play {
background: rgba(255,255,255,1);
}
.hero-video .video-caption {
position: absolute;
bottom: 0;
width: 100%;
color: #fff;
font-weight: 600;
font-size: 2em;
padding: 0.8em 1.2em;
text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8),
0px 0px 15px rgba(0, 0, 0, 0.8),
0px 0px 15px rgba(0, 0, 0, 0.8),
0px 0px 15px rgba(0, 0, 0, 0.8);
text-align: center;
z-index: 9;
}
.hero-video .video-caption h1, .hero-video .video-caption a {
color: #fff;
}
.hero-image {
margin-bottom: 2em;
}  .video-container {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%; 
overflow: hidden; }
.video-container #introVideo, .video-container video { min-width: 100%; 
min-height: 100%; width: auto;
height: auto; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
} .bgblock {
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.bg-inner {
position: relative;
}
.owl-carousel.owl-full {
margin: 0;
}
.owl-carousel.owl-full .item {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 100vh;
min-height: 100vh;
} .owl-carousel .caption {
font-size: 2.7em;
line-height: 1.2em;
z-index: 9999;
position: absolute;
left: 0;
bottom: 30%;
width: 100%;
color: rgba(255,255,255,1);
text-shadow: 1px 1px 5px rgb(38 38 38); }
.owl-carousel .caption.left {
left: 0;
text-align: left;
}
.owl-carousel .caption.centre {
left: 0;
right: 0;
text-align: center;
}
.owl-carousel .caption.right {
right: 0;
text-align: right;
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
.active .caption {
transition: all 6s ease-in-out;
}
.active .caption.left {
transform: translate(100px,0);
}
.active .caption.right {
transform: translate(-100px,0);
}
.active .fadeIn {
opacity: 0;
animation: fadeIn 1s forwards; }
.active .first {
animation-delay: 0.5s;
}
.active .second {
animation-delay: 0.8s;
}
.active .third {
animation-delay: 1.1s;
}
.active .fourth {
animation-delay: 1.3s;
}
.owl-item.fadeOut .caption {
display: none;
} .video-start .active .caption {
transition: unset!important;
transform: unset!important; }
.video-start .active .fadeIn { 
animation: unset!important;
}
.video-finished .caption {
transition: all 6s ease-in-out;
animation: fadeIn 1s forwards; } img.bg {
width: 100%;
} .owl-carousel {
z-index: -1;
margin: 1em 0 2em;
}
.owl-carousel .item { 
position: relative;
height: auto;
min-height: none;
max-width: 100%;
}
.owl-item {
max-width: 100%;
}
.owl-nav {
width: 100%;
}
.owl-nav .owl-prev {
position: absolute;
left: 10px;
bottom: 50%;
color: transparent;
font-size: 0;
text-shadow: -1px -3px 24px rgba(38, 38, 38, 0.8);
}
.owl-nav .owl-next {
position: absolute;
right: 50px;
bottom: 50%;
color: transparent;
font-size: 0;
text-shadow: -1px -3px 24px rgba(38, 38, 38, 0.8);
}
.owl-nav .owl-prev:before {
position: absolute;
font-family: 'johnson-design-icons';
font-size: 40px;
line-height: 40px;
text-align: center;
color: #fff;
content: 'm';
transform: rotate(180deg);
top: -10px;
}
.owl-nav .owl-next:before {
position: absolute;
font-family: 'johnson-design-icons';
font-size: 40px;
line-height: 40px;
text-align: center;
color: #fff;
content: 'm';
top: -10px;
} .section-heading {
position: relative;
padding: 0 0 0.5em;
margin: 0 0 1em;
}
.section-heading:after {
content: "";
width: 90px;
position: absolute;
left: 0;
bottom: 0;
border-bottom: 3px solid;
}
.stylebox {
padding: 1em;
}
.video-title {
position: relative;
margin-top: 1em;
padding-top: 0.4em;
}
.video-title::before {
content: "";
width: 90px;
position: absolute;
left: 0;
top: 0;
border-bottom: 3px solid;
}
.video {
position: relative;
}
video.vid {
object-fit: inherit;
}
.video img {
width: 100%;
height: auto;
-webkit-filter: grayscale(100%); filter: grayscale(100%);
}
.video .btn-outer {
top: 50%;
left: 50%;
margin-left: -31px;
margin-top: -30px;
position: absolute;
z-index: 99;
height: 30px;
width: 30px;
pointer-events: none;
}
.video .btn-inner {
display: table;
height: 100%;
width: 100%;
}
.video .btn-play {
-webkit-border-radius: 50%;
border-radius: 50%;
background: rgba(255,255,255,0.6);
vertical-align: middle;
text-align: center;
display: table-cell;
transition: background 0.3s;
-webkit-transition: background 0.3s;
box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
padding: 12px 8px 3px 14px;
}
.video .btn-play .icon {
color: #000;			
font-size: 40px;
line-height: 34px;
width: 40px;
height: 40px;
}
.video:hover .btn-play {
background: rgba(255,255,255,1);
}
.image-grid {
display: table;
margin: 0 0 2em;
position: relative;
left: 3px;
}
.single-project .image-grid {
margin-top: 2em;
}
.image-grid:after {
content: "";
clear: both;
}
.image-grid .item {
display: table-cell;
text-align: center; }
.image-grid .item .caption {
font-size: 0.9em;
line-height: 1.1em;
margin: 0.3em 0;
}
.testimonials .testimonial {
border-bottom: 3px solid;
padding: 1em 0;
margin-bottom: 0;
}
.testimonials .testimonial:last-of-type {
border: 0 none;
}
blockquote .source {
margin-top: 1em;
}
blockquote .speechmark {
display: inline;
}
blockquote p {
display: inline;
} .jdp-map {
height: 450px;
width: 100%;
margin: 0 0 2em;
border: 0 none;
}
.bubble-text *:last-child {
margin-top: 0.2em;
margin-bottom: 0;
}
.border-top {
border-top: 3px solid;
}
.border-bottom {
border-bottom: 3px solid;
}
.content.section {
margin-top: 1.5em;
}
img.wp-post-image.streetview {
width: 100%;
} .listing {
margin-bottom: 1em;
}
.listing .item {
margin-bottom: 1.5em;
border-bottom: 5px solid;
}
.listing .post-title {
font-size: 1.2em;
line-height: 1.1em;
margin: 0 0 0.4em;
padding: 0;
text-align: unset;
}
.listing .post-date {
font-size: 0.9em;
margin: 0 0 1em;
}
.listing .post-excerpt {
border-bottom: 1px solid #717171;
padding-bottom: 1.5em;
}
.listing .post-excerpt p {
margin-bottom: 0.8em;
}
a.btn.more {
margin-bottom: 0;
display: inline-block;
font-weight: 600;
} .post-date {
margin: 0 0 1em;
} .filters {
font-size: 1em;
font-weight: 400;
color: #fff;
margin: 1em 0;
text-align: center;
display: block;
}
.filters .top {
display: table;
width: 100%;
}
.filters a {
color: #fff;
text-decoration: none;
}
.filters .reset {
text-align: left;
}
.filters .filter-item.top-level {
display: table-cell;
}
.filters .filter-item {
display: inline-block;
cursor: pointer;
margin: 0 1em 0 0;
padding-bottom: 0.3em;
border-bottom: 3px solid transparent;
}
.filters .filter-item:hover span, .filters .filter-item.selected span {
border-bottom: 3px solid;
}
.sub_categories {
font-size: 0.9em;
margin-top: 0.6em;
transition: 0.3s ease;
}
.grid-item-content { }
.grid .image img {
width: 100%;
}
.project .text {
margin-top: 1em;
}
.project h3.project-name {
font-size: 1em;
margin-bottom: 0.5em;
position: relative;
padding-top: 0.4em;
}
.project h3.project-name:before {
content: "";
width: 90px;
position: absolute;
left: 0;
top: 0;
border-bottom: 3px solid;
}
.project h3.project-name a {
display: block;
} .intro {
position: relative;
margin: 2em 0;
padding-top: 0.6em;
}
.intro::before {
content: "";
width: 90px;
position: absolute;
left: 0;
top: 0;
border-bottom: 3px solid;
} .model .text {
margin-top: 1em;
}
.model h3.model-name {
font-size: 1em;
margin-bottom: 0.5em;
position: relative;
padding-top: 0.4em;
}
.model h3.model-name:before {
content: "";
width: 90px;
position: absolute;
left: 0;
top: 0;
border-bottom: 3px solid;
}
.model h3.model-name a {
display: block;
}
img#reel-image {
margin-bottom: 2em;
}
.image, .image a {
position: relative;
}
.image .icon {
position: absolute;
left: 50%;
top: 50%;
color: #e2e2e2;
text-shadow: 4px 4px 4px rgba(0,0,0,0.4);
pointer-events: none;
}
.archive .image .icon {
bottom: 0;
top: 0;
font-size: 50px;
line-height: 50px;
width: 50px;
height: 50px;
margin-top: 15%;
margin-left: -25px;
}
.single-model .image .icon {
font-size: 120px;
line-height: 120px;
width: 120px;
height: 120px;
margin-top: -60px;
margin-left: -60px;
}
.related .image .icon {
display: none;
} .table {
width: 100%;
display: table;
border: 0 none;
margin: 1em 0;
}
.table .left, .table .right {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.table .seventy {
width: 66.6%;
}
.table .fifty {
width: 50%;
}
.table .thirty {
width: 33.4%;
}
.table .inner *:last-child {
margin-bottom: 0;
}
.table .left .inner {
margin: 1em 1em 1em 0;
}
.table .left .inner.image {
margin: 1em 0 1em 0;
}
.table .right .inner {
margin: 1em 0 1em 1em;
}
.table .right .inner.image {
margin: 1em 0 1em 0;
}
h3.similar {
padding: 1em 0;
clear: both;
position: relative;
}
h3.similar:after {
content: "";
width: 90px;
position: absolute;
left: 0;
bottom: 0;
border-bottom: 3px solid;
} ol.commentlist {
list-style: none;
padding: 0;
margin: 0;
}
ol.commentlist li {
background: #e7e7e7;
padding: 1em;
margin-bottom: 1em;
}
ol.commentlist li ul.children {
margin: 0 0 0 1em;
list-style: none;
}
ol.commentlist li ul.children li {
background: #fff;
padding: 1em;
}
ol.commentlist li ul.children li:last-of-type {
margin-bottom: 0;
}
h3#comments {
margin: 0 0 1.5em;
}
#respond form#commentform {
margin: 12px 0 0 0;
}
.comment .comment-meta, .comment .reply, .comment .comment-author {
padding: 0 24px 8px 0;
font-size: 14px;
}
.comment cite {
font-style: normal;
}
.comments .navigation {
float: none;
border: 0 none;
margin: 0;
padding: 0;
} .mobile {
display: none;
}
.tablet {
display: none;
}
.desktop {
display: block;
}  .navbar-collapse {
padding: 0;
}
.navbar {
margin: 0;
position: relative;
z-index: 9999;
background: none;
-webkit-border-radius: 0;
border-radius: 0;
border: 0 none;
min-height: 1em;
}
.navbar .navbar-inner {
padding: 0;
}
.navbar .nav {
float: right;
list-style: none;
clear: both;
text-align: right;
margin: 0.6em 0;
font-size: 0.9em;
line-height: 1em;
font-weight: 400;
color: #fff;
}
.navbar .nav > li {
display: inline;
padding: 0.2em 0 0.2em 1.5em;
margin: 0 0 0 1.5em;
border-left: 3px solid #fff;
text-shadow: 1px 1px 5px rgba(38, 38, 38, 1);
}
.navbar .nav > li:first-of-type {
margin-left: 0;
border: 0 none;
}
.navbar .nav li a {
color: #fff;
padding: 0;
border-bottom: 3px solid transparent;
}
.navbar .navbar-nav li.current-menu-parent a, .navbar .navbar-nav li.current-menu-ancestor a {
color: #fff;
background: transparent;
border-bottom: 3px solid #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav .open > a, .navbar-default .navbar-nav .open > a:hover, .navbar-default .navbar-nav .open > a:focus {
color: #fff;
background: transparent;
border-bottom: 3px solid #fff;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: #fff;
background: transparent;
border-bottom: 3px solid #fff;
}
.navbar .navbar-nav .dropdown-menu {
font-size: 1em;
line-height: 1.2em;
padding: 0.2em 0em;
font-weight: 400;
background: #fff;			
}
.navbar .navbar-nav .dropdown-menu li {
display: block;
margin: 0;
text-shadow: none;
}
.navbar .navbar-nav .dropdown-menu li a {
padding: 0.6em 0.9em;
text-align: left;
display: block;
background: none;
color: #333;
background: #fff;
border: 0 none;
line-height: 1em;
}
.navbar .navbar-nav .dropdown-menu a:hover, .navbar .navbar-nav .dropdown-menu .active a, .navbar .navbar-nav .dropdown-menu .current-menu-item a {
background: none;
color: #777;
} .navbar .navbar-nav li.mobile {
display: none;
} footer ul.menu {
list-style: none;
clear: both;
text-align: right;
margin: 0.5em 0;
}
footer ul.menu li {
display: inline;
background-image: none;
padding: 0 0.5em;
margin: 0;
border-right: 1px solid;
}
footer ul.menu li:last-of-type {
border-right: 0 none;
margin-right: 0;
padding-right: 0;
} .side {
list-style: none;
margin: 0 0 1em;
}
.side.noborder {
border: 0 none;
}
.widget {
margin-bottom: 1em;
}
.side .widget:last-of-type {
margin-bottom: 0;
}
.widget.widget_archive ul {
list-style: none;
margin-left: 0;
}
.widget.widget_archive ul li {
margin-bottom: 0.2em;
} #fancybox-title {
font-family: 'Lato', sans-serif!important;
font-size: 1.1em!important;
line-height: 1em!important;
text-align: center!important;
margin-top: 0.4em!important;
} img {
max-width: 100%;
height: auto;
}
img.wp-post-image {
margin-bottom: 0.8em;
}
.wp-caption {
max-width: 100%;
}
.wp-caption.alignnone {
margin: 0.2em 0.8em 0.8em 0;
}
.wp-caption.alignleft {
clear: left;
float: left;
display: block;
margin: 0.2em 0.8em 0.8em 0;
}
.wp-caption.aligncenter {
clear: both;
float: none;
display: block;
margin: 0.2em auto 0.8em;
}
.wp-caption.alignright {
clear: right;
float: right;
display: block;
margin: 0.2em 0 0.8em 0.8em;
}
img.alignnone {
margin: 0.2em 0.8em 0.8em 0;
}
img.alignleft {
clear: left;
float: left;
display: block;
margin: 0.2em 0.8em 0.8em 0;
}
img.aligncenter {
margin: 0.2em auto 0.8em;
display: block;
clear: both;
}
img.alignright {
clear: right;
float: right;
display: block;
margin: 0.2em 0 0.8em 0.8em;
}
.gallery .wp-caption-text {
padding: 0.8em;
}
.gallery .gallery-item img {
border: 0 none!important;
}
img.wp-post-image.aligncenter.side {
margin-bottom: 1.5em;
} dl.accordion {
background: #f0f0f0;
box-sizing: border-box;
margin-bottom: 1em;
padding: 0.3em;
clear: both;
}
dl.accordion dt a {
font-size: 1.4em;
line-height: 1.2em;
font-weight: 400;
padding: 0.3em 0.5em;
display: block;
background: none;
}
dl.accordion dt a.selected {
color: #3c3c3c;
}
dl.accordion dt a .icon {
margin-right: 1.2em;
position: absolute;
right: 0;
}
dl.accordion dd {
padding: 0.5em 1em 0 1em;
} @media (max-width: 1200px) {  } @media (min-width: 768px) and (max-width: 979px) {
.desktop {
display: none;
}
.tablet {
display: block;
}
.jdp-map {
height: 450px;
}
} @media handheld, only screen and (max-width: 979px) {
.owl-carousel .caption {
font-size: 1.6em;
line-height: 1.2em;
}
.active .caption.left {
transform: translate(50px,0);
}
.active .caption.right {
transform: translate(-50px,0);
}
.mobile  {
display: block;
}
.navbar .nav > li {
float: none;
display: inline-block;
margin: 0 0.5em;
}
.box .box-caption {
font-size: 1.4em;
}
.navbar .nav > li {
margin: 0 0.2em;
}
} @media handheld, only screen and (max-width: 767px) {
body.fixed-nav {
padding-top: 180px;
}
#introVideo {
min-width: 100%; 
min-height: 100%;
}
.owl-carousel .caption {
font-size: 1.5em;
line-height: 1.2em;
bottom: 44%;
}
.active .caption.left {
transform: translate(10px,0);
}
.active .caption.right {
transform: translate(-10px,0);
}
.mobile  {
display: block;
}
.navbar .navbar-nav li.mobile {
display: block;
}
.navbar .nav {
float: none;
text-align: center;
}
.desktop {
display: none;
}
.tablet {
display: none;
}
header.top {
top: 0;
}
header.top .logo {
text-align: left;
margin: 1em 0;
float: none;
padding: 0;
border: 0 none;
}
header.top .logo img {
max-width: 70%;
}
header ul.header-secondary-nav {
text-align: center;
}
header .contact {
text-align: left;
margin-bottom: 0.8em;
}
.navbar {
margin: 0;
min-height: 0;
}
.navbar-default {
text-align: center;
}
.navbar-default .navbar-toggle {
float: right;
margin: -88px 0 0;
border-color: #fff;			
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background: #ccc;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
background-color: #fff;
}
.navbar .nav {
display: block;
float: none;
text-align: center;
margin-top: 0;
}
.navbar .nav > li {
display: block;
margin: 0;
padding: 0;
border-left: none;
text-shadow: none;
}
.navbar .nav li a {
padding: 0.8em;
color: #555;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav .open > a, .navbar-default .navbar-nav .open > a:hover, .navbar-default .navbar-nav .open > a:focus, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: #555;
}
.navbar .navbar-nav li.current-menu-parent a, .navbar .navbar-nav li.current-menu-ancestor a {
color: #555;
}
.navbar-default .navbar-nav .dropdown-menu {
background: #fff;
padding: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu li a {
text-align: center;
color: #000;
background: #f3f3f3;
}
.navbar .navbar-nav .dropdown-menu a:hover, .navbar .navbar-nav .dropdown-menu .active a, .navbar .navbar-nav .dropdown-menu .current-menu-item a {
color: #000!important;
}
.navbar-default .navbar-collapse {
clear: both;
border: 0 none;
background: #fff;
}
.content.more-space {
margin: 2em 0;
}
.whitebg.page {
padding: 1em;
} .home-title {
font-size: 2.2em;
margin: 0.5em 0;
}
.box {
margin-bottom: 1em;
}
.box .box-caption {
font-size: 1.3em;
position: relative;
margin-top: 0;
margin-bottom: 0;
background-color: rgba(2, 127, 3, 1);
}
.box .inner .text {
font-size: 1.4em;
} .filters .filter-item {
margin: 0 0.2em 0.2em;
}
.filters .top {
display: block;
}
.filters .filter-item.top-level {
display: inline-block;
}
.project .text {
min-height: 0;
}
.table {
display: block;
}
.table .left, .table .right {
width: 100%;
display: block;
}
.table .left .inner, .table .right .inner {
margin: 1em 0;
}
.table .image img {
width: 100%;
} .widget-title {
margin-bottom: 1em;
} .alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter, img.alignnone, .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter, .wp-caption.alignnone {
margin: 1em auto;
float: none;
clear: both;
} .hero-video .btn-outer {
height: 64px;
width: 64px;
margin-left: -32px;
margin-top: -32px;
}
.hero-video .btn-play .icon {
font-size: 30px;
line-height: 50px;
width: 25px;
height: 50px;
} .jdp-map {
height: 300px;
margin-bottom: 1em;
}
.border-right {
border: 0 none;
}
.page-template-contactpage img.post-image {
max-height: 300px;
} .magnifik.nolightbox::before {
content: "Tap the image below to enlarge, then use your finger to pan around the image";
display: block;
text-align: center;
font-size: 1em;
line-height: 1em;
}
img.m-magnifikFull {
margin: 0;
} footer .content {
padding: 0;
float: none;
display: block;
margin-right: -15px;
margin-left: -15px;
margin-bottom: 0;
}
.social-icons {
text-align: left;
padding: 0.6em 0.6em 0.6em 0;
margin-left: 0.6em;
}
footer .footer-nav {
padding-left: 0.6em;
}
footer ul.menu {
text-align: left;
margin: 0.5em 0 0.5em 0.6em;
}
footer ul.menu li {
padding: 0 0.5em;
}
footer ul.menu li:first-of-type {
padding-left: 0;
}
footer ul.menu li:last-of-type {
border-right: 0 none;
margin-right: 0;
padding-right: 0;
}
footer .item, footer .item:first-of-type {
display: block;
padding: 0.5em 1em;
border: 0 none;
text-align: left;
}
}