/*
 Theme Name:   twentyfifteen-mhpmedia
 Template:     twentyfifteen
 Version:      1.0.0
*/

/* Hier kommt Ihr benutzerdefiniertes CSS hin */

/* ie.css fix */
.site-main {
    padding: 0 0;
}

/* removed element fix */
header.entry-header {
    display: none !important;
}
footer.site-footer {
    display: none !important;
}

/* style.css fix */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
    font-weight: normal;
}

.site .skip-link:focus {
    height: 100%;
}

.custom-logo {
    max-height: unset;
    width: 100%;
}

.hentry {
    background-color: unset;
    padding-top: 5%;
}

@media screen and (min-width: 38.75em) {
    .site-main {
	padding: 0 0;
    }

    .hentry,
    .page-header,
    .page-content {
	margin: 0;
    }

    .hentry + .hentry,
    .page-header + .hentry,
    .page-header + .page-content {
	margin-top: 5%;
    }
}

@media screen and (min-width: 59.6875em) {
    body:before {
	width: 25%;
    }

    .site {
	margin: unset;
	max-width: unset;
    }

    .sidebar {
	max-width: unset;
	width: 25%;
    }

    .site-main {
	padding: 0 0;
    }

    .site-content {
	margin-left: 25%;
	width: 75%;
    }

    .main-navigation {
	margin: 0 12% 20%;
    }

    .site-header {
	padding: 0 ;
    }

    .hentry,
    .page-header,
    .page-content {
	margin: 0;
    }

    .hentry {
	padding-top: 5%;
    }

    .hentry + .hentry,
    .page-header + .hentry,
    .page-header + .page-content {
	margin-top: 5%;
    }

    .entry-content,
    .entry-summary {
	padding: 0 10% 0 5%;
    }
}

@media screen and (min-width: 87.6875em) {
    body:before {
	width: auto; /* Überschreibt und löscht beide calc-Vorgaben des Haupt-Themes */
    }
}

@media print {
    .site-header,
    .site-footer,
    .hentry,
    .entry-footer,
    .page-header,
    .page-content,
    .comments-area,
    .widecolumn {
	background: rgba(0,0,0,1);/*none !important;  Make sure color schemes dont't affect to print */
    }

    .site {
	margin: 0 0;
    }

    .hentry + .hentry {
	margin-top: 5%;
    }

    .hentry.has-post-thumbnail {
	padding-top: 5%;
    }
}

.menu-item{
    background-color: #E6D7B4;
    margin: 7px 5%;
    text-align: center;
}
.menu-item a{
    color: #004F3B;
    font-family: 'Roboto Medium', sans-serif;
    font-size: 18px;
}
.current-menu-item{
    background-color: #E6C87D;
}

@media screen and (min-width: 320px){
    #post-13 .entry-content p:nth-child(2),
    #post-21 .entry-content p:nth-child(2),
    .entry-content p:first-child{
	font-size: 30px;
	text-align: center;
    }
    .toggled-on{
	background-color: #004F3B;
    }
    
    .entry-content p img{
	border: 2px solid #004F3B;
	margin: 2% 5%;
    }
    
    .secondary{
	margin: auto 0;
	padding: 5% 15%;
    }
}
@media screen and (min-width: 768px){
    .entry-content li img,
    .entry-content p img{
	width: 70%;
	border: 2px solid #004F3B;
    }
}
@media screen and (min-width: 1024px){
    #post-13 .entry-content p:nth-child(2),
    #post-21 .entry-content p:nth-child(2),
    .entry-content p:first-child{
	text-align: left;
    }
    .entry-content{
	height:100%;
	padding: 7% 25% 0 10%;
    }
    .site-header{
	font-family: 'Roboto Regular', sans-serif;
	margin: 10% 10%;
    }
    .entry-content li{
	float: left;
	width: 28%;
	margin: 0 2.5%;
    }
    .entry-content ul{
	margin: 0 -25% 0 -5%;
    }
    
    .widget_text{
	color: #E6D7B4;
	margin-bottom: 4%;
    }
    .widget_text p{
	margin-bottom: 1%;
	text-align: center;
	font-size: 14px;
    }
    #text-5 p{
	font-size: 12px;
    }
    .custom-html-widget hr{
	color: #E6D7B4;
	background-color: #E6D7B4;
	height: 1px;
    }
    .widget{
	padding: 0 10%;
    }
    .entry-content li img{
	height: 100px;
	width: 100%;
    }
    
    .entry-content p img{
	margin: 0;
	width: 100%;
    }
    #post-21 .entry-content p img{
	height: 160px;
	width: 45%;
    }
    
    .secondary{
	margin: auto 0;
	padding: 1.2% 3%;
    }
}

@media screen and (min-width: 1440px){
    .entry-content li img{
	height: 150px;
    }
    .entry-content li img,
    .entry-content p img{
	width: auto;
    }
    #post-21 .entry-content p img{
	height: auto;
	width: auto;
    }
}
.entry-content li{
    list-style-type: none;
}

.entry-content p{
    margin-bottom: 1%;
}
.entry-content li h3{
    font-family: 'Roboto Bold', sans-serif;
    font-size: 20px;
    margin: 5% 0;
}
.entry-content li p{
    font-family: 'Roboto Regular', sans-serif;
    font-size: 13px;
    line-height: 1.1;
    color: #004F3B;
}

.entry-content{
    font-size: 14px;
    line-height: 1.1;
    color: #004F3B;
    font-family: 'Roboto Regular', sans-serif;
}
#post-13 .entry-content p:nth-child(2),
#post-21 .entry-content p:nth-child(2),
.entry-content p:first-child{
    font-family: 'Mr Dafoe', sans-serif;
    font-size: 45px;
    margin-top: 5%;
    margin-bottom: 5%;
}
#post-13 .entry-content p:nth-child(3){
    font-family: 'Roboto Regular', sans-serif;
    font-size: 18px;
    line-height: 1.1;
}
.main-navigation{
    margin-bottom: 15%;
}

#post-107 .entry-content p:first-child{
    font-size: 14px;
    text-align: left;
    font-family: inherit;
}
.textwidget a{
    color: #E6D7B4;
    text-decoration-color: #E6D7B4;
    text-decoration: underline;
}

.textwidget a:hover{
    color: #F3EAD6;
}

.widget{
    color:#E6D7B4;
}
.secondary-toggle{
    color:#E6D7B4;
    background-color: #E6D7B4;
}

@font-face { 
  font-family: 'Roboto Bold'; 
  src: url('Roboto-Bold.ttf');
}
@font-face { 
  font-family: 'Roboto Medium'; 
  src: url('Roboto-Medium.ttf');
}
@font-face { 
  font-family: 'Roboto Regular'; 
  src: url('Roboto-Regular.ttf');
}
@font-face { 
  font-family: 'Mr Dafoe'; 
  src: url('MrDafoe-Regular.ttf');
}