/*
Theme Name: P.H. HandyMan
Author: Ransom Kwelle
Author URI: http://www.webinvent.com.ng/
Description: Website theme, Port Harcourt HandyMan Services
Version: 1.0
*/

body{
	padding: 0;
	margin: 0;
	background: #f4f4f4;
	color: #363435;
}

img {
	max-width: 100%;
}

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right: 1em; }
.alignright { float: right; margin-left: 1em; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {
   _border: 1px solid #ddd;
   text-align: center;
   background-color: #cde5fc;
   padding: 10px;
   margin-bottom: 1em;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   width: 100% !important; /* Import for responsive image */
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 1em;
   font-weight: bold;
   line-height: 20px;
   padding: 5px;
   margin: 0;
}
#page .gallery img {
	border: 10px solid #cde5fc;
}

aside h4 {
	background: #3e4095;
	color: #fff;
	padding: 5px 8px;
}
p{
	font-size: 18px;
}

.navbar{
	background: #3e4095;
}
.nav-link , .navbar-brand{
	color: #f4f4f4;
	cursor: pointer;
}
.navbar-brand:hover {
    color: #f4f4f4;
    font-size: larger;
}
.nav-link{
	margin-right: 1em !important;
}
.nav-link:hover{
	background: #f4f4f4;
	color: #3e4095;
}
.navbar-collapse{
 justify-content: flex-end;
}
.navbar-toggler{
  background:#fff !important;
}

/*header style*/
.header{
	position: relative;
	background-image: url('images/headerback.jpg');
	background-size: cover;
	background-position: center;
}
.overlay{
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	left: 0;
	top: 0;
	background: rgba(244, 244, 244, 0.79);
}
.welcome-box {
	margin-top: 2rem;
	padding-top: 18%;
}
.homepage-logo {
	width: 400px;
}

.description h1{
	color: #e13503;
	font-weight: bold;
}
.description p{
	color: #363435;
	font-size: 25px;
	line-height: 1.5;
}
.about{
	margin: 4em 0;
	padding: 1em;
	position: relative;
}
.about h1{
	color: #e13503;
	margin-bottom: 3rem;
}
.about img{
	height: 100%;
    width: 100%;
    border-radius: 50%
}
.about span{
	display: block;
	color: #888;
	position: absolute;
	left: 115px;
}
.about .desc{
	padding: 2em;
	border-left:4px solid #10828C;
}
.about .desc h3{
	color: #10828C;
}
.about .desc p{
	line-height:2;
	color: #363435;
}


/*services*/
.services{
	margin: 4em 0;
    position: relative;	
}
.services h1{
	color: #e13503;
	margin-bottom: 3rem;
}
.services img{
	 height: 15rem;
	 width: 100%;
	 margin: 1em;
}
.services img:hover{
	border: 3px solid #e13503;
}

/*projects style*/

.projects{
	margin: 4em 0;
	position: relative;	
}
.projects h1{
	color: #e13503;
	margin-bottom: 3rem;
}
.projects .card{
	box-shadow: 0 0 20px #ccc;
}
.projects .card img{
	width: 100%;
	height: 12em;
}

@media and (max-width: 768px){
 .team .item img{
 	width: 100%;
 }	
}
.projects .card-title{
	color:#e13503;
	 
}
.projects .card-body{
	padding: 1em;
}

.contact-form{
	margin: 6em 0;
	position: relative;		
}

.contact-form h1{
	padding: .5em 1px;
	color: #e13503; 
}
.contact-form .right{
	max-width: 600px;
}
.contact-form .right .btn-secondary{
	background:  #3e4095;
	color: #fff;
	border:0;
}
.contact-form .right .form-control::placeholder{
	color: #888;
	font-size: 16px;
}

.plain-ul {
	padding: 0;
	margin-top: 1rem;
	list-style: none;
}
.plain-ul li {
	padding-bottom: 4px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #21252B;
}
.plain-ul a {
	display: block;
	text-decoration: none;
	color: #21252B;
}
.plain-ul a:hover {
	color: #e13503;
}
.plain-ul p {
	margin-bottom: 0;
}

.page {
	margin-top: 4em;
	padding: 1em;
	position: relative;
}
.page h1{
	color: #e13503;
	margin-bottom: 1.5rem;
	text-decoration: underline;
}
article h2 a, h4 a{
	color: #e13503;
}
article h2 a:hover, h4 a:hover{
	color: #e13503;
}
article {
	text-align: justify;
	margin-bottom: 2rem;
}

.btn-handyman {
    color: #fff;
    background-color: #3e4095;
	border-color: #3e4095;
	padding: .5rem 4rem;
}

.wpcf7-spam-blocked {
     background: #e2e2e2;
     border: 1px solid #bcbcbc !important;
     color: #383838;
}
.wpcf7-mail-sent-ng {
     background: #fcf8e3;
     border: 1px solid #ac9163 !important;
     color: #8a6d3b;
}
.wpcf7-mail-sent-ok {
     background: #dff0d8;
     border: 1px solid #3c763d !important;
     color: #3c763d;
}
div.wpcf7-validation-errors {
    background: #ffe2e2;
    border: 1px solid #ff0000 !important;
    color: #C10000;
}
div.wpcf7-response-output {
    margin: 10px 0 !important;
    padding: 10 !important;
    border-radius: 5px;
}
.container ul {
	font-size: 18px;
}