/*
Theme Name: Colourmatched Carpets Theme
Theme URI: http://chipparade.net/themes/acmephoto
Description: Child Theme of AcmePhoto by Chip Parade for Colour Matched Carpets
Author: Chip Parade
Author URI: http://chipparade.net
Template: acmephoto
Version: 1.0.0
*/.fab{	font-size:24px;padding-left:5px;}

body {
	color: #222;
	font-size: 20px;
}


a, .post .entry-content a, .page .entry-content a {
	color: #F88C00;
}

a:hover, .post .entry-content a:hover, .page .entry-content a:hover {
	color: #f81000 !important;
}

.g100 {
	width: 100%;
}

.grid_half_left {
	display: inline;
	width: 49%;
	float: left;
	margin-right: 1%;	
}

.grid_half_right {
	display: inline;
	width: 49%;
	float: right;
	margin-left: 1%;	
}

.headerimg {
	max-height: 200px;
	overflow: hidden;
	position: relative;
}

.headerimg img {
	width: 100%;
}

.headerimg .thetitle {
	position: absolute;
    width: 100%;
    top: 30px;
}

.headerimg h1 {
	text-align: center;
	color: #fff;
	font-size: 60px;
}

.main-navigation ul ul a:hover {
    background: #f1f1f1;
}

.slider-section .slider-desc {
    background: rgba(248, 140, 0, 0.4);
}

.filter {
	height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(248, 140, 0, 0.3);

}

.slider-section .read-more:hover {
    color: #fff !IMPORTANT;
    background: rgba(248, 140, 0, 0.9);
}


textarea {
    max-width: 100%;
}
@media screen and (min-width: 1024px) {
	.site-content.clearfix {
		margin-top: 60px !important;
	}
	.home .site-content.clearfix {
		margin-top: 0px !important;
	}
}
@media screen and (max-width: 1023px) {
	.site-content.clearfix {
		margin-top: 0px !important;
	}
}

@media screen and (max-width: 768px) {

	.grid_half_left {
		width: 100%;
		margin-right: 0%;	
	}

	.grid_half_right {
		width: 100%;
		float: left;
		margin-left: 0%;	
	}
	
	.headerimg h1 {
		text-align: center;
		color: #fff;
		font-size: 40px;
	}
}
@media screen and (max-width: 640px) {
	.slider-section .slide-title, .slider-section .above-slider-details {
		display: block;
		font-size: 40px;
	}
	.slider-section .slider-desc {
		width: 100%;
	}
}