/*
Theme Name: Portfolie Bronislawa Gelfond
Theme URI: http://wordpress.lernenhoch2.de
Description: Template zum Wordpress Tutorial auf http://wordpress.lernenhoch2.de
Author: Christian Strang
Author URI: http://lernenhoch2.de
*/
body {
  color: #333;
  /*background-color: #e3e4ef !important;*/
}

#wrapper {
  width: 100%;
  margin: 0px auto 0px auto;
  text-align: left;
  background: #fff;
  height: 100%;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  align-content: space-between;
  align-items: space-between;
  justify-content: space-between;
  /*background-color: #e3e4ef;*/
}

#header {
  height: 160px;
}

#main {
  border: 0px solid;
  /*width: 100%;*/
  padding: 20px 12% 20px 12%;
  float: left;
  background-color: white;
}

#sidebar {
  width: 30%;
  padding: 0px;
  float: left;
  margin-left: 20px;
  /*background-color: #E25338;*/
}

#footer {
  clear: both;
  height: auto;
  padding: 20px;
  /*margin-top: 20px;*/
  background-color: #ECEFF7;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
}

/*@media screen and (max-width: 1024px) {*/
@media screen and (max-width: 1138px) {

  #wrapper {
    width: 100%;
  }

  #main {
    /* width: 100%;
    padding: 0px 40px 0px 20px;*/
  }

  #sidebar {
    width: 100%;
    margin-left: 0px;
  }

  #footer {
    display: flex;
    flex-direction: column;
  }
}

/*@media screen and (max-width: 1300px) {*/
@media screen and (max-width: 1320px) {
  #footer {
    display: flex;
    flex-direction: column;
  }
}

.post-navigation .nav-links {
  display: flex;
}

.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
  width: 50%;
}

.post-navigation .nav-links .nav-next {
  text-align: right;
}

.post-navigation .nav-links .nav-subtitle {
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #888;
}

.post-navigation .nav-links .nav-previous .nav-subtitle:before {
  content: "\00AB";
  /* Left Arrow */
}

.post-navigation .nav-links .nav-next .nav-subtitle:after {
  content: "\00BB";
  /* Right Arrow */
}