/*   
Theme Name:  shoptocook-responsive-DMGfoods-2
Description: DMG Foods Theme
Author:      Nicholas Hernandez
Template:    shoptocook-responsive
Version:     1.0.0
*/
@import url(../shoptocook-responsive/style.css);

body {font-family: 'Heebo', sans-serif;}

.weekly-ad-container {text-align: right; margin: 0 20px;}
.weekly-ad-header-img {vertical-align: bottom;}
	
@media (max-width: 600px) {.weekly-ad-container {text-align: center; margin: 0;}}

.site-branding {margin: 5px 30px 5px 30px; width: 100%; float: left;}

/***********************
 *   NAVIGATION MENU   *
 ***********************/
#masthead {width: 100%;}

.navigation-main {float: right; width: 590px;}
.navigation-main .nav-menu > li > a {text-transform: uppercase; font-weight: bold; padding-left: 12px;}
.navigation-main  ul{margin: 0 !important;}
.navigation-main .nav-menu li + li::before {content: " | "; position: absolute; top: 9px; color: #ed3b47; font-weight: bold;}
.navigation-main .nav-menu ul li + li::before {display: none;}
.nav_container, .logo_container {display: inline-block;}
.nav_container {float: right;}

.logo_container {max-width: 350px;}

.donate-box {float: right; width: 243px; margin: 15px; height: 75px; text-align: center; font-size: 12px; font-weight: bold; padding-bottom: 40px; padding-top: 10px;}

@media (max-width: 600px) {
	.donate-box {
	padding-top: 0px !important;
	margin: 5px 15px 15px 15px !important;
	}
	
	.site-branding {
    float: none;}
	
	.nav_container {
    float: none;
	}
	
	#masthead {
    text-align: center;
}}

@media (max-width: 900px) {.donate-box {padding-bottom: 10px; padding-top: 75px;}}


.main-wrapper .login_container {
    padding: 5px 50px 0px !important;
}

/*************
 *   Footer   *
 *************/
.site-info, .site-info a {
    color: white;
}
.color-footer-bg {
    background-color: rgba(0, 0, 0, 0.7) !important;
}


/******************
**overrite stuffs**
******************/

.dmg_highlight_color{
	color: #e43d44;
}

img.maryland-food-bank{
	float: left;
	padding-right: 20px;
}

#secondary {
    display: none !important;
}

#primary.with-side-bar {
    width: 85% !important;
}

.comments-area #respond {
    display: none !important;
}


#main .page-title{
	margin-top: 10px;
        color: #e43d44;
}

.mission-photos {
    float: right;
    padding: 5px 20px;
}