/*
 Theme Name:   ZAP Landesmuseum Theme
 Description:  ZAP Landesmuseum Theme based on Twenty Seventeen
 Author:       sunfire-design
 Author URI:   https://www.sunfire-design.de
 Template:     twentyseventeen
 Version:      1.0
 Text Domain:  zap-landesmuseum-theme
*/

@font-face {
  font-family: 'Sukhumvit Set';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('assets/fonts/sukhumvit-set_text-webfont.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('assets/fonts/sukhumvit-set_text-webfont.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Sukhumvit Set';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('assets/fonts/sukhumvit-set_bold-webfont.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('assets/fonts/sukhumvit-set_bold-webfont.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body,
button,
input,
select,
textarea {
  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif;
}

th,
td,
th:first-child,
td:first-child {
	padding: .5em;
}

.custom-header {
	margin-bottom: 0 !important;
}

.site-header {
	position: sticky;
	z-index: 10;
	top: -64px;
}

.has-header-image:not(.twentyseventeen-front-page) .site-header,
.has-header-video:not(.twentyseventeen-front-page) .site-header {
	top: 0;
}

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	max-height: calc(50vh);
}

.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
	max-height: calc(50vh);
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	max-height: 50vh;
	min-height: auto;
	padding-bottom: 0;
}

.admin-bar.has-header-image .custom-header-media img,
.admin-bar.has-header-video .custom-header-media video,
.admin-bar.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	max-height: calc(50vh + 46px);
}

.custom-logo-link {
	position: absolute;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
  top: -284px;
	padding-right: 0;
}

.custom-logo-link img {
	max-height: 128px;
}

.site-description {
	font-size: 16px;
	font-size: 1rem;
}

.site-description svg{
	max-height: 12px;
}

.site-branding.site-branding-fixed,
.site-navigation-fixed.navigation-top {
	position: relative;
	top: 0;
}

.navigation-top a {
	color: #60c3e2;
	font-weight: 700;		
}

.booking-button a {
	color: #60c3e2;
	font-weight: 700;	
}

.wp-block-table.is-style-stripes {
	border-bottom: none;
}

.footer-navigation {
	flex: 1 0 auto;
}

.footer-navigation ul {
	margin: 0.7em 0px 0px;
}

.footer-navigation ul li {
	display: inline-block;
	margin-right: 1.5em;
}

.site-footer .widget-area {
	max-width: 290px;
}

.site-footer .widget-area .widget {
	padding-bottom: 0;
}

.has-header-image:not(.twentyseventeen-front-page) .custom-header-media,
.has-header-video:not(.twentyseventeen-front-page) .custom-header-media {
	display: none;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image .site-branding,
.has-header-video .site-branding {
  bottom: 0;
  display: block;
  left: 0;
  height: auto;
  position: relative;
  width: 100%;
	background: #60c3e2;
	padding: 84px 0 20px;	
	margin-bottom: 0;
}

.has-header-image:not(.twentyseventeen-front-page) .site-branding,
.has-header-video:not(.twentyseventeen-front-page) .site-branding {
	padding: 20px 0;
}

.site-title {
	font-weight: 700;
}

body.has-header-image .site-description,
body.has-header-video .site-description {
	opacity: 1;
}

.site-description a {
	color: #fff;
}

.has-header-image:not(.twentyseventeen-front-page) .single-featured-image-header {
	opacity: .25;
	position: fixed;
	height: 100%;
	display: none;
}

.has-header-image:not(.twentyseventeen-front-page) .single-featured-image-header img {
	opacity: .25;
	object-fit: cover;
	height: 100%;	
}

.has-header-image:not(.twentyseventeen-front-page) .site-content-contain {
	background: transparent;
}

.has-header-image:not(.twentyseventeen-front-page) .site-footer {
	background: #fff;
}

body.page:not(.twentyseventeen-front-page) .entry-title {
	font-size: 16px;
	font-size: 1rem;
}

@media screen and (min-width: 40em) {
  .custom-logo-link {
    top: -228px;
  }
}

@media screen and (min-width: 48em) {

	.mobile-only {
		display: none !important;
	}

	.site-header {
		top: -66px;
	}	

	.admin-bar .site-header {
		top: -24px;
	}

	.admin-bar:not(.twentyseventeen-front-page) .site-header,
	.admin-bar:not(.twentyseventeen-front-page) .site-header {
		top: 46px;
	}	

	.site-title {
		font-size: 32px;
		font-size: 2rem;
	}

	.site-description {
		font-weight: 400;
		text-align: left;
		display: flex;
		justify-content: space-between;
		font-size: 18px;
		font-size: 1.125rem;
	}

	body:not(.title-tagline-hidden) .site-branding-text {
		padding: 0.4rem 0;
	}

	.custom-logo-link {
		top: -250px;
		padding-right: 0;
	}

	.main-navigation a {
    padding: .5em 1.25em;
		font-size: 16px;
		font-size: 1rem;
		font-weight: 700;
	}	

	.navigation-top {
		position: relative;
	}	

	.navigation-top .wrap {
		display: flex;
		align-items: center;
	}

	.admin-bar .site-navigation-fixed.navigation-top {
		top: 0;
	}

	.booking-button a {
		background: #60c3e2;
		color: #fff;
		transition: 0.5s;
		margin-left: 1.25em;
		font-weight: 600;
	}

	.booking-button a:hover,
	.booking-button a:focus {
		background: #d0d0d0;
		color: #6e6e6e;
	}

	.site-footer .wrap {
		display: flex;
		justify-content: space-between;
	}

	.site-footer .widget-area {
		padding: 0;
		flex: 1 0 20%;
	}

	.site-footer .widget-column.footer-widget-1 {
		float: none;
		width: auto;
	}

	body:not(.has-sidebar):not(.page-one-column):not(.twentyseventeen-front-page) #primary .entry-header,
	body:not(.has-sidebar):not(.page-one-column):not(.twentyseventeen-front-page) #primary .entry-content {
		width: 100%;
		float: none;
	}

	.has-header-image:not(.twentyseventeen-front-page) .site-content {
		padding: 2.5em 0 0;
	}

	.panel-image {
		background-position: center 180px;
	}
}

@media screen and (min-width: 64em) {

	.site-header {
		top: -86px;
	}

	.admin-bar .site-header {
		top: 68px;
	}

	.admin-bar:not(.twentyseventeen-front-page) .site-header,
	.admin-bar:not(.twentyseventeen-front-page) .site-header {
		top: 32px;
	}	

	.site-title {
		font-size: 36px;
	}

	.site-title a {
		letter-spacing: .345rem;
		word-spacing: 1rem;
	}

	.has-header-image.twentyseventeen-front-page .site-branding,
	.has-header-video.twentyseventeen-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		padding: 104px 0 20px;
	}

	.site-description {
		font-size: 24px;
	}

	.site-description svg{
		max-height: 1rem;
	}	

  .custom-logo-link {
    top: -304px;
  }	
  
  .custom-logo-link img {
    max-height: 168px;
  }	

	.navigation-top nav {
		margin-left: -1.75em;
	}

	.main-navigation a {
		font-size: 21px;
		font-size: 1.3125rem;
	}	
	
	.panel-image {
		background-position: center 206px;
	}	
}

@media screen and ( min-width: 75em ) {

	.navigation-top nav {
		margin-left: -.5em;
	}	
}

@media screen and ( min-width: 87.5em ) {
	.site-header {
		top: 0;
	}

	.admin-bar .site-header {
		top: 32px;
	}

	.has-header-image.twentyseventeen-front-page .site-branding,
	.has-header-video.twentyseventeen-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		padding: 0;
	}

  .custom-logo-link {
    left: -150px;
    top: -95px;
		transform: none;
  }

	.panel-image {
		background-position: center 168px;
	}	
}

@media screen and ( min-width: 100em ) {

	.custom-logo-link {
    left: -280px;
    top: -92px;
		transform: none;
  }
  
  .custom-logo-link img {
    max-height: 256px;
  }	
}