a:focus { outline: 1px dotted #888!important; }
#main:focus, #topnav:focus, #navbar:focus { outline:none!important; }
a {
-webkit-transition: 200ms linear 0s;
-moz-transition: 200ms linear 0s;
-o-transition: 200ms linear 0s;
transition: 200ms linear 0s;
}
body {
font-family: 'Raleway', sans-serif;
font-weight: normal;
line-height: 1.3;
background: #fff url(//www.kph.co.uk/wp-content/themes/kph-group-2017/images/back.jpg) no-repeat 50% 0;
background-size: cover;
background-attachment: fixed;
color: #333;
text-align: left;
}
h1, h2, h3, h4, h5, h6, label {
color: #4c8c2b;
}
h2.post-title a {
font-size: 2.6rem;
color: #4c8c2b;
}
h2.post-title a:hover {
color: #333;
}
body.page-id-109 h2 {
margin-bottom: 0;
}
img {
max-width: 100%;
border: 0;
height: auto;
}
a#skip {
display: block;
overflow: hidden;
width: 0;
height: 0;
} #main {
background: rgba(255,255,255,0.7);
}
#content, .content {
padding: 40px 0 10px 0;
}
#content ul, .content ul {
list-style: disc;
list-style-position: outside;
margin-left: 18px;
}
#content ul.columns, .content ul.columns {
-webkit-column-width: 18em;
-moz-column-width: 18em;
column-width: 18em;
list-style: none;
margin-left: 0;
}
.entry {
clear: both;
margin: 0 40px;
}
.entry footer {
clear: both;
}
body.blog .entry, body.category .entry, body.archive .entry {
padding-bottom: 15px;
margin-bottom: 30px;
margin-right: 0;
border-bottom: 1px solid #666;
}
body.single .entry {
margin-right: 0;
}
.post-title a {
text-decoration: none;
}
.date-comments {
color: #333;
font-size: 1.5rem;
margin-top: -10px;
margin-bottom: 15px;
}
.date-comments a {
color: #333;
text-decoration:none;
}
.date-comments a:hover {
text-decoration:underline;
}
span.author ,span.comments {
border-left: 1px solid #333;
padding: 0 0 0 10px;
margin: 0 0 0 5px;
}
span.postedcategory {
padding: 0 2px;
}
.postedtags {
margin: 15px 0 0 0;
text-align: left;
font-size: 11px;
color: #333;
text-transform: uppercase;
}
.postedtags a {
color: #333;
text-decoration: none;
}
.postedtags a:hover {
color: #4c8c2b;
text-decoration: underline;
}
.readmore, a.more-link {
display: inline-block;
margin-top: 15px;
background: #4c8c2b;
color: #fff;
font-weight: 600;
padding: 10px 40px 10px 10px;
text-decoration: none;
}
.readmore:hover, a.more-link:hover {
background: #666;
color: #fff;
text-decoration: none;
}
.entry img {
margin: 0;
}
.clearboth {
clear: both;
}
.tiled-gallery {
margin-bottom: 2.5rem!important;
}
.su-note {
border: 0!important;
}
.su-note h2, .su-note h3, .su-note h4 {
color: #fff!important;
}
.su-note img {
vertical-align: middle;
}
.bx-wrapper img {
max-width: 255px!important;
} .featuredimage img {
float: left;
margin: 0 15px 105px 0;
}
.featuredimage.pageimage img {
float: none;
margin: 0 0 30px 0;
}
.single-gallery .gallery-item, .gallery-item {
margin: 0 10px 15px 10px;
float: left;
display: inline;
}
.gallery-item {
width: 29%!important;
}
.wp-caption {
}
.gallery-item img, .single-gallery img, .wp-caption img {
margin: 0 0 15px 0;
}
.gallery-caption, .wp-caption-text {
text-align: center;
margin: 3px 0;
font-size: 12px;
}
img.alignleft {
height: auto;
margin: 0 15px 15px 0;
}
img.alignnone {
height: auto;
margin: 0 0 15px 0;
}
img.alignright {
margin: 0 0 15px 15px;
}
.aligncenter {
margin: 15px auto;
display: block;
}
img.aligncenter {
margin: 15px auto;
display: block;
}
.aligncenter img, .gallery-item img {
display: block;
margin: 0 auto 15px auto;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 0;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.flex-direction-nav {
display: none;
} .homebox {
color: #fff;
font-size: 2.2rem;
}
.homebox a {
color: #fff;
text-decoration: none;
}
.homebox.environmental {
background: #37317e;
}
.homebox.deconstruction {
background: #e87b2a;
}
.homebox p {
padding: 0 40px;
}
.homebox h2 {
padding: 0 40px;
margin: 0 0 2.5rem 0;
font-size: 2.2rem;
color: #FFF;
font-weight: 400;
line-height: 1.3;
}
.homebox .button.largebutton {
font-size: 2.0rem;
width: 100%;
padding: 15px 0;
}
.homebox.environmental .button.largebutton {
background: #524D95;
}
.homebox.environmental .button.largebutton:hover, .homebox.environmental .button.largebutton:focus {
background: #211C64;
}
.homebox.deconstruction .button.largebutton {
background: #F99953;
}
.homebox.deconstruction .button.largebutton:hover, .homebox.deconstruction .button.largebutton:focus {
background: #C05A0F;
}
.homebox img:hover, .homebox img:focus {
opacity: 0.8;
}
#homefooter {
color: #fff;
}
#homefooter h2 {
margin: 20px 0;
font-size: 3.2rem;
}
#homefooter .latestnews {
padding: 20px 20px 15px 20px;
}
#homefooter .latestnews div {
font-size: 1.8rem;
padding: 5px;
margin: 0 0 5px 0;
transition: 200ms linear 0s;
}
#homefooter .latestnews.environmental div {
background: #524D95;
}
#homefooter .latestnews.environmental div:hover, #homefooter .latestnews.environmental div:focus {
background: #211C64;
}
#homefooter .latestnews.deconstruction div {
background: #F99953;
}
#homefooter .latestnews.deconstruction div:hover, #homefooter .latestnews.deconstruction div:focus {
background: #C05A0F;
}
#homefooter .latestnews h3 {
margin: 0 0 10px 0;
font-size: 2rem;
color: #FFF;
font-weight: 600;
line-height: 1.3;
}
#homefooter .latestnews a.allnews {
padding: 10px 0 5px 0;
display: block;
font-size: 1.5rem;
text-align: right;
}
.bx-wrapper {
margin-top: -20px!important;
margin-bottom: 0!important;
}
.advps-slide-field-three img {
margin-bottom: 20px;
}
#advps_container3 .bx-wrapper .bx-pager.bx-default-pager a {
background: #999!important;
} aside {
margin: 40px 0;
padding: 0;
}
aside h2, aside h3 {
clear: none;
}
aside h2 {
font-size: 1.7rem;
}
aside ul {
margin: 0;
}
aside ul ul {
margin: 0 0 20px 0;
}
aside ul ul ul {
margin: 10px 0 10px 0;
font-size: inherit;
}
aside ul li {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
background: none;
}
aside ul ul li {
margin: 0 0 10px 0;
font-size: 1.3rem;
}
aside p {
margin: 0 0 15px 0;
font-size: 14px;
}
aside a, aside a:visited {
text-decoration: none;
}
aside a:hover {
text-decoration: underline;
}
.widget_tag_cloud div {
}
.widget_simpleimage img {
width: 100%;
height: auto;
}
.widget_recent_entries, .widget_archive, .widget_categories {
padding: 20px 20px 5px 20px;
margin-right: 40px;
}
.widget_recent_entries {
background: #4c8c2b;
color: #fff;
}
.widget_archive {
background: #666;
color: #fff;
}
.widget_categories {
background: #fff;
}
.widget_recent_entries a, .widget_recent_entries h2, .widget_archive a, .widget_archive h2 {
color: #fff;
} #siteheader {
position: relative;
}
#siteheader > #topbar {
position: absolute;
top: 20px;
z-index: 5;
left: 50%;
transform: translate(-50%);
box-sizing: border-box;
}
#topbar *, #topbar *:before, #topbar *:after {box-sizing: inherit;} body.home header#siteheader {  background-size: 1500px 522px;
}
#tagline {
text-align: center;
font-weight: 600;
color: #fff;
font-size: 3.2rem;
padding: 0;
text-shadow: 2px 1px 1px rgba(0,0,0,0.35);
}  #optinbar {
margin-top: 40px;
background: #4c8c2b;
padding: 20px 0;
color: #331979;
}
#optinbar .mc4wp-form form {
margin-bottom: 0;
margin-right: 3%;
}
#optinbar h3 {
color: #fff;
font-size: 2.6rem;
margin: 0 0 5px 0;
}
.mc4wp-form input[type="text"], .mc4wp-form input[type="email"] {
float: left;
width: 72%;
border: 0;
font-size: 1.3rem;
color: #999;
margin: 0 5px 0 0;
}
.mc4wp-form input[type="submit"] {
float: left;
background: #333;
border: 0;
margin: 0;
font-size: 1.5rem;
padding: 6px 18px;
height: 38px;
text-transform: uppercase;
}
.mc4wp-form input[type="submit"]:hover {
background: #111;
}
.mc4wp-form label {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.mc4wp-alert {
color:#fff!important;
clear: both!important;
font-size: 0.9em!important;
padding-top: 10px!important;
}
.wpcf7-form {
margin: 0;
}
.wpcf7-form label {
color: #FFF;
}
.wpcf7-form p {
padding: 0 2%;
margin: 0;
}
.wpcf7-form p:nth-of-type(-n+4) {
float: left;
width: 46%;
}
.wpcf7-form input {
color: #444;
}
.wpcf7-form input[type="submit"] {
color: #fff;
background: #333;
border-color: #333;
} ::-webkit-input-placeholder {
font-family: 'Raleway', sans-serif;
color: #999;
font-size: 14px;
font-weight: normal;
}
:-moz-placeholder {
font-family: 'Raleway', sans-serif;
color: #999;
font-size: 14px;
font-weight: normal;
}
::-moz-placeholder {
font-family: 'Raleway', sans-serif;
color: #999;
font-size: 14px;
font-weight: normal;
}
:-ms-input-placeholder {
font-family: 'Raleway', sans-serif;
color: #999;
font-size: 14px;
font-weight: normal;
}
label {
font-size: 2.0rem;
}
#s {
width: auto!important;
}
#searchsubmit {
margin-left: 8px;
}
#topsearch {
position: relative;
margin: 10px 0 20px 0;
}
#topsearch input {
margin: 0;
}
.search-button {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 40px;
background-color: #4c8c2b;
z-index: 5;
color: #FFF;
padding: 10px;
font-size: 18px;
text-align: center;
cursor: pointer;
}
.search-button i {
display: block;
}
#content nav.ss360-tabbed ul, nav.ss360-tabbed ul {
margin: 0;
}
.ss360-top-nav ul li {
margin-bottom: 0;
}
div.wpcf7 img.ajax-loader {
display: none;
}
div.wpcf7-validation-errors {
color: red;
}
div.wpcf7-response-output {
margin-left: 0;
margin-right: 0;
padding: 10px 10px 6px 10px;
color: #fff;
background: #4c8c2b;
font-size: 2rem;
}
div.wpcf7-mail-sent-ok {
border: 0;
}
.wufoo-form-container {
margin-top: -40px;
}
p.gdpr-text{
padding: 0 2%;
color: white;
}
p.gdpr-text a{
color: white !important;
}
.gdpr-box, #contact-us input[type=submit]{
clear: both;
}
.gdpr-box select{
float: right;
}
#contact-us a{
color: white;
}
#contact-us .wpcf7-form p {
padding: 0 2%;
margin: 0;
swidth: 100%;
}
#contact-us.home-page-form .wpcf7-form p:nth-of-type(-n+9), #contact-us.contact-page-form .wpcf7-form p:nth-of-type(-n+4) {
width: 46%;
float: left;
padding: 0 2%;
margin: 0;
}
#contact-us .wpcf7-form p:last-of-type {
clear: both;
}
#contact-us .wpcf7-form input[type="submit"] {
display: block;
width: 40%;
margin: 1vw auto 0;
float: none !important;
background: #333;
}
#contact-us p label, #contact-us p span{
color: white;
font-weight: 600;
font-size: 2rem;
}
#contact-us p label input, #contact-us p label textarea, #contact-us p label select{
color: black;
}
#contact-us{
padding: 20px 0;
background: #4c8c2b;
}
@media screen and (max-width: 768px){
#contact-us.home-page-form .wpcf7-form p:nth-of-type(-n+9), #contact-us.contact-page-form .wpcf7-form p:nth-of-type(-n+4) {
width: 96%;
float: left;
padding: 0 2%;
margin: 0;
}
} #testimonials {
background: #4c8c2b;
padding: 30px 0;
color: #fff;
text-align: center;
}
#testimonials p {
font-size: 1.8rem;
line-height: 1.5;
}
blockquote, blockquote.quotescollection-quote {
margin: 0 0 2.5rem 0;
padding: 15px 0 1px 30px;
border-left: 10px solid #333;
}
#testimonials blockquote.quotescollection-quote {
margin: 0;
padding: 0;
border: 0;
}
.quotescollection-quote footer.attribution {
display: none;
}
ul#testimoniallinks {
margin: 20px 0 0 0;
text-align: center;
list-style: none;
}
ul#testimoniallinks li {
display: inline;
}
ul#testimoniallinks li a {
display: inline-block;
margin: 0 5px;
width: 150px;
}
.su-quote-style-default {
margin-bottom: 35px!important;
background: #4c8c2b;
padding: 40px!important;
color: #fff;
font-weight: 400;
font-size: 0.9em;
}
.su-quote-style-default p:last-child {
margin-bottom: 0!important;
}
.su-quote-cite {
font-weight: 700;
margin-top: 5px;
}
.su-quote-cite p {
margin-bottom: 0!important;
}
.su-quote-style-default .su-quote-cite::before {
content:""!important;
}
.su-quote-style-default::before {
top: 20px!important;
left: 20px!important;
}
.su-quote-style-default::after {
bottom: 20px!important;
right: 20px!important;
}
.su-note {
border-width: 0!important;
}
.su-note li a {
font-weight: 600;
color: #fff;
text-decoration: none;
}
.su-note li a:hover, .su-note li a:focus {
text-decoration: underline;
} footer#sitefooter { background: #333;
color: #fff;
font-size: 1.3rem
}
#footerin {
padding: 40px 0 40px 0;
}
.footercenter { }
.footercenter .su-slider-centered {
margin-bottom: 0!important;
}
footer#sitefooter p {
margin: 0 0 20px 0;
line-height: 1.2;
}
footer#sitefooter a, footer#sitefooter a:visited {
color: #fff;
text-decoration: none;
}
footer#sitefooter a:hover {
color: #fff;
text-decoration: underline;
}
footer#sitefooter a.cookielink, footer#sitefooter a.cookielink:visited {
color: #4c8c2b;
text-decoration: none;
font-weight: 600;
}
footer#sitefooter a.cookielink:hover {
color: #4c8c2b;
text-decoration: underline;
}
footer#sitefooter h3 {
text-transform: uppercase;
margin-bottom: 5px;
font-size: 2.8rem;
}
.footernav {
}
.footernav ul {
list-style: none;
padding: 0;
}
.footernav .sub-menu {
margin-left: 0;
}
#contact-us .wpcf7-form input[type="submit"] {
display: block;
width: 40%;
margin: 1vw auto 0;
}
#contacts {
font-size: 1.5rem;
font-weight: 600;
}
#contacts span {
color: #4c8c2b;
}
.footerlogos {
text-align: right;
}
a.footerlogo img {
max-width: 80%;
}
#supportlogos li {
display: inline;
}
footer#sitefooter #menu-footer-1 li, footer#sitefooter #menu-footer-2 li {
padding: 0 5px;
}
footer#sitefooter #menu-footer-1 li:first-child {
background: #37317e;
padding: 2px 5px;
}
footer#sitefooter #menu-footer-2 li:first-child {
background: #e87b2a;
padding: 2px 5px;
} ul.socialfooter {
display: block;
margin: 0 0 0 0;
text-align: right;
}
ul.socialfooter li {
position: relative;
display: inline;
margin: 0!important;
width: 32px!important;
height: 32px!important;
background: none;
padding: 0;
}
ul.socialfooter li a {
width: 32px;
height: 32px;
display: inline-block;
text-indent: -9999em;
padding: 0!important;
margin: 0 2px!important;
outline: none!important;
border-bottom: 0;
font-size: 0;
}
ul.socialfooter li a:hover {
opacity: 0.7;
}
ul.socialfooter li.youtubefooter a, .socialbar li.youtubefooter a { background: url(//www.kph.co.uk/wp-content/themes/kph-group-2017/images/icon_youtube.png) no-repeat 0 0; }
ul.socialfooter li.facebookfooter a, .socialbar li.facebookfooter a { background: url(//www.kph.co.uk/wp-content/themes/kph-group-2017/images/icon_facebook.png) no-repeat 0 0; }
ul.socialfooter li.twitterfooter a, .socialbar li.twitterfooter a { background: url(//www.kph.co.uk/wp-content/themes/kph-group-2017/images/icon_twitter.png) no-repeat 0 0; }
ul.socialfooter li.rssfooter a, .socialbar li.rssfooter a { background: url(//www.kph.co.uk/wp-content/themes/kph-group-2017/images/icon_rss.png) no-repeat 0 0; }
ul.socialfooter li.linkedinfooter a, .socialbar li.linkedinfooter a { background: url(//www.kph.co.uk/wp-content/themes/kph-group-2017/images/icon_linkedin.png) no-repeat 0 0; }
ul.socialfooter li.googleplusfooter a, .socialbar li.googleplusfooter a { background: url(//www.kph.co.uk/wp-content/themes/kph-group-2017/images/icon_googleplus.png) no-repeat 0 0; }
ul.socialfooter li.instagramfooter a, .socialbar li.instagramfooter a { background: url(//www.kph.co.uk/wp-content/themes/kph-group-2017/images/icon_instagram.png) no-repeat 0 0; }
.socialbar {
position: fixed;
z-index: 100;
left: 0;
top: 50%;
transform: translate(0, -50%);
background: #4c8c2b;
padding: 5px 10px;
}
.socialbar ul {
margin: 0;
padding-left: 0;
list-style: none;
}
.socialbar ul li {
margin: 0px;
}
.socialbar ul li a {
width: 32px;
height: 32px;
display: block;
padding: 5px 0;
text-decoration: none;
} #topnav {
margin-top: 0px;
}
.health-and-safety #topnav {  }
.accreditationlogos {
float: left;
width: auto;
margin-top: 10px;
border: 3px solid #4c8c2b;
}
.accreditationlogos img {
float: left;
}
#headernav {
margin-top: 0;
}
#headernav ul {
background: #4c8c2b;
color: #fff;
margin: 0;
padding: 0;
text-align: center;
text-transform: uppercase;
} #headernav ul li {
display: inline;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
#headernav ul li a {
display: inline-block;
color: #fff;
font-size: 1.4rem;
line-height: 13px;
padding: 10px 6px;
text-decoration:none;
font-weight: 600;
} #headernav ul li a:visited {
color: #fff;
}
#headernav ul li:hover a {
background: #4c8c2b;
color:#fff;
text-decoration: none;
}
#headernav ul li.current_page_item:hover a, #headernav ul li.current-menu-item:hover a, #headernav ul li.current-menu-parent:hover a, #headernav ul li.current_page_parent:hover a, #headernav ul li.current-page-ancestor:hover a {
text-decoration: none;
color: #333;
}
#headernav ul li.current_page_item:hover a, #headernav ul li.current-menu-item:hover a, #headernav ul li.current-menu-parent:hover a, #headernav ul li.current_page_parent:hover a, #headernav ul li.current-page-ancestor:hover a {
text-decoration: none;
color: #fff;
}
#headernav ul ul {
position:absolute;
left:-99999px;
margin: -3px 0 0 0;
padding: 5px 0 3px 0;
list-style:none;
background: #4c8c2b;
color:#fff;
z-index: 5000;
}
#headernav ul ul li {
width:200px;
float:left;
margin-left: 0;
border-right:0;
}
#headernav ul ul ul {
position:absolute;
left:200px;
top: 0;
}
#headernav ul ul ul li {
width:200px;
}
#headernav ul ul a {
display:block;
padding: 10px;
background: none;
color: #fff;
text-align: left;
text-decoration: none!important;
}
#headernav ul ul ul a {
background: none;
}
#headernav ul ul a:hover {
text-decoration: underline!important;
}
#headernav ul li.current-menu-item ul, #headernav ul li.current-menu-ancestor ul {
}
#headernav ul li.current-menu-item ul a, #headernav ul li.current-menu-ancestor ul a {
color:#fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#headernav ul li:hover > ul, #headernav ul li:focus > ul {
display: block;
left: 0;
}
#headcontacts {
clear: both;
margin: 0; text-align: right;
font-size: 2.9rem;
font-weight: 600;
color: #fff;
text-shadow: 2px 1px 1px rgba(0,0,0,0.35);
} #headcontacts a {
text-decoration: none;
color: #fff;
}
#headcontacts a:hover {
text-decoration: none;
color: #fff;
}
#headcontacts a:first-of-type {
}
#headcontacts span {
display: none;
} .slicknav_menu, #menu-mobile-menu, #menu-health-safety-mobile {
display:none;
}
@media screen and (max-width: 960px) {
.js #menu-mobile-menu {
display:none;
}
.js .slicknav_menu {
display:block;
}
#menu-main-navigation, #menu-health-safety {
display: none;
}
} .health-and-safety #navbar {
background: #4c8c2b;
}
.health-and-safety #navbar {
margin-top: 0;
}
.health-and-safety #navbar ul {
color: #fff;
margin: 0;
padding: 0;
text-align: left;
text-transform: uppercase;
}
.health-and-safety #navbar ul li {
display: inline;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.health-and-safety #navbar ul li a {
display: inline-block;
color: #fff;
font-size: 1.5rem;
padding: 8px;
text-decoration:none;
font-weight: 600;
}
.health-and-safety #navbar ul li a:visited {
color: #fff;
}
.health-and-safety #navbar ul li:hover a {
color: #fff;
text-decoration: none;
background: #78AB62;
}
.health-and-safety #navbar ul li.current_page_item a, .health-and-safety #navbar ul li.current-menu-item a, .health-and-safety #navbar ul li.current-menu-parent a, .health-and-safety #navbar ul li.current_page_parent a, .health-and-safety #navbar ul li.current-page-ancestor a {
text-decoration: none;
color: #fff;
}
.health-and-safety #navbar ul li.current_page_item a {
background: #78AB62;
}
.health-and-safety #navbar ul ul {
position:absolute;
left:-99999px;
margin: 0;
padding: 0;
list-style:none;
background: #78AB62;
color:#fff;
z-index: 5000;
}
.health-and-safety #navbar ul ul li {
width:340px;
float:left;
margin-left: 0;
border-right:0;
}
.health-and-safety #navbar ul ul ul {
position:absolute;
left:340px;
top: 0;
}
.health-and-safety #navbar ul ul ul li {
width:340px;
}
.health-and-safety #navbar ul ul a {
display:block;
padding: 10px;
background: none;
color: #fff;
text-align: left;
text-decoration: none!important;
}
.health-and-safety #navbar ul ul ul a {
background: none;
}
.health-and-safety #navbar ul ul a:hover {
background: #C05A0F;
text-decoration: none!important;
}
.health-and-safety #navbar ul li.current-menu-item ul, .health-and-safety #navbar ul li.current-menu-ancestor ul {
}
.health-and-safety #navbar ul li.current-menu-item ul a, .health-and-safety #navbar ul li.current-menu-ancestor ul a {
color:#fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.health-and-safety #navbar ul li:hover > ul, .health-and-safety #navbar ul li:focus > ul {
display: block;
left: 0;
} #comments {
clear: both;
}
#comments .navigation {
padding: 0 0 15px 0;
}
#comments article {
padding: 10px;
margin-bottom: 20px;
}
#comments .comment-body p:last-child {
margin-bottom: 5px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 30px;
}
.comment-author .avatar {
float: left;
margin-right: 10px;
}
.comment-author cite {
color: #000;
font-style: normal;
font-weight: bold;
font-size: 14px;
}
.comment-meta {
font-size: 12px;
margin: 0 0 15px 0;
}
.reply {
font-size: 13px;
}
#comments .children article {
margin-top: 15px;
}
#comments .children {
list-style: none;
margin: 0;
}
#comments .children li {
border: none;
margin: 0;
list-style: none;
}
#comments .bypostauthor, #comments .children article.bypostauthor {
background: #f7f7f7;
}
.nopassword, .nocomments {
display: none;
}
#comments .pingback {
border-bottom: 1px solid #666;
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
display: block;
font-size: 12px;
line-height: 18px;
margin: 0;
}
#comments .pingback .url {
font-size: 13px;
} #respond {
margin: 15px 0;
overflow: hidden;
position: relative;
}
#respond p {
margin: 0;
}
#respond p.form-submit {
margin: 15px 0;
}
#respond p.logged-in-as {
margin-bottom: 15px;
}
#respond .comment-notes {
margin-bottom: 15px;
}
.form-allowed-tags {
line-height: 1em;
}
.children #respond {
margin: 0 45px 0 0;
}
#comments-list #respond {
margin: 0 0 15px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-weight: normal;
}
#respond .required {
color: red;
font-weight: bold;
} acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dotted #6E6F71;
}
.center {
text-align: center;
}
.alignright {
float: right;
margin-left: 15px;
}
.alignleft {
float: left;
}
.hide {
display: none;
}
.bannercarousel.metaslider .slides li { }
.bannercarousel.metaslider .slides img { }
.bannercarousel {
margin: 0;
overflow: hidden;
}
.bannercarousel.metaslider .caption-wrap {
opacity: 1;
background: rgba(0,0,0,0.4);
}
.bannercarousel.metaslider .caption {
margin: auto;
width: 80%;
max-width: 960px;
font-size: 3.2rem;
font-weight: 600;
line-height: normal;
}
.bannercarousel.metaslider .caption a {
color: #FFF;
text-decoration: none;
} .scrolltotop {
display: none;
position: fixed;
padding: 1vw 0 0.2vw;
left: 2vw;
bottom: 0;
background: rgba(0,0,0,0.7);
color: #FFF;
font-weight: 400;
font-size: 1vw;
width: 4vw;
border-radius: 4px 4px 0 0;
text-align: center;
line-height: 0.5;
cursor: pointer;
}
#customerslider.owl-carousel {
clear: both;
}
#customerslider.owl-carousel .owl-item img {
border: 1px solid #CCC;
border-radius: 5px;
}
#customerslider.owl-carousel .owl-item img.alignnone {
margin: 0;
} @media only screen and (max-width: 450px) {
}
@media only screen and (max-width: 1325px) {
}
@media only screen and (max-width: 1219px) {
}
@media only screen and (max-width: 1189px) {
#headernav ul li a {
font-size: 1.2rem;
padding: 10px 6px;
}
#tagline {
font-size: 2.9rem;
}
#headcontacts { font-size: 2rem;
}
}
@media only screen and (max-width: 1095px) {
body {
background: #fff url(//www.kph.co.uk/wp-content/themes/kph-group-2017/images/back.jpg) no-repeat 50% 0;
background-size: auto 100%;
background-attachment: fixed;
}
#headernav ul li a {
font-size: 1.2rem;
padding: 10px 5px;
}
#tagline {
font-size: 2.6rem;
}
.homebox {
font-size: 2.0rem;
}
.homebox .button.largebutton {
font-size: 1.7rem;
}
}
@media only screen and (max-width: 959px) {
#tagline {
font-size: 2.2rem;
}
.homebox .button.largebutton {
font-size: 1.5rem;
}
#topnav, #headcontacts {
margin: 0;
}
#topbar {
width: 90%;
}
#headcontacts {
width: 100%;
font-size: 2rem;
text-align: right;
}
.bannercarousel.metaslider .slides li {
position: relative;
overflow: hidden;
height: 200px;
}
.bannercarousel.metaslider .slides img {
width: 1280px;  top: 0;
left: 50%;
transform: translate(-22%);
height: 100%;
}
.accreditationlogos {
overflow: hidden;
background: #FFF;
}
.accreditationlogos img {
height: 36px;
}
} @media only screen and (max-width: 899px) {
.homebox {
font-size: 1.7rem;
}
.homebox .button.largebutton {
white-space: normal;
}
#optinbar form {
width: 100%;
margin: 0;
}
.mc4wp-form input[type="text"], .mc4wp-form input[type="email"], .mc4wp-form input[type="submit"] {
float: none;
width: 100%;
display: block;
margin: 0 0 5px 0;
}
.wpcf7-form p:nth-of-type(-n+4) {
float: none;
width: 90%;
}
#contact-us .wpcf7-form p {
padding: 0 5%;
}
#contact-us .wpcf7-form input[type="submit"] {
margin: 5vw auto 0;
width: 100%;
}
.gallery-item {
float: none!important;
width: 100%!important;
}
}
@media only screen and (max-width: 859px) {
header#siteheader {
height: 180px;
}
body.home header#siteheader { background-position: 50% -60px!important;
}
#tagline {
font-size: 1.6rem;
margin-top: 0;
}
.socialbar {
display: none;
}
} @media only screen and (max-width: 735px) {
header#siteheader {
height: auto;
}
body.home header#siteheader { background-position: 50% -65px!important;
}
#topnav {
display: none;
}
#tagline {
font-size: 1.7rem;
}
} @media only screen and (max-width: 550px) {
body.home header#siteheader {
height: auto;
background-position: 45% -100px!important;
}
#topbar, #optinbar, footer#sitefooter {
padding-left: 20px;
padding-right: 20px;
}
#content, .content {
padding-top: 20px;
}
.entry {
margin: 0 20px;
}
#logo, #headcontacts {
text-align: center;
}
#tagline, #headcontacts {
font-size: 1.6rem;
text-align: center;
}
#headcontacts, #headcontacts span, #headcontacts a{
font-size: 20px !important;
}
#tagline{
font-size: 20px;
margin-bottom: 5px;
}
.homebox {
margin-top: 20px;
margin-bottom: 20px;
}
.homebox p, .homebox h2 {
padding: 0 20px;
}
.homebox .button.largebutton {
font-size: 1.7rem;
}
body.home #content .entry, body.home .content .entry  {
margin-top: 20px;
}
#homefooter h2 {
font-size: 3.0rem;
}
footer#sitefooter .four, .mc4wp-form {
margin-bottom: 40px;
}
.footerlogos {
text-align: left;
}
.footercenter {
border-left: 0;
border-right: 0;
}
.accreditationlogos {
width: 100%;
margin: 0 auto 50px;
float: none;
overflow: hidden;
}
.accreditationlogos img {
height: 55px;
}
} @media (min-width: 980px) and (max-width: 1119px) {
} @media (min-width: 550px) and (max-width: 879px) {
} @media only screen and (min-width: 975px) {
}
@media only screen and (min-width: 1099px) {
}
@media only screen and (min-width: 1499px) {
.health-and-safety header#siteheader {
background-size: 100% auto;
background-position: 50% 50%;
}
body.home header#siteheader {
background-size: 100% auto;
background-position: 50% 50%;
}
}
@media only screen and (min-width: 2000px) {
body.home header#siteheader {
background-position: 50% -120px !important;
}
}
body{
overflow-x: hidden; }
.tc_member-col-single {
box-sizing: border-box;
width: 33.333% !important;
margin: 0 !important;
padding: 15px !important;
}
.tc_member-col-single * {
box-sizing: border-box;
}
.tc_member-col-single h3 {
margin: 10px 0 0 0;
}
.health-and-safety-home, .health-and-safety-home * { box-sizing: border-box;}
.health-and-safety-campaign-banner {
position: relative;
float: left;
width: 75%;
text-decoration: none;
display: block;
}
.health-and-safety-campaign-banner img {
width: 100%;
}
.health-and-safety-campaign-banner h2 {
position: absolute;
top: 30px;
left: 0;
width: 50%;
background: #4c8c2b;
color: #FFF;
font-size: 2rem;
font-weight: 400;
margin: 0;
padding: 10px 15px;
}
.health-and-safety-lesson-banner {
position: relative;
float: right;
width: 25%;
padding: 0 0 0 10px;
text-decoration: none;
display: block;
}
.health-and-safety-lesson-banner img {
width: 100%; }
.health-and-safety-lesson-banner h2 { background: #4c8c2b;
color: #FFF;
font-size: 1.5rem;
line-height: 26px;
font-weight: 400;
margin: 0;
padding: 10px;
text-align: center;
}
#accreditationslider {
margin: 30px 0 0 0;
}
#accreditationslider.owl-carousel .owl-item p {
border: 1px solid #CCC;
border-radius: 5px;
height: 160px;
text-align: center;
background: #fff;
}
#accreditationslider.owl-carousel .owl-item img {
position: relative;
top: 50%;
transform: translateY(-50%);
width: 80%;
}
#accreditationslider.owl-carousel .owl-item img.alignnone {
margin: 0;
}
.sa_owl_theme#accreditationslider .owl-item .sa_hover_container .always_visible .sa_slide_link_icon, .sa_owl_theme#accreditationslider .owl-item .sa_hover_container .always_visible .sa_popup_zoom_icon, .sa_owl_theme#accreditationslider .owl-item .sa_hover_container .always_visible .sa_popup_video_icon, .sa_owl_theme#accreditationslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon, .sa_owl_theme#accreditationslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon, .sa_owl_theme#accreditationslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon {
float: none !important;
width: 100% !important;
height: 100% !important;
}
.white .sa_owl_theme#accreditationslider .owl-item .sa_hover_container .always_visible .sa_slide_link_icon, .white .sa_owl_theme#accreditationslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon {
background: none !important;
}
.white .sa_owl_theme#accreditationslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover, .white .sa_owl_theme#accreditationslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon:hover, .white .sa_owl_theme#accreditationslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
background: none !important;
}
.sa_owl_theme#accreditationslider .owl-item .sa_hover_container .sa_hover_buttons {
top: 0 !important;
left: 0 !important;
margin: 0 !important;
width: 100% !important;
height: 100% !important;
}
.accreditation-slider h2 {
text-align: center;
margin: 20px 0 0;
}
.latest-news {
clear: both;
float: left;
width: 100%;
margin: 10px 0 0 0; }
.latest-news h2 {
font-size: 2.8rem;
font-weight: 600; color: #4c8c2b;
margin: 10px 0;
text-align: center;  }
.latest-news .news-item {
float: left;
width: 49%; }
.latest-news .news-item:nth-of-type(2n) {
float: right;
}
.latest-news .news-item a {
display: block;
margin: 0 0 30px 0;
color: #666;
font-size: 1.4rem;
text-decoration: none;
line-height: 25px;
}
.latest-news .news-item a::after {
content: " ";
display: table;
clear: both;
}
.latest-news .environmental .post-thumbnail {
margin: 30px 30px 10px 30px;
border: 10px solid #37317e;
}
.latest-news .deconstruction .post-thumbnail {
margin: 30px 30px 10px 30px;
border: 10px solid #e87b2a;
}
.post-thumbnail img {
width: 100%;
}
.latest-project .post-thumbnail {
max-width: calc(90% - 20px);
height: 250px;
background-position: center;
background-size: cover;
transition: all .4s ease;
}
.latest-news .post-title {
padding: 0 30px;
font-size: 2rem;
font-weight: 600;
}
.latest-news .environmental .post-title {
color: #37317e;
}
.latest-news .deconstruction .post-title {
color: #e87b2a;
}
.post-date {
padding: 0 30px;
}
.post-desc {
padding: 0 30px;
font-size: 1.7rem;
}
.latest-project .post-desc p {
display: inline;
}
.post-more {
float: right;
padding: 10px 30px 10px 10px;
color: #FFF;
font-weight: 600;
}
.latest-news .environmental .post-more {
background-color: #37317e;
}
.latest-news .deconstruction .post-more {
background-color: #e87b2a;
}
.third-party-news {
float: left;
width: 50%;
padding: 30px 10% 0;
}
.third-party-news img {
width: 100%;
}
.innovations {
float: right;
width: 100%;
margin: 60px 0;
background: #D20820;
text-align: center;
}
.innovations a {
display: block;
}
.innovations img {
width: 50%;
}
.wp-video {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.video-item {
}
.video-item h2 {
font-size: 2rem;
margin: 10px 0;
}
#statsslider, #statsslider * {box-sizing: border-box;}
#statsslider {
clear: both;
float: left;
width: 100%;
margin: 20px 0;
}
#statsslider .sa_hover_container {
padding: 40px 60px 40px 220px !important;
color: #FFF;
font-size: 2rem;
text-align: center;
font-weight: 600;
text-transform: uppercase;
font-family: "Verdana";
}
#statsslider .sa_hover_container p {
margin: 0;
}
#statsslider .sa_hover_container p:first-of-type {
font-size: 4rem;
font-weight: 600;
margin-bottom: 20px;
}
#statsslider #statsslider_slide02 p:last-of-type, #statsslider #statsslider_slide03 p:last-of-type {
font-size: 1.4rem;
}
#statsslider p:last-of-type, #statsslider p:last-of-type {
font-size: 1.4rem;
}
#statsslider span.deconstruction {
color: rgba(232, 123, 42, 1);
}
#statsslider span.environmental {
color: rgba(55, 49, 126, 1);
}
.box-headline {
background: #4c8c2b;
color: #FFF;
font-size: 2rem;
font-weight: 400;
padding: 10px;
text-align: center;
line-height: 26px;
}
.sa_owl_theme#statsslider .owl-item .sa_hover_container .always_visible .sa_slide_link_icon, .sa_owl_theme#statsslider .owl-item .sa_hover_container .always_visible .sa_popup_zoom_icon, .sa_owl_theme#statsslider .owl-item .sa_hover_container .always_visible .sa_popup_video_icon, .sa_owl_theme#statsslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon, .sa_owl_theme#statsslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon, .sa_owl_theme#statsslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon {
float: none !important;
width: 100% !important;
height: 100% !important;
}
.white .sa_owl_theme#statsslider .owl-item .sa_hover_container .always_visible .sa_slide_link_icon, .white .sa_owl_theme#statsslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon {
background: none !important;
}
.white .sa_owl_theme#statsslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover, .white .sa_owl_theme#statsslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon:hover, .white .sa_owl_theme#statsslider .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
background: none !important;
}
.sa_owl_theme#statsslider .owl-item .sa_hover_container .sa_hover_buttons {
top: 0 !important;
left: 0 !important;
margin: 0 !important;
width: 100% !important;
height: 100% !important;
}
.centered {
text-align: center;
}
.policies {
text-align: left;
font-size: 2.5rem;
margin: 40px 0;
}
.accreds a {
float: left;
width: 25%;
margin: 0 0 80px 0;
text-decoration: none;
color: #222;
text-align: center;
}
.accreds a:nth-of-type(4n+1) {
clear: left;
}
.accreds a img {
width: 70%;
display: block;
margin: 0 auto 10px;
}
.accreds br {
display: none;
}
@media only screen and (max-width: 550px) {
.accreds a {
display: block;
float: none;
width: 100%;
margin: 0 0 20px 0;
}
}
.download-list::after {
content: " ";
display: table;
clear: both;
}
#content ul.download-list {
margin: 0 0 20px 0;
list-style: none;
}
.download-list li {
position: relative;
margin: 0 0 10px 0;
background: url(//www.kph.co.uk/wp-content/themes/kph-group-2017/images/icon-pdf.png) left 10px center no-repeat rgba(76, 140, 43, 0.8);
background-size: 25px;
}
.download-list li:hover {
background-color: rgba(76, 140, 43, 1);
}
.download-list li.environmental {
background-color: rgba(55, 49, 126, 0.8);
}
.download-list li.environmental:hover {
background-color: rgba(55, 49, 126, 1);
}
.download-list li.deconstruction {
background-color: rgba(232, 123, 42, 0.8);
}
.download-list li.deconstruction:hover {
background-color: rgba(232, 123, 42, 1);
}
.download-list li a {
display: block;
padding: 10px 10px 10px 50px;
color: #FFF;
text-decoration: none;
}
.download-list li a span {
float: right;
}
.stats-light h2, .stats-dark h2 {
background-color: rgba(250,227,210,1);
color: rgba(232,119,34,1);
padding: 15px;
margin: 0 0 20px 0;
font-size: 3rem;
font-weight: 600;
text-align: center;
}
.stats-light p, .stats-dark p {
text-align: center;
font-size: 2.5rem;
padding: 0;
margin: 0 60px 20px;
color: rgba(78,78,78,1);
font-weight: 600;
}
.stats-dark {
padding: 10px;
background-color: rgba(232,119,34,1);
}
.stats-dark p {
color: rgba(255,255,255,1);
}
.stats-graph {
float: left;
width: 50%;
padding: 20px;
}
.stats-graph:nth-of-type(2n+1) {
clear: both;
}
.stats-graph h3 {
margin: 0 0 10px;
padding: 0;
color: rgba(232,119,34,1);
font-size: 2.2rem;
font-weight: 600;
}
.stats-graph p {
text-align: left;
margin: 0 0 20px;
color: rgba(92,92,92,1);
font-size: 1.5rem;
font-weight: 400;
}
.stats-graph img {
width: 100%;
}
.notes {
margin: 20px 0;
clear: both;
color: rgba(92,92,92,1);
font-size: 1.7rem;
font-weight: 600;
}
.stats-dark p,
.stats-dark .stats-graph h3,
.stats-dark .stats-graph p,
.stats-dark .notes {
color: rgba(255,255,255,1);
}
@media only screen and (max-width: 550px) {
.health-and-safety-campaign-banner {
width: 100%;
}
.health-and-safety-campaign-banner h2 {
position: relative;
width: 100%;
}
.health-and-safety-lesson-banner {
width: 100%;
padding: 10px 0 0 0;
}
.health-and-safety-lesson-banner h2 {
left: 0;
}
.latest-news {
width: 100%;
}
.innovations {
width: 100%;
margin-left: 0;
}
#statsslider .sa_hover_container {
padding: 10px 10px 10px 100px !important;
font-size: 1rem !important;
background-size: cover !important;
min-height: 100px !important;
}
#statsslider .sa_hover_container p {
font-size: 1rem !important;
margin: 0 !important;
}
#statsslider .sa_hover_container p:first-child {
font-size: 2rem;
margin: 0;
}
#statsslider .sa_hover_container p br {
display: none;
}
}
.env-sust-heading {
clear: both;
background: #4c8c2b;
color: #FFF;
padding: 10px 15px;
font-weight: bold;
}
.env-sust-succ-obj {
width: 60%;
float: left;
}
.env-sust-succ-obj li {
padding: 0 10px 0 0;
color: #5c5c5c;
list-style-position: outside;
margin-left: 20px;
}
.env-sust-images {
width: 40%;
float: right;
}
.env-sust-images .env-sust-image img {
width: 100%;
margin: 0;
}
.env-sust-images .env-sust-image {
position: relative;
}
.env-sust-badge {
position: absolute;
padding: 20px 0 0 0;
top: 40px;
left: 50%;
transform: translateX(-50%);
width: 70%;
height: 70%;
background: #4c8c2b;
border: 10px solid #FFF;
border-radius: 50%;
color: #FFF;
text-align: center;
font-size: 1.2em;
font-family: "Arial", sans-serif;
}
.env-sust-badge span {
font-size: 2em;
font-weight: bold;
}
.env-sust-breeam-list li {
color: #4c8c2b;
font-weight: bold;
}
@media only screen and (max-width: 550px) {
.env-sust-succ-obj {
width: 100%;
float: none;
}
.env-sust-images {
width: 100%;
float: none;
}
.env-sust-badge {
font-size: 0.9em
}
.env-sust-badge span {
font-size: 1.4em;
}
} .widget.widget_categories.group-sidebar .cat-item.cat-item-14, .widget.widget_categories.group-sidebar .cat-item.cat-item-15 {
display: none;
}