/*!
Theme Name: medium magazin beta
Author: Thomas Strothjohann
Author URI: http://codereporter.de/
Description: Custom theme: medium magazin beta developed by, Thomas Strothjohann
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mmbeta
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

medium magazin beta is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later. And Bootstrap.
*/

body {
  font-family: "Leitura Serif";
  font-size: 1rem;
  line-height: 1.5;
  color: #373a3c;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Leitura Sans";
}

a {
  color: rgb(55, 58, 60);
}

a, a:hover {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(55, 58, 60, 0.498039);
  text-decoration: none;
}

a:hover {
  color: #305d63;
}

a.img-link {
  text-decoration: none;
  border: none; 
}

a.link-bright, a:hover.link-bright {
  color: #FFFFFF;
}

/* Footer */
footer.mmbeta_footer {
  padding: 1rem 0 1rem 0;
  background-color: rgba(34,41,51,1);
}


footer.mmbeta_footer > nav > a, 
footer.mmbeta_footer > nav > a:hover {
  color: white;
}

/* Flexbox for Aufmacher */

.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

.flex-item {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }

div.aufmacher-headline {
  flex: 0 1 100%;
  text-align: center;
  font-family: "Leitura Sans";
  padding-top: 3em;
}

img.aufmacher {
  padding: 3em 1.5em 3em 0em;
  width: 250px; 
}

.aufmacher-text-container {
  padding-bottom: 1.5em;
  margin: 0 1.3em 0 1.3em;
}

@media (min-width: 574px) {
  .aufmacher-text-container {
    padding-top: 3em;
  }
}

@media (min-width: 48em) {
  .aufmacher-text-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    padding: 3em 0em 1.5em 0em;
    max-width: 400px;
    margin: 0;
  }
  
  img.aufmacher {
    padding: 3em 1.5em 3em 0em;
    width: 250px; 
  }
}

.aufmacher-text-container {
  font-family: "Leitura Sans";
}

.li-bright {
  border-top: #FFFFFF 1px solid;
  padding-top: .4em;
}

.li-dark {
  border-top: #232933 1px solid;
  padding-top: .4em;
}

.li-bright:last-of-type {
  border-bottom: #FFFFFF 1px solid;
}

.li-dark:last-of-type {
  border-top: #232933 1px solid;
}

a.aufmacher-link {
  text-decoration: none;
  border: none;
}



/* card showcase margin */

div.card.showcase {
  margin-top: 2em;
  margin-bottom: 2em;
}

/* JDJ-Übersicht */

.my-jumbotron {
    padding: 2rem 1rem;
    margin: 2rem;
    background-color: #eceeef;
    border-radius: .3rem;

}

.alert-jdj {
  padding: 15px 0 0 10px;
  margin-bottom: 1rem;
  border-bottom: 1px solid;
  border-color: #31708f;
  color: #31708f;
  font-style: normal;
}

.bg-jdj {
  background-color:  rgba(48,93,99,1);
  color: white;
}

.bg-jdj-faded {
  background-color:  rgba(48,93,99,0.6);
  color: white;
}

.page-header {
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

.page-header a, .page-header a:hover {
  color: white;
  text-decoration: underline;
}


.logo__container {
  width: 100%;
}

/* Logo Header */
svg * {
  transition: all .1s ease-out;
}


/* Image Firefox tweak */
.figure-img {
  max-width: 100%;
  height: auto;
}

.img-responsive {
  max-width: 100%;
}

.logo {
  max-width: 50% !important;
  margin: auto;
}

img.popup {
  cursor: zoom-in;
}

/* Captions */
.wp-caption-text, .figure-caption {
  font-family: Leitura Sans;
  font-size: 90%;
  color: #6c757d;
}

.wp-caption, .figure {
  display: inline-block;
}

figure > img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

/* Makes images and figures repsonsive - no matter what inline width/height they might have */
img, figure {
    height: auto;
    max-width: 100% !important;
}

/* Artikel-Bilder */

.alignright, .align-right {
  float: right;
  margin-left: 1rem;
}

.alignleft, .align-left {
  float: left;
  margin-right: 1rem;
}

.aligncenter, .align-center {
  margin: 1rem auto 1rem auto;
  display: block;
}

/* post typography */

.entry-title {
  font-weight: bold;
  font-style: normal;
  font-size: 2.5rem;
  line-height: 3rem;
  margin-bottom: 1.5rem;
}

/* Menu */

a.nav-link, a.nav-link:hover {
  color: black;
  text-transform: uppercase;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  text-decoration: none;
  font-family: "Leitura Sans";
}

a.mm_logo-mobile, a.mm_logo-mobile:hover {
  text-decoration: none;
  border-bottom-width: 0px;
  border-bottom-style: solid;  
}

.dropdown-item {
  font-family: "Leitura Sans";
}

@media (max-width: 48em) {
  .nav-item {
    margin-top: 0.5em;
/*    border-bottom-width: 1px;
    border-bottom-style: solid; */
  }
}

nav.navbar ul {
    margin-bottom: 0;
}

a.nav-link:hover, a.nav-link.active {
  box-shadow:inset 0 -3px 0 0 #ddd;
}


ul.navbar-nav > li:last-child {
    border-right: none;
}

a.nav-link {
  padding-top: 0;
  padding-bottom: 0;
}

nav.navbar {
    border-top-color: rgb(125, 120, 120);
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: rgb(125, 120, 120);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-radius: 0;
    z-index: 1;
    background-color: white;
}

.pinned {
    position: fixed !important;
}

.forcefullwidth_wrapper_tp_banner {
  z-index: 5;
}

/* Breadcrumb */

.breadcrumb-item {
  font-family: "Leitura Sans";
}

/* Widget Areas */
li.widget {
  list-style: none;
}

h3.widgettitle {
  font-family: Leitura Sans;
  font-size: 1.2rem;
  margin-bottom: .1rem;
  color: white;
  text-align: center;
  font-weight: bold;
}

/* Social links */
.social-link {
  float: right;
}

div.social-links {
  padding-right: 0;
}

/* Homepage Quote */

blockquote.mmbeta_hp_quote {
  text-align: center;
  margin: 1em;
}

blockquote.mmbeta_hp_quote:hover {
  text-decoration: none;
}

.mmbeta_hp_quote > p {
  font-size: 2em;
  font-style: italic;
  font-family: Leitura Serif;
  font-weight: bold;
  line-height: 1.2em;
}

.mmbeta_hp_quote > footer > cite {
  font-family: Leitura Sans;
  font-size: 1em;
  font-style: normal;
}

/* Embeds */
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
} 

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

.EmbeddedTweet {
  max-width: 100% !important; 
}

twitterwidget, div.fb-post {
  margin-left: auto;
  margin-right: auto;
  max-width: 500px !important;
}


/* Helpers */

.clear { clear: both; }
.responsive-height {
    padding-bottom: 50% !important;
}

.centered-text {
  text-align: center;
}

a.button-link {
  text-decoration: none;
  border-bottom-style: none;
}

.showcase-button {
  margin-bottom: 0.2rem;
}

.showcase-list {
  font-family: "Leitura Sans";
}

button.button-toggle {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/* Heads Gallery */

h6.heads-gallery-heading  {
  margin-top: 1rem;
  text-align: center;
  font-family: Leitura Sans;
  font-weight: bold;
  font-size: 1.7em;
  color: white;
}

a.heads-gallery-heading-link {
  cursor: pointer;
  border-bottom-style: none;
}

h6.heads-gallery-name  {
  margin-top: 0.7rem;
  text-align: center;
  font-family: Leitura Sans;
  font-weight: bold;
  font-size: 1em;
  color: white;
}

p.heads-gallery-description  {
  font-family: Leitura Sans;
  font-size: 1em;
  color: white;
}

div.row.heads-gallery-container > div > div.owl-controls.clickable > div > div.owl-page > span {
  background: white;
}

.heads-gallery-controls {
  font-family: "Leitura Sans";
}

/* Teaser 1 und 3  added by thomas */

.voll-teaser-link p{
  text-decoration: none;
}

a.voll-teaser-link{
  text-decoration: none;
  border-bottom: 0;
}

a.voll-teaser-link:hover{
  text-decoration: none;
}


.voll-teaser-link h3{
  color: rgb(55, 58, 60);
  word-wrap: break-word;
}

.teaser {
  border: none !important;
  border-radius: 0 !important;
}
/* teaser 1 and 3 by Marc */


.teaser1-body,
.teaser2-body,
.teaser3-body {
  padding-top: 11px;
  border-top: 1px solid #000 !important;
}

.teaser2-body{
  background-color: #202033;
}

.teaser3-body {
  border: 0;
}

.teaser-img, .teaser1-img {
  max-width: 100%;
  height: auto;
  line-height: 1.5;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin: 0 auto 1em auto; 
}

.teaser-img-rund {
  display: block;
  margin: 0 auto 1em auto;
  border-radius: 50%;
  width: 65%;
}

.teaser-img-hoch {
  display: block;
  margin: 0 auto 1em auto;
}

.teaser-img-hoch.teasergruppe-2 {
  width: 60%;
}

.teaser-img-hoch.teasergruppe-3 {
  max-height: 220px;
}

.teaser-img-breit {
  display: inline-block;
}

.teaser-img-quadratisch {
  display: inline-block;
}

.teaser3-img {
  width: 50% !important;
  display: block;
  margin: 0 auto;
}

.teaser1-header,
.teaser3-header {
  font-family:Leitura Sans;
  text-decoration: underline;
}
.teaser1-text,
.teaser2-text,
.teaser3-text,
.teaser1-text > p,
.teaser2-text > p,
.teaser3-text > p {
  font-family:Leitura Sans;
  color: #999;
  padding: 10px 0;
}

.teaser2-text{
  color:#FFF;
  font-size: 2.7em;
  word-wrap: break-word;
  padding: 20px;
  padding-bottom: 10px;
}


.teaser2-autor{
  width: 30%;
  color: #999;
  text-align: left;
  float: right;
  margin-right: 20px;
  font-size: 1em;
  border-top: 1px solid #999;
}

.teaser1-link,
.teaser3-link {
  font-family: Leitura Sans;
  font-style: italic;
  color: #666;
}

/* xs & sm */
@media (max-width: 48em) {
  .teaser1-container,
  .teaser2-container,
  .teaser3-container {
    padding-top: 0;
  }
  .teaser1-content,
  .teaser2-content,
  .teaser3-content {
    position: static;
    height: auto;
    overflow: visible;
  }
  .teaser1-body,
  .teaser3-body {
    padding: 10px;
    position: static;
  }
  .teaser2-body{
    padding: 10px;
    padding-bottom: 70px;
    position: static;
  }
  
}

/* Cropped Image */

.bg-image {
  /* image specified in separate class below */
  height: 80px;
  width: 100%; 
}

.bg-image-teaser {
  /* inline background-image: url(img/photo-wedding_1200x800.jpg);*/

  /* lt ie8 */
  -ms-background-position-x: center;
  -ms-background-position-y: center;
  background-position: center center;

  /* scale bg image proportionately */
  background-size: cover;
    
  /* ie8 workaround - http://louisremi.github.io/background-size-polyfill/ */
  /*-ms-behavior: url(/backgroundsize.min.htc);*/
  /* prevent scaling past src width (or not) */
  /* max-width: 1200px; */
}

/* example media queries */
@media (max-width: 48em) {
  .bg-image { height: 320px; }
}

@media (min-width: 48.05em) {
  .bg-image { height: 80px; }
}

@media (min-width: 48.05em) {
  .social-container {
    padding: 2em;
  }
}

.btn {
  font-family: "Leitura Sans";
}