/*
 Theme Name:   Miriquidi-Theme v2
 Theme URI:    http://www.miriquidi-soulriders.de
 Description:  Theme for snow, surf and travel blogs.
 Author:       Dirk Thalheim
 Author URI:   http://www.miriquidi-soulriders.de
 Template:     twentyseventeen
 Version:      0.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  msr2
*/
/* == FONTS ================================================================= */
/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-condensed-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-condensed-300italic - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'),
       url('fonts/open-sans-condensed-v12-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-condensed-v12-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-condensed-700 - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
       url('fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-condensed-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html { font-size: 115% }

/* == HEADER ================================================================ */
/* Site branding*/
.has-header-image.home.blog .site-branding {
	position: absolute;
	display: block;
	left:50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height:auto;
	bottom:unset;
	text-align:center;
}

.site-title a {
	color: #ffffff;
	opacity: 0.6;
	text-shadow: 1px 1px 6px rgba(0,0,0,0.2);
	letter-spacing: -0.03em;
	font-weight: 600;
}

.site-title a:hover,
.site-title a:focus {
	opacity: 1;
}

.site-title:after {
  content:"";
  display: block;
  z-index:-1;
  width: 100%;
	margin: 0.2em 0 0.2em 0;
  border-bottom: 1px solid rgba(255,255,255, 0.6);
}

body.has-header-image .site-description {
	/*font-size: 120%;*/
	letter-spacing: 0.3em;
	color: rgba(255,255,255, 0.6);
	text-shadow: 1px 1px 6px rgba(0,0,0,0.2);
}

/* navigation */
.navigation-top {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	z-index:2;
}

.custom-logo {
	display: block;
	position: absolute;
	top: 0;
	right: 1.5em;
	max-width:100px;
}

/** 16.2 Tablet Small 740px */
@media screen and (max-width: 46.25em) {
	.custom-logo { right: 0.1em; }
}

.menu-toggle {
	margin-left: 1em;
}

/* == CONTENT AREA ========================================================== */

/** 16.2 Tablet Small 740px */
@media screen and (max-width: 46.25em) {
	.wrap {
		padding-left: 1.7em;
		padding-right: 0.5em;
	}
}

.site-main {
	padding-top: 0.5em;
}

.site-content {
	padding: 1em 0 0;
}

.content-area {
  background-color: #fff;
}

/* Fullscreen */

.full-width .entry-header {
	margin-left:0;
	margin-bottom: 0.5em;
}

body.page-two-column:not(.archive) #primary.full-width .entry-content {
	width:100%;
	float:none;
	padding:0;
}

.full-width p {
	padding-left:6px;
	padding-right:6px;
}

/* == Blog Metadata ========================================================= */

.single-featured-map {
	display:block;
	width:100%;
	height:50vh;
	margin-bottom:-4em;
}

.single-featured-image-header {
	position: relative;
	background-color: transparent;
}

.single-featured-image-header img {
	border-radius: 0.5em 0.5em 0 0;
}

.entry-meta,
.entry-content,
.entry-footer,
#comments,
.post-navigation {
	padding-left: 6px;
	padding-right: 6px;
}

.entry-title {
	color: #ffffff;
	background-color: #00519c;
	margin-left: -20px;
	margin-bottom: 0.1em;
	padding: 0 0.5em 0 20px;
	display: inline-block;
}

.entry-title:after {
	content: "";
	display: block;
	width:20px; height:20px;
	margin-left: -20px;
	position:absolute;
	border-top: 10px solid #0b253d;
  border-right:10px solid #0b253d;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}

.single-featured-image-header .entry-title {
	position:absolute;
	top:0.75em;
}

body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #ffffff;
	font-size: 1.3rem;
}

.entry-title a {
	color: #ffffff;
}

.entry-title a:hover,
.entry-title a:focus {
	color: #00152a;
}

/* == Blog Content ========================================================== */

/* static content adjustments */
article::after { clear: both;  content:"";display:block;}

/* link adjustments */
.entry-title a, .entry-title a:hover, .entry-title a:focus,
.ssba a, .ssba a:hover, .ssba a:focus,
a.copyright-license, a.copyright-license:hover, a.copyright-license:focus  {
	box-shadow:none;
}

/* Gallery */
.gallery-item {
 display: block;
 position: relative;
 float: left;
 overflow: hidden;
 padding:1.1%;
 margin: 0!important;
}

.gallery-item .gallery-caption {
 position: absolute;
 left: 0; right: 0; bottom: -30%;
 background: black;
 background: rgba(0,0,0,0.75);
 color: white;
 padding: 5px 3px;
 opacity: 0;
 font-size: 70%;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -o-transition: all 0.6s ease;
}

.blocks-gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item {
    width: calc((100% - 3px * 3)/ 4);
    margin: 0 3px 3px 0;
}

/** 16.2 Tablet Small 740px */
@media screen and (min-width: 46.25em) {
 .gallery-item:hover .gallery-caption  {
  opacity: 1;
 }
 .gallery-item:hover .gallery-caption  {
  bottom: 0;
 }
}

/* Share Buttons */
.ssba { clear: both; }

/* Maps */
.full-width .entry-content .map {
  min-height: 70vh;
}

.ol-popup {
  font-size: 80%;
}

.ol-popup div {
  max-height: 60vh;
  overflow-y: scroll;
}

.map-blogs {
  width: 250px;
  max-width: 60vw;
}

/* == FOOTER ================================================================ */

.site-info {
	text-align:center
}

.site-info .copyright {
	text-align:left;
	display:table;
	width: 25em;
	margin-left: auto;
	margin-right: auto;

}

.site-info .copyright-license {
	display:block;
	float:left;
	margin-top: 0.5em;
	margin-right: 0.5em;
}