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(//deconstruction.kph.co.uk/wp-content/themes/kph-deconstruction/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: #e87b2a;
}
h2.post-title a {
font-size: 2.6rem;
color: #e87b2a;
}
h2.post-title a:hover {
color: #333;
}
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 {
padding: 40px 0 10px 0;
}
#content ul {
list-style-position: outside;
margin-left: 18px;
}
#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;
}
body.single.single-project .entry, body.projects-page .entry {
margin-right: 40px;
}
body.single.single-project .single-featured img {
width: 100%;
}
.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: #e87b2a;
text-decoration: underline;
}
.readmore, a.more-link {
display: inline-block;
margin-top: 15px;
background: #e87b2a;
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;
} .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%;
} #serviceboxes {
margin-top: 40px;
margin-bottom: 20px;
}
.servicebox {
margin-bottom: 20px;
}
.servicebox a {
display: block;
width: 100%;
background: #e87b2a;
color: #fff;
font-size: 1.8rem;
font-weight: 600;
text-align: center;
text-decoration: none;
padding: 10px 0px;
vertical-align: middle;
-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.5);
box-shadow: 0 5px 10px 0 rgba(0,0,0,.5);
border-left: 5px solid #C05A0F;
border-bottom: 5px solid #C05A0F;
}
.servicebox a:hover {
background: #984100;
text-decoration: none;
}
#customerslider.owl-carousel .owl-item img {
border: 1px solid #CCC;
border-radius: 5px;
}
#customerslider.owl-carousel .owl-item img.alignnone {
margin: 0;
}
#slider_1261 p {
text-align: center;
} body.single-project #content {
padding-bottom: 40px;
}
.single-project.has-gallery .gallery, .single-project.has-gallery .summary {
width: 50%!important;
}
.single-project.has-gallery .gallery a {
margin-bottom: 40px!important;
}
.single-project .projects-single-pagination .previous a, .single-project .projects-single-pagination .next {
font-weight: 600;
text-transform: uppercase;
font-size: 1.3rem;
}
.single-project .projects-single-pagination .previous a::after {
vertical-align: baseline!important;
}
aside.sidebar{
padding: 0px 20px 0px 0px;
} 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: #e87b2a;
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;
}
aside .widget_nav_menu h2 {
font-size: 3.0rem;
color: #666;
}
#menu-services-menu {
margin-right: 40px;
}
aside ul ul#menu-services-menu li {
#font-size: inherit;
}
#menu-services-menu li.current-menu-item a {
color: #C05A0F;
} #topbar {
padding-top: 40px;
}
header#siteheader {
sbackground: url(//deconstruction.kph.co.uk/wp-content/themes/kph-deconstruction/images/header-shallow.jpg) no-repeat 50% 0;
background: url(https://deconstruction.kph.co.uk/wp-content/uploads/2018/04/header-new.png) no-repeat;
background-position: 50% 50%;
background-size: cover;
height: 250px;
} #tagline {
text-align: right;
font-weight: 600;
color: #fff;
text-decoration: none;
font-size: 3.2rem;
padding: 0;
}
#tagline a {
color: #FFF !important;
text-decoration: none;
} #optinbar {
margin-top: 40px;
background: #e87b2a;
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;
} ::-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;
}
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;
stext-transform: uppercase;
color: #fff;
background: #e87b2a;
font-size: 2rem;
}
div.wpcf7-mail-sent-ok {
border: 0;
}
.wufoo-form-container {
margin-top: -40px;
}
.wpcf7 input[type=text], .wpcf7 input[type=email]{
color: black !important;
}
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: #e87b2a;
}
@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;
}
ul.projects li.project, .projects-page ul.projects li.project {
width: 100% !important;
float: left;
clear: both;
}
} #testimonials {
background: #e87b2a;
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: #e87b2a;
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;
} #projectsbox {
margin-top: 40px;
background: #666;
color: #fff;
}
#projectsbox h2 {
color: #fff;
margin: 30px 20px 0 20px;
text-align: center;
}
.wpf_slides h4 {
margin: 5px 0 0 0;
width: 97%;
font-size: 1.4rem;
}
.wpf_slides h4 a {
color: #fff;
display: block;
background: #F99953;
text-align: center;
padding: 5px;
text-decoration: none;
min-height: 36px;
}
.wpf_slides h4 a:hover {
background: #e87b2a;
text-decoration: none;
}
.wpf_slides a img:hover {
opacity: 0.8;
} footer#sitefooter {
background: #333;
color: #fff;
font-size: 1.1rem;
}
#footerin {
padding: 40px 0 80px 0;
}
.footercenter {
border-left: 1px solid #4c8c2b;
border-right: 1px solid #4c8c2b;
padding: 0 20px;
}
.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;
color: #4c8c2b;
font-size: 2.8rem;
}
#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;
} ul.socialfooter {
display: block;
margin: -12px 0 0 0;
text-align: left;
}
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 { background: url(//deconstruction.kph.co.uk/wp-content/themes/kph-deconstruction/images/icon_youtube.png) no-repeat 0 0; }
ul.socialfooter li.facebookfooter a { background: url(//deconstruction.kph.co.uk/wp-content/themes/kph-deconstruction/images/icon_facebook.png) no-repeat 0 0; }
ul.socialfooter li.twitterfooter a { background: url(//deconstruction.kph.co.uk/wp-content/themes/kph-deconstruction/images/icon_twitter.png) no-repeat 0 0; }
ul.socialfooter li.rssfooter a { background: url(//deconstruction.kph.co.uk/wp-content/themes/kph-deconstruction/images/icon_rss.png) no-repeat 0 0; }
ul.socialfooter li.linkedinfooter a { background: url(//deconstruction.kph.co.uk/wp-content/themes/kph-deconstruction/images/icon_linkedin.png) no-repeat 0 0; }
ul.socialfooter li.googleplusfooter a { background: url(//deconstruction.kph.co.uk/wp-content/themes/kph-deconstruction/images/icon_googleplus.png) no-repeat 0 0; }
ul.socialfooter li.newsfooter a { background: url(//deconstruction.kph.co.uk/wp-content/themes/kph-deconstruction/images/icon-news.png) no-repeat 0 0; } #topnav {
text-align: right;
}
#headernav {
margin-top: 0;
}
#headernav ul {
background: #4c8c2b;
display: inline-block;
color: #fff;
margin: 0;
padding: 0;
text-align: right;
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 8px;
text-decoration:none;
font-weight: 600;
}
#headernav ul li a:visited {
color: #fff;
}
#headernav ul li:hover a {
color:#aaa;
text-decoration: none;
}
#headernav ul li.current_page_item a, #headernav ul li.current-menu-item a, #headernav ul li.current-menu-parent a, #headernav ul li.current_page_parent a, #headernav ul li.current-page-ancestor 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: rgba(0,0,0,.8)!important;
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 {
margin: 0;
text-align: right;
font-size: 2.2rem;
font-weight: 600;
color: #fff;
line-height: 1.2;
}
#headcontacts a {
text-decoration: none;
color: #fff;
}
#headcontacts a:hover {
text-decoration: none;
color: #fff;
}
#headcontacts span {
display: none;
}
#tagline{
text-align: left;
font-size: 2.2rem;
}
.sidebar a.c.tel{
scolor: black;
text-decoration: none;
}
.sidebar a.c.tel:hover{
color: #005580;
}
@media screen and (min-width: 768px){
#headcontacts{
margin-top: 20px;
}
}
@media screen and (max-width: 768px){
#headcontacts, #headcontacts span, #headcontacts a{
font-size: 20px !important;
text-align: center;
}
#tagline{
font-size: 20px;
margin-bottom: 5px;
}
} .slicknav_menu, #mobilenav {
display:none;
}
@media screen and (max-width: 960px) {
.js #menu-main-navigation-2019, .js #mobilenav {
display:none;
}
.js .slicknav_menu {
display:block;
}
} #navbar {
background: #e87b2a;
}
#navbar {
margin-top: 0;
}
#navbar ul {
color: #fff;
margin: 0;
padding: 0;
text-align: left;
text-transform: uppercase;
}
#navbar ul li {
display: inline;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
#navbar ul li a {
display: inline-block;
color: #fff;
font-size: 1.5rem;
padding: 8px;
text-decoration:none;
font-weight: 600;
}
#navbar ul li a:visited {
color: #fff;
}
#navbar ul li:hover a {
color: #fff;
text-decoration: none;
background: #F99953;
}
#navbar ul li.current_page_item a, #navbar ul li.current-menu-item a, #navbar ul li.current-menu-parent a, #navbar ul li.current_page_parent a, #navbar ul li.current-page-ancestor a {
text-decoration: none;
color: #fff;
background: #F99953;
}
#navbar ul ul {
position:absolute;
left:-99999px;
margin: 0;
padding: 0;
list-style:none;
background: #F99953;
color:#fff;
z-index: 5000;
}
#navbar ul ul li {
width:340px;
float:left;
margin-left: 0;
border-right:0;
}
#navbar ul ul ul {
position:absolute;
left:340px;
top: 0;
}
#navbar ul ul ul li {
width:340px;
}
#navbar ul ul a {
display:block;
padding: 10px;
background: none;
color: #fff;
text-align: left;
text-decoration: none!important;
}
#navbar ul ul ul a {
background: none;
}
#navbar ul ul a:hover {
background: #C05A0F;
text-decoration: none!important;
}
#navbar ul li.current-menu-item ul, #navbar ul li.current-menu-ancestor ul {
}
#navbar ul li.current-menu-item ul a, #navbar ul li.current-menu-ancestor ul a {
color:#fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#navbar ul li:hover > ul, #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;
} @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 {
padding: 10px 8px;
}
#tagline {
font-size: 2.9rem;
}
}
@media only screen and (max-width: 1095px) {
body {
background: #fff url(//deconstruction.kph.co.uk/wp-content/themes/kph-deconstruction/images/back.jpg) no-repeat 50% 0;
background-size: auto 100%;
background-attachment: fixed;
}
#headernav ul li a {
font-size: 1.1rem;
}
#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.4rem;
}
.homebox .button.largebutton {
font-size: 1.5rem;
}
} @media only screen and (max-width: 899px) {
.homebox {
font-size: 1.7rem;
}
.homebox .button.largebutton {
white-space: normal;
}
#optinbar .mc4wp-form 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;
}
.gallery-item {
float: none!important;
width: 100%!important;
}
#headernav ul li a {
font-size: 1.0rem;
}
}
@media only screen and (max-width: 859px) {
.single-project.has-gallery .gallery, .single-project.has-gallery .summary {
float: none!important;
width: 100%!important;
}
} @media only screen and (max-width: 735px) {
#tagline {
font-size: 1.7rem;
}
} @media only screen and (max-width: 550px) {
#topnav {
position: absolute;
top: 0;
left: 0;
right: 0;
}
#topnav #headernav ul {
display: flex;
}
#topnav #headernav ul::after {
content: " ";
display: table;
clear: both;
}
#topnav #headernav ul li {
display: flex;
width: 25%;
text-align: center;
align-items: center;
}
#topnav #headernav ul li a {
font-size: 1.3rem;
width: 100%;
}
body.home header#siteheader {
height: 450px;
}
#siteheader .container {
width: 100%;
}
#topbar, #optinbar, footer#sitefooter {
padding-left: 20px;
padding-right: 20px;
}
#topbar {
padding-top: 60px;
}
#content {
padding-top: 20px;
}
.entry {
margin: 0 20px;
}
#logo, #tagline, #headcontacts {
text-align: center;
}
#logo img {
max-width: 150px!important;
margin-bottom: 10px;
}
#tagline {
font-size: 1.5rem;
}
.homebox {
margin-top: 20px;
margin-bottom: 20px;
}
.homebox p {
padding: 0 20px;
}
.homebox .button.largebutton {
font-size: 1.7rem;
}
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;
}
}
@media only screen and (min-width: 736px) {
#navbar ul li.grouphomelink {
display: none;
}
} @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) {
header#siteheader {
background-size: 100% auto;
background-position: 50% 50%;
}
body.home header#siteheader {
background-size: 100% auto;
background-position: 50% 50%;
}
} #content .project .summary ul.single-project-categories {
margin-left: 0;
}
.projects_categories_list_widget li.cat-item::before, .single-project .project .summary .single-project-categories li::before {
font-family: 'dashicons';
vertical-align: top;
margin-right: .618em;
content: "\f318";
font-size: 13px;
float: left;
width: 13px;
} .projects_categories_list_widget li.cat-item{
font-size: 0px !important;
}
.projects_categories_list_widget li.cat-item::after, .single-project .project .summary .single-project-categories li::after {
content: " ";
display: table;
clear: both;
}
.projects_categories_list_widget li.cat-item a, .single-project .project .summary .single-project-categories li a {
font-size: 13px !important;
float: left;
width: 85%;
}
aside{
margin: 40px 0px 0px 0px; }
.kph-deconstruction_banner{
background: #e87b2a;
padding: 40px;     background-size: cover;
background-repeat: no-repeat;
opacity: 1;
transform: scale(1);
min-height: 432px;
}
.banner_gallery_image{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-size: cover;
background-repeat: no-repeat;
z-index: -2;
opacity: 0;
pointer-events: none;
transition: all .5s ease-out;
}
.banner_gallery_image.active{
opacity: 1;
}
@keyframes kph-deconstruction_banner_fadeIn{
0%{
opacity: 0;
transform: scale(0.95);
}
100%{
opacity: 1;
transform: scale(1);
}
}
.kph-deconstruction_banner .tweleve.columns{
margin: 0px;
}
.kph-deconstruction_banner .tweleve.columns:nth-of-type(3){
margin: 20px 0px;
}
.kph-deconstruction_banner .four.columns{ margin: 0px;
}
.kph-deconstruction_banner h3, .kph-deconstruction_banner h2, .kph-deconstruction_banner p {
margin: 0px;
color: white;   }
.kph-deconstruction_banner ul{
list-style: none;
margin: 0px;
padding: 0px;
}
.kph-deconstruction_banner ul li{
margin: 0px;
color: white;  background: #e87b2a;
}
.kph-deconstruction_banner a{
margin: 0px;
color: white;
text-decoration: none;  padding: 8px; background: #e87b2a;
}
.kph-deconstruction_banner a:hover{
background: #141414;
}
.kph-deconstruction_banner-button{
padding: 8px;
text-align: center;
text-transform: none;
border: 2px solid white;
float: right;
}
html, body{
height:100%;
}
.page-template-beta-page_home-about-us header#siteheader.beta{
height: calc(100% - 35px);
}
.page-template-beta-page_home-about-us header#siteheader.beta .backgroundoverlay{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: calc(100% - 35px); background: black;
opacity: .15;
}
header#siteheader.beta .container.banner{
position: relative;
}
.page-template-beta-page_home-about-us header#siteheader.beta .container.banner{
position: absolute;
top: calc(50%);
left: 50%;
transform: translate(-50%, -50%);
margin-top: 40px;
left: 75%;
opacity: 0;
}
.page-template-beta-page_home-about-us header#siteheader.beta .container.banner.animate{
animation-name: siteheader-beta_banner;
animation-duration: 2s;
animation-timing-function: ease-out;
animation-delay: .2s;
animation-fill-mode: forwards;
left: 75%;
opacity: 0;
}
@keyframes siteheader-beta_banner {
0%{
left: 75%;
opacity: 0; }
100%{
left: 50%;
opacity: 1; }
}
@keyframes kph-deconstruction_animation_banner-content-fadeInLeft {
0%{
left: 25%;
opacity: 0; }
100%{
left: 0%;
opacity: 1; }
}
header#siteheader.beta .container.banner h2{
font-size: 55px;
margin: 40px 0px;
color: white;
} header#siteheader.beta .container.banner a{
background: #e87b2a;
color: white;
padding: 8px;
text-decoration: none;
text-decoration: none;
text-transform: uppercase;
font-size: 25px;
font-weight: bold;
transition: all .2s ease-out;
}
header#siteheader.beta .container.banner a:hover{
background: black;
}
.row.beta{
background: rgba(255,255,255,0.7);
}
.kph-deconstruction_banner-overlay{
background: black;
opacity: .2;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0px;
z-index: -1;
}
.kph-deconstruction_banner-content.animate {
animation-name: kph-deconstruction_animation_banner-content-fadeInLeft;
animation-duration: 2s;
animation-timing-function: ease-out;
animation-delay: .2s;
animation-fill-mode: forwards; opacity: 0;
}
.kph-deconstruction_banner-content{
position: absolute;
top: 0;
padding: 40px;
left: 0;
width: calc(100% - 80px);
height: calc(100% - 80px);
left: 25%;
}
#content ul.kph-decon-list {
margin: 0;
padding: 0;
list-style: none;
}
#content ul.kph-decon-list li {
padding: 5px 5px 5px 15px;
list-style: none;
margin: 0 0 10px 0;
border: 1px solid #e87b2a;
border-width: 0px 0 1px 10px;
font-weight: 600;
color: #e87b2a;
}
#content ul.kph-decon-list li a {
text-decoration: none;
}
#content ul.kph-decon-list li a:hover {
text-decoration: underline;
}
.embedded-item {
position: relative;
box-sizing: border-box;
}
.embedded-item * {
box-sizing: border-box;
}
.embedded-item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -99999px;
overflow: hidden;
z-index: 5;
}
.embedded-item .embedded-title {
position: absolute;
top: 40px;
left: 0;
width: 80%;
padding: 10px 10px 10px 20px;
background: #e87b2a;
color: #fff;
font-size: 22px;
font-weight: 600;
}
@media only screen and (max-width: 550px) {
.embedded-item .embedded-title {
top: auto;
bottom: 0;
width: 100%;
padding: 15px;
font-size: 12px;
}
}
.embedded-item img {
border: 5px solid #e87b2a;
width: 100%;
}
#sub_contractor {
border-top: 5px solid #e87b2a;
}
.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(//deconstruction.kph.co.uk/wp-content/themes/kph-deconstruction/images/icon-pdf.png) left 10px center no-repeat rgba(76, 140, 43, 0.8);
background-size: 25px;
}
.download-list.project-list li {
background-image: url(//deconstruction.kph.co.uk/wp-content/themes/kph-deconstruction/images/icon-project.png);
font-size: 18px;
font-weight: bold;
}
.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;
font-weight: bold;
}
.download-list li a span {
float: right;
}
.download-list.project-list li a span {
float: none;
font-weight: 400;
}
#content ul.cpd-speakers {
margin: 0 0 20px;
padding: 0;
list-style: none;
}
.cpd-speakers, .cpd-speakers * {
box-sizing: border-box;
}
.cpd-speakers li {
padding: 0;
margin: 0 0 5px 0;
border: 2px solid rgb(232, 123, 42);
line-height: 45px;
}
.cpd-speakers li::after {
content: " ";
display: table;
clear: both;
}
.cpd-speakers li .name {
float: left;
width: 33%;
padding: 0 10px;
color:  rgb(232, 123, 42);
font-weight: bold;
border-right: 2px solid rgb(232, 123, 42);
}
.cpd-speakers li .role {
float: left;
width: 47%;
padding: 0 10px;
font-weight: bold;
}
.cpd-speakers li a {
width: 20%;
float: right;
background: rgb(232, 123, 42);
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-size: 13px;
}
@media only screen and (max-width: 550px) {
.cpd-speakers li {
border: 0;
}
.cpd-speakers li .name,
.cpd-speakers li .role,
.cpd-speakers li a {
float: none;
width: 100%;
display: block;
border: 2px solid rgb(232, 123, 42);
border-bottom: 0px;
}
}
#content .demo-services, .demo-services {
position: relative;
box-sizing: border-box;
list-style: none;
margin: 0; border-spacing: 10px 2.5px;
border-collapse: separate;
}
#content .demo-services::after, .demo-services::after {
content: " ";
clear: both;
display: table;
}
.demo-services * {
box-sizing: border-box;
}
.demo-services li {
width: 33.333%;
text-align: center;
background: #FDAA63;
padding: 10px; color: #FFF;
height: 130px;
font-size: 12px;
line-height: 1.5;
vertical-align: middle;
display: table-cell;
letter-spacing: 0.3px;
font-weight: bold;
}
@media only screen and (max-width: 550px) {
.demo-services li {
display: block;
width: 100%;
height: auto;
}
aside.sidebar {
padding: 0 20px;
}
}
.demo-services li a {
text-decoration: none;
color: #FFF;
display: block;
}
.demo-services:nth-of-type(2n-1) li:nth-of-type(2n), .demo-services:nth-of-type(2n) li:nth-of-type(2n-1), .demo-services:nth-of-type(2n-1) li:nth-of-type(2n) a, .demo-services:nth-of-type(2n) li:nth-of-type(2n-1) a {
background: #FAE3D2;
color: rgb(232, 123, 42);
}
.demo-services li a:hover {
text-decoration: underline;
}
table.social-responsibility,
table.social-responsibility * {
box-sizing: border-box;
}
table.social-responsibility {
vertical-align: top;
border-collapse: collapse;
}
table.social-responsibility td {
padding: 10px;
border: 2px solid rgb(232, 123, 42);
}
table.social-responsibility td:first-child {
width: 20%;
color: rgb(232, 123, 42);
}
table.social-responsibility td.link-cell {
width: 15%;
padding: 0;
background: rgb(232, 123, 42);
}
table.social-responsibility td.link-cell a {
display: block;
width: 100%;
height: 100%;
color: #FFF;
font-size: 14px;
text-align: center;
text-decoration: none;
}
@media only screen and (max-width: 550px) {
table.social-responsibility td,
table.social-responsibility td:first-child,
table.social-responsibility td.link-cell {
display: block;
width: 100%;
border-bottom: 0px;
}
table.social-responsibility td {
font-size: 14px;
}
table.social-responsibility td.link-cell {
margin: 0 0 20px 0;
padding: 10px 0;
}
}
h2.decon-title {
margin: 0 0 40px 0;
padding: 10px 40px;
background: rgba(232, 123, 4, 0.2);
color: rgb(232, 123, 42);
font-weight: 600;
}
.su-custom-gallery.live-maintenance .su-custom-gallery-slide span {
background: #e87b2a;
color: #FFF;
padding: 4px 8px;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.award-container {
margin: 0 0 10px;
border: 4px solid #818285;
}
.award-container > h3 {
margin: 0;
background: #818285;
padding: 10px;
color: #FFF;
cursor: pointer;
}
.award-content {
padding: 20px;
}
.image-strapline {
margin: -25px 0 40px 0;
padding: 10px;
background: rgb(232, 123, 42);
color: #FFF;
text-align: center;
font-weight: bold;
}
#main .twentytwenty-horizontal .twentytwenty-before-label, #main .twentytwenty-horizontal .twentytwenty-after-label {
padding: 7px 10px;
border-radius: 0;
}
#main .twentytwenty-horizontal .twentytwenty-before-label {
left: 0;
}
#main .twentytwenty-horizontal .twentytwenty-after-label {
right: 0;
text-align: right;
}
.job-box {
margin: 0 0 40px 0;
padding: 20px;
border: 1px solid rgba(232, 123, 42, 0.2);
border-radius: 4px;
box-shadow: 0px 0px 3px 0px rgba(232, 123, 42, 0.3);
background: #FFF;
cursor: pointer;
}
.job-box::after {
content: " -- more information -- ";
display: block;
text-align: center;
padding: 30px 0 0;
color: rgba(232, 123, 42, 0.6);
font-size: 0.8em;
}
.job-box:hover {
border: 1px solid rgba(232, 123, 42, 0.4);
box-shadow: 0px 0px 3px 0px rgba(232, 123, 42, 0.5);
}
.job-box h2 {
color: rgba(232, 123, 42, 1);
font-size: 1.5em;
margin: 0 0 20px 0;
}
.job-box h3 {
color: rgba(232, 123, 42, 1);
font-size: 1.2em;
margin: 20px 0 0 0;
}
.job-box .job-salary, .job-box .job-location, .job-box .job-term {
float: left;
font-weight: bold;
color: #5c5c5c;
}
.job-box .job-salary {
width: 75%;
}
.job-box .job-term {
margin: 10px 0 0;
}
.job-box .job-location {
width: 25%;
}
.job-box p {
clear: both;
margin: 0;
padding: 20px 0 0 0;
}
.job-box ul {
clear: both;
margin: 20px 0 0;
}
.job-box .job-more {
display: none;
}
.job-apply {
display: block;
text-decoration: none;
background: rgba(232, 123, 42, 1);
color: #FFF;
padding: 20px;
text-align: center;
border-radius: 4px;
}
.job-apply:hover {
box-shadow: 0px 0px 3px 0px rgba(232, 123, 42, 1);
color: #FFF;
text-decoration: none;
}
.buildings-slider span.su-carousel-slide-title {
padding: 10px 15px;
text-align: right;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.5px;
background: rgba(232, 123, 42, 0.85);
}