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

@font-face {
	font-family: "Phaistos Rom";
	font-display: swap;
	font-weight: normal;
	font-style: normal;
	
	src: url("//cloud.typenetwork.com/projectLicenseWeb/21674/fontfile/eot/?70711931c5dfd49ec9a657cdbc0906a013fcf94d");
        src: url("//cloud.typenetwork.com/projectLicenseWeb/21674/fontfile/eot/?70711931c5dfd49ec9a657cdbc0906a013fcf94d#iefix") format("embedded-opentype"),
             url("//cloud.typenetwork.com/projectLicenseWeb/21674/fontfile/woff2/?70711931c5dfd49ec9a657cdbc0906a013fcf94d") format("woff2"),
             url("//cloud.typenetwork.com/projectLicenseWeb/21674/fontfile/woff/?70711931c5dfd49ec9a657cdbc0906a013fcf94d") format("woff");

}

body,
button,
input,
select,
textarea {
	color: #000 !important;
	font-family: "Phaistos Rom", "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: "Phaistos Rom", "Helvetica Neue", helvetica, arial, sans-serif;
}

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

::-moz-placeholder {
	color: #000;
	font-family: "Phaistos Rom", "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: "Phaistos Rom", "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;
}

#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;
}

.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: none;
    min-width: 0px;
    width: 50vw;
    position: relative;
    min-height: 0px;
	max-height: none;
}

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

#top-menu {
	display: block;
}

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

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

.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;
}

@media only screen 
  and (min-device-width: 280px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {  

	#masthead > div.custom-header > div > div.logo > a > img {
		width: 60vw;
	}
	#masthead > div.custom-header > div > div.logo {
		margin-top: 0vh;
	}

	div.navigation-top {
		position: relative;
	}

	#top-menu {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		list-style: none;
		margin: 0;
	}

	#top-menu li {
		display: list-item;
		width: 48%;
		margin: 2px;
	}
	.main-navigation li:last-child {
		border-bottom: 1px solid #eee;
	}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {  
	#masthead {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-end;
		list-style: none;
		margin: 0;
	}
	.has-header-image.twentyseventeen-front-page div.custom-header {
		display: list-item;
		width: 50vw;
		height: 100vh;
		max-height: 100vh !important;
	}
	div.navigation-top {
		display: list-item;
		width: 50vw;
		position: relative;
	}

	body.page:not(.home) #masthead div.navigation-top {
		width: 100vw;
	}

	body.page:not(.home) #masthead div.navigation-top ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
	}

	body.page:not(.home) #masthead div.navigation-top ul li {
		display: list-item;
		width: 25vw;
	}
  }

  @media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {  
	body.page.home #masthead div.navigation-top ul li {
		width: 100%;
    	border-bottom: 1px solid #eee;
	}
  }

@media only screen 
and (orientation: landscape) {  
	#wp-custom-header > img {
		max-height: 55vh;
	}
	#wp-custom-header {
		max-height: 60vh;
	}
	#masthead > div.custom-header > div > div.logo > a > img {
		width: 35vw;
	}
} 

@media only screen 
  and (max-device-height: 800px) 
  and (orientation: portrait) {  

	.has-header-image.twentyseventeen-front-page .custom-header {
		height: 55vh;
	}
}

/* wp_footer compatibility */
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;
}