/* Change logo on mobile */
@media only screen and (max-width: 981px) { #logo { content: url("/wp-content/uploads/2016/11/logo_1024px.png"); } }

/* Add shadow to main menu links */
#top-menu-nav a { text-shadow: 0 1px 0 #ffffff; }
#top-menu-nav .sub-menu a { color: #ffffff !important; font-weight: bold !important; text-shadow: 0 2px 3px #000000 !important; }
ul#mobile_menu.et_mobile_menu ul.sub-menu a { color: #000000 !important; text-shadow: none !important; }
ul#mobile_menu.et_mobile_menu ul.sub-menu a:before { content: '• '; }

/* Add shadow to title areas at top of each page */
div.et_pb_promo.et_pb_module { color: #ffffff !important; text-shadow: 0 2px 3px #000000 !important; }

/* Add a semi-transparent background and curved borders */
.joebrown-dark-box { background-color: rgba(0, 0, 0, 0.5) !important; border-radius: 8px; color #ffffff; padding: 20px !important; }

/* Styling for top announcement bar */
div.wpfront-message a { color: #ffffff; }
@media all and (min-width: 981px) {
	div#et-main-area { margin-top: -30px; }
	#wpfront-notification-bar-spacer { top: 140px !important; }
}
@media all and (max-width: 980px) {
	div#et-main-area { margin-top: -30px; }
	#wpfront-notification-bar-spacer { top: 152px !important; }
}