/*
 Theme Name:   tagungswerk
 Theme URI:    http://example.com/tagungswerk/
 Description:  tagungswerk child theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     reykjavik
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  tagungswerk
*/


/* ----- LOGO / HEADER ----- */
.site-header-content {
	padding-top: 2.5rem;
}
.site-title {
	font-size: 1.2rem;
}
.site-description {
	max-width: 20rem;
	font-size: 0.85rem;
}
.site-header-inner {
	justify-content: space-between;
}
.site-header-inner::after {
	content: none;
}
.custom-logo {
	margin: 5px 10px;
}

/* ----- NAVIGATION ----- */

/* --- main nav --- */
.main-navigation {
	margin-right: 0;
}
.main-navigation-container li ul {
	transform: scaleY(1);
}
.main-navigation-container .menu > ul > li {
	padding-top: 0;
	padding-bottom: 0;
}
.main-navigation-container a {
	padding: 0.382rem;
}
.menu-item-631,
.menu-item-632,
.menu-item-1117,
.menu-item-1118 {
	background-color: var(--color_accent);
	color: #fff;
	border-radius: 5px;
}
.menu-item-631 a,
.menu-item-632 a,
.menu-item-1117 a,
.menu-item-1118 a {
	border-top: none;
}


/* --- secondary nav --- */
.secondary-navigation {
	position: absolute;
	top: -2.7rem;
	right: 0;
}
html[dir="rtl"] .secondary-navigation {
	left: 0;
	right: unset;
}


/* ----- INTRO SECTION ----- */
.intro-special .intro-inner {
	max-width: 38rem;
}
.intro-container > .intro + .intro-media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.intro-container > .intro + .intro-media .wp-custom-header {
	height: 100%;
}
.intro-container > .intro + .intro-media img {
	height: 100%;
	object-fit: cover;
	object-position: left 80%;
}
.intro-container > .intro .intro-title {
	display: inline-block;
	padding: 5px 15px;
	background: rgba(255,255,255,0.75);
	hyphens: auto;
}
.intro-special .wp-custom-header::before {
	opacity: 0.5;
}



/* ----- CONTENT ----- */

h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus {
	text-decoration: underline;
}
.site-content-inner img {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border-radius: 5px !important;
}


/* ----- gallery ----- */
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	font-weight: 700;
	border-radius: 5px;
}

/* ----- form ----- */
.nf-field-container {
	margin-top: 45px;
}
.nf-error-msg, .ninja-forms-req-symbol {
	color: #CC3300 !important;
	font-weight: 700;
}
.nf-field-element select[class*="hour"],
.nf-field-element select[class*="minute"] {
	width: 80px;
	margin-top: 10px;
}
.nf-field .nf-field-description {
	margin-bottom: 15px;
}
.checkbox-wrap {
	flex-wrap: wrap !important;
}
.checkbox-wrap .nf-field-label {
	width: calc(100% - 40px) !important;
}
.checkbox-wrap .nf-field-description {
	margin-right: 0 !important;
	margin-top: 15px;
}


/* ----- MEDIA QUERIES ----- */

/* --- mobile --- */
@media screen and (max-width: 880px) {
	.secondary-navigation {
		position: static;
		margin-bottom: 0;
	}
}

@media (max-width:671px) {
	 .intro-container > .intro-media img {
	  	width: 100%;
	 }
}

/* --- tablet --- */

@media  screen and (max-width: 1280px) {
.intro-container .intro-inner {
	padding: 5rem 0 !important;
}
}
@media  screen and (min-width: 880px) {
  .block-cover--intro {
    margin-top: -5rem;
  }
	.block-cover--intro h2 {
		font-size: 2.618em;
	}
	[data-block-class="block-cover--intro"] {
		margin-bottom: 5rem;
	}
}

/* --- desktop --- */
@media  screen and (min-width: 1280px) {
  .block-cover--intro {
    margin-top: -8.09rem;
  }
	[data-block-class="block-cover--intro"] {
		margin-bottom: 8.09rem;
	}
}