/*
 Theme Name:   ap5musik Child
 Description:  AP5 Child Theme
 Author:       ap5 webdesign
 Author URI:   https://www.webdesign-homepage-gestaltung.de
 Template:     twentyseventeen
 Version:      1.0
 Text Domain:  ap5musik-child
*/


@font-face {
    font-family: 'Helvetica Neue LT Std 57 Condensed';
    src: url('fonts/Helvetica Neue LT Std 57 Condensed.eot');
    src: url('fonts/Helvetica Neue LT Std 57 Condensed.eot?#iefix') format('embedded-opentype'),
         url('fonts/Helvetica Neue LT Std 57 Condensed.woff2') format('woff2'),
         url('fonts/Helvetica Neue LT Std 57 Condensed.woff') format('woff'),
         url('fonts/Helvetica Neue LT Std 57 Condensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
font-family: 'FontAwesome';
font-weight: normal;
font-style : normal;
       src : url('fonts/fontawesome-webfont.eot');
       src : url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/fontawesome-webfont.woff2') format('woff2'),
             url('fonts/fontawesome-webfont.woff') format('woff'),
             url('fonts/fontawesome-webfont.ttf') format('truetype'),
           }
		   
.navigation-top {
    background: #fff;
	border-bottom-color: #ff0000;
	border-top-color: 1px solid #ff0000; 
    font-family: 'Helvetica Neue LT Std 57 Condensed';	
    
    
}


.colors-dark .navigation-top {
	border-bottom-color: #ff0000;
	border-top-color: 1px solid #ff0000; 
}

/* Definition für die Sidebar rechts statt links */

body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary 
.entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header,
 .has-sidebar #secondary { float: right; width: 20%;}
 
 
 /* Überschrift  Hauptseite - die Abschnittüberschrift */
.colors-dark .page .panel-content h2.entry-title {
 color: #ff0000;
}
 /* Definition für die Sidebar (rechts) auf Seiten mit zwei Spalten */

.pagesidebar {float:right; width: 30%;}

/* Definition für keine Sidebar auf einspaltigen Seiten */

.page.page-one-column:not(.twentyseventeen-front-page) .pagesidebar
{display:none;}

/* Definition für Sidebar auf Seiten - Mobilgeräte */

@media screen and (max-width: 782px) {
.pagesidebar, 
body.page-two-column:not(.archive) #primary .entry-header, 
.blog:not(.has-sidebar) #primary article, 
.archive:not(.page-one-column):not(.has-sidebar) #primary article, 
.search:not(.has-sidebar) #primary article, 
.error404:not(.has-sidebar) #primary .page-content, 
.error404.has-sidebar #primary .page-content, 
body.page-two-column:not(.archive) #primary .entry-content, 
body.page-two-column #comments, 
.has-sidebar:not(.error404) #primary, 
.has-sidebar #secondary
{float:none; width: 100%;}
}

/* Definition für 1000px Breite (Primary und Sidebar) auf Desktop */
@media screen and (min-width: 48em) {
.wrap {max-width: 100%;}
/* Definition für 1000px Breite der Hauptnavigation auf Desktop */
.navigation-top .wrap {max-width: 1000px;}
/* Definition für 60& Breite des Contentbereiches (Primary) auf Desktop */
.blog:not(.has-sidebar) #primary article, 
.archive:not(.page-one-column):not(.has-sidebar) #primary article, 
.search:not(.has-sidebar) #primary article, 
.error404:not(.has-sidebar) #primary .page-content, 
.error404.has-sidebar #primary .page-content, 
body.page-two-column:not(.archive) #primary .entry-content, 
body.page-two-column #comments, 
.has-sidebar:not(.error404) #primary
{float: left; width: 80%;}
.has-header-image.twentyseventeen-front-page .site-branding,
	.has-header-video.twentyseventeen-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 30%;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}

}


/***    Style  für   shortcode - beiträge nach Kategorie  */ 

.posts{
    display: flex;
    flex-wrap: wrap;
}
.posts .post{
    width: 30%;
    padding: 20px;
    box-sizing: border-box;
}
.posts .post .title{
    font-size: 14px;
    margin: 0 0 15px 0;
}

/**    Hintergrund Footer schwarz **/

	.site-footer {
		
		background-color: #000;
		color: #fff;
		border-top: 1px solid #ff0000;
	}
	
	h2.widget-title {
    color: #ff0000;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}
.social-navigation a {
	background-color: #ff0000;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	height: 40px;
	margin: 0 1em 0.5em 0;
	text-align: center;
	width: 40px;
}
	
	
	/** editor insert styles */
	
	.content-block {
    border:1px solid #eee;
    padding:10px;
    background:#ff0000;
    float:left;
    margin-bottom:1.75em;
    text-align:center;
}

.content-block:after {
    clear:both;
}

.has-header-image.twentyseventeen-front-page .custom-header,
	.has-header-video.twentyseventeen-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
	}
	
.btn-primary {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.btn-primary:hover {
  color: #fff;
  background-color: #025aa5;
  border-color: #01549b;
}

.btn-primary:focus, .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
          box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #0275d8;
  border-color: #0275d8;
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #025aa5;
  background-image: none;
  border-color: #01549b;
}

.wp-block-buttons>.wp-block-button {
    display: contents;
    margin: 0;
    margin-top: -5px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
}


.colors-dark .entry-content .wp-block-button__link {
    -webkit-box-shadow: none;
	background-color: #ff0000;
	color: #fff;
	height: 40px;
	border-radius: 0px;
    box-shadow: none;
    display: inline;
    font-size: 14px;
        font-weight: 200;
    line-height: 1.66;
    margin-top: 0em;
    padding: 0.7em 2em;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    white-space: pre-line;
}

.colors-dark .entry-content .wp-block-button:after{
   content: "";
    width: 40px;
    border-left: 20px solid #ff0000;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}


.color-light {
	background-color: #fff;
}



.site-title a {
    clear: none;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.08em;
    margin: 0;
    padding: 0;
    color: #fff;
	text-transform: none;
}
/** about us -  styles für die Startseite mit owl-carousel*/
.posts{
    display: flex;
    flex-wrap: wrap;
}
.posts .post{
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
}
.posts .post .title{
    font-size: 20px;
    margin: 0 0 15px 0;
}

.display-posts-listing {
    float: right;
    margin: 0 0 5px 5px;
}