/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

    1. Activate custom.css file in theme admin panel
	2. Open style.css file and find any clasess you want to override
	3. Copy classes to override in this file, put them outside green commented area


START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */

.front { background:#fff; border:0px }

/*h2.title, h1.title { background:#F7F5EE url(images/title-bg-trans.png) no-repeat left bottom; padding:8px 20px; margin:0 0 20px 0; border-bottom:0px; color:#000000; font-size:26px } */

h2.title, h1.title { font-family: 'Helvetica Neue', Arial, sans-serif; background:none; padding:8px 20px; margin:0 0 20px 0; border-bottom:0px; color:#000000; font-size:26px }

.navigation-area { 
	background:#6b5f53; 
 }

.sf-menu a  { display:block; z-index:100; padding:5px 15px; line-height:35px; font-size:18px; color:#ffffcc; text-decoration:none }

.sf-menu li:hover li a { color:#B79A7C }
.sf-menu li:hover { 
	background:#6b5f53; 
	/*background-color:#FFED82;
  	background-image:initial;
  	background-origin:initial;
  	background-position:initial initial;
 	background-repeat:initial initial;
 	border-bottom-left-radius:4px 4px;
 	border-bottom-right-radius:4px 4px;
 	border-top-left-radius:4px 4px;
  	border-top-right-radius:4px 4px;*/

}
.sf-menu li ul li.current_page_item a { font-weight:bold }
.sf-menu li  { float:left; width: auto; padding:2px 5px; margin:0 }
.sf-menu li li.current_page_item { background:none; }

.sf-menu li.current_page_item { 
	background: #B79A7C;
	color: #fff;	
}

.sf-menu .sf-sub-indicator { padding-left:5px }


/*
.footer-area { z-index:1; background:#6b5f53; padding-top:10px; color:#ffffcc }
.widget h3 { font:normal 19px 'Lato'; color:#ffffcc; line-height:24px; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #CDCAC4  }
*/

.footer-area { z-index:1; background:#B79A7C; padding-top:10px; color:#001b22; }
.widget h3 { font:normal 19px 'Helvetica Neue', Arial, sans-serif; color:#001b22; line-height:24px; padding:0 0 10px 0; margin:0 0 10px 0 }

h2.title, h1.title, .widget h3, h3.tcomm, h2.post-form { 
    text-shadow: none;
}

.format_text img{ padding:0px; border:0px }