/* Gutenberg-Fixes */
ul.wp-block-gallery.columns-3 {
    width: calc(100% - 48px);
    float: initial;
}

/* JB-Striped-Table */
.is-style-jb-table-striped td {
    border-color: transparent;
}

.is-style-jb-table-striped tr:nth-child(even) {
    background: #fffaef;
}

.is-style-jb-table-striped tr:nth-child(odd) {
    background: #fbf2df;
}

.is-style-jb-table-striped th {
    background: #b2a185;
    color: #fffaef;
}

table.is-style-jb-table-striped {
    border-spacing: 0;
    border-collapse: inherit;
    border-bottom: 1px solid #f3f4f5;
}

/* JB-Button */
.wp-block-button.is-style-jb-button.alignleft {
    margin-right: .8em;
}

.wp-block-button.is-style-jb-button .wp-block-button__link,
.wp-block-file a,
.wp-block-file a.wp-block-file__button,
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:visited,
.wp-block-file a.wp-block-file__button:focus {
    background-color: #fef3dd !important;
    color: #84724d !important;
    font-size: 15px !important;
    font-weight: normal !important;
    text-transform: none !important;
    padding: 10px 20px;
    border-radius: 24px;
}

/* Fügt dem Button das Pfeil-Icon hinzu */
.wp-block-button.is-style-jb-button .wp-block-button__link:before,
.wp-block-file a:before {
    width: 14px;
    display: inline-block;
    margin-right: 0.3em;
    vertical-align: middle;
}

.wp-block-button.is-style-jb-button .wp-block-button__link:before,
.wp-block-file a:not(.wp-block-file__button):before {
    content: url('icons/button_arrow.svg');
}

.wp-block-file a.wp-block-file__button:before {
    content: url('icons/download.svg');
}

.wp-block-button.is-style-jb-button:hover .wp-block-button__link,
.wp-block-file a:hover,
.wp-block-file a.wp-block-file__button:hover {
    background: #b2a185 !important;
    color: #fffaef !important;
}

/* Färbt das Pfeil-Icon bei einem Hover mit der helleren Farbe ein */
.wp-block-button.is-style-jb-button:hover .wp-block-button__link:before,
.wp-block-file a:not(.wp-block-file__button):hover:before {
    content: url('icons/button_arrow_light.svg');
}

.wp-block-file a.wp-block-file__button:hover:before {
    content: url('icons/download_light.svg');
}

@media only screen and (max-width: 30em) {
    .wp-block-button.is-style-jb-button.alignleft {
        float: left;
        margin-top: 0;
    }
}

/** Login/Logout-Form **/

.wp-block-loginout.is-style-jb-vertical-align .login-username label, .wp-block-loginout.is-style-jb-vertical-align .login-password label {
    display: block;
}

.wp-block-loginout.is-style-jb-vertical-align.logged-in {
    margin-top: 15px;
    margin-bottom: 15px;
}

/**/

/* Lässt die File-Download-Buttons nicht im Button zwischen Icon & Text umbrechen */
.wp-block-file > a {
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 5px;
}

/* JB-Recent-Posts-Widget */
.jb-recent-post {
    clear: both;
    margin: 1.5em .2em;
}

.jb-recent-post:last-child {
    margin-bottom: 0;
}

.jb-widget-recent-posts .jb-recent-post img {
    float: left;
    margin-right: 1em;
    margin-top: .4em;
    margin-bottom: .4em;
}

.jb-widget-recent-posts .jb-recent-post h2.jb-rp-heading {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

.jb-widget-recent-posts .jb-recent-post .jb-rp-date {
    font-size: 12px;
    margin-top: .3em;
}