/*

Theme Name:     Jacobs and Harris

Theme URI:      http://example.com/

Description:    Child theme for Trim

Author:         Susan Shelley

Author URI:     http://susanshelleydesign.com

Template:       Trim                             

Version:        0.1.0

*/



@import url("../Trim/style.css");


body.page-id-22 #content {

	background:none ;

	box-shadow:none ;

}

#info-containers, #quote-container, #about-rss, #footer {
box-shadow:0 0 7px rgba(0, 0, 0, 0.08)
}

body.page-id-22 #main-header, {

    box-shadow: 0 0 7px rgba(0, 0, 0, 0.08);

}



body.page-id-22 #wrapper {

    box-shadow: none;

}



body.page-id-22 #main_content {

    background:#FFF;

	box-shadow:none);

}



.entry_content img {

	width:100%;

	height:auto;

	max-width:866px;

	max-height:240px;

	position:relative;

	margin-top:5px;

	margin-left:auto;

	margin-right:auto;

	border:	5px solid #FFF;

	box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.09);

}


/*-------- Feature widget formatting --------*/

a.fpw-featured-link h1 {
	color: #656464;
    font-family: 'ColaborateThinRegular',Arial,sans-serif;
    font-size: 26px;
    margin-bottom: 0;
    text-align: left;
	margin:0 !important;
}

a.fpw-featured-link:hover h1 {
	color: #CEC33D;
}



.fpw-excerpt p {
	color: #656464;
    font-family: 'Droid Sans',Arial,sans-serif;
    font-size: 13px;
    line-height: 21px;
}

/*-------- TEXT --------*/

.main_text {color:#666;}

a {color:#CEC33D; text-decoration:none; }

a:hover {color:#CEC33D; text-decoration:underline; }

h4 a:hover, h1 a:hover {text-decoration:none;}

h1, h2, h3, h4, h5, p {

padding-bottom: 0.6em;

}

h1 {font-size:30px;}

h2 {font-size:26px;}

h3 {

font-size: 22px;

font-weight: 600;

padding-top: 20px;

}

h4 {font-size:18px;}

h5 {
font-size:16px;
padding-bottom:1em;
text-transform:uppercase;
}

p {

font-size: 14px;

line-height: 1.8em;

text-align: justify;

}

p.keywords{
	font-size: 10px;
	line-height: 1.5em;
}

h4.widgettitle {
    color: #1F262D;
    font-family: 'ColaborateThinRegular',Arial,sans-serif;
    font-size: 26px;
	margin-bottom:0;
	color:#656464;
	text-align:left;
}

#sidebar li, #footer li{
	background:none;
	font-size: 14px;
    padding: 0 0 10px 20px;
    text-transform: uppercase;
}

#breadcrumbs span, #breadcrumbs a { color:#B6B6B6;}

/*-------- TOP AREA --------*/





#top-area {

    border-bottom: 1px solid #EFEFEF;

    padding: 30px 30px 20px;

	min-height: 80px;

}





/*-------- TOP MENU --------*/

#menu .nav a, ul#mobile_menu a { color:#999;}


span.menu_slide, span.main_text { display: block; position: relative; }





ul.nav > li.current-menu-item:before, #menu .nav li.et_hover:before, #mobile_nav:before,  #featured-controllers li.active-slide:before, .et_animated_bar { 

	position: absolute; 

	content: ''; 

	left: 0; 

	top: -4px; 

	width: 100%; 

	height: 3px; 

	border-top: 1px solid #CEC33D; 

	background: #CEC33D; }



ul.nav > li.current-menu-item:after, .post_meta:after, #mobile_nav:after, #featured-controllers li.active-slide:after, .et_animated_bar:before {

	position: absolute; 

	content: ''; 

	left: 50%; 

	top: 0; 

	border: solid; 

	border-color: #CEC33D transparent; 

	border-width: 3px 3px 0 3px; 

	z-index: 2; 

	margin-left: -3px; 

}



.post_meta:after { bottom: -3px; top: auto; }



#featured-controllers li.active-slide:before, .et_animated_bar { top: -1px; }



#featured-controllers li.active-slide:after, .et_animated_bar:before { top: 3px; }



.et_animated_bar { width: 7px; left: 120px; }



#menu ul.nav ul, ul#mobile_menu { 

	background: #FFF; 

	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); 

	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); 

	box-shadow: 3px 3px 3px rgba(0,0,0,0.1); 

	border: 1px solid #EFEFEF;

}



#menu ul.nav ul a { color: #C6C6C6; }

#menu ul.nav ul a:hover { color: #FFF; }









/*-------- MOBILE MENU --------*/



#mobile_nav.opened {

    background: none repeat scroll 0 0 #CEC33D;

    color: #FFFFFF;

}



#menu .nav ul a:hover, ul#mobile_menu a:hover { background: #CEC33D; text-decoration: none; }





ul#mobile_menu a {

    color: #C6C6C6;

}



ul#mobile_menu a:hover {

    color: #FFF;

}





/*-------- HIDE HOME TITLE --------*/



body.page-id-22 h1.main_title {display:none}



/*-------- ROYAL SLIDER --------*/





.rs-home-text {

	box-sizing:border-box;

	-moz-box-sizing:border-box; /* Firefox */

	width:20%;

	float:left;

	padding: 19px;

	background-color:#FFF;

	border-left: 1px dashed #DCDCDC;
	border-top: 1px solid #EFEFEF;
	border-bottom:1px solid #EFEFEF;
	
}





.rs-home-text h3 {

font-size:16px;

letter-spacing:0.02em;

font-weight: 400;

padding-top: 0;

padding-bottom: 0;

}

.rs-home-text p {

color: #B6B6B6;

font-family: Georgia,"Times New Roman",Times,serif;

font-size: 11px;

font-style: italic;

font-weight: normal;

line-height: 17px;

padding-top: 0.5em;

text-align:justify;

}



#rs-text1.rs-home-text {

	border-left: 1px solid #EFEFEF;

}

#rs-text5.rs-home-text {

	border-right: 1px solid #EFEFEF;

}



.rs-home-img {

	width:100%;

	height:auto;

	max-width:866px;

	max-height:240px;

	position:relative;

	margin-top:5px;

	margin-left:auto;

	margin-right:auto;

	border:	5px solid #FFF;

	box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.09);

}

	

#new-royalslider-1{

	margin-top:10px;

	padding-top:10px

}

	

	

#rs-text1 {position:absolute; left:0px;}



#rs-text2 {position:absolute; left:20%;}



#rs-text3 {position:absolute; left:40%;}



#rs-text4 {position:absolute; left:60%;}



#rs-text5 {position:absolute; left:80%;}



.rs-home-main-text{box-shadow: 0 0 7px rgba(0, 0, 0, 0.08); z-index:21; position:relative;}



.rs-home-marker {position:relative; z-index:20;}



.footer-widget {
    border-right: 1px dashed #DCDCDC;
    float: left;
    margin-right: 20px;
    padding: 30px 20px 0 0;
    text-shadow: 1px 1px 1px #FFFFFF;
    width: 259px;
	background-color:#FFF;
}

#footer {
		clear:both;
		border-left:1px solid #EFEFEF;
		border-right:1px solid #EFEFEF;
		position:relative;
}

/*-------- HOME PAGE INCLUDES --------*/

#about-rss{
	width:100%;
	float:left;
}

#about-index{
	width: 479px;
	background-color:#FFF;
	float:left;
	overflow:hidden;
	border-left:1px solid #EFEFEF;
	border-bottom:1px solid #EFEFEF;
	border-top:1px solid #EFEFEF;
}


.about-index-text{
	height: 225px;
    margin: 40px;
    overflow: hidden;
}

#rss-index{
	width: 478px;
	background-color:#FFF;
	float:left;
	overflow:hidden;
	border:1px solid #EFEFEF;
}

.rss-index-text{
	height: 225px;
    margin: 40px;
    overflow: hidden;
	
}

.srr-date{
	text-transform:uppercase;
	background-image: url('http://www.jacobsandharris.co.uk/wp-content/uploads/2013/09/rss-bkg.png');
	background-repeat:no-repeat;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:3px 5px 6px 5px;
}

.srr-title{
	margin-top:12px !important;
	margin-bottom: 4px !important;
}

.srr-title a{
	font-size: 18px;
	color: #656464;
	font-family: 'ColaborateThinRegular',Arial,sans-serif;
}

.srr-title a:hover{
	text-decoration:none;
}

p.srr-summary{
	line-height:1.2em;
	margin-bottom: 0px !important;
}

#services-main{
	width: 294px;
	float:left;
	display:inline;
	position:relative;
	padding-bottom:20px;
}

#quote-container{
	width:100%;
	height:auto;
	float:left;
}

#quote-content{
	overflow: hidden;
    padding: 40px 40px 0;
	background-color: #FFFFFF;
    border-right: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
}

#quote-left{
	float:left;
	margin-right:40px;
}

#quote-right{
	float:right;
	margin-left:40px;
}

#quote-text{
	margin:0 auto;
}

#info-top-container{
	width:100%;
	height:auto;
	float:left;
}

.top-info{
	padding-bottom:0px;
}

#info1 {
	overflow: hidden;
	background-color: #FFFFFF;
    border-left: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
	width: 479px;
	float:left;
}

#info2 {
	overflow: hidden;
	background-color: #FFFFFF;
    border-right: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
	width: 479px;
	float:left;
}

#info-bottom-container{
	width:100%;
	height:auto;
	float:left;
}

.home-area1, .home-area2, .home-area3, .home-area4, .home-area5 {
	padding: 30px 30px 7px 85px;
	background-repeat:no-repeat;
	background-position: 30px 30px;
	text-align:justify;
}

.home-area1 {
	background-image:url('http://jacobsandharris.co.uk/wp-content/uploads/2013/12/eggs-icon.png');
}

.home-area2 {
	background-image:url('http://jacobsandharris.co.uk/wp-content/uploads/2013/12/keys-icon.png');
}

.home-area3 {
	background-image:url('http://jacobsandharris.co.uk/wp-content/uploads/2013/12/stones-icon.png');
}

.home-area4 {
	background-image:url('http://jacobsandharris.co.uk/wp-content/uploads/2013/12/pen-icon.png');
}

.home-area5 {
	background-image:url('http://jacobsandharris.co.uk/wp-content/uploads/2013/12/umbrella-icon.png');
}

#info3 {
	overflow: hidden;
	background-color: #FFFFFF;
    border-left: 1px solid #EFEFEF;
	width: 319px;
	float:left;
}

#info4 {
	overflow: hidden;
	background-color: #FFFFFF;
	width: 320px;
	float:left;
}

#info5 {
	overflow: hidden;
	background-color: #FFFFFF;
    border-right: 1px solid #EFEFEF;
	width: 319px;
	float:left;
}

#info-containers{
	width:100%;
	float:left;
	background-color:#FFF;
}

.home-quote-text{
	font-family: 'Droid Sans',Arial,sans-serif;
    font-size: 18px;
    line-height: 1.2em;
    padding-left: 70px;
	padding-right:70px;
    text-align: center;
}

.home-quote-source{
	font-family: 'Droid Sans',Arial,sans-serif;
    font-size: 12px;
    line-height: 1.2em;
    margin-bottom: 0;
    padding-left: 70px;
	padding-right:70px;
    text-align:center;
}

.home-area {
	padding:40px;
}

#super_rss_reader-2{
}

.f_widget.widget_super_rss_reader, .f_widget.widget_pageexcerptwidget {
    padding-bottom: 7px;
	height:175px;
}

.read-more{
	float:right;
}

#shadow-wrap{
	position:absolute;
	top:477px;
	width:100%;
	height:98px;
	background-color:transparent;
	z-index:0;
	box-shadow:0 0 7px rgba(0, 0, 0, 0.08);
}

.contact-div {
	width:100%;
	height:auto;
	position:relative;
	float:left;
	margin-top:40px;
}

#fpw_widget-7.f_widget.widget_fpw_widget {
	padding-bottom:7px;
}

@media screen and (max-width: 960px) {
	.royal-slider1,  #footer-widget, #quote-container, #about-rss, #shadow-wrap {
        display: none !important;
    }
	
    #about-index {
        width: 100%;
		border-right:1px solid #EFEFEF;
    }
	
	#rss-index, #info2, #info4, #info5 {
		width: 100%;
		border-top:none;
		border-right:1px solid #EFEFEF;
		border-left:1px solid #EFEFEF;
		}
		
	#info1, #info3{
		width: 100%;
		border-right:1px solid #EFEFEF;
		border-left:1px solid #EFEFEF;
		}
		
	.footer-widget{
		margin-right:0;
		border-right:none;
		width:100%
	}

		
		
}