/* Main CSS */

/* #Basic Styles
================================================== */
html{position: relative; min-height: 100%;}

body{background:url('images/bg.jpg') no-repeat bottom left #212025; margin-bottom:150px;}
body img{max-width: 100%; height: auto;}

.edit-mode{position:initial; margin-bottom:-150px;}

/* #Header
================================================== */
#header-wrap{background:#ffffff; padding-bottom:20px; box-shadow: 0px 10px 30px #fff;}
#header{}
#logo{}

/*Navigation 
================================================== */
@media only screen and (min-width: 768px) { 
	#mobile-dropdown-button{display:none;}
	#navigation-wrap{}
	#navigation{}
	#navigation a{display:block; text-decoration:none; }
	#navigation a:hover{}
	#navigation>#mobile-dropdown>ul{padding:0; margin-bottom:-27px; list-style:none; float:left; width:100%;}
	#navigation>#mobile-dropdown>ul>li{float:left; position:relative; height:80px; }
	#navigation>#mobile-dropdown>ul>li>a{color:#000; padding: 48.5px 10px; text-align:center; font-style: normal; font-weight: bold;}
	#navigation>#mobile-dropdown>ul>li:hover>a{color:#fff; background:#7a1e25;}
	#navigation>#mobile-dropdown>ul>li:hover{border-top:5px solid #f0b703; margin-top:-5px; z-index:20;}

	#navigation>#mobile-dropdown>ul>li>ul{
		z-index:10; 
		display:none;
		position:absolute;
		padding:0;
		background:url('images/subnav-bg-trans.png');}
	#navigation>#mobile-dropdown>ul>li>ul>li{ width:200px; float:left; list-style-type:none; height:auto !important; }
	#navigation>#mobile-dropdown>ul>li>ul>li.nav-first{background:url('images/nav-bg-hover.png') no-repeat top left;}
	#navigation>#mobile-dropdown>ul>li>ul>li a{padding:5px 15px; color:#fff; margin:auto; text-decoration:none; font-size:16px;}
	#navigation>#mobile-dropdown>ul>li>ul>li:hover{background:#57171c;}

	#navigation>#mobile-dropdown>ul>li:hover>ul{display:block;}
	#navigation>#mobile-dropdown>ul>li>ul>li:hover>ul>li a{font-style: normal; color:#ffffff;}
	#navigation>#mobile-dropdown>ul>li:hover>ul>li a:hover{}

	#navigation>#mobile-dropdown>ul>li>ul>li:hover>ul{display:block; }
	#navigation>#mobile-dropdown>ul>li>ul>li>ul>li{background:url('images/subnav-bg-trans.png');}
	#navigation>#mobile-dropdown>ul>li>ul>li>ul>li:hover{background:#57171c;}
	#navigation>#mobile-dropdown>ul>li>ul>li>ul{display:none; list-style:none; padding:0; position:absolute; margin-top:-33px;  right:-200px; width:200px; font-size:16px;} 
	
}


/* #Content
================================================== */

#content-wrap{position:relative; color:#fff; padding-top:30px;  margin-bottom:30px;}
#content{padding:10px;}

#sidebar{background:#747373; padding:10px;}

#slideshow{margin-top:20px; }
#slideshow img{border:5px solid #7a1e26;}

#main{color:#ffffff; margin-top:20px;}
#main h1{text-align: center;}

.feature{margin-bottom:10px; margin-top:10px;}
.feature img{ border:5px solid #7a1e26;}
.right-feature{text-align: right;}
.home-feature{margin-bottom:200px; margin-top:100px;}
.gallery img{border:none !important;}

/* #Footer
================================================== */
footer{  position: absolute; bottom: 0; width: 100%;}
#footer-wrap{position:relative; font-size:13px; background:#7a1e25; box-shadow: 0px -20px 30px #7a1e25; padding-top:20px;} 
#copyright{ color:#ffffff; margin-top:40px; }
#copyright a{color:#212025; text-decoration: none;}
#copyright a:hover{text-decoration: underline;}

/* #Mobile
=================================================== */
@media only screen and (max-width: 768px) { 

	#logo img{margin:0 auto;}

	#navigation-wrap{background:#fff;}
    #mobile-dropdown-button{display:block; padding:10px; width:100%; cursor:pointer; background-color:#ffffff; color:#000000; position:relative; font-weight: bold;}
	#mobile-dropdown{display:none; z-index:5; width:100%; position:absolute; }
	#mobile-dropdown a{display:block; color:#ffffff; width:100%; padding:8px 25px; text-decoration:none;}
	#mobile-dropdown>ul{list-style:none; padding:0; background:#7a1e25; margin-right:30px;}
	#mobile-dropdown a:hover{background-color:#57171c; color:#ffffff;}
    #mobile-dropdown ul>li>ul {list-style:none; padding-left:0;}
	#mobile-dropdown ul>li>ul a{padding-left:50px;}
	#mobile-dropdown ul>li>ul>li>ul a{padding-left:70px;}

    #footer-logo img{margin:0 auto;}
	#copyright{text-align:center;}

}