body {
font-family:'roboto','open sans',sans-serif; font-weight:300;
}
header { position:relative;
}
.h1, .h2, .h3, .h4, .h5, .h6,
.common-head,
h1, h2, h3, h4, h5, h6 {
font-family:'roboto','open sans',sans-serif; }
.common-head span {
letter-spacing:0;
}
a {
color:#ea4e1b;
font-weight:700;
text-decoration:underline;
}
a:focus, a:hover {
color:#ea4e1b;
opacity:0.7;
text-decoration:none;
} .header {
position:fixed;
z-index:99999; padding:16px 0 10px;
background-color:#ea4e1b; }
.navbar-brand {
margin:0;padding:0;
}
.navbar-brand img {
max-width:330px;height:auto;
transition:max-width 0.2s ease-in-out;
}
.header-contact {
position:absolute;
top:40px;right:0;
clear:right;
margin:30px 10px 0;
}
.header-mail-contact {
opacity:1;
transition:all 0.2s ease-in-out;
}
.header-contact li a, .header-contact li {
font-weight:300;
text-decoration:none;
padding:0;
}
.header-contact li a:hover,
.header-contact li a:focus {
opacity:0.5;
color:inherit; }
.header-mail-contact li {font-size:90%;}
.header-mail-contact li:first-child img {
left:-3px;max-height:20px;
}
.header-mail-contact li:last-child img {
left:-3px;max-width:20px;
} .header .header-wrapper .nav a.menu-icon {display:none;}
.header-desk-nav {
margin:0 0 70px;
transition:margin 0.2s ease-in-out;
}
.header-desk-nav ul li {
display:inline-block;
font-size:0.95em;
margin:0 0 0 6px;padding:0 12px 0 0;
border-right:1px solid #ec663b;
}
.header-desk-nav ul li:last-child {
border-right:0;padding-right:0;
}
.header-contact .header-desk-nav ul li a {
font-weight:700;
} nav ul#menu-top-menu li a {
text-decoration:none;
} .site-content-contain {
padding-top:162px;
transition:padding-top 0.2s ease-in-out;
} .inner-banner-section {
background-color:#c94418;
}
.inner-banner-caption {
padding:24px 0;
}
.inner-banner-caption h2 {
font-size:1.6em;
font-weight:300;
line-height:normal;
margin:4px 0 0;
}
@media screen and (max-device-width:991px), screen and (max-width:991px) {
.inner-banner-caption {
padding:14px 0;
}
.inner-banner-caption h2 {
font-size:1.3em;
}
} .footer-top {padding:42px 0 32px;}
.footer-top::after {height:100%;}
.foot-common-head {
font-size:1em;
font-weight:300;
}
.foot-address p,
.footer-section li {
font-size:0.9em;
}
.footer-section li {
line-height:normal;
margin:0 0 6px;
}
.foot-mail li {
margin-bottom:6px;
}
.foot-mail li img {
max-height:20px;max-width:18px;
margin:-3px 4px 0 0;
}
.foot-social-media {margin-top:10px;}
.foot-social-media li a {font-size:26px;}
.footer-section li a {
color:#ea4e1b;
text-decoration:underline;
}
.footer-section li a:hover,
.footer-section li a:focus,
.foot-copyrights p a:hover,
.foot-copyrights p a:focus {
opacity:0.5;
}
.footer-copyrights-details {
color:#aaa;
font-size:0.8em;
padding:16px 0;
} .grecaptcha-badge {display:none;}
.page-template-contact-page .wpcf7-form {
padding:4% 4% 2%;margin:60px 0;
border-radius:20px;
box-shadow:0 0 25px rgba(0,0,0,.07);
background-color:#fff;
transition:box-shadow 0.3s ease-in-out;
}
.page-template-contact-page .wpcf7-form h2 {
text-align:center;
margin:0 0 20px;
}
.page-template-contact-page .wpcf7-form label {
width:100%;
margin-bottom:0;
line-height:normal;
}
.page-template-contact-page .wpcf7-form.sent .row {
display:none;
}
.page-template-contact-page .wpcf7 form.sent .wpcf7-response-output {
text-align:center;
font-size:1.1em;
color:#fff;
background-color:#46b450;
}
.page-template-contact-page .wpcf7-spinner {
position:absolute;
}
@media screen and (max-device-width:991px), screen and (max-width:991px) {
.page-template-contact-page .wpcf7-form {
margin:30px 0;
}
}
#ContactForm { }
#ContactForm .form-control { }
#ContactForm textarea {
resize:vertical;
}
.wpcf7 .ajax-loader {margin:0;} .service-section .container {
width:100%;max-width:1170px;
}
.tadverts-section {
padding:70px 0 50px;
background:#f7f5f5;
}
.tadverts-section .service-content .common-head span {
background-color:#f7f5f5;
}
.video-section {
padding:70px 0 50px;
}
.video-section .services_intro {
margin-bottom:20px;
}
.video-section .services_intro .common-head {
margin-bottom:0;
}
.partner-section {
}
.partner-section .partner-heading .common-head {
color:#ababab;
margin:0;
}
.partner-section .partner-heading .common-head span {
font-size:0.75em;
}
.partner-section .partner-heading .common-head:after {display:none;}
.partner-section .partner-content {
display:flex;
flex-wrap:wrap;
justify-content:center;
text-align:center;
padding:50px 0 0;
}
.partner-section .partner-content .partner-content--item {
display:flex;
justify-content:center;
align-items:center;
width:16%;
margin:1% 2% 2%;
}
.partner-section .partner-content img {
max-width:120px;max-height:50px; }
@media screen and (max-device-width:880px), screen and (max-width:880px) {
.partner-section .partner-content img {
max-width:90px;max-height:40px;
}
}
@media screen and (max-device-width:640px), screen and (max-width:640px) {
.partner-section .partner-content .partner-content--item {
width:29.333%;
margin-top:3%;margin-bottom:4%;
}
.partner-section .partner-content img {
}
}
.partner-section .partner-content img:hover { }
.awards-section {
padding:70px 0 0;
}
.awards-section .awards-heading .common-head {
margin:0;
}
.awards-section .awards-heading .common-head span {
}
.awards-section .awards-heading .common-head:after {
}
.awards-section .awards-content {
display:flex;
justify-content:center;
text-align:center;
padding:50px 0 30px;
}
.awards-section .awards-content .awards-content--item {
display:flex;
justify-content:center;
align-items:center;
width:16%;
margin:1% 2% 2%;
}
.awards-section .awards-content img {
max-width:120px;max-height:120px;
}
@media screen and (max-device-width:991px), screen and (max-width:991px) {
.awards-section .awards-content {
flex-wrap:wrap;
}
}
@media screen and (max-device-width:640px), screen and (max-width:640px) {
.awards-section .awards-content .awards-content--item {
width:29.333%;
margin-top:3%;margin-bottom:4%;
}
.awards-section .awards-content img {
max-width:90px;max-height:90px;
}
}
.about-mission-section {
padding:40px 0;
background-color:#f7f5f5;
}
.about-mission-details p {
font-size:1.1em;
}
.about-mission-section .common-head span {
background-color:#f7f5f5;
}
.meet-team-section {
padding-top:50px;
}
.meet-team-holder {
display:flex;
flex-wrap:wrap;
justify-content:center;
width:100%;
}
.meet-team-list {
width:20%;
padding:0 10px;
}
@media screen and (max-device-width:640px), screen and (max-width:640px) {
.meet-team-list {
width:50%;
}
}
.meet-team-content p {
margin:10px 0 0;
}
.meet-team-content p span {
font-weight:300;
}
.blog-list-details figure {
position:relative;
overflow:hidden;
height:200px;
}
.blog-list-details img {
position:absolute;
top:50%;left:0;
transform:translateY(-50%);
height:auto;min-height:200px;
} .page-header {
padding:0;margin:0;border:0;
}
header.shrink {
background:none;
}
.blog-boxes .container {
display:flex;
flex-wrap:wrap;
margin:50px auto;
}
.blog-boxes article {
width:31.333%;
margin:0 1% 32px;padding:10px;
box-shadow:0 2px 6px rgba(0,0,0,0.15),0 0 3px rgba(0,0,0,0.12);
}
.blog-boxes article .post-thumbnail {
overflow:hidden;
position:relative;
height:200px;
}
.blog-boxes article .post-thumbnail img {
position:absolute;
transform:translateY(-50%);
top:50%;
max-width:100%;height:auto; }
.blog-boxes article header.shrink h2,
.blog-boxes article header h2 {
font-size:1.4em;
line-height:1.3em;
}
.blog-boxes article .entry-meta {
color:#bbb;
font-size:0.8em;
margin:0 0 10px;
}
.blog-boxes article .entry-meta a:link,
.blog-boxes article .entry-meta a:visited {
color:#bbb;
}
nav.pagination { position:relative;
width:100%;height:auto;
top:auto;right:auto;
color:black;
margin:0;
background-color:transparent;
}
nav.pagination svg {
display:none;
}
nav.pagination h2.screen-reader-text {
position:relative;
top:auto;
width:auto;height:auto;
margin:0 0 10px;
overflow:initial;
clip:auto;
}
nav.pagination .nav-links {
display:flex;
justify-content:space-around;
max-width:340px;
margin:0 auto;
} .blog-head-content h2 {
font-size:2.7em;
line-height:1.25em;
margin:20px 0 30px;
}
.author-info--photo img {
border-radius:50%;
border:1px solid #ccc;
}
.author-info--name p {
color:#666;
font-size:0.9em;
font-weight:400;
}
.author-info--name span {
color:#999;
font-size:0.8em;
}
.share-cta {
overflow:hidden;
margin:20px 0;
}
.share-cta a {
float:left;
width:32px;height:32px;
margin:0 6px 0 0;
background-color:#ea4e1b;
background-size:50% 50%;
background-repeat:no-repeat;
background-position:center;
border-radius:50%;
}
.share-cta a.sc-fb {background-image:url(//www.linfordgrey.co.uk/wp-content/themes/linfordgrey/assets/images/icon-facebook.svg);}
.share-cta a.sc-tw {background-image:url(//www.linfordgrey.co.uk/wp-content/themes/linfordgrey/assets/images/icon-twitter.svg);}
.share-cta a.sc-li {background-image:url(//www.linfordgrey.co.uk/wp-content/themes/linfordgrey/assets/images/icon-linkedin.svg);}
.share-cta a:hover {opacity:0.5;}
.share-cta a span {display:none;}
.blog-head-hero img {
min-width:100%;max-width:100%;
}
.blog-detail-content img {
max-width:100%;height:auto;
}
.blog-detail-content p {
clear:left;
font-size:1.1em;
margin:0 0 20px;
}
.blog-detail-content h3 {
color:#ea4e1b;
font-size:2em;
font-weight:700;
margin:30px 0 20px;
}
.single-post aside {
padding:50px 0;
background-color:#eee;
}
.single-post aside h5 {
text-align:center;
font-size:2em;
margin:0 0 32px;
}
ul.related-feed {
display:flex;
}
ul.related-feed li {
width:33.333%;
list-style:none;
margin:0 1%;
}
ul.related-feed li h6 {
font-size:1.2em;
margin:20px 0 6px;
}
ul.related-feed li p.date {
color:#999;
font-size:0.8em;
}
ul.related-feed li img {
max-width:100%;height:auto;max-height:200px;
object-fit:cover;
} .flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%;padding:10px 0}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:rgba(255,255,255,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:20px}.flickity-prev-next-button.next{right:20px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:20px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:20px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-60px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.main-content ol.flickity-page-dots{margin:0}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 6px;background-color:#bababa;border-radius:50%;cursor:pointer;-webkit-transition:transform .2s linear;-moz-transition:transform .2s linear;-ms-transition:transform .2s linear;-o-transition:transform .2s linear;transition:transform .2s linear}.flickity-page-dots .dot.is-selected{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}
.carousel {} .carousel-intro {margin:30px 0 0;}
.carousel-container {margin:0 0 50px;}
.carousel.carousel-main {}
.carousel.carousel-main .carousel-cell {
opacity:0.3;
width:50%;
margin:0 24px 0 0;
transition:opacity 0.3s ease-in-out;
}
.carousel.carousel-main .carousel-cell.is-selected {opacity:1;} .carousel.carousel-pricing .carousel-cell {
opacity:1;
width:33.333%;
margin:0;
transition:opacity 0.3s ease-in-out;
}
.carousel.carousel-pricing .carousel-cell.is-selected {opacity:1;}
.carousel.carousel-pricing .flickity-prev-next-button.previous {
left:-40px;
}
.carousel.carousel-pricing .flickity-prev-next-button.next {
right:-40px;
}
@media screen and (max-device-width:1300px), screen and (max-width:1300px) {
.carousel.carousel-pricing .flickity-prev-next-button.previous {
left:0;
}
.carousel.carousel-pricing .flickity-prev-next-button.next {
right:0;
}
}
@media screen and (max-device-width:1080px), screen and (max-width:1080px) {
.carousel.carousel-pricing .carousel-cell {
width:66.666%;
}
}
@media screen and (max-device-width:500px), screen and (max-width:500px) {
.carousel.carousel-pricing .carousel-cell {
width:80%;
}
} .carousel-cell .quote-content {
padding:20px;margin:0 10px; background-color:#ea4e1b;
border-radius:2px;
}
.carousel-cell .quote-content blockquote {
color:#fff;
margin:0;
}
.carousel-cell .quote-content blockquote cite {
font-style:normal;
font-weight:700;
padding:10px 0 0;
border:0;
}
.carousel-cell .quote-content blockquote p {
line-height:1.3em;
}
.carousel-cell .quote-content blockquote p:before,
.carousel-cell .quote-content blockquote p:after {
opacity:0.5;
color:#fff;
}
.carousel-cell .quote-content blockquote p:after {
vertical-align:-0.5em;
margin-left:-2px;
} .inner-page-content.services-section {
min-height:1px;
}
.services-section h2 {
font-size:3em;
margin:30px 0;
}
.services-section--alt {
padding:50px 0;margin:0; } .embed-container {
position:relative;
overflow:hidden;
width:100%;max-width:100%;height:0;
padding-bottom:56.25%;margin:20px 0 40px;
}
.embed-container iframe {
position:absolute;
top:0;left:0;
width:100%;height:100%;
margin:0;padding:0;
border:0;
box-sizing:border-box;
} .embed-media--left {
float:left;
width:50%;
margin:0 20px 20px 0;
}
.embed-media--right {
float:right;
width:50%;
margin:0 0 20px 20px;
}
.embed-media--left .embed-container,
.embed-media--right .embed-container {
margin:0;
} .quote-content {margin:0 10%;}
.quote-content blockquote {
text-align:center;
font-family:'cormorant',serif;
font-size:1.4em;
quotes:"“" "”" "‘" "’";
margin:0 0 20px;padding:20px 0 10px;
border-left:0;
}
.quote-content blockquote p {
font-style:italic;
margin:0;
}
.quote-content blockquote p:before, .quote-content blockquote p:after {
content:open-quote;
font-size:4em;
color:#ea4e1b;
line-height:0.1em;
vertical-align:-0.3em;
}
.quote-content blockquote p:before {
margin-right:16px;
}
.quote-content blockquote p:after {
content:close-quote;
vertical-align:-0.6em;
margin-left:-6px;
}
.quote-content blockquote cite {
font-size:0.75em;
padding:18px 40px 0;
border-top:1px solid #eee;
}
.quote-content blockquote cite a {font-weight:300;} .about-company-section h3 {
float:left;
width:100%;
font-family:'roboto','open sans',sans-serif;
font-size:1.7em;
margin-bottom:24px;
border-bottom:3px solid #ea4e1b;
}
.about-company-section h3.alternated {
text-align:right;
}
.about-company-section img {
max-width:100%;height:auto;
}
.about-company-section img.alignleft {
float:left;
margin:0 20px 20px 0;
}
.about-company-section img.alignright {
float:right;
margin:0 0 20px 20px;
}
.team-boxes {
clear:left;
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:50px 0 0;
}
.team-boxes--member {
width:31.333%;
margin:0 1% 5%;
box-sizing:border-box;
}
.team-boxes--member img {
max-width:100%;height:auto;
}
.team-boxes--member h2 {
font-size:1.5em;
font-weight:300;
}
.team-boxes--member-txt {
padding:10px;
} .phone-contact a, .email-contact a {
color:#ea4e1b;
}
.about-enquiry-content address {
font-weight:700;
line-height:1.6;
margin:20px 0;
} body.stickyness .site-content-contain {
padding-top:80px;
}
body.stickyness .navbar-brand img {
max-width:120px;
}
body.stickyness .header-contact {
margin:0;
}
body.stickyness .header-mail-contact {
opacity:0;
position:absolute;
right:9999px;
}
@media only screen and (min-width: 992px) {
.header-contact { }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.navbar-brand {
top:0;
}
.site-content-contain {
padding-top:130px;
}
}
@media screen and (max-device-width:991px), screen and (max-width:991px) {
.header-wrapper {text-align:center;}
.header-contact {display:none;} .navbar-brand img {max-width:170px;}
.header-contact ul {float:none;}
.header-desk-nav {margin:0 0 20px;}
.site-content-contain {padding-top:99px;}
body.stickyness .header-contact {
float:right;
}
}
@media screen and (max-device-width:767px), screen and (max-width:767px) {
.header {
position:fixed !important;
padding:10px 0 2px !important;
}
.header-desk-nav {
margin:0 0 12px !important;
}
.site-content-contain {padding-top:66px !important;}
.navbar-brand img {
max-width:120px;
}
.header .header-wrapper .nav a.menu-icon {display:block;}
.header-wrapper {text-align:left;}
.header-contact {
float:right;
margin:0;
}
.blog-boxes article {
width:48%;
}
ul.related-feed {
flex-wrap:wrap;
}
ul.related-feed li {
width:100%;
margin:0 5% 5%;
}
ul.related-feed li img {max-height:none;} .partner-section .partner-content {padding-top:30px;}
.carousel.carousel-main .carousel-cell {
width:75%;
margin:0;
} .team-boxes--member {
width:48%;
margin-bottom:32px;
} .embed-media--left, .embed-media--right {
float:none;
width:auto;
margin:20px 0;
}
}
@media screen and (max-device-width:500px), screen and (max-width:500px) {
.blog-boxes article {
width:98%;
}
.carousel.carousel-main .carousel-cell {
width:85%;
}
.carousel-cell .quote-content {
padding:14px;margin:0 4px;
}
.flickity-button {display:none;} .team-boxes--member {
width:100%;
margin:0 0 32px;
}
} .video-panel {
overflow:hidden;
position:relative;
width:100%;height:0;
padding-bottom:30%; }
.video-panel video {
position:absolute;
top:0%;
width:100%;max-width:100%;
} .video-panel--overlay {
position:absolute;
overflow:hidden;
top:0;right:0;left:0;bottom:0;
background:rgba(0,0,0,0.25) url(//www.linfordgrey.co.uk/wp-content/themes/linfordgrey/assets/images/video-overlay.png);
}
.video-panel--container {
position:absolute;
top:calc(50% - 100px);left:0;right:0; max-width:1170px;
color:#fff;
letter-spacing:-0.5px;
padding:50px;margin:0 auto;
}
.video-panel--container h2 { font-size:2.5em;
font-weight:600;
margin:0 0 10px;
}
.video-panel--container p {
font-size:1.5em;
font-weight:300;
margin:0 0 20px;
}
.video-panel--container .btn {
display:inline-block; font-size:inherit;
padding:0;
}
.video-panel--container .btn a {
display:inline-block;
color:#fff;
font-size:1.2em;
font-weight:300;
text-decoration:none;
padding:10px 28px;margin-right:10px;
background-color:#c94418;
border:1px solid #fff;
}
.video-panel--container .btn a:hover {
background-color:#d6572d;
}
@media screen and (max-device-width:1080px), screen and (max-width:1080px) {
.video-panel--container {
top:calc(50% - 100px);
font-size:90%;
padding:30px;
}
}
@media screen and (max-device-width:880px), screen and (max-width:880px) {
.video-panel {
padding-bottom:40%;
}
.video-panel video {
width:auto;max-width:none;
height:100%;max-height:450px;
}
.video-panel--container {
top:calc(50% - 100px);
font-size:80%;
padding:20px;
}
}
@media screen and (max-device-width:640px), screen and (max-width:640px) {
.video-panel {
padding-bottom:50%;
}
.video-panel video {
left:-33%;
max-height:330px;
}
.video-panel--container {
top:auto;bottom:0;
font-size:70%;
padding:20px;
}
}
@media screen and (max-device-width:480px), screen and (max-width:480px) {
.video-panel {
padding-bottom:70%;
}
.video-panel video {
left:-70%;
}
.video-panel--container {
font-size:60%;
padding:20px;
}
} .oneoff-boxes_holder {
display:flex;
flex-wrap:wrap;
justify-content:center; }
.oneoff-boxes {
display:flex;
flex-wrap:wrap;
width:100%;
margin-bottom:32px;
}
.oneoff-boxes h3 {
width:100%;
}
.oneoff-boxes--img {
width:16%;
text-align:center;
margin-right:4%;
transition:transform 0.2s ease-in-out;
}
.oneoff-boxes--img:hover {
transform:scale(1.05);
}
.oneoff-boxes--img img {
margin:0;
}
.oneoff-boxes--txt {
width:80%;
}
.oneoff-boxes--txt p:first-of-type {
font-size:1.2em;
}
.oneoff-boxes--txt .vp-a {
display:inline-block;
color:#fff;
font-size:0.9em;
font-weight:300;
text-decoration:none;
padding:8px 20px;margin:10px 0 0;
background-color:#c94418;
border:1px solid #fff;
}
.oneoff-boxes--txt .vp-a:hover {
background-color:#d6572d;
} .off_boxes:nth-child(odd) {
padding-top:16px;
background-color:rgba(0,0,0,0.05);
}
.off_boxes:nth-child(odd) .oneoff-boxes {
flex-direction:row-reverse;
}
.off_boxes:nth-child(odd) .oneoff-boxes h3 {
text-align:right;
}
.off_boxes:nth-child(odd) .oneoff-boxes--img {
margin-left:4%;margin-right:0;
}
@media screen and (max-device-width:640px), screen and (max-width:640px) {
.oneoff-boxes_holder {
margin:0;
}
.oneoff-boxes--img {
width:100%;
margin:0;
}
.oneoff-boxes--txt {width:100%;}
}  .promo-template .inner-banner-section {
color:#fff;
padding:24px 0;
}
.promo-template .inner-banner-section:after {
content:'';
position:absolute;
z-index:1;
left:0;bottom:-70px;
width:100%;height:70px; background-color:#ea4e1b;
transform:skewY(1.25deg);
transform-origin:bottom right;
}
.promo-template .inner-banner-section h2 {
font-size:2.6em;
line-height:1.2em;
margin:0 0 24px;
}
.promo-template .inner-banner-section p {
font-size:1.1em;
margin:0 0 16px;
}
.promo-template .inner-banner-section ul {
margin:10px 30px 20px;
}
.promo-template .inner-banner-section ul li {
font-size:1.1em;
}
.promo-template .inner-banner-section .btn {
padding:6px 20px;margin-top:14px;
background-color:#fff;
border-radius:0;
}
.promo-template .inner-banner-section .btn a {
font-size:1.3em;
font-weight:400;
text-decoration:none;
}
.promo-template .inner-banner-section img {
max-width:100%;
padding:0 10%;
} .promo-template .inner-banner-caption.dark,
.promo-template .inner-banner-caption.dark h2 {
color:#000;
}
.promo-template .inner-banner-caption.dark .btn {
background-color:#ea4e1b;
}
.promo-template .inner-banner-caption.dark .btn a {
color:#fff;
} .promo-template .about-company-section {
padding:50px 0;margin:0;
}
.promo-template .about-company-section h2 {
text-align:center;
font-size:2.5em;
}
.promo-template .service-holder {
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:50px 0 0; }
.promo-template .service-holder section {
width:31.333%;
text-align:center;
padding:20px;margin:1%;
background-color:#fff;
border-radius:20px;
box-shadow:0 0 25px rgba(0,0,0,.07);
transition:box-shadow 0.3s ease-in-out;
}
.promo-template .service-holder section:hover {
box-shadow:none;
}
.promo-template .service-holder section img {
border-radius:10px;
}
.promo-template .service-holder section h3 {
font-size:1.6em;
margin-bottom:14px;
border-bottom:0;
}
.promo-template .service-holder section .btn {
margin:16px 0;
font-size:1.2em;
background-color:#ea4e1b;
}
.promo-template .service-holder section .btn a {
color:#fff;
text-decoration:none;
} .promo-template .main-content {
overflow-x:hidden;  padding:4% 0;
}
@media screen and (max-device-width:640px), screen and (max-width:640px) {
.promo-template .main-content {
padding:8% 0;
}
}
.promo-template .main-content .container {
padding-right:8%;padding-left:8%;
}
.promo-template .main-content:nth-child(odd) {
background-color:rgba(0,0,0,0.05);
}
.promo-template .main-content h2 {
text-align:center;
font-size:2.5em;
margin:0 20px 32px;
}
.promo-template .main-content p, li { }
.promo-template .main-content .btn {
background: #c94418;
color: #fff;
font-size: 1em;
margin: 10px 0;
} .promo-template .main-content--quotes {
color:#fff;
}
.promo-template .carousel-promo .flickity-viewport {
padding:0;
}
.promo-template .carousel-promo img {
max-width:100%;
border-radius:20px;
}
.promo-template .carousel-promo .carousel-cell {
opacity:0.3;
width:70%;
color:#000;
padding:4%;margin:0 20px;
background-color:#fff;
border-radius:20px;
box-shadow:0 0 25px rgba(0,0,0,.07);
transition:all 0.3s ease-in-out;
}
.promo-template .carousel-promo .carousel-cell.is-selected {
opacity:1;
box-shadow:none;
}
.promo-template .carousel-promo .carousel-cell blockquote p {
color:#666;
font-style:italic;
}
.promo-template .carousel-promo .carousel-cell blockquote cite {
font-weight:bold;
} .promo-template .main-content--quotes h2.dark {
color:#000;
} .promo-template .wpcf7-form {
padding:4% 4% 2%;
border-radius:20px;
box-shadow:0 0 25px rgba(0,0,0,.07);
background-color:#fff;
transition:box-shadow 0.3s ease-in-out;
}
.promo-template .wpcf7-form label {
width:100%;
margin-bottom:0;
line-height:normal;
}
.promo-template .wpcf7-form.sent .row {
display:none;
}
.promo-template .wpcf7 form.sent .wpcf7-response-output {
text-align:center;
font-size:1.1em;
color:#fff;
background-color:#46b450;
} .fancybox__container {
z-index:999999 !important;
}
.fancybox__backdrop {
background-color:rgba(0,0,0,0.6) !important;
}
#modal-1, #modal-2, #modal-3 {
display:none;
position:relative;
text-align:left;
width:70%;max-width:700px;
padding:3% 6%;
background:#fff;
background-size:contain;
border-radius:20px;
box-shadow:0 0 16px rgba(0,0,0,0.2);
}
#modal-1 button,
#modal-2 button,
#modal-3 button {
cursor:pointer;
position:absolute;
top:24px;right:24px;
width:30px;height:30px;
}
@media screen and (max-device-width:767px), screen and (max-width:767px) { .promo-template .inner-banner-caption {
text-align:center;
}
.promo-template .inner-banner-section img {
max-height:200px;
} .promo-template .service-holder {
margin-bottom:20px;
}
.promo-template .service-holder section {
width:98%;margin:3% 1%;
}
.promo-template .service-holder section img {
max-height:200px;
} .promo-template .carousel-promo .carousel-cell {
width:90%;
padding:4%;margin:0 20px;
}
.promo-template .carousel-promo .carousel-cell blockquote p {
font-size:0.95em;
}
} .promo-template .main-content.main-content--toggle {
margin-top:0;
}
.toggle_hldr {
margin:0;
}
.toggle_hldr h3 {
text-align:center;
font-size:2.5em;
margin:0 0 32px;
}
.toggle_hldr details {
margin-bottom:24px;
border-radius:20px;
box-shadow:0 0 25px rgba(0,0,0,.1);
}
.toggle_hldr details summary {
display:block;
cursor:pointer;
color:#fff;
font-size:1.3em;
font-weight:700;
padding:20px 70px 18px 40px;
background:#f26a3d url(//www.linfordgrey.co.uk/wp-content/themes/linfordgrey/assets/images/icon-toggle-01a.png) 97% center no-repeat;
background-size:32px;
border-radius:20px;
transition:all 0.1s ease-in-out;
}
.toggle_hldr details summary::marker {font-size:0;}
.toggle_hldr details summary::-webkit-details-marker {display:none;}
.toggle_hldr details .toggle-content {
padding:30px 40px;
border-radius:0 0 20px 20px;
}
.toggle_hldr details[open] summary {
border-radius:20px;
}
.toggle_hldr details[open] summary {
background-color:#c94418;
background-image:url(//www.linfordgrey.co.uk/wp-content/themes/linfordgrey/assets/images/icon-toggle-01b.png);
border-radius:20px 20px 0 0;
outline:0;
}
@media screen and (max-device-width:640px), screen and (max-width:640px) {
.toggle_hldr details summary {
font-size:1em;
padding:12px 50px 12px 20px;
background-size:24px;
background-position:95% center;
}
.toggle_hldr details .toggle-content {
padding:12px 20px;
}
} .promo-template .img-section .container {
padding-left:0;padding-right:0;
}
.img-section img {
max-width:100%;
margin-bottom:30px;
}
.img-section .col-sm-8 {
padding-left:30px;
}
@media screen and (max-device-width:767px), screen and (max-width:767px) {
.promo-template .img-section .container {
padding-left:15px;padding-right:15px;
}
.img-section .col-sm-8 {
padding-left:15px;
}
} .promo-template .main-content.btn-cta-section {
padding-top:0;
}
.promo-template .main-content.btn-cta-section .btn {
width:100%;
margin:0;
background:none;
}
.btn-cta-section .btn a {
display:inline-block;
color:#fff;
font-size:1.2em;
font-weight:300;
text-decoration:none;
padding:10px 28px;margin-right:10px;
background-color:#c94418;
border:1px solid #fff;
}
.btn-cta-section .btn a:hover {
background-color:#d6572d;
}  .navslide--holder {
display:none;
z-index:99999;
position:absolute;
top:-2px;right:0;
width:50px;height:50px;
}
#navslide {
cursor:pointer;
width:50px;height:50px;
text-align:center;
color:#fff;
font-size:0.5em;
letter-spacing:1px;
line-height:90px;
text-transform:uppercase;
background:#97310f url(//www.linfordgrey.co.uk/wp-content/themes/linfordgrey/assets/images/icon-nav.png) center no-repeat;
background-size:50%;
border:0;
}
.mobnav-subarrow {
display:none;
position:absolute;
top:0;right:0;
cursor:pointer;
width:43px;height:100%;max-height:43px;
background:#97310f url(//www.linfordgrey.co.uk/wp-content/themes/linfordgrey/assets/images/icon-nav.png) center no-repeat;
background-size:20px;
}
.mobnav-subarrow.clozed {
background-image:url(//www.linfordgrey.co.uk/wp-content/themes/linfordgrey/assets/images/icon-nav-closed.png);
background-size:24px;
}
#s9-nav {
float:right;
visibility:visible;
opacity:1;
transition:all 0.5s ease-in-out;
}
#s9-nav * {
box-sizing:border-box;
}
#s9-nav ul {
margin:4px 0 0;
}
#s9-nav ul li {
z-index:999;
float:left;
position:relative;
list-style:none;
font-size:1.2em;
line-height:normal;
border-right:1px solid #ec663b;
}
#s9-nav ul li:last-child {
border-right:0;
}
#s9-nav ul li a {
display:inline-block;
color:#fff;
font-weight:500;
text-decoration:none;
padding:10px 0;margin:0 12px;
}
#s9-nav ul li > a:hover,
#s9-nav ul li a:active,
#s9-nav ul li a:focus,
#s9-nav ul li:hover {
color:#fcac91;
} #s9-nav ul li ul {
display:none;
z-index:99;
position:absolute;
top:100%;left:-1px;
width:200px;
margin:0;
background-color:#97310f;
}
#s9-nav ul li ul li {
text-align:left;
font-size:0.8em;
margin:0;
border-right:0;
}
#s9-nav ul li ul li a {
min-width:200px;
margin:0;padding:10px 12px;
}
#s9-nav ul li ul li a:hover,
#s9-nav ul li ul li a:active,
#s9-nav ul li ul li a:focus {
background-color:#621f09;
}
#s9-nav ul li ul li.current-page-ancestor a {
background-color:#621f09;
}
#s9-nav ul li:hover > ul {
display:block;
} #s9-nav ul li ul ul {
top:0%;
left:100%;
}
#s9-nav ul li ul li ul li {
font-size:0.9em;
} .discovery-content .common-head {}
.discovery-content .common-head:after {}
.discovery-content .common-head span {}
.discovery-content .btn {
display:block;
}
.discovery-content .btn a {
display:inline-block;
color:#fff;
font-size:1.2em;
font-weight:300;
text-decoration:none;
padding:10px 28px;
background-color:#c94418;
border:1px solid #fff;
}
.service-holder--discovery {
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:40px 0 20px;
}
.service-holder--discovery section {
width:20%;
text-align:center;
padding:0 20px;margin:1% 0%;
transition:all 0.3s ease-in-out;
}
.service-holder--discovery section:hover {
transform:translateY(-6px);
}
.service-holder--discovery section img {
max-height:110px;max-width:110px; }
.service-holder--discovery section h3 {
font-size:1.2em;
margin-bottom:14px;
border-bottom:0;
}
.service-holder--discovery section p {
}
@media screen and (max-device-width:1199px), screen and (max-width:1199px) {
.service-holder--discovery section {
width:33.333%;
margin-bottom:3%;
}
}
@media screen and (max-device-width:640px), screen and (max-width:640px) {
.service-holder--discovery section {
width:50%;
}
}
@media screen and (max-device-width:500px), screen and (max-width:500px) {
.service-holder--discovery section {
width:100%;
}
} body.shrink #header {
box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.1);
}
body.searchdrop #s9-nav {
visibility:hidden;
opacity:0;
}
body .blackout-canvas {
display:none;
transition:background-color 0.5s linear;
}
body.menu-focus .navi {
right:0;
margin-left:0;
}
body.menu-focus .blackout-canvas {
display:block;
position:fixed;
z-index:9;
top:0;right:0;bottom:0;left:0;
background-color:rgba(0, 0, 0, 0.6);
}
body.menu-focus #navslide {
background-image:url(//www.linfordgrey.co.uk/wp-content/themes/linfordgrey/assets/images/icon-nav-closed.png);
}
@media screen and (max-device-width:991px), screen and (max-width:991px) {
.navslide--holder {
display:block;
float:right;
}
.navi {
overflow:scroll;
z-index:9999;
position:fixed;
top:80px;right:-2000px;
width:100%;height:calc(100vh - 64px);
padding:30px 30px;
background-color:#fff;
transition:right 0.4s ease-in-out;
}
#s9-nav ul li {
width:100%;
text-align:left;
border-right:0;
}
#s9-nav ul li a {
width:100%;
color:#c94418;
padding:12px 16px 8px;margin:0;
border-bottom:0.5px solid #e4e6e6;
}
#s9-nav ul li ul,
#s9-nav ul li ul li ul {
display:none !important;
position:static;
float:left;
width:100%;
background-color:transparent;
}
#s9-nav ul li ul li a {
padding:10px 16px 6px 30px;
}
#s9-nav ul li ul li a:hover,
#s9-nav ul li ul li a:active,
#s9-nav ul li ul li a:focus {
background-color:transparent;
} #s9-nav ul li ul li ul li a {
padding-left:50px;
} #s9-nav ul li:hover > ul,
#s9-nav ul li:hover ul li ul,
#s9-nav ul li ul li:hover ul {
display:none !important;
}
#s9-nav .mobnav-subarrow {
display:block;
}
#s9-nav ul ul .mobnav-subarrow {
max-height:34px;
}
#s9-nav ul li.xpopdrop > ul,
#s9-nav ul li ul li.xpopdrop ul {
display:block !important;
}
}
@media screen and (max-device-width:767px), screen and (max-width:767px) {
.navi {
top:66px;
}
} #modal-1, #modal-2, #modal-3,
#modal-4, #modal-5, #modal-6 {
}
@media screen and (max-device-width:991px), screen and (max-width:991px) {
#modal-1, #modal-2, #modal-3,
#modal-4, #modal-4, #modal-6 {
}
}
.modal-container {}
.modal-txt p {
font-size:1em;
line-height:1.5em;
margin:0 0 20px;
}
.modal-txt .wpcf7-form p {
margin:0;
}
.modal-txt .wpcf7-form h2 {
margin:20px 0;
}
#modal-1 button, #modal-2 button, #modal-3 button,
#modal-4 button, #modal-5 button, #modal-6 button {
color:#c94418;
font-size:0;
border:0;
background-color:transparent;
} .fancybox__container #modal-1 :empty,
.fancybox__container #modal-2 :empty,
.fancybox__container #modal-3 :empty { }