/*

Theme Name: ribosome child

Theme URI: http: //www.medienerbe-ddr.de

Description: Child theme für das ribosome Theme mit Anpassungen für die Website von Das mediale Erbe der DDR

Author: Olaf Berg

Author URI: http: //www.zzf-potsdam.de

Template: ribosome

Version: 0.2.0

*/

@import url("../ribosome/style.css");


/* test ob child-style funktioniert. Macht Header-Image etwas kleiner, was auch ganz gut ist
   img.size-full, img.size-large, img.header-image, img.wp-post-image {

    max-width: 80%;
    height: auto;

}
*/

/* unklar wofür das gut ist */
.custom-link   {color: #00BCD6;}

/* kein seitlicher Schatten in Bildergalerie, wohl aber grauer Verlauf unter figcaption auf Bild */
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    padding: 5px 0px 5px


}

/*kein grauer Randbalken links und rechts bei breiten Bildschirmformaten */
/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
    body .site {
        box-shadow: 0 0 0 rgba(100, 100, 100, 0.3);
    }
}

/* graue linie zwischen Hauptspalte und Widget Spalte entfernen
   ohne important regel wird das CSS hier inline vermutlich von einem php skript überschrieben */
.site-content {
    border-right: none !important;
}

/* graue Linie am Ende der Hauptspalte entfernen */
.wrapper-form-comments {
    border: none;
}


/* zwei Spalten Block asymetrisch aufteilen */
@media screen and (min-width: 960px) {
    .wp-block-column:first-child {
        flex-basis: 70%;
    }
    .wp-block-column:last-child {
        flex-basis: 30%;
    }
}

/* hintergrundfarbe für Logos im footer auf weiß
   und Rand nach links/rechts/oben. Nach unten nicht, denn da ist der Rand vom footer
   zentrieren des inline blocks innerhalb des pre-footer div containers */

.pre-footer {
    padding: 7px 7px 0px 7px;
    padding: 0.5rem 0.5rem 0rem 0.5rem;
    background-color: white;

    text-align: center;



}

/* Abstand zwischen den Logos im Pre-Footer
   und logos zentrieren (als inline-block wirkt text-align) */

.pre-footer img {
    padding: 7px 10px 10px 7px;
    padding: 0.5rem 0.6rem 0.5rem 0.5rem;
    display: inline-block;
}

/* letzte Logo (BMBF) etwas absetzen, weil förderer */

.pre-footer a:last-child {
    padding-left: 50px;
    padding-left: 3rem;
}

/* Umbruch innerhalb von Wörtern in Tabellen verhindern,
   es sei denn, sie sind extrem lang
 */

.wp-block-table td, .wp-block-table th {
    word-break: normal;
    word-wrap: break-word;
}

/* Cover-Fotos auf Einzelseiten in der Höhe nicht auf ganzen Block ausweiten (Problem 
   seit letztem Update Jan 2020) */
   
.wp-block-cover {
	height: auto;
}