/*
	Theme Name: s4fkb
	Description: Childtheme für S4F Köln/Bonn
	Author: Sebastian Mayer
	Author URI: https://linhuber.in
	Template: dorayaki
	Version: 0.1
	Tags:
*/

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
		 url('fonts/montserrat-bold-webfont.woff') format('woff');
	/*src: url('fonts/Cinzel-Regular.ttf') format('ttf'); */
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-regular-webfont.woff2') format('woff2'),
		 url('fonts/lato-regular-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-italic-webfont.woff2') format('woff2'),
		 url('fonts/lato-italic-webfont.woff') format('woff');
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-bold-webfont.woff2') format('woff2'),
		 url('fonts/lato-bold-webfont.woff') format('woff');
	font-style: bold;
}

.entry-content p, .entry-content ul, .entry-content ol, .single-post .author-info p.author-description {
    font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
}

/*-----------------------------------------------------------------------------------*/
/*	5.0 Header
/*-----------------------------------------------------------------------------------*/
.site-header {
    background-image: url('https://de.scientists4future.org/wp-content/themes/s4f-main-gp/img/weltkarte.png') !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    background-position: top !important;
}

#site-title {
  display: flex;
  align-items: center;
  justify-context: center;
  border-top: none !important;

}

#site-title h1 {
  font-size: 48px;
}
#site-title h1 a {
	color:#2a457c;
}

#site-title .logo {
  flex-basis: 15%;
}

#site-title .logo img {
  max-width: 100%;
}

#site-title .text {
  padding-left: 20px;
}

.menu-footer-navigation-container {
  border-top: 1px solid #eaeaea;
}

#menu-footer-navigation {
  border-top: none !important;
}

#masthead a#mobile-search-btn,
#masthead a#mobile-menu-btn {
  background-color: rgba(255,255,255,0.7);
}

.search-btn-open,
.menu-btn-open,
input[type="button"]:hover,
input[type="submit"]:hover,
.jetpack_subscription_widget input[type="submit"]:hover,
input#submit:hover,
input.wpcf7-submit:hover,
.contact-box a.cb-maplink:hover,
.entry-content p.slogan a:hover,
a.service-box:hover,
a#desktop-search-btn:hover,
a#desktop-search-btn.btn-open {
	background: #0f498f !important;
}

/*-----------------------------------------------------------------------------------*/
/*	6.0 Posts
/*-----------------------------------------------------------------------------------*/
.entry-header h1.entry-title,
.entry-header h2.entry-title {
	text-transform: none;
}

.entry-summary .ptcaption,
.entry-content .ptcaption {
  text-align: right;
  font-size: 10px;
  color: #bbb;
  margin-top: -16px;
  margin-bottom: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*	8.0 Pages
/*-----------------------------------------------------------------------------------*/
.page .entry-header h1.entry-title {
  font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
	font-size: 28px;
	line-height: 1.3;
	font-weight: normal;
	text-transform: none;
  text-align: center;
	letter-spacing: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	15.0 Media Queries
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 500px) {
  #site-title .logo {
    flex-basis: 40%;
  }

	#site-title h1{
		font-size: 28px;
	}
}

@media screen and (min-width: 1024px) {
  .headerinfo-wrap {
    padding-left: 32px;
    max-width: 100% !important;
  }
  .site-header {
      background-position: center !important;
  }

  #site-title h1 {
    background: #fff;
  }
}