/*
Theme Name: perun.net 2018
Theme URI: https://www.perun.net
Author: Array
Author URI: https://www.vladimir-simovic.de
Description: Child theme for the Meteor theme by Array.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meteor
Domain Path: /languages/
Template: meteor
Tags: two-columns, featured-image-header, featured-images, theme-options, custom-background, custom-colors, custom-menu, editor-style, featured-images, theme-options, translation-ready, e-commerce, footer-widgets, full-width-template

(C) 2016 Array, Inc.
*/

/* Akzent-Farbe anpassen */
button, input[type="button"], input[type="submit"], .button, .page-navigation .current, .page-numbers:hover, #page #infinite-handle button, #page #infinite-handle button:hover, .comment-navigation a, .su-button, .mobile-navigation, .toggle-active {
    background-color: #09a;
}

.main-navigation a, h2 a:hover, .textwidget a {color: #09a;}
/* / Akzent-Farbe anpassen */

/* Allgemeine Angaben*/
blockquote {font-size: 22px;}
small {font-size: 14px;}
dfn {border-bottom: 1px dotted #999; cursor: help;}

q:before {content: open-quote;}
q:after{content: close-quote;}
q {quotes:"\201E" "\201C";}

dd {margin-left: 0;}

.hinweis {background: #dce1e6; border-radius: 5px; padding: 2px 12px;}

ul.hinweis, ol.hinweis {margin-left: 0; padding: 12px 12px 2px 27px;}
/* /Allgemeine Angaben */

article .entry-content a {color: #09a; box-shadow: inset 0 -1px 0 #ddd; transition: .4s ease;}
article .entry-content a:hover {color: #09a; box-shadow: inset 0 -2px 0 #07a;}
article .shariff a:hover, nav .nav-links a, nav .nav-links a:hover {box-shadow: none; color: inherit;}
article a.author-profile-avatar, article a.author-profile-avatar:hover {color: #fff; box-shadow: none;}

/* Logo und Seitentitel */
a.custom-logo-link {float: left; margin-right: 1.25rem;}

.titles-wrap {display: inline-block;}

.site-title a {color: #09a;}
.site-title a:hover {color: inherit;}

.site-title {font-size: 28px; margin-top: -4px;}
.site-description {font-size: 16px;}

@media (max-width: 997px) { .site-title{margin-top: 1px;}}
/* /Logo und Seitentitel */

/**/
@media (min-width: 601px) {
.entry-header .entry-title {font-size: 40px;}
.header-text h1 {font-size: 50px;}
}

/* Start- und Archiv-Seiten anders: */
.home #primary, .archive #primary {width: 100%;}

/* Grid-Ansicht auf der Start- und den Übersichtsseiten */
@media (min-width: 700px) {
    .blog #post-wrap, .archive #post-wrap {display: grid; grid-template-columns: 48.5% 48.5%; grid-gap: 2px 3%;}
    /*.blog #post-wrap, .archive #post-wrap {display: grid; grid-template-columns: 31% 31% 31%; grid-gap: 4%;}*/

    .blog .entry-title, .archive .entry-title {font-size: 20px; font-weight: 600;}
    .blog h2, .archive h2 {font-size: 18px; font-weight: 500;}
    .blog .post, .blog .post:not(:last-of-type),
    .archive #post-wrap .post, .archive .post:not(:last-of-type) {background: #fff; border-bottom: none !important;  padding-bottom: 1px; margin-bottom: 5%;}
    .blog .post-content, .archive .post-content {padding: 0 4%;}
    .blog .entry-content, .archive .entry-content {font-size: 17px;}

    /*.blog #post-wrap, .archive #post-wrap {display: flex; flex-wrap: wrap; justify-content:space-between;}*/
    .blog article, .archive article {/*width:48%;*/ margin-bottom: 25px !important; box-shadow: 0 5px 35px rgba(50, 50, 93, 0.1), 0 0px 5px rgba(0, 0, 0, 0.07);}
    .blog article .featured-image, .archive article .featured-image {border-bottom: 3px solid #f3f3f3;}
}
/* Ende Grid-Angaben*/

/* Box auf der Startseite */
.start-box {
    background: #fbf9ef /*url('http://redesign2018.perun.net/wp-content/uploads/2018/08/testgrafik.jpg')*/;
    background-image: linear-gradient( 0deg, #fbf9ef 10%, #fff 100%);
    font-size: 18px;
    margin-bottom: /*7.5*/6%; box-shadow: 0 5px 35px rgba(50, 50, 93, 0.1), 0 0px 5px rgba(0, 0, 0, 0.07); padding: /*25% 2rem 1rem*/ 2rem; font-size: 16px;}
.start-box .start-leistungen {
    display: grid; grid-template-columns: 32% 32% 32%; grid-gap: 2%;}
.start-box ul {margin-bottom: 1px; padding-bottom: 1px;}
.start-box h2 {font-size: 24px; font-weight: normal; margin-bottom: .5rem;}
.home .start-h2 {font-size: 24px; font-weight: normal;}
.start-box h3 {font-size: 22px;}
.start-box a {color: #09a;}
.start-box .start-weitere {margin-top: 1.25rem;}

@media (max-width: 920px) {.start-box, .start-h2, .start-hr {display: none;}}


/* Slogan auf der Startseite */
.home .header-text {display: block;} .home .header-text a {color: #09a;}

/* Abstand für Kommentarfeld */
#page {padding-bottom: 4%; padding-top: 4%;}

/* Verwandte Artikel */
.related_post_title {margin-top: 3rem; font-size: 22px;}
.related_post_title:before {color: #555; content: '\f02c'; font-family: FontAwesome; display: inline-block; margin-right: 7px;}
.related_post {margin-bottom: 1rem;}

/* Shariff */
.weiterempfehlen {border-top: 1px dotted #7d6e4 !important; border-bottom: 1px solid #7d6e4;}

/* Kategorie und Tags */
.meta-list .meta-title:before {color: #555; content: '\f02c'; font-family: FontAwesome; display: inline-block; margin-right: 5px;}
.meta-list :first-child .meta-title:before {content: '\f07c';}

/* Divi */
.et-d {margin-top: 25px; margin-bottom: 2px;}
.et-d a, .wp-block-image a {box-shadow: none !important;}
.et-d img {width: 100%; max-width: 100%; height: auto;}

/* Newsletter-Links unterhalb Kommentarfeld */
.newsletter-liste {padding: 0; margin: 3rem 0 0 0; list-style: none;}
.newsletter-liste li {margin-bottom: 1%;}
.newsletter-liste li:before {color: #555; content: '\f0e0'; font-family: FontAwesome; display: inline-block; margin-right: 7px;}

/* Die Seite etwas begrenzen um die Bilder berechenbarer zu machen: */
@media (max-width: 1000px) {.container {max-width: 800px;}}

/*Checkboxen unterhalb der Kommentare*/
.comment-form-use-gravatar, .comment-form-cookies-consent {font-size: .75em;}

/* Kontaktformular in der Sidebar */
span.wpcf7-list-item {margin-left: 0;}

/* Zusätzlicher Abstand bei Bildunterschriften */
.wp-block-image figcaption {margin-bottom: 1.5rem;}

/* Bild-Unterschriften zwischen dem Theme und Gutenberg angleichen */
.wp-block-image figcaption {
 margin-top: 0; padding-top: 0; color:#62707c; font-size:15px;}

.wp-caption-text, .wp-block-image figcaption {text-align: center;}

.wp-block-image figcaption a {color: #09a; box-shadow: inset 0 -1px 0 #ddd !important; transition: .4s ease;}
.wp-block-image figcaption a:hover {color: #09a; box-shadow: inset 0 -2px 0 #07a !important;}

/* Einleitung vor dem eigentlichen Inhalt */
.einleitung {font-style: italic; color: #555; padding-bottom: 1.5rem; border-bottom: 1px dotted #c7d6e4;}

/* Kleine, zentrierte Bilder und Unterschriften */
#page .wp-block-image .aligncenter {text-align: center;}
.wp-block-image .aligncenter > figcaption {display: block;}

/* Bildtext bei den rechtsausgerichteten Bildern */
.alignright figcaption {width: 100%;}

/* Tabellen */
th {font-weight: bold; padding: 15px;}
table tr:nth-child(2n) {background: #f9f9f9;}
.wp-block-table.is-style-stripes tr:nth-child(2n+1) {background: #ddd;}

table {border-collapse: collapse;}
table, table th, table td {border: 1px solid #dadee3;}

/* Gutenberg: Schriftgrößen */
.has-small-font-size {font-size: 15px;}
.small {line-height: 1;}

/* Proven-Expert-Widget */
div.pewl {margin-bottom: 1.5rem;}

/* Symbol bei Pull-Right ragt in den Text rein */
blockquote.pull-right {padding-left: 35px;}

/* Trennlinie im Inhalt */
.wp-block-separator {border-bottom: dotted 1px #a5afbb;}