/**
 * Beitragslayout OSafety
 *
 * Bewusst zurückhaltend: Schrift, Größen und Farben kommen weiterhin aus dem
 * Theme, damit die neuen Beiträge genauso aussehen wie die bestehenden auf
 * osafety.de. Gesetzt wird nur, was sonst falsch herauskäme – vor allem der
 * Button, den Divi sonst in seinem Blau einfärbt.
 *
 * Markenfarben aus dem Logo: Rot #FF0000, Schwarz #000000.
 *
 * Alles ist auf .osz-article begrenzt und wirkt nur in den Beiträgen,
 * die das Plugin angelegt hat.
 */

/* ------------------------------------------------------------------ Button */

/* Divi setzt Links und Buttons über #page-container sehr durchsetzungsstark,
   deshalb hier mit !important und einer eigenen Klasse am Link selbst.
   Kein Icon, kein Mouse-over-Effekt – die Größe bleibt in jedem Zustand gleich. */
a.osz-btn,
a.osz-btn:link,
a.osz-btn:visited,
a.osz-btn:hover,
a.osz-btn:focus,
a.osz-btn:active,
.osz-article .wp-block-button__link,
.osz-article .wp-block-button__link:link,
.osz-article .wp-block-button__link:visited,
.osz-article .wp-block-button__link:hover,
.osz-article .wp-block-button__link:focus,
.osz-article .wp-block-button__link:active {
	display: inline-block !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 1.7em !important;
	color: #000 !important;
	background: #ff0000 !important;
	background-color: #ff0000 !important;
	border: 2px solid #000 !important;
	border-radius: 3px !important;
	padding: .3em 1em !important;
	margin: 0 !important;
	text-decoration: none !important;
	text-transform: none !important;
	box-shadow: none !important;
	opacity: 1 !important;
	transition: none !important;
	transform: none !important;
}

/* Divi hängt Buttons ein Pfeil-Icon an und verschiebt dafür die Innenabstände. Beides unterbinden. */
a.osz-btn::after,
a.osz-btn::before,
.osz-article .wp-block-button__link::after,
.osz-article .wp-block-button__link::before {
	content: none !important;
	display: none !important;
	margin: 0 !important;
	opacity: 0 !important;
}

.osz-article .wp-block-buttons {
	margin: 1.6em 0 2em;
}

/* --------------------------------------------------------------- Leerzeilen */

/* Absätze, die Divi oder wpautop leer erzeugen, würden sonst Lücken reißen.
   Den Hauptteil der Arbeit macht der Aufräum-Filter im Plugin. */
.osz-article p:empty,
.osz-article p > br:only-child,
.osz-article div:empty {
	display: none !important;
}

.osz-article p:last-child {
	padding-bottom: 0;
}

/* ---------------------------------------------------------------- Tabellen */

.osz-article .wp-block-table {
	overflow-x: auto;
	margin: 0 0 1.6em;
}

.osz-article table {
	width: 100%;
	min-width: 32em;
	border-collapse: collapse;
}

.osz-article th,
.osz-article td {
	border: 1px solid #d8d8d8;
	padding: 10px 14px;
	text-align: left;
	vertical-align: top;
	line-height: 1.6em;
}

.osz-article th {
	background: #f1f1f1;
	font-weight: 700;
}

@media (max-width: 767px) {
	.osz-article table { min-width: 100%; }
	.osz-article .wp-block-table { font-size: 15px; }
	.osz-article .wp-block-button__link { font-size: 17px !important; }
}