/*
Theme Name: Twenty Seventeen Child
description: >-
  Twenty Seventeen Child Theme
Author: Chez Panisse
Template: twentyseventeen
Version: 1.0.2
*/

body,
button,
input,
select,
textarea {
	color: #000 !important;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
}

div.custom-header {
	background-color: #fff;
}

#top-menu a, a:visited {
	color: #000 !important;
	padding-right: 0px !important;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #000;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #000;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #000;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #000;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}

#masthead {
	background-color: #fff;
}

#masthead > div.custom-header > div.site-branding > div > div > h1 > a,
#masthead > div.custom-header > div.site-branding > div > div > p {
    color: #000;
}

div.image_holder {
	padding-top:6%;
}

#masthead > div.custom-header > div.site-branding > div > div > p > a:hover {
    text-decoration: underline;
}

#masthead > div.custom-header > div.site-branding > div > div > p {
    font-size: 2.25rem;
    line-height: 1.2;
}

.has-header-image.twentyseventeen-front-page .custom-header {
	display: unset;
	height: unset;
	width: unset;
}

.custom-header-media {
	bottom: unset;
	left: unset;
	overflow: unset;
	position: unset;
	right: unset;
	top: unset;
	width: unset;
}

.custom-header-media:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
    background: none !important;
}

.custom-header-media:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
    display: block !important;
}

body.page:not(.home) header.entry-header {
	display: none !important;
}

.site-content {
	padding: 0 !important;
}

body.page:not(.home) #masthead > div.custom-header > div.site-branding > div.wrap { 
	display: none;
}

body.page:not(.home) #masthead > div.custom-header > div.site-branding {
	padding-bottom: 25px;
}

body.home #masthead > div.custom-header > div.site-branding {
    margin-bottom: 30vh;   
}

/* NEW */
#wp-custom-header {
	max-height: 39vh;
	margin-top: 1vh;
	text-align: center;
}

#wp-custom-header > img {
	transform: none;
	position: relative;
	top: auto;
	left: auto;
	object-fit: contain;

    margin: auto;
    height: 100%;
    width: auto;

	min-width: auto;
	max-width: 90vw;
	min-height: auto;
	max-height: 39vh;
}

/*
#masthead > div.custom-header {
	max-height: 50vh;
}
*/

#masthead > div.custom-header > div.site-branding > div {
	padding: 0;
	margin: auto;
	text-align: center;
}

#masthead > div.custom-header > div.site-branding > div > a > img {
	display: block;
}

#masthead > div.custom-header > div.site-branding > div > div {
	display: block;
}

#masthead > div.custom-header > div > div.logo {
	margin-top: 5vh;
	text-align: center;
}

#masthead > div.custom-header > div > div.logo > a {
	padding-right: 0px !important;
}

#masthead > div.custom-header > div > div.logo > a > img {
    max-width: 35rem;
    min-width: 10rem;
    width: 70vw;
    position: relative;
    min-height: 0px;
	max-height: none;
}

#site-navigation > div {
	margin-left: 0vw;
}

#top-menu {
	display: block;
}

#site-navigation > button {
	display: none;
}

.main-navigation ul {
	text-align: center;
}

.main-navigation ul li a:hover {
	text-align: center;
	text-decoration: underline;
}

.main-navigation ul li.current-menu-item {
	display: none !important;
}

div.navigation-top {
	font-family: 'EB Garamond', serif;
}

body.home div.navigation-top {
	position: fixed;
}

/* div.navigation-top {
	position:  fixed !important;
} */

body.home li#menu-item-760 ul.sub-menu {
	top: -400%;
	position: absolute;
}

body.home li#menu-item-4870 ul.sub-menu {
	top: -225%;
	position: absolute;
	margin-bottom: 1rem;
	width: 240px;
}	

body.home div.before-footer.logo {
	display: none;
}

@media screen and (max-width:46em) {
	body.home div.navigation-top {
		position:  relative !important;
	}

	body.home li#menu-item-760 ul.sub-menu,
	body.home li#menu-item-4870 ul.sub-menu {
		top: unset;
		bottom: auto;
		position: static;
		margin-bottom: unset;
		width: unset;
	}

	body.home li#menu-item-760 ul.sub-menu li.menu-item,
	body.home li#menu-item-4870 ul.sub-menu li.menu-item	 {
		text-wrap: none;
	}
}

/* wp_footer compatibility */
body.home div.site-navigation-fixed.navigation-top {
	font-family: 'EB Garamond', serif !important;
	position: fixed;
	bottom: 0;
    top: auto !important;
}

/* wp_footer compatibility */
body.home > div#page > header#masthead > div.navigation-top {
	position: fixed;
}

/* wp_footer compatibility */
a.menu-scroll-down {
	display: none !important;
}

.text-center {
	text-align:center;
}

body:not(.home) div.custom-header {
	display: none;
}

body:not(.home) div.navigation-top {
	position: relative;
}