/*
Theme Name:     Twenty Eleven Child with Sidebar Support
Theme URI:      http://futurewebblog.com/add-sidebar-support-posts-twenty-eleven-theme/
Description:    Child theme for the Twenty Eleven which includes support for sidebars on posts
Author:         Chris Aprea
Template:       twentyeleven
Version:        1.1
*/

/* We must first include the original css from the parent theme */
@import url("../twentyeleven/style.css");





/* This will override site title color even on the dark theme */
#site-title a {
    color: #d76200 !important;
}

/* Change H1 appearance */
h1 {
   color: #d76200 !important;
   font-size: 22px !important;
  }

/* Add STRONG appearance */  
strong {
   color: #d76200 !important;
  }
  
  
/* FIX Comment/Reply area background and border colors */
#respond {
	background: #fff !important;
	border: 1px solid #d76200 !important;
	width: auto !important;
}  

/* FIX Change Comment/Reply area width */
.commentlist {
width: auto !important;
}
.commentlist > li.comment {
margin: 0px 0px 20px 102px !important;
width: auto !important;
}

/* Change Title Color */
.entry-title,
.entry-title a {
	color: #d76200 !important;
	text-decoration: none;
}

/* Remote Top line */
#branding {
	border-top: none !important;
	width: 100% !important;
}


/* Remote Top white spacing */
#site-title {
	padding: 0.5em 0 0 !important;
}

/* Change / Edit bottom rectangle with copyright */
#site-generator {
	background: #FFFFFF !important;
	border-top: 0px solid #FFFFFF !important;
	color: #d76200 !important;
}
#site-generator a {
	color: #555;
	font-weight: bold;
}

/* content width to header width */
@media screen and (min-width:800px) {
#content {
	margin: 0px 0px 0px 0px !important;
	width: 75.0% !important; 
	/*width: 725px !important;*/
}
}


/* design for screen-width <= 799px */
@media screen and (max-width:799px) {
#content {
	width: 100% !important;
    padding: 0px 10px 0px 10px !important;
    margin: 0px 10px 0px 10px !important;
}
}


@media screen and (min-width:800px) {
#secondary {
    float: right;
    margin-right: 0% !important;
    width: 20%!important;
}
}

/* design for screen-width <= 799px */
@media screen and (max-width:799px) {
#branding
{
padding: 0,0,0,20px !important;
margin: 0px 0px 0px 20px !important;
}
}

/* design for screen-width <= 799px */
@media screen and (max-width:799px) {
#colophon
{
padding: 0,0,0,20px !important;
margin: 0px 0px 0px 20px !important;
}
}


/* move site title to the left */
#branding hgroup {
    margin-left: 0px !important;
	width: 100% !important;	
}


/* search box position */
#branding #searchform {
position: absolute !important;
top: 36px !important;
right: 0% !important;
text-align: right !important;
}


/* menu bar padding */
#access div {
  margin: 0 4.0% !important;
}

/* hide Proudly powered by WordPress */
#site-generator {
 display:none !important;
}




/* Form 7 vertical listboxes */
span.wpcf7-list-item { display: block !important; }



/* Secondary menu width on mobile devices */

@media screen and (max-width: 799px) {
#secondary  {
float: left !important;	
width: 90% !important;	
  } 
.widget-area {
float: left !important;	
width: 90% !important;	
  }
  
}

/* Header image height on Mobile devides */
@media screen and (max-width:799px) {
.CustomHeaderImageHeight
{
object-fit: cover !important;	
width: 100% !important;	
height: 220px !important;	
}

.size-post-thumbnail
{
object-fit: cover !important;	
width: 100% !important;	
height: 220px !important;	
}
}