/*
Theme Name: JPH Buildings
Theme URI: http://www.jetchy.com/
Description: A minimalistic, simple theme for WordPress -- supports widgets in the sidebar, all manors of post/page formatting and comes with an easy to customize stylesheet.

Author: Jermaine Gyekye
Version: 1.0
Tags: minimalistic, simple, widgets, sidebar, elegant
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*========================= CSS RESET END =========================*/

html {
	margin-top:0 !important;
}

.skip-link {
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
}

div {
    /*outline: 1px solid red;*/
}
.clear {
	clear:both;
}
.spacer {
    clear:both;
}
body, html {
	height:100%;
}
body {
    background: transparent url(/wp-content/themes/jph/images/bg.gif) repeat-x 0 0;
	font:84%/160% Arial, Helvetica, sans-serif;
	color:#292929;
}
p {
	padding-bottom:13px;
}
strong {
	font-weight:bold;
}
#banner {
	clear:both;
	background:transparent url(/wp-content/themes/jph/images/banner-bg.gif) no-repeat 0 0;
	width:960px;
	height:222px;
}

#wrapper {
	/*overflow:auto;*/
	min-height:100%;
	height:auto !important;
	height:100%;
    width:960px;
   /* margin:17px auto -78px; */
   margin:17px auto 0;
	background:transparent url(/wp-content/themes/jph/images/wrapper-bg.gif) repeat-y 0 0;
}

#header {
    height:136px;
    background: transparent url(/wp-content/themes/jph/images/header.gif) no-repeat 0 0;
	position:relative;
}

#header #logo {
    width:273px;
    height:136px;
    float:left;
}

#header #logo a {
    background:transparent url(/wp-content/themes/jph/images/logo.gif) no-repeat 45px 28px;
    height:139px;
    display: block;
    text-indent: -9999px;
}
#header #menu {
	padding-left:35px;
    width:652px;
    float:left;
	display:inline;
    background:transparent url(/wp-content/themes/jph/images/menu-bg.gif) no-repeat 0 51px;
}
.menu-header, #menu-main {
	display:block;
}
.menu {
	display:none;
}
#header #menu ul {
    height:136px;
    width:581px;
		display: flex;
		justify-content: space-evenly;
}

#header #menu li {
	text-align: center;
	text-transform: uppercase;
	margin-top:30px;
	height:28px;
}
#header #menu li a{
	text-decoration:none;
  font-size:0.8rem;
	display:inline-block;
	height:29px;	
}
#header #menu li a:link, #header #menu li a:visited{
	color:#93c0ed;
}
#header #menu li a:hover, #header #menu li a:active {
	border-bottom:2px solid #8A8FEF;
	color:#1922df;
}
#header #menu li.current_page_item a {
	border-bottom:2px solid #8A8FEF;
	color:#1922df;
        font-weight: bold;
}
#header #menu .slogan {
    text-indent: -9999px;
}
#rightcol, #leftcol {
    margin-top:50px;
}
#rightcol {
    float:right;
    width:258px;
    padding-right:45px
}

#leftcol {
    float:left;
    width:592px;
    padding:0 20px 20px 45px;
    display:inline;
	z-index:3000;
}
#leftcol .title, #home .title{
	margin-bottom:20px;
	padding-bottom:20px;
	line-height:25px;
	background:transparent url(/wp-content/themes/jph/images/title-underline.gif) no-repeat -10px bottom;
}

#leftcol h1, #home h1{
	font-size:1.5em;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#156aa6;
}
#leftcol h1 a{
	text-decoration:none;
	color:#156aa6;
}
#content {
    clear:both;
    height:100%;
    min-height: 100%;
}
p.subhead2, #leftcol h2 {
	font-weight:bold;
	font-size:1.2em;
	padding:15px 0 6px 0;
}
#content ul {
	margin:10px;
}
#content ul li {
	list-style-type:none;
	background: transparent url(/wp-content/themes/jph/images/bullet.gif) no-repeat 0 6px;
	padding-left:25px;
	line-height:2em;
}
blockquote.wp-block-quote {
	font-style:italic;
	padding-top:10px;
	
	
}
hr.wp-block-separator {
	clear:both;
	border: 0;
	color: #9E9E9E;
	background-color: #9E9E9E;
	height: 1px;
	width: 100%;
	text-align: left;
	margin-bottom: 15px;
	margin-top: 15px;
}
p.client {
	text-align:right;
	font-weight:bold;
	clear:both;
}
#footer {
	clea:both;
    height:56px;
    width:960px;
    margin:0 auto;
    background:transparent url(/wp-content/themes/jph/images/footer-bg.gif) no-repeat 0 0;
	text-align:center;
	padding-top:20px;
	color:#002742;
	font-size:1em;
	font-weight:bold;
}

/* HOMEPAGE */

#home {
	padding:0 45px;
}
#home .title {
	margin-top:50px;
	background:none;
}
#home .main {
	background:transparent url(/wp-content/uploads/2021/08/jph-van.jpg) no-repeat right 0;
	padding-right:350px;
}



/* CONTACT FORM */

#rightcol ul li[id^="block"] {
	background:none !important;
	padding:0;
}

li#block-3 h3, .homeLozenge .title h2{
	background-color:#156aa6;
	text-transform:uppercase;
	padding-left:10px;
	color:#FFF;
	font-weight:bold;
}

li#block-2 .wp-block-contact-form-7-contact-form-selector {
	background-color:#eeeeee;
	padding:10px;
	border:1px solid #e2e9ee;
	margin-top:10px;
	margin-bottom:10px;
	height:auto;
	position:relative;
}

li#block-2 .your-message {
	width:208px !important;
	margin-bottom:15px;
}

li#block-2 .wpcf7-form-control-wrap input{
	padding:5px;
	border:1px solid #cccccc;
	width:202px;
}
li#block-2 .wpcf7-form-control-wrap input:focus, li#block-2 .wpcf7-form-control-wrap textarea:focus {
	background-color:#F0F0F0;
}
li#block-2 .wpcf7-form-control-wrap textarea {
	border:1px solid #cccccc;
	padding:5px;
	margin-bottom:10px;
	width: 94%;
}
li#block-2  p {
	padding-bottom:5px;
	overflow:hidden;
}
input[type="submit"].wpcf7-form-control {
	border:1px solid #bfbfbf;
	width:94px;
	height:34px;
	background: url(/wp-content/themes/jph/images/button_bg.gif) repeat-x scroll 0 0 transparent;
	float:right;
	cursor:pointer;
	text-shadow:1px 1px 1px #000000;
	color:#FFF;
	font-weight:bold
}

.services-380 select {
	width:100%;
	padding:5px;
}

div.wpcf7-response-output {
	margin:20px 0 0 0 !important;
	width:100%;
	position:absolute;
	top:513px;
	left:0;
	width:210px;
	border:none !important;
	background-color:#156AA6;
	color:#FFF;
	font-weight:bold;
	line-height:1.6em;
}

span.wpcf7-not-valid-tip {
	left:215px !important;
	top:-12px !important;
	color:red;
	border:none !important;
	background:none !important;
}

/* ENQUIRIES */

li.address {
	background:transparent url(/wp-content/themes/jph/images/home-icon.png) no-repeat 0 6px !important;
}
li.email {
	background:transparent url(/wp-content/themes/jph/images/email-icon.png) no-repeat 0 6px !important;
}
li.telFaxNum {
	background:transparent url(/wp-content/themes/jph/images/telephone-icon.png) no-repeat 0 6px !important;
}
li.mobNum {
	background:transparent url(/wp-content/themes/jph/images/phone-icon.png) no-repeat 0 6px !important;
}

/* GALLERY */
p.quote {
	margin-top:5px;
	font-style:italic;
}
.galleryIntro {
	font-weight:bold;
}
.galleryBubble {
	width:562px;
	padding:0 15px;
	background:transparent url(/wp-content/themes/jph/images/gallery-sec-bg.gif) no-repeat 0 0;
	margin-bottom:50px;
	position:relative;
}
.wp-block-quote {
	background-position:0 6px;
}
.galleryBubble p.brief  {
	line-height: 1.45em;
    position: absolute;
    right: 20px;
    top: 50px;
    width: 280px;
}
.galleryBubble .subhead2 {
	margin-bottom:10px;
}
/* LEFT THUMBNAILS */
.galleryBubble .left img {
	left:0;
}
.thumbnails .left a.mainThumb {
	width: 262px;
}
/* LEFT THUMBNAILS (END) */
.galleryBubble a.mainThumb img {
	position:absolute;
	top:0;
	left:0;
	width:250px;
	height:252px;
}
.galleryBubble a.smallThumb img {
	position:absolute;
	top:0;
	left:0;
	width:130px;
	height:130px;
}

.galleryBubble img {
	position:absolute;
	top:53px;
	left:15px;
}
.galleryBubble br {
	display:none;
}
.thumbnails .clear {
	clear:both;
}
.thumbnails a.mainThumb {
	display:block;
	width:252px;
	height:260px;
	position:relative;
	text-indent:-9999px;
	z-index:1000;
}
.thumbnails a.smallThumb {
	display:block;
	width:130px;
	height:130px;
	position:absolute;
	z-index:2000;
	text-indent:-9999px;
	top:196px;
	left:266px;
}
.thumbnails img:last-child {
	margin-right:0;
}

/* MAIN HOMEPAGE */
.homeLozengeWrapper {
	display: flex;
}
.homeLozenge {
	width:266px;
	margin:0 7px 20px 7px;
}
.homeLozenge .title h2 a {
	color:#FFF;
	display:block;
	width:100%;
}
.homeLozenge .title h2 a:link {
	text-decoration:none;
}
.homeLozenge .title h2 a:hover {
	text-decoration:underline;
}
.homeLozenge .title {
	margin-top:20px !important;
	margin-bottom:0 !important;
}
.homeLozenge img {
	border:1px solid #cbdcdb;
}
.homeLozenge a.moreButton {
	display:block;
	padding:4px;
	color:#FFF;
	border:1px solid #BFBFBF;
	background:transparent url(/wp-content/themes/jph/images/button_bg.gif) repeat-x 0 0;
	width:45px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	text-shadow: #000 1px 1px 1px;
}

p.bottomDiv  {
	background:transparent url(/wp-content/themes/jph/images/home_div.gif) no-repeat 0 bottom;
	padding-bottom:30px;
}

/* TESTIMONIALS */

.testiLeft {
	width:322px;
	float:left;
	padding-right:19px;
	border-right:1px solid #CCC;
}
.imagRight {
	width:230px;
	float:left;
	padding-left:15px;
}
.imagRight img {
	border:1px solid #CCC;
}
.wp-block-quote {
	background:transparent url(/wp-content/themes/jph/images/speechBubble.png) no-repeat 0 12px;
	padding-left:45px;
}
a.more {
	display:block;
	width:67px;
	height:35px;
	background:transparent url(/wp-content/themes/jph/images/more-btn.gif) no-repeat 0 0;
	float:right;
	margin-top:10px;
	line-height:2.4em;
	padding-left:23px;
	text-shadow:1px 1px 1px #000;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

a.back {
	display:block;
	width:53px;
	height:35px;
	background:transparent url(/wp-content/themes/jph/images/back-btn.gif) no-repeat 0 0;
	margin-top:10px;
	line-height:2.4em;
	padding-left:37px;
	text-shadow:1px 1px 1px #000;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

/* PHONE NUMBER */

.phoneNumber {
	position:absolute;
	top:78px;
	right:83px;
	color: #156AA6;
    font-size: 1.3em;
	font-style:italic;
	font-weight:bold;
}

/* ADDITIONAL IMAGES */

.additionalImages {
	display:none;
}

.thumbnails.half .left, .thumbnails.half .right{
	width:280px;
	float:left;
	position:relative;
	
}
.thumbnails.half .right{ 
	padding-left:10px;
	width:270px !important;
}

.axl img {
	height: auto;
}