/* GLOBALE STYLES */
/* Setzt voraus, dass zw-variables.css vorher geladen wird */


/*** ALLGEMEIN ***/

/*** ZW-Schriftlogo ausrichten ***/
img[src="https://dev.zwradio.de/media/zwwebbg2.png"] {
   margin-bottom:3px;
}

/*** Links ***/

a {
  color: var(--zw-accent);
  text-decoration: none;
}

a:hover {
  color: var(--zw-accent-light);
  text-decoration: none;
}

a:visited {
  color: var(--zw-accent);
}

/* Theme Header entfernen */

.header-bottom {
	display:none;
}

/*** BLOG ***/

/* Blogseitentitel-Rand reduzieren */
.page-header {
	padding:10px;
}

/* Einzelnen Beitrag in Blogliste formatieren */
.blog-entry-inner {
	background-color:#3b3b3b50;
}

/* Einzelbeitrag Überschrift */
.entry-header {
	background-color:#3b3b3b50;
	padding:10px;
}

/* Einzelbeitrag  Metadaten */
.meta {
	background-color:#3b3b3b50;
	padding:10px;
}

/* Einzelbeitrag Meta2  */
.ospm-default {
	background-color:#3b3b3b50;
	padding:10px;
}


/* Einzelbeitrag Meta2  */
.meta-author {
	padding-left:10px;
}

/* Einzelbeitrag Titelbild */
.thumbnail {
	background-color:#3b3b3b50;
}

/* Einzelbeitrag Inhalt */
.entry-content {
	margin-top:-20px;
	padding:20px;
	background-color:#3b3b3b50;
}

/* Blog-Übersicht */

.obem-default {
	background-color:transparent;
}
	
/* Pagination number buttons: default style */
.oceanwp-pagination ul.page-numbers li a.page-numbers,
.oceanwp-pagination ul.page-numbers li span.page-numbers {
    background-color: #000000;
    border: 2px solid #0096AC;
    border-radius: 5%;
    color: #0096AC;
    font-family: Ubuntu, sans-serif;
    font-size: 16px;
    padding: 8px 12px;
    margin: 0 4px;
    display: inline-block;
    text-decoration: none;
    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

/* Hover effect: white text, white border */
.oceanwp-pagination ul.page-numbers li a.page-numbers:hover,
.oceanwp-pagination ul.page-numbers li span.page-numbers:hover {
    color: #ffffff;
    border-color: #ffffff;
    text-decoration: none;
}

.entry-content {
	margin:0px !important;
}

.thumbnail {
	margin:0px !important;
}

.single-post .social-share-title {
    font-family: Ubuntu, sans-serif;
    font-size: 18px;
}

.single-post .related-posts-title {
    font-family: Ubuntu, sans-serif;
    font-size: 18px;
}

.entry-share {
	background-color:#3b3b3b33;	
	margin:0px !important;
	padding:10px !important;
}

#related-posts {
	background-color:#3b3b3b33;
	padding:10px;
	margin:5px;
}

#comments {
	margin:5px;
	padding:0px;
}

.comment-respond {
	background-color:#3b3b3b33;
	padding:10px;
	margin:0px;
}

.textarea-comment {
	background-color:#000000;
	color:#ffffff;
	font-family:Ubuntu, sans-serif;
	font-size:18px;
	padding:5px;
	margin:5px;
	border:2px solid #0096AC;
	box-shadow:none;
	appearance:none;
}

.textarea-comment:hover {
  border-color:#FFFFFF; 
  color:#FFFFFF; 
  cursor:pointer;       
}

.textarea-comment:focus {
  background-color:#3b3b3b;
  outline: none;           
  color: #ffffff;
}

#comment-submit {
	min-height:40px;
  min-width:40px;
  background-color:#000000;
	color:#0096AC;
	font-family:Ubuntu, sans-serif;
	font-size:18px;
	padding:5px;
	margin:5px;
	border:2px solid #0096AC;
	border-radius:5%;
	box-shadow:none;
	appearance:none;
  padding-left:5px;
  padding-right:5px;
  padding-top:0px;
  padding-bottom:0px;
}

#comment-submit:hover {
  border-color:#FFFFFF; 
  color:#FFFFFF; 
  cursor:pointer;       
}

#comment-submit {
    font-family: Ubuntu, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.social-share-title .text {
    font-family: Ubuntu, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Entire comment block background */
.comment-body {
    background-color: #3B3B3B33;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 4px;
}

/* Comment metadata (date, author, permalink) */
.comment-body .comment-metadata,
.comment-body .comment-metadata *,
.comment-body .comment-metadata a,
.comment-body .comment-metadata time {
    font-family: Ubuntu, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #ffffff !important;
}

/* Comment action links: Antworten, Bearbeiten, Löschen */
.comment-body .comment-reply-link,
.comment-body a.comment-edit-link,
.comment-body a.comment-delete-link {
    font-family: Ubuntu, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #0096AC !important;
    text-decoration: none !important;
    transition: color 0.15s ease-in-out;
}

.comment-date {
	    font-family: Ubuntu, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal 
}

.comments-title {
display:none;
}

/* Hover effect for all comment links (including date link) */
.comment-body .comment-reply-link:hover,
.comment-body a.comment-edit-link:hover,
.comment-body a.comment-delete-link:hover,
.comment-body .comment-metadata a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Author section background */
#author-bio {
    background-color: #3B3B3B33;
    margin:5px;
		padding: 10px;
    border-radius: 4px;
}

/* Author portrait: rectangular with #0096AC border */
#author-bio .author-bio-avatar img {
    border: 2px solid #0096AC;
    border-radius: 0;
    width: 100px; /* adjust as needed */
    height: auto;
    object-fit: cover;
}

/* Author name: plain white text, not a link */
#author-bio .author-bio-title a {
    pointer-events: none;
    color: #ffffff !important;
    font-family: Ubuntu, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
}

/* Optional: remove hover effects from name link */
#author-bio .author-bio-title a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

#related-posts .related-posts-title .text {
    font-family: Ubuntu, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #ffffff !important;
}


/*** USER INTERFACE ***/

.zw-button {
  min-height:40px;
  min-width:40px;
  background-color: var(--zw-background);
  color: var(--zw-accent);
  font-family: var(--zw-font-type);
  font-size:18px;
  padding:5px;
  margin:5px;
  border:2px solid var(--zw-accent);
  border-radius: var(--zw-interactive-radius);
  box-shadow:none;
  appearance:none;
  padding-left:5px;
  padding-right:5px;
  padding-top:0px;
  padding-bottom:0px;
}

.zw-button:hover {
  border-color: var(--zw-accent-light);
  color: var(--zw-accent-light);
  cursor:pointer;
}

.zw-tab {
  background-color:transparent;
  color: var(--zw-accent);
  font-family: var(--zw-font-type);
  font-size:18px;
  padding:5px;
  margin:5px;
  border:none;
  box-shadow:none;
  appearance:none;
}

.zw-tab:hover {
  color: var(--zw-accent-light);
  cursor:pointer;
}

.zw-tab-selected {
  background-color:transparent;
  color: var(--zw-accent);
  font-family: var(--zw-font-type);
  font-size:18px;
  padding:5px;
  margin:5px;
  border:none;
  border-bottom:2px solid var(--zw-accent);
  box-shadow:none;
  appearance:none;
}

.zw-tab-selected:hover {
  background-color:transparent;
  color: var(--zw-accent-light);
  font-family: var(--zw-font-type);
  font-size:18px;
  padding:5px;
  margin:5px;
  border:none;
  border-bottom:2px solid var(--zw-accent-light);
  box-shadow:none;
  appearance:none;
}

/*** SPEZIAL-SEITEN ***/

/*** 404 Seite ***/

.pagenotfound-cover {
  border: 2px solid var(--zw-accent);   
  border-radius: 0%;        
  overflow: hidden;         
}

/*** MOBIL-ANSICHT ***/

/* Mobilmenü */

.fa-bars {
	font-size:24px;
	padding:10px;
}

.search-icon-dropdown {
	font-size:24px;
	padding:10px;
}