/*
Theme Name: Twenty Seventeeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Child theme for Twenty Sixteen
Version: 1.0
Text Domain: twentyseventeen
Template: twentyseventeen
*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

body{
    background-color: #f560e9;
    }
/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

blockquote {
    border-color: #f560e9;
    color: #f560e9;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.main-navigation a {
    /*text-transform: uppercase;*/
}
/* Subnavigation Mainmenu
----------------------------------*/
.main-navigation ul ul a {
    white-space: normal;
    width: 16.25em; /*260px*/
}


/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

https://www.donacarmen.de/wp-admin/post-new.php
#page{
   margin: 0 40px; 
} 

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

.site-header {
    background-color: #ffffff;
}

a.custom-logo-link {
display: inline-block;
    width: 58%;    
}

.custom-logo-link img {
    border: 0px solid #f560e9;
 /*   max-height: 200px;
    width: auto;  */  
}

.custom-logo-link img, 
body.home.title-tagline-hidden.has-header-image .custom-logo-link img, 
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
 
}

.site-title {
 /* clear: none;
    font-family: "Courgette", cursive;
    font-size: 52px;
    font-size: 3.5rem;*/
   font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.08em;
    margin: 0px 0 0 0;
    padding: 0;
    text-transform: inherit;
}

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


.site-branding-text{
display:inline-block;
width: 36%;
}

.site-branding-text img{
/*float: left;*/}


.site-description {
    clear:both;
}

body.has-header-image .site-description, body.has-header-video .site-description {
    opacity: 1;
}


body.has-header-image  .site-description {
 	color: #99098f!important;

}

   
.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-width: inherit; 
    width: 100%!important;
    height: 100%!important;
}

.custom-logo-link img {
    display: inline-block;
    max-height: inherit!important;
    width: 100%;
}




/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
    margin-top: 3em;
    border-top: 2px solid #99098f;
    background-color: #efefef;
}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

/* Tag cloud widget */

.tagcloud a {
    background-color: #ccc;
    border: 1px solid #d1d1d1;
    color: #000;
}



a.mtli_pdf{
	text-decoration: none;
}

*, *::before, *::after {
    box-sizing: inherit;
}
*, *::before, *::after {
    box-sizing: inherit;
}




/* Plugin Side Menu*/

.wp-side-menu-item {
	background-color: #99098f!important;
} 
.wo-icon {
	color: #ffffff;
	background-color: #99098f!important;
	font-size: 24px !important;
	line-height: 40px !important;
	width: 40px;
} 

.wp-side-menu-item span {
	color: #ffffff;
}  
.wp-side-menu-item:hover {
	background: #ff0000 !important;
} 

.wp-side-menu-item:hover .wo-icon {
	background: #ff0000!important;
} 

.wp-side-menu-item:hover:before {
	background-color: #ff0000!important;
}

/*main_menu widget*/

#secondary h2.widget-title{

border: 10px solid #99098f;
border-width: 0 0 0 36px;	
background-color: #ccc;
padding: 10px 0 10px 10px;
}
	

/* Plugin Image Projector*/
.material-icons.md-sz-big{
	font-size: 78px!important;
}

#arrow-wrapper-right{
	right: 20px!important;
}
#arrow-wrapper-left{
	left: 20px!important;
}

/* End Plugin Image Projector*/

	  


/* END Plugin Side Menu*/


/*13.1 Header*/

.navigation-top {
	background: #ccc;
}

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

.page-header {
	padding-bottom: 1em;
}


/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 30em;){
	.wp-side-menu {
		display: none;
	}
	.site-title{
	font-size: 1.2rem;
}

	.site-description{
	display: none;
}

}


@media screen and (max-width: 48em;){
a.custom-logo-link {
display: block;
    width: 100%;    
}
.site-branding-text{
display:block;
width: 100%;
}

}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {
#page {
    border: 0px solid #f560e9;
}
}

/*--------------------------------------------------------------
Eigene Farben
--------------------------------------------------------------*/

.apt_width_1 {
    width: 300px!important;
}

.esp {
    background-color: #f560e9;
}

.en {
    background-color: #2a8efb;
}

.de, .esp, .en {
    border-left: 0 solid #333;
    margin: 12px 0;
    padding: 8px;
}