/*
Theme Name: illdy-child
Theme URI: https://colorlib.com/illdy/
Description: illdy child theme
Author: nathan gates
Author URI: http://nathangates.co.za
Template: illdy
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/*old way of importing parent theme style sheet, this is deprecated. Its better to do it in the functions.php
@import url("../illdy/style.css");
*/

@import  "https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css";

/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/


#team{
	padding:80px 0 0 0;
}


/*Fun Projects section*/

#illdy_project-39:hover{
	
}

.no-padding{
	padding:0 5px 0 5px;	
}


#projects {
	width: 100%;
	background-color: #156fbf;
	padding: 35px 0 20px;
	text-align: center;
	
}

/*
The images are really finnicky in this themes, they dont show up if you try rezise them in the them
controls, so im dooing it here manually with css, as well as positioning them.
*/
/*
@media screen and (max-width: 800px) {
   #projects .project {
    width: 100%;
    height: 200px;
    display: block;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}
}
*/
@media screen and (min-width: 900px) {
	#projects .project {
		width: 100%;
		height: 400px;
		display: block;
		position: relative;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

#about, #static-page-content {
	width: 100%;
	background: #fff;
	padding: 65px 0 0;
	text-align: center;
}

/*Service widget*/
.service-entry{
padding-bottom: 40px;
}


/*COUNTER WIDGET*/
#counter{
-webkit-text-stroke: 0px black;	
}

#counter .counter-overlay{
background: rgba(0, 0, 0, 0.65);	
}

#counter .counter-description{
	font-weight:bold;
}

/* TEAM section that im using for 'what we do'*/
#team .service-icon {
	color: #FF9C00;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 3em;
	text-rendering: auto;
}

#team .service-title {
	width: 100%;
	color: #FF9C00;
	margin-bottom: 30px;
	line-height: 1.611;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
}

/*Jumbotron background image scaling
*/
@media (max-width: 768px) {
  #header {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
   }  
}

@media (max-width: 479px) {
  #header {
    -webkit-background-size: cover;
   -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
		background-repeat: repeat-y;
   }  

#header .bottom-header {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 250px;
    text-align: center;
	}

/*logo resize*/
img[src="http://malarkey.co.za/wp-content/uploads/2016/11/siteLogo_malarkeyLogo_transparent-white.png"] {
    max-width: 60px;
}

/*
.container{
	height:150px
}

#header .top-header {
    width: 100%;
    padding-top: 20px;
}
*/

}

/* Jumbotron text and dot color*/
#header .bottom-header span.span-dot {
	color: #156fbf;
}

#header .bottom-header h2 {
	color: #fff;
	-webkit-text-stroke: 1px black;
	position:relative;
	top:150px;
}

/* Jumbotron iamge size
#header .bottom-header {
    padding-top: 160px;
    padding-bottom: 280px;
    height: 500px;
}
*/

/*Ive overwritten the services font colour somewhere below, this rights that wrong*/
#services .section-content .service .service-entry {
	color: #1d1d1d;
}

#services .section-content .service {
	color: #156fbf;
}

.front-page-section .section-header p {
	color: #1d1d1d;
}

/*porjects background color*/
/* change colour of contact us form*/
#contact-us .section-content .wpcf7-form p .wpcf7-text,
#contact-us .section-content .wpcf7-form p .wpcf7-textarea {
	background-color: #fff !important;
	border: 1px solid #d08b55 !important;
	color: #fff !important;
}

/* change colour of contact us background*/
#contact-us {
	width: 100%;
/*background-color: #dda06f;*/
	background-color: #0a0a0a;
	padding: 40px 0 50px;
	text-align: center;
}

#contact-us .section-content .wpcf7-form p .wpcf7-text, #contact-us .section-content .wpcf7-form p .wpcf7-textarea {
	background-color: #fff !important;
	border: 1px solid #a7a7a7 !important;
	color: #000 !important;
}

#contact-us .section-content .wpcf7-form p .wpcf7-textarea {
	background-color: #fff !important;
	border: 1px solid #a7a7a7 !important;
	color: #000 !important;
}

#contact-us .section-content .contact-us-box .box-right span {
	width: 100%;
	display: block;
	line-height: 1.6;
	font-size: 15px;
	color: #fff;
}

#contact-us .section-content .contact-us-box .box-right span a {
	color: #fff;
	text-decoration: none;
}

/*This is the one for the “Send” button, with background color and text color:*/
#contact-us .section-content .wpcf7-form p .wpcf7-submit {
	background-color: #fff;
	color: #000;
}