/** 
* 
* This file will govern the base structural aspects of the theme.
* IE:
*
* #section-tophat, #section-header, #section-content, #section-footer, etc.
* article, .module, etc.
*
**/


/* THEME STRUCTURE */
html, body{background: #fff;}

ul.social img{width: 24px;height: 24px;}

a:hover {color:#000}

/* TOPHAT & SUB FOOTER */
#section-tophat{ }
#section-tophat .sixteen, #section-sub-footer .sixteen{padding: 0 3rem;}
	#section-tophat .left, #section-sub-footer {
	    font-size: 1.3rem;
	    line-height: 2.5;
		}

	#section-tophat .left, #section-sub-footer .left{
	    color: #FFFFFF;
	    font-size: 1.3rem;
	    font-weight: 400;
	    height: 48px;
	    line-height: 1;
	    margin-bottom: -1rem;
	    margin-top: -0.7rem;
	    padding: 1.65rem;
	    	}
#section-tophat .left {
   	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.6rem;
}
#section-tophat a, #section-sub-footer a, #section-footer a{color: white;}

	#page ul.social{margin: -0.2rem 0 0 0;}


/* HEADER */
#section-header{ margin:0; padding: 0;}
#section-header .sixteen{padding: 0rem 3rem;}

h1.site-title{margin-bottom:0;}

/* CONTENT */
#section-content .container > .sixteen{ padding: 2rem; }
#section-content .sixteen > .sixteen{ padding: 0; }
	.entry-content, .entry-summary {
	    margin: 1rem 0 0;
		}
	.entry-content img{border-radius: 3px;}
	.wpb_revslider_element img{border-radius: 0px;}
	.entry-header{width: 100%;}
	.entry-title {
	    margin-bottom: 2rem;
	    width: 100%;
		}

	#primary.left{padding: 1rem 0 0;}
	#secondary.right {
    	padding: 8.4rem 0 1rem 4rem;
		}
		#secondary.left {
    	padding: 2rem 4rem 1rem 0;
		}
		.padded-sidebar {
    	padding: 0.8rem 0 1rem 4rem;
		}
	#secondary .widget hr{margin: 4.5rem 0;}

	.breadcrumbs {
	    margin: -1rem 0 1rem;
		}


/* FOOTER */
#section-footer{ }
#section-footer .sixteen{ 
	padding: 6rem 3rem;
	}

/* SUBFOOTER */
#section-sub-footer{ }
#section-sub-footer .sixteen{ }
	#section-sub-footer .right ul.social{margin-left: 1rem;}


/* DESKTOP MENU */
nav ul.menu{margin-top: 2.7rem; display: inline-block !important;}
	nav ul.menu li, nav ul.menu li:hover, nav ul.menu li:active, nav ul.menu li:focus{background: transparent;}
	nav ul.menu li .menu-item-title {
	    color: #444;
	    font-size: 1.8rem;
	    font-weight: 700;    
	    transition: all 0.2s ease-out 0s;
		}

	nav ul.menu > li a{
		color: #909090;
		border-right: 0px solid #909090;
		padding: 0;
		}
		nav ul.menu > li > a > div span {
		    color: #CCCCCC;
		    color: rgba(200, 200, 200, 0.4);
		    display: inline;
		    padding: 0 1rem;
		    transition: all 0.2s ease-out;
			}
			nav ul.menu > li:last-child > a > div span {
		    display: none;
			}

		nav ul.menu > li:last-child a{border-right: 0;}
			nav ul.menu li:hover .menu-item-title, nav ul.menu li.sfHover .menu-item-title, nav ul.menu li:hover .menu-item-subtitle, nav ul.menu li.sfHover .menu-item-subtitle {
			    background: transparent;
			    color: #EF5028;
				}
			nav ul.menu li .menu-item-title:hover,
			nav ul.menu li .menu-item-title:active,
			nav ul.menu li .menu-item-title:focus{color: #EF5028;}
			nav ul.menu > li:hover > a > div span {
		    padding: 0 1rem 0 2rem;
			}

	nav ul.menu li:hover, nav ul.menu li.sfHover {
    background: transparent;
	}
		nav ul.menu ul li, nav ul.menu ul ul li {
		    background: none repeat scroll 0 0 #141515;
		    border-bottom: 1px solid #313131;
		    padding: 1.1rem 1.4rem;
			}
			nav ul.menu ul li:hover, nav ul.menu ul li.sfHover {
		    background: none repeat scroll 0 0 #EF5028;
			}
			nav ul.menu ul li a, nav ul.menu ul ul li a {
		    color: #777;
			}
	nav ul.menu > li > .sub-menu{padding-top: 1.2rem;}

	#page nav ul.menu .sub-menu li > a {
	    color: #FFFFFF;
	    font-size: 1.15rem;
	    font-weight: 700;
	    text-transform: uppercase;
		}
		#page nav ul.menu .sub-menu li:hover > a{color: #FFF;}

	#page .sf-arrows .sf-with-ul {
	    padding-right: 0em;
		}

	/* Layout Specific mods */
	#site-navigation.clearfix nav ul.menu {
	    margin-top: 1.5rem;
		}


/* HRs */
hr {
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;
    height: 3px;
}
hr {
    border-top: 1px solid #EBEBEB;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
}