/* embed fonts */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700&display=swap');

/* @font-face {
    font-family: 'Geo';
    src: url('./fonts/Geo.woff2') format('woff2'),
         url('./fonts/Geo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Big Shoulders Display', Monaco, sans-serif;
  font-weight: bold;
  font-size: 200%;
}

.content a:hover {
  background-color: hsl(0, 0%, 21%);
  color:hsl(0, 0%, 96%);
}

.wp-caption {
  display: contents;
}

.video-container {
  position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* add padding for logged-in users */
.logged-in {
  margin-top:30px;
}

/* style the interview */
blockquote.frage {
	border:0;border-right:5px solid hsl(0, 0%, 21%);border-bottom:5px solid hsl(0, 0%, 21%);
}

blockquote.antwort {
	border-left:5px solid hsl(171, 100%, 41%);border-top:5px solid hsl(171, 100%, 41%);
}

/* remove corners from notifications */
.notification {
  border-radius: 0!important;
}

/* helpers */
.notification a > p {
  text-decoration: none!important;
}

/* add hoverable class from Materialize CSS */
.hoverable {
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.hoverable:hover {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sidebar-heading {
	color: #000;
	background: rgb(0,209,178);
	background: rgba(0,209,178,0.7);
	padding: 10px 20px;
	font-weight: 200;
	font-size: 1.36rem;
	line-height: 110%;
	display: block;
	margin: 0;
  margin-top: 10px;
}