/*
 Theme Name:   Esteem Child
 Theme URI:    http://www.webage.co.uk
 Description:  Esteem Child
 Author:       Colin Austin
 Author URI:   http://www.webage.co.uk
 Template:     esteem
 Version:      1.0.0
 Text Domain:  esteem-child
*/

/* generic styles
----------------------------------------------*/
body {
	font-family:'Droid Sans', Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Oswald, Arial, sans-serif;
}

p {
	color: #333;
}

footer p, footer h4 {
	color: #fff;
}

.alignleft {
	margin-right: 0.6em;
}

/* responsive images
----------------------------------------------*/
.respimg {
	width: 100%;
	max-width:100%;
}

/* header 
----------------------------------------------*/

#top-wrap {
	padding: 10px 0;
	background-color: #404040;
}

#top-wrap p {
	color: #FFCC00;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}

#top-wrap p a {
	color: #FFFFFF;
}
#site-title a {
	text-transform: uppercase;
}

.site-description {
	color: #EEE8E6;
}

.site-branding {
	margin-top: 20px;
}

/* navigation
----------------------------------------------*/

.main-navigation ul ul {
	top: 48px;
}

.main-navigation a {
	font-size: 1.1em;
	font-family: Oswald, Arial, sans-serif;
	text-transform: uppercase;
}

.main-navigation ul ul a {
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	text-transform: none;
}

.nav-menu > ul > li > a, .menu > ul > li > a {
	height: 68px;
}

.main-navigation li a {
	color: #404040;
}

.main-navigation li a:hover,active {
	color: #FFCC00 !important;
}

/* forms
----------------------------------------------*/

input[type="tel"] {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #F8F8F8;
	padding: 6px;
	width: 98%;
	background-color: #F8F8F8;
}

.wpcf7-form input[type="submit"] {
	font-size: 1.2em;
	padding: 0.5em 2em;
}

/* search form 
----------------------------------------------*/

.search-form-top {
	top: 60px;
	border-top-width: 4px !important
}

/* page titles
----------------------------------------------*/

.page-title-bar{
	background-color: #404040 !important;
}

.page-title-wrap h1 {
	font-family: Oswald, Arial, sans-serif;
	text-transform: uppercase;
	color: #FFCC00;
}

/* content customisation
----------------------------------------------*/
.entry-content h2, .entry-content h3 {
	margin-bottom: 0.3em;
}


/* sidebar & widget customisations
----------------------------------------------*/
.services-block a.read-more {
	font-weight:400;
	padding: 5px 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	clear: both;
	display:inline-block;
	color: #FFF;
	background:#404040;
}

.services-block a.read-more:hover {
	color: #fff;
}

#secondary .call-to-action-text {
	width: 100%
}

#secondary .call-to-action-text h4 {
	margin-bottom:10px;
}

#secondary .call-to-action-text-inner-wrap, #secondary .call-to-action-button-inner-wrap {
	padding: 10px;
	text-align:center;
}

.call-to-action .call-to-action-button:hover {
	background: #404040 !important;
	color: #FFCC00;
}

.call-to-action .call-to-action-button:hover a {
	color: #FFCC00;
}

#secondary .call-to-action-button {
	width: 100%;
}

.home .logos img {
	display:block;
	margin: 10px auto;
}

.home .site-content .widget_text {
	border-top: 1px solid #999;
	border-bottom:1px solid #999;
	padding: 1em 2em;
}

.home .site-content .widget_text h6 {
	margin-bottom: 0.6em;
}

a.read-more {
	font-weight: 400;
	padding: 5px 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	clear: both;
	display: inline-block;
	color: #EEE8E6;
	background: #1f4b7c;
}

a.read-more:visited, a.read-more:hover, a.read-more:active {
	color: #fff;
}
@media screen and (max-width:481px) {

.entry-content img.alignleft, .entry-content img.alignright {
	display:block;
	margin: 0.5em auto;
	float: none;
}
}
 @media screen and (min-width: 480px) {

.home .logos img {
	float: left;
	width: 23%;
	max-width:140px;
	margin: 1%;
	vertical-align:middle;
}

.home .logos img:first-child {
	max-width: 200px;
}

.home .logos img:last-child {
	max-width: 136px;
}
}
 @media screen and (min-width: 960px) {

.home .logos img {
	margin: 1% 4%;
}
}

/* slider customisations
----------------------------------------------*/
.slider-text-wrap {
	width: auto;
	overflow:hidden;
}

#slider-title {
	font-family: Oswald, Arial, sans-serif;
	margin-bottom: 4px;
}

#slider-content {
	color: #000;
	font-family: Oswald, Arial, sans-serif;
	font-size: 1.2em;
	width: 100%;
	max-width:100%;
}

#slider-title a {
	line-height:2em;
	color: #EEE8E6;
	margin:0;
}

#promo-box{
	background-color: #404040 !important;
}

#promo-box a{
}

#promo-box a:hover{
	background-color: #FFCC00 !important;
	color: #404040;
}

.promo-title {
	font-family: Oswald, Arial, sans-serif;
	font-weight:400;
	text-transform:uppercase;
	color: #FFCC00;
}

/* addition - custom slideshow  - optional
-----------------------------------------------------*/
.gallery-wrapper {
	clear: both;
	margin-bottom:10px;
	overflow:hidden;
	width: 100%;
	text-align:center;
}
@media screen and (min-width: 768px) {

.gallery-wrapper {
	width: 48%;
	float: left;
	margin-right: 2%;
	clear: none;
}
}

.slideshow {
	height: 300px;
	width: 100%;
	margin: auto;
	clear:both;
	text-align:center;
}

.slideshow + h3, h3 + .slideshow {
	clear:both;
}

.slideshow img {
	height:auto !important;
	width: auto !important;
	max-height:100%;
	max-width: 100%;
	margin: 0 0 0 50%;
	left: -50% !important;
}

/* addition - custom css
-----------------------------------------------------*/

#colophon {
	background-color: #404040 ;
}

#colophon p {
	color: #FFFFFF;
}

#colophon h3.widget-title {
	color: #FFCC00;
}

#colophon .widget a {
	color: #FFFFFF;
}

.left-content {
	float: left;
}

.right-content {
	float: right;
}

.hgroup-wrap {
	padding: 0 0 10px 0;
}