#work img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

#work img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
} 

#main-content .container:before {
width: 0;
}

.container::before { display:none; } .et_pb_widget_area_right { border-left:0; }



/* Style Sidebar */
 
.styledbar .widgettitle {
    background: #fff!important;
    color: #111;
    font-size: 16px;
    text-transform: uppercase;
    height: 33px;
    line-height: 33px;
    padding: 0 10px;
    width: 100%;
    border: 1px #111 solid;
    margin-bottom: 14px;
}
 
/* sidebar search bar */
    .styledbar .widget_search #searchsubmit {background-color: #111; border:1px #111 solid;}
    .styledbar .widget_search input#searchsubmit {color: #fff;}
    .styledbar .widget_search input#s {border: 1px solid #111;}
	
.et_right_sidebar #sidebar { padding-left: 0;}


.single .header-content h1 {
font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
font-size: 50px;
font-weight: 500;
line-height: 1em;
letter-spacing:3px;
}

.single .header-content p {
font-size: 14px;
}

#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] {
    background-color: #fff;
    border: 1px #111 solid;
    
}


/*------------------------------------------------*/
/*-------------[BLOG SMALL IMAGES]----------------*/
/*------------------------------------------------*/
/*feature thumbnails alongside post titles on blog page*/
 
   .blog_small_image .et_pb_posts .et_pb_post a img {
            max-width: 300px!important;
            float: left !important;
            padding-right: 20px !important;}
 
    @media only screen and (max-width: 980px) {
        .blog_small_image .et_pb_posts .et_pb_post a img{
            float:none !important;
            max-width: 100%!important;}}

	.blog_small_image  .et_pb_posts .et_pb_post { margin-bottom: 8%;}
	
	.blog_small_image_no_sidebar .et_pb_posts .et_pb_post {clear:both;margin-bottom:8%;}
	
	   .blog_small_image_no_sidebar .et_pb_posts .et_pb_post a img {
            max-width: 350px!important;
            float: left !important;
            padding-right: 20px !important;}
 
    @media only screen and (max-width: 980px) {
        .blog_small_image_no_sidebar .et_pb_posts .et_pb_post a img{
            float:none !important;
            max-width: 100%!important;}}

	.blog_small_image .et_pb_posts .et_pb_post { margin-bottom: 10%;}

.hidden { display: none !important;}

.footer-bottom {text-align:center;}