@import theme/variables
@import theme/mixins

@import bootstrap/variables
@import bootstrap/mixins

// header
$logo-margin-top:		10px
$logo-margin-bottom:	15px

.amy-bottom-menu
	#amy-site-logo
		img
			margin-top: $logo-margin-top
			margin-bottom: $logo-margin-bottom

// menu
$menu-max-width:			768px
$header-height-mobile:		90px

@media (max-width: $menu-max-width)
	#amy-top-bar,
	#amy-site-nav,
	.amy-primary-menu-left,
	.amy-primary-menu-right
		display: none

	.amy-middle-logo #amy-site-nav
		display: block

	#amy-menu-toggle
		display: block

	#amy-site-logo a
		line-height: $header-height-mobile


// page header
$page-header-bg:		$theme-color
$page-header-bg-img:	'../images/bg-header.png'