/*
Theme Name: Nova
Theme URI: https://nova.hamburg
Description: Custom Theme für Nova
Author: Oliver Langmaack
Author URI: https://funkmedien.eu
Template: hello-elementor
Version: 1.0
*/

/* Custom CSS */

/* Custom Scroll Bar */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var( --e-global-color-primary );
	border-radius: 50px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var( --e-global-color-accent );
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var( --e-global-color-secondary );
}

/* Seitentitel entfernen */
h1.entry-title {
	display: none;
}

/* Custom 404 */
.error-404 p {
	 font-size: 1.5rem;
	font-weight: var(--e-global-typography-text-font-weight);
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	color: var(--e-global-color-text);
}

.error-404 h1 {
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	color: var(--e-global-color-text);
}

.search-form {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: .8rem;
}

.error-404 input[type="submit"] {
	font-size: 1.5rem;
	margin: 0;
	
}

.error-404 input[type="search"] {
	font-size: 1.05rem !important;
	padding: 0.5rem !important;
}

/* Custom Wordpress Player */
.mejs-container {
  background-color: var(--e-global-color-secondary) !important;
  border-radius: 50px !important;
}

.mejs-controls {
  background-color: var(--e-global-color-secondary) !important;
	border-radius: 50px !important;
	color: red !important;
}

.mejs-button button {
  background-color: transparent !important;
	filter: invert(89%) sepia(34%) saturate(1859%) hue-rotate(167deg) brightness(93%) contrast(95%);
	border-radius: 0 !important;
}

.mejs-time,
.mejs-duration,
.mejs-currenttime {
  color: var(--e-global-color-primary) !important;
	font-weight: var(--e-global-typography-accent-font-weight) !important;
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

.mejs-time-total, .mejs-horizontal-volume-total {
  background: var(--e-global-color-accent) !important; !important;
  height: 8px !important;
  border-radius: 4px !important;
}

.mejs-time-loaded {
  background: var(--e-global-color-accent) !important;
	height: 8px !important;
	border-radius: 4px !important;
}

.mejs-time-current, .mejs-horizontal-volume-current {
  background: var(--e-global-color-primary) !important;
	height: 8px !important;
	border-radius: 4px !important;
}

.mejs-time-handle {
  background: var(--e-global-color-primary) !important;
  border-radius: 50% !important;
  width: 12px !important;
  height: 12px !important;
  top: -2px !important;
}

.mejs-time-handle-content {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  z-index: -9999 !important;
}