/*

Theme Name: Neve Mebold Child Theme
Description: Anpassungen von Neve für Orgelbau Mebold
Author: Orgelbau Mebold
Author URI: http://www.orgelbau-mebold.de
Template: neve
Version: 1.0
Tags: elterntheme
Text Domain: neve-mebold-child

*/

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;1,400&family=Crimson+Text:wght@400;600&display=swap');

body {
	font-family:'Barlow', sans-serif;
}

body.colors-custom,
.colors-custom button,
.colors-custom input,
.colors-custom select,
.colors-custom textarea,
.colors-custom h3,
.colors-custom h4,
.colors-custom h6,
.colors-custom label,
.colors-custom .entry-title a,
.colors-custom.twentyseventeen-front-page .panel-content .recent-posts article,
.colors-custom .entry-footer .cat-links a,
.colors-custom .entry-footer .tags-links a,
.colors-custom .format-quote blockquote,
.colors-custom .nav-title,
.colors-custom .comment-body,
.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #1a1a18 !important;
}

.colors-custom input[type="text"]:focus, 
.colors-custom input[type="email"]:focus, 
.colors-custom input[type="url"]:focus, 
.colors-custom input[type="password"]:focus, 
.colors-custom input[type="search"]:focus, 
.colors-custom input[type="number"]:focus, 
.colors-custom input[type="tel"]:focus, 
.colors-custom input[type="range"]:focus, 
.colors-custom input[type="date"]:focus, 
.colors-custom input[type="month"]:focus, 
.colors-custom input[type="week"]:focus, 
.colors-custom input[type="time"]:focus, 
.colors-custom input[type="datetime"]:focus, 
.colors-custom .colors-custom input[type="datetime-local"]:focus, 
.colors-custom input[type="color"]:focus, 
.colors-custom textarea:focus, 
.colors-custom button.secondary, 
.colors-custom input[type="reset"], 
.colors-custom input[type="button"].secondary, 
.colors-custom input[type="reset"].secondary, 
.colors-custom input[type="submit"].secondary, 
.colors-custom .navigation-top a, 
.colors-custom .dropdown-toggle, 
.colors-custom .menu-toggle, 
.colors-custom .page .panel-content .entry-title, 
.colors-custom .page-title, 
.colors-custom.page:not(.twentyseventeen-front-page) .entry-title, 
.colors-custom .page-links a .page-number, 
.colors-custom .comment-metadata a.comment-edit-link, 
.colors-custom .comment-reply-link .icon, 
.colors-custom h2.widget-title, 
.colors-custom mark, 
.colors-custom .post-navigation a:focus .icon, 
.colors-custom .post-navigation a:hover .icon, 
.colors-custom .site-content .site-content-light, 
.colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link {
	color: #1a1a18 !important;
}

.colors-custom .main-navigation li li:hover, 
.colors-custom .main-navigation li li.focus {
	background-color: #e6a600 !important;
}

.colors-custom h5, 
.colors-custom .entry-meta, 
.colors-custom .entry-meta a, 
.colors-custom.blog .entry-meta a.post-edit-link, 
.colors-custom.archive .entry-meta a.post-edit-link, 
.colors-custom.search .entry-meta a.post-edit-link, 
.colors-custom .nav-subtitle, 
.colors-custom .comment-metadata, 
.colors-custom .comment-metadata a, 
.colors-custom .no-comments, 
.colors-custom .comment-awaiting-moderation, 
.colors-custom .page-numbers.current, 
.colors-custom .page-links .page-number, 
.colors-custom .navigation-top .current-menu-item > a, 
.colors-custom .navigation-top .current_page_item > a, 
.colors-custom .main-navigation > li > a:hover, 
.colors-custom .menu > li > a:hover,
.colors-custom .menu .current_page_item > a,
.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #e6a600 !important;
}

.colors-custom .main-navigation ul ul {
	border-color:#e6a600 !important;
}

h1 {
	color:#e6a600;
}

.entry-content h2 {
    margin-top: 2rem;
}

.wrapper {
	min-height:auto !important;
}

.nv-title-tagline-wrap small {
	color:#e6a600;
}

.site-title a span.name {
    float: right;
    display: block;
    position: relative;
    width: 100%;
    text-transform: lowercase;
    color: #000;
    background-color:rgba(230,166,0,0.5);
}

.site-title.firma {
	font-size:1.5rem;
	line-height:1.3em;
	font-family:'Crimson Text', serif;
	text-transform:uppercase;
}

.site-title .firmenname {
	width:100%;
	float:left;
	font-size:2.3rem;
	font-family:'Barlow Medium', Arial, Helvetica, sans-serif;
	transform:scale(1,1.25);
}

.slogan {
	font-family:'Crimson Text', serif;
	font-size:1.5em;
	color:#e6a600;
	padding-top:1em;
}

/* Hauptnavigation */
nav.header--row.header-main.nv-navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	transition:all 0.5s ease-in-out;
}
.nav-ul > .menu-item-has-children > .sub-menu li:last-child {
	right: 0 !important;
	left:auto !important;
}
.nav-ul > .menu-item-has-children > .sub-menu {
	right:auto !important;
	left:0;
}

.nav-ul .sub-menu li {
	float:left;
}
.nav-ul .sub-menu li > a {
	justify-content:left !important;
}

.header--row.header-bottom .header-bottom-inner {
	margin-top:150px;
}
.site-logo .title-with-logo > div:first-child, .site-logo .title-with-logo > img:first-child {
	transition:all 0.5s ease-in-out;
}

.startseite .header-bottom-inner {
	height:100vh !important;
}

.hfg_header .header-bottom-inner {
	font-family:'Crimson Text', serif;
	align-items:flex-start !important;
	color:#e6a600;
	font-size:2em;
	background-position: center center !important;
}

.hfg_header .header-bottom-inner .container {
	background-image:linear-gradient(to bottom,rgba(26,26,24,0.6) 50%,transparent 100%);
	background-size: contain;
}

/* Header-Bilder --> */
.category-neubauten .hfg_header .header-bottom-inner,
.category-restaurierungen .hfg_header .header-bottom-inner,
.category-truhenorgeln .hfg_header .header-bottom-inner,
.category-renovierung-umbauten .hfg_header .header-bottom-inner {
	background-image:url("/wp-content/uploads/orgelbau-mebold-referenzen.jpg");
	background-size: contain;
}
.category-aktuell .hfg_header .header-bottom-inner,
.category-zu-verkaufen .hfg_header .header-bottom-inner {
	background-image:url("/wp-content/uploads/orgelbau-mebold-aktuell.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}
/* <-- Header-Bilder */

.adresse {
	padding-left:1em;
	border-left: 1px solid #e6a600;
}

.firmenname {
	text-transform:lowercase;
	color:#1a1a18;
	font-family:'Barlow Medium', Arial, Helvetica, sans-serif;
}
.copyright.firmenname {
	padding:10px 0;
}
.firma {
	font-family:'Crimson Text', serif;
	text-transform:uppercase;
	color:#e6a600;
}

.startseite #content {
    position: absolute;
    margin: 220px auto 0;
    width: 80vw;
    background-image:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,0.65) 10%);
    display: block;
    align-self: center;
    height: 80vh;
}

.startseite #content .nv-page-title-wrap {
	display:none;
	visibility:hidden;
}

.startseite .nv-content-wrap {
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
    margin-top:2rem;
}

.startseite #content .firma {
    font-size: 2rem;
}

.container-fluid {
	padding:1em;
}

/* Beitrags-Styling auf Übersichtsseiten */

.archive.category article.post:not(.nv-single-post-wrap) {
	border:1px solid #e6a600;
	padding:0;
}

article.post .content {
	padding-bottom:0;
	align-items:flex-end !important;
}

article.post.layout-default .article-content-col .content {
	flex-direction:row-reverse;
}

/*article.post.layout-default .article-content-col .nv-post-thumbnail-wrap {
	width:30%;
	max-width:30%;
	margin-bottom:0 !important;
}*/

article.post.layout-default .article-content-col .nv-post-thumbnail-wrap a,
article.post.layout-default .article-content-col .nv-post-thumbnail-wrap img {
  flex-grow: 1;
  display: flex;
}

article.post.layout-default .article-content-col .default-layout-content {
	flex-grow:1;
	padding:20px 0 0 20px !important;
}

.blog-entry-title, .excerpt-wrap.entry-summary {
	padding-left: 10px;
}

.cover-post::after {
	background-color: rgba(255,255,255,0) !important;
}

.wp-block-image {
	max-width:25% !important;
}

.wp-block-table {
	width:100% !important;
	float:left;
}

.wp-block-table table th {
	border-bottom: 1px solid #e6a600;
}

td {
	vertical-align:top;
}

.wp-block-media-text.alignwide.has-media-on-the-right.is-stacked-on-mobile {
    border-bottom: 1px solid #e6a600;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.wp-block-media-text.alignwide.fullwidth {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
}
.nv-content-wrap.entry-content p:last-child,
.wp-block-embed.is-type-video {
	margin-top:1rem;
}

#cb-row--footer-top {
	border-top:1px solid #e8e8e8;
}

.footer--row .footer--row-inner .container .row {
	align-items:start !important;
}

.builder-item--footer_copyright .component-wrap {
	display:inline-flex;
}

/* Lightbox-Styling */
#slb_viewer_wrap .slb_theme_slb_default .slb_container {
	border-radius:2px !important;
}
#slb_viewer_wrap .slb_theme_slb_baseline .slb_container {
	padding:1px !important;
}
#slb_viewer_wrap .slb_details {
  position: absolute !important;
  bottom: 0;
  width: 100% !important;
  background-color: rgba(26,26,24,0.8) !important;
  color: #e6a600 !important;
  padding: 1rem !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_desc {
	margin-top:0 !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
	display:none !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title {
	font-family:'Barlow', sans-serif !important;
	font-size:1rem !important;
}

@media (max-width:576px) {
	.hfg_header .header--row.header-bottom.hide-on-mobile.layout-fullwidth {
		display:block !important;
	}
	.header--row .header--row-inner .row.row--wrapper {
		margin-right:30px !important;
	}
	.hfg_header .header--row .header--row-inner.header-bottom-inner {
		height: 100px;
	}
	article.post.layout-default .nv-post-thumbnail-wrap {
		width:auto;
	}
	.nv-content-wrap .alignwide {
		width: 100%;
		max-width: unset;
		margin-left: 0;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0;
	}
	.nv-content-wrap .wp-block-media-text .wp-block-media-text__media {
		margin-bottom: 1rem;
	}
	.nv-content-wrap .wp-block-table {
		overflow-x: scroll;
	}
	.nv-content-wrap .wp-block-table table {
		word-break: normal;
	}
	.nv-content-wrap .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
		display: none;
	}
	.nv-content-wrap .wp-block-gallery .wp-block-image {
		max-width: unset !important;
	}
}

@media (min-width:577px) and (max-width:959px) {
	.hfg_header .header--row.header-bottom.hide-on-tablet.layout-fullwidth {
		display:block !important;
	}
	.hfg_header .header--row .header--row-inner.header-bottom-inner {
		height: 170px;
	}
	.nv-content-wrap .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
		align-self: start;
	}
	.nv-content-wrap .wp-block-gallery .wp-block-image {
		max-width: unset !important;
	}
}

@media (min-width:960px) {
	.nv-post-thumbnail-wrap ~ .default-layout-content {
		padding-left:0;
	}
}