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


/*** ALLGEMEIN ***/

/*** 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);
}


/* Menü */


/* Desktop: normal logo */
.zw-menu-logo {
    height: 16px;
    filter: none;
    margin-bottom:3px;
}

/* Mobile: convert to black */
@media (max-width: 768px) {
    .zw-menu-logo {
        filter: grayscale(100%) brightness(0);
    }
}

@media (min-width: 769px) {
    .menu-highlight {
        color: #00FFFF; /* no matching variable */
        transition: color 0.1s ease;
    }

    .menu-highlight:hover {
        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: var(--zw-background-light-transparent);
}

/* Einzelbeitrag Überschrift */
.entry-header {
    background-color: var(--zw-background-light-transparent);
    padding:10px;
}

/* Einzelbeitrag Metadaten */
.meta {
    background-color: var(--zw-background-light-transparent);
    padding:10px;
    margin:0px !important;
}

/* Einzelbeitrag Meta2 */
.ospm-default {
    background-color: var(--zw-background-light-transparent);
    padding:10px;
}

.meta-author {
    padding-left:10px;
}

/* Einzelbeitrag Titelbild */
.thumbnail {
    background-color: var(--zw-background-light-transparent);
    padding-top:20px !important;
    margin:0px !important;
}

/* Titelbildgröße bei Blog und Terminen limitieren */
.single-post .thumbnail img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.zw-event-single .thumbnail img.wp-post-image {
    max-width: 1000px;
    height: auto;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}


/* Einzelbeitrag Inhalt */
.entry-content {
    margin-top:-20px;
    padding:20px;
    background-color: var(--zw-background-light-transparent);
    font-size:16px;
    margin:0px !important;
}

.single-post .entry-content a {
    text-decoration: inherit !important;
}

.single-post .entry-content a:hover {
    color: inherit !important;
    text-decoration: inherit !important;
}

.single-post .entry-content a:visited {
    color: inherit !important;
}


/* Weiterlesen-Link */
.blog-entry-readmore a,
.blog-entry-readmore a:visited,
.blog-entry-readmore a:hover,
.blog-entry-readmore::after,
.blog-entry-readmore a::after {
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important;
    font-family: var(--zw-font-type) !important;
    font-size:18px !important;
}


/* Blog-Übersicht */
.obem-default {
    background-color:transparent;
}
    
/* Pagination */
.oceanwp-pagination ul.page-numbers li a.page-numbers,
.oceanwp-pagination ul.page-numbers li span.page-numbers {
    background-color: var(--zw-background);
    border: 2px solid var(--zw-accent);
    border-radius: var(--zw-interactive-radius);
    color: var(--zw-accent);
    font-family: var(--zw-font-type);
    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;
}

.oceanwp-pagination ul.page-numbers li a.page-numbers:hover,
.oceanwp-pagination ul.page-numbers li span.page-numbers:hover {
    color: var(--zw-accent-light);
    border-color: var(--zw-accent-light);
    text-decoration: none;
}

.single-post .social-share-title {
    font-family: var(--zw-font-type);
    font-size: 18px;
}

.single-post .related-posts-title {
    font-family: var(--zw-font-type);
    font-size: 18px;
}

.entry-share {
    background-color: var(--zw-background-light-transparent);
    margin:0px !important;
    padding:10px !important;
}

#related-posts {
    background-color: var(--zw-background-light-transparent);
    padding:10px;
    margin:5px;
}

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

.comment-respond {
    background-color: var(--zw-background-light-transparent);
    padding:10px;
    margin:0px;
}

/* Comment fields */
.textarea-comment,
.input-name,
.input-email,
.input-website {
    background-color: var(--zw-background);
    color: var(--zw-accent-light);
    font-family: var(--zw-font-type);
    font-size:18px;
    padding:5px;
    margin:5px;
    border:2px solid var(--zw-accent) !important;
    box-shadow:none;
    appearance:none;
}

.textarea-comment:hover,
.input-name:hover,
.input-email:hover,
.input-website:hover {
  border-color: var(--zw-accent-light) !important;
  color: var(--zw-accent-light);
  cursor:pointer;
}

.textarea-comment:focus,
.input-name:focus,
.input-email:focus,
.input-website:focus {
  background-color: var(--zw-background-light);
  outline: none;
  color: var(--zw-accent-light);
}

/* Submit button */
#comment-submit {
    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;
}

#comment-submit:hover {
  border-color: var(--zw-accent-light);
  color: var(--zw-accent-light);
  cursor:pointer;
}

#comment-submit {
    font-family: var(--zw-font-type) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.social-share-title .text {
    font-family: var(--zw-font-type) !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: var(--zw-background-light-transparent);
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 4px;
}

/* Comment metadata */
.comment-body .comment-metadata,
.comment-body .comment-metadata *,
.comment-body .comment-metadata a,
.comment-body .comment-metadata time {
    font-family: var(--zw-font-type) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: var(--zw-accent-light) !important;
}

/* Comment action links */
.comment-body .comment-reply-link,
.comment-body a.comment-edit-link,
.comment-body a.comment-delete-link {
    font-family: var(--zw-font-type) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: var(--zw-accent) !important;
    text-decoration: none !important;
    transition: color 0.15s ease-in-out;
}

.comment-date {
    font-family: var(--zw-font-type) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal;
}

.comments-title {
    display:none;
}

.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: var(--zw-accent-light) !important;
    text-decoration: none !important;
}

/* Author section */
#author-bio {
    background-color: var(--zw-background-light-transparent);
    margin:5px;
    padding: 10px;
    border-radius: 4px;
}

#author-bio .author-bio-avatar img {
    border: 2px solid var(--zw-accent);
    border-radius: 0;
    width: 100px;
    height: auto;
    object-fit: cover;
}

#author-bio .author-bio-title a {
    pointer-events: none;
    color: var(--zw-accent-light) !important;
    font-family: var(--zw-font-type) !important;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
}

#author-bio .author-bio-title a:hover {
    color: var(--zw-accent-light) !important;
    text-decoration: none !important;
}

#related-posts .related-posts-title .text {
    font-family: var(--zw-font-type) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: var(--zw-accent-light) !important;
}

/* EO Events */

.zw-event-authorline {
    margin-left:10px;
}

.zw-event-authorline-image {
    width:32px;
    height:32px;
    border-color:var(--zw-accent);
    border-radius:5%;
    object-fit:cover;
}

/*** 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;
}

.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;
}

/* Footer Widgets entfernen, machen grauen Balken auf Startseite */

#footer-widgets {
    display: none !important;
}

/*** SPEZIAL-SEITEN ***/

/*** 404 Seite ***/

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

/*** MOBIL-ANSICHT ***/

/* Mobilmenü */

.fa-bars {
	color: var(--zw-accent-light);
  font-size:24px;
	padding:10px;
}

.oceanwp-mobile-menu-icon {
  text-align: left;
}
.search-icon-dropdown {
	font-size:24px;
	padding:0px;
}

.icon-magnifier {
	font-size:18px;
	padding:0px;
}