/*   
Theme Name: gazettechild
Description: Child Theme von Gazette
Author: Nicole Y. Jodeleit
Author URI: https://auto-diva.de
Template: gazette
Version: 1.0
Tags: 
*/



/* Farben: 
Rot: #c51a40  (dunkler: #a51a40)
Gruen: #51a040
Grau: hell: #d6d6d6  mittel: #a5a5a5  dunkel: #4d4d4d
*/

@font-face {
    font-family: "poppins-regular";
    src: url('https://auto-diva.de/wp-content/themes/gazettechild/fonts/poppins-regular.eot');
    src: url('https://auto-diva.de/wp-content/themes/gazettechild/fonts/poppins-regular.eot?#iefix') format('embedded-opentype'),
         url('https://auto-diva.de/wp-content/themes/gazettechild/fonts/poppins-regular.woff2') format('woff2'),
         url('https://auto-diva.de/wp-content/themes/gazettechild/fonts/poppins-regular.woff') format('woff'),
         url('https://auto-diva.de/wp-content/themes/gazettechild/fonts/poppins-regular.svg#questrialregular') format('svg');
	font-display: swap;
}

body, h1, h2, h3, h4, h5, h6, p,input, textarea, select, .main-navigation {
font-family: "poppins-regular", sans-serif!important;
}



body {color:#4d4d4d;}

h1, h2, h3, h4, h5, h6, .post-navigation .post-title {font-weight: 700;}
h2 {font-size: 49px; }

#featured-content a {color: #FFF;}
a:link {color: #c51a40; font-weight: normal;}
a:visited {color: #c51a40;}

a:hover, .search-toggle:hover, #primary-menu a:hover, .hover input, .search-submit {color:#51a040;}

a:focus {background-color: #eee; }  /* aendern? */

.entry-content ul {list-style: square outside!important; }
.entry-content ul li {margin-left: 20px!important;}

.cc-revoke, .cc-window {font-size: 12px!important;}

/* Menue */

.menu-toggle {border: 1px solid #ddd; color: #c51a40;}
.menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover {background: #eee; 	border-color: #ddd; color: #c51a40;}
.dropdown-toggle, .dropdown-toggle:active, .dropdown-toggle:focus, .dropdown-toggle:hover {color: #c51a40;}

.main-navigation a:active, .main-navigation a:focus, .main-navigation a:hover {	color: #c51a40;}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {	color: #c51a40;}

.main-navigation .menu-item-has-children > a:after {color: #c51a40;}

.social-navigation a:active, .social-navigation a:focus, .social-navigation a:hover {color: #c51a40;}

.search-toggle, .search-toggle:active, .search-toggle:focus, .search-toggle:hover  {color: #c51a40;}
.search-form:before {color: #c51a40;}


.site-header {background-image: url(https://auto-diva.de/wp-content/uploads/2016/03/auto-diva.png); background-repeat: no-repeat; }

.header-image {
	margin: 0!important;}


/* Startseite */

.post-link {background: #d6d6d6;}
.post-link .genericon {color: #c51a40;}
.content-area .format-link .entry-summary {background: #d6d6d6;}
.posted-on {display:none;}

/* Abstand Startseite wegen Datumsausblendung */
.entry-summary {margin-top:0; padding-top:0!important;}

.posts-navigation a, .post-navigation a:active .post-title, .post-navigation a:focus .post-title, .post-navigation a:hover .post-title {color: #c51a40;}

.site-title, .site-info a:active, .site-info a:focus, .site-info a:hover {color: #c51a40;}

.featured-content .hentry:not(.has-post-thumbnail):hover .post-thumbnail,
.featured-content .hentry:not(.has-post-thumbnail) .post-thumbnail:focus {background: #c51a40;}

.entry-hero .post-thumbnail {background: #fff;}

.sticky-post {	background: #c51a40;}

.page-links a:active, .page-links a:focus, .page-links a:hover {color: #c51a40;}

.content-area .format-link .entry-summary,
body:not(.single) .content-area .format-link .entry-title,
.content-area .format-link .entry-title + .entry-meta {background: #c51a40;}

.post-link {background: #c51a40;}
.post-link .genericon {color: #c51a40;}

.bypostauthor .fn {background: #c51a40;}

.pgntn-page-pagination a { border: 1px dashed #FFF!important;}

.shariff {margin-bottom: 20px;}

.statify-widget-list {list-style-position: outside!important}
.statify-widget-element {padding-bottom: 14px;}

/* YouTube Responsive CSS */

.hs-responsive-embed-youtube {
position: relative;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
padding-top: 25px;
margin-bottom: 7.5%;
}

.hs-responsive-embed-youtube iframe {
position: absolute;
width: 100%!important;
height: 100%!important;
}




/* Formularelemente */

button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #c51a40;
    border: 1px solid #c51a40;
    color: #fff;
    font-family: Lato, sans-serif;
    font-weight: normal;
    padding: 5.5px 13px;
    text-transform: none;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background: #fff;
	color: #51a040;
}
.required {color: #c51a40;}

.site-content .contact-form label span {color: #c51a40;}

.wysija-input {max-width: 500px!important;}

.updated, .widget_wysija_cont .login .message {background-color: #d6d6d6; border-color: #c51a40 ; }




/* Kommentare */

.comment-navigation a:active, .comment-navigation a:focus, .comment-navigation a:hover, .posts-navigation a:active,
.posts-navigation a:focus, .posts-navigation a:hover {	background: #c51a40;	border-color: #c51a40;}

 label[for=wp-comment-cookies-consent] {font-size: 80% !important;}

/* Sidebar Toggle */
.sidebar-toggle, .sidebar-toggle:active, .sidebar-toggle:focus, .sidebar-toggle:hover {color: #c51a40;}


/* Footer */

.footer-widget-inner a {color: #c51a40;}
.footer-widget-inner a:hover {color: #51a040;}

.footer-widget-inner a {line-height: 2em;}


.entry-footer {display:none;}
.single .entry-content, .comments-area {float:left;}

#get_recent_comments_wrap ul, .wpp-list {list-style-type:none;}
#get_recent_comments_wrap ul li, .wpp-list li {margin-bottom: 1.5em;}

.wpp-thumbnail {margin: 8px 5px 0 0!important;}

img.wp-smiley, img.emoji {display:none!important;}


/* ----- Breiten neu ------ */

@media screen and (min-width: 1080px) {
	/* Grid */
	
	.page .site-main,
	.single .site-main {
		width: 705px;
	}
	.footer-text,
	.footer-text + .site-info,
	.social-navigation + .site-info {
		width: 450px;
	}
	.social-navigation {
		max-width: 450px;
	}
	.archive .hentry,
	.blog .hentry,
	.search .hentry {
		width: 280px;
	}
	.page .widget-area,
	.single .widget-area {
		width: 256px;
	}
	.author-info {
		width: 255px;
	}
	.footer-widget-inner .widget {
		width: 195px;
	}

	/* Posts & Pages */
	.post-link {
		height: 225px;
	}
	

	/* Sharedaddy */
	.hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
		width: 270px;
	}

}/* Endklammer */


@media screen and (min-width: 1380px) {


.page .comments-area,
	.page .site-main,
	.single .site-main {
		width: 930px;
	}
	.comments-area,
	.footer-text,
	.footer-text + .site-info,
	.social-navigation + .site-info {
		width: 870px;
	}
	.social-navigation {
		max-width: 600px;
	}
	div#jp-relatedposts,
	.single .entry-content {
		width: 870px;
	}
	.archive .hentry,
	.blog .hentry,
	.search .hentry {
		width: 380px;
	}
	.author-info {
		width: 330px;
	}
	.page .widget-area,
	.single .widget-area {
		width: 331px;
	}
	.entry-footer,
	.footer-widget-inner .widget {
		width: 270px;
	}
	

	/* Posts & Pages */
	.author-info .author-heading {
		max-width: 180px;
	}

	/* Sharedaddy */
	.hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
		width: 160px;
	}


.hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
    width: 270px;}


} /* Endklammer */


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { /* STYLES GO HERE */

.site-header {background-position: -20px;}

.site-content-inner {width:99%;}

h2 {font-size: 39px; }

	.alignright {margin-left: 10%; margin-right: 10%;}


.gallery-item {
    position: relative;
    float: left;
    text-align: center;
    margin: 0 0 21px;
    margin: 0 0 1.5rem;
    padding: 21px;
    padding: 1.5rem;
    border: 0 solid rgba(0, 0, 0, 0);
    border-left-width: 21px;
    border-left-width: 1.5rem;
}
/* Galerie Kreise */
.gallery-row {width: 100%!important; height: 100%!important;}
.tiled-gallery .gallery-group {width: 100%!important; height: 100%!important;} 

.gallery-columns-2 .gallery-item {
	max-width: 100%;}


/* Funktioniert nicht */
.gallery-columns-3 .gallery-item, .gallery-columns-3 > .gallery-item  {max-width: 330px!important; width: 330px!important; min-width: 330px!important;}
.gallery-columns-3 .gallery-item .gallery-caption {min-width: 250px!important;}
.gallery-columns-3 .gallery-item .gallery-icon .landscape {width: 250px;}

} /* Endklammer */