/*
Theme Name: siebenlinden.org hueman child theme
Version: 1.2.14
Description: A child theme of Hueman for siebenlinden.org (https://github.com/ecovillage/hueman-7l-child)
Template: hueman
Author: Felix Wolfsteller
GitHub Theme URI: https://github.com/ecovillage/hueman-7l-child
*/

/*the import needs fixing. not the proper way to do it in WP; Jens */
@import url('../hueman/style.css');


/* Your awesome customization starts here */

/* add display:swap to all fonts, thus avoiding layout shifts */
@font-face {
  font-display: swap;
  /*font-display: optional;*/
}


/* Darken font color. */
body {
  color: #000;
}

/* Float language switcher elements to the right */
.lang-item {
  float: right;
  right: 60px;
}

/* Black letters in top menu */
#nav-topbar .nav li a {
  color: black;
}

/* Line above title */
.page-title {
  /*border-top: 1px solid #eee;*/
  background-color: #f1f1c3;
  padding-bottom: 18px;
  border: 0;
}

/* Greyish footer */
#footer-bottom.container {
  background-color: rgb(245, 245, 245);
}

/* Darker script on greyish footer */
#copyright p {
  color: rgb(102, 102, 102);
}

/* Background in header on home front page */
.home #header .pad {
  background: url('/wp-content/uploads/2016/06/header_bg.jpg');
}

/* Right sidebar (formerly orangish) */
.s2 {
  background-color: #fff;
}

/* Highlight current position in menu in darker green */
#nav-topbar li.current_page_item,
li.current-page-ancestor,
li.current-page-parent,
li.current-page-item {
  background-color: #b5bd0d;
}

/* Less white space in header (no submenu), but space white indeed */
#header .pad {
  padding-top: 10px;
  padding-bottom: 10px;
  background: white;
}

/* Green content top header bar on homepage */
.home .page-title {
  background-color: #c9d30e;
}

/* Thin line below top menu */
#nav-topbar.nav-container {
  border: 1px solid #9b9c96;
  border-width: 0px 0px 1px 0px;
}

/* Children menu indentation */
.children {
  padding-left: 12px;
}

/* Darken link color a bit */
.content a {
  font-weight: 400;
  color: #989f30;
}

/* Left sidebar smaller (280px instead of 340px) */
/*
.col-2cl .main-inner { padding-right: -280px; }
.col-2cl .s1 { margin-right: -280px; }

.col-2cr .main-inner { padding-left: 280px; }
.col-2cr .s1 { margin-left: -280px; }

.col-3cm .main-inner { padding-left: 280px;}
.col-3cm .s1 { margin-left: -280px; }

.s1 { width: 280px; }

.search-expand { width: 280px; }


@media only screen and (min-width: 961px) and (max-width: 1200px) {
  .col-3cl .main-inner { padding-right: 330px; }
  .col-3cl .s1 { margin-right: -330px; }
  .col-3cl.s2-expand .s2 { right: 280px; }

  .col-3cr .main-inner { padding-left: 330px; }
  .col-3cr .s1 { margin-left: -330px; }
  .col-3cr.s2-expand .s2 { left: 280px; }
}

@media only screen and (min-width: 480px) and (max-width: 960px) {
  .s1-expand .s1 { width: 280px; }
  .s1-expand .s1 .sidebar-content,
  .s1-expand .s1 .post-nav { min-width: 280px; }
  .safari.s1-expand .s1 { min-width: 280px; max-width: 280px; }
}

.col-2cl .main-inner { background-size: 280px; }
.col-2cr .main-inner { background-size: 280px; }
.col-3cm .main-inner { background-size: 280px; }
*/
/*
.col-3cm .s1 {
 margin-left: -280px;
}

.col-3cm .main-inner {
  background-size: 280px auto;
}

.main-inner.group {
  padding-left: 280px;
}
*/

/*
li.current_page_item {
  background-color: #b5bd0d;
}

li.current-page-ancestor {
  background-color: #b5bd0d;
}

li.current-page-parent {
  background-color: #b5bd0d;
}

li.current-page-item {
  background-color: #b5bd0d;
}
*/

/* ev7l Event List Widget heading */
h2.event-list-month-name {
  color: #f29400;
  padding-bottom: 1em;
  text-transform: uppercase;
  font-size: 0.9375em;
  text-transform: uppercase;
}

ul.ev7l_event_list {
  padding-bottom: 1em;
}

.ev7l_event_list > li {
  color: black;
}
.ev7l_event_list > li > a {
  color: black;
}

.event-dates {
  font-weight: 400;
  color: #c9d30e;
}

article.ev7l-event h2 {
  color: #c9d30e;
  font-size: 1.75em;
}

article.ev7l-event h3 {
  color: #c9d30e;
  font-size: 1.5em;
}

.upcoming-events {
  padding-bottom: 2em;
}
.upcoming-events h2 {
  color: #989f30;
  font-size: 16pt;
  margin-bottom: 2em;
  margin-top: 2em;
}
.past-events {
  background-color: #ececed;
  margin-left: -30px;
  margin-right: -30px;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 2em;
  padding-bottom: 2em;
}
.past-events h2 {
  color: #f29400;
  font-size: 16pt;
}
.past-events h2.month-section {
  margin-top: 2em;
  margin-bottom: 2em;
}

.datecol {
  font-weight: 400;
  color: black;
  margin-right: 2em;
  padding-right: 2em;
}
.eventcol a {
  font-weight: 400;
  color: black;
}

.event-dates-small {
  color: #989f30;
  font-size: 12pt;
}

#referees {
  display: 'inline-block';
  margin-bottom: 8px;
  margin-top: 12px;
}

#referees h2 {
  color: #666;
  font-size: 1.125em;
}

#referees h3 {
  color: #989f30;
  font-size: 1.1em;
}

#registration {
  display: 'inline-block';
}

ul.calendar-events {
  list-style: none;
}

/* Make calendar images h-align with text. */
ul.calendar-events img {
  margin-top: 10px;
}

ul.calendar-events li {
  list-style: none;
  display: inline-block;
}

ul.referee-events {
  list-style: none;
}

ul.referee-events li {
  list-style: none;
  display: inline-block;
}

ul.category-events {
  list-style: none;
}

ul.category-events li {
  list-style: none;
  display: inline-block;
}

ul.event-categories {
  list-style: none;
}
ul.event-categories li {
  list-style: none;
  display: inline-block;
}

h2.firstlettername {
  margin-bottom: 0.7em;
  margin-top: 2em;
  font-size: 16pt;
}

h2.breadcrumbs {
  color: #989f30;
}

#event-infos h2 {
  color: #666;
  font-size: 1.125em;
}

#event-infos h3 {
  color: #989f30;
  font-size: 14pt;
  margin-bottom: 8px;
  margin-top: 12px;
}

/* fa-circle-thin: "\f1db" for menu items without children */
.child-menu > li > ul > li > a.childless::before {
  content: '\f1db';
  visibility: hidden;
}

.child-menu a {
  color: #222;
}

.child-menu a:hover {
  color: #b5bd0d;
}

/* Black highlight of left child menus current page. */
.sidebar-content .child-menu .current_page_item > a {
  color: black;
}

/* Image caption now serves as heading. Change color to whitish. */
.caption {
  color: white;
  display: inline-block;
  background: #c9d30e;
}

/* Image caption now serves as heading. Change color to whitish, margins. */
.caption h1 {
  color: white;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: -10px;
  margin-bottom: -10px;
}

/* Do not show headings in featured images of events. */
.type-ev7l-event .caption h1 {
  display: none;
}

/* Text in image should be at 1/3 height. */
.page-image-text {
  top: 30%;
}

/* Adjust event featured image text overlay. */
.ev7l-event
  .post-inner
  .entry
  .entry-inner
  .page-image
  .image-container
  .page-image-text
  .caption
  h1 {
  font-weight: 600;
  font-size: xx-large;
  line-height: 1.6em;
}

/* Text in image: hide original h1 */
.ev7l-event .post-inner h1.entry-title {
  display: none;
}

/* Do not show list bullets for flexslider navigation */
#flexslider-featured li {
  list-style: none;
}

/* Let event list look wider on start page */
.home .ev7l_event_list {
  margin-left: 0px;
}

.two-fourth {
  width: 45.2%;
}

.post-list h2.post-title {
  font-size: 1.375em;
}

.calendar-events .referees {
  font-size: 0.8em;
}

li.calendar-event-row {
  margin-bottom: 2em;
}

.referee-events .calendar-event-row img {
  margin-top: 0.4em;
}

.textwidget ul {
  margin-left: 1.5em;
  list-style: square;
}

.wpcf7 label {
  width: 50%;
}

/* Make mobile menu background color green. */
#header .nav-container.mobile-sticky ul {
  background-color: #c9d30e;
}

/* Make cancellation condition text smaller */
.cancel_conditions {
  font-size: 0.8em;
}

/* Dark color on news slider, search results ... */
.entry.excerpt.entry-summary {
  color: #222;
}

.event-subsection-nav a {
  font-size: 0.8em;
}

/* Make button["button"]s look like button["submit"]s. */
.themeform button[type='button'] {
  background: #16cfc1;
  color: #fff;
  padding: 8px 14px;
  font-weight: 600;
  display: inline-block;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* Registration response messages. */
#response .success::before {
  font-family: 'FontAwesome';
  content: '\f164 ';
  padding-right: 5px;
  padding-left: 5px;
}
#response .success {
  background: #82b965;
}

#response .error::before {
  font-family: 'FontAwesome';
  content: '\f071 ';
  padding-right: 5px;
  padding-left: 5px;
}
#response .error {
  background: #cd483c;
}
#url {
  display: none;
}
#urllabel {
  display: none;
}

#registration-wrap {
  background: #ddd;
  margin-left: -10px;
  margin-right: -10px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

#registration .success,
.error {
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Put infos in non-green. */
#event-infos {
  color: #444;
  /* weight */
}

#donation,
#donateamount {
  display: inline-block;
}

/* Menu colors when scrolled */
.is-scrolled .sub-menu {
  background-color: rgba(201, 211, 14, 0.92) !important;
}

.is-scrolled #nav-topbar {
  background-color: rgba(201, 211, 14, 0.92) !important;
}

/* In calendar event iteration, move image to right. */
.sd-event-container img {
  float: right;
  width: 220px;
}

/* Jens: no klicky on header image */

#header-image-wrap {
  pointer-events: none;
}

/* Jens: there, fixed it for you */

.sidebar {
  padding-bottom: 0;
}

.page-title {
  background-color: #f0f0f0;
}

/* general */
@media only screen and (max-width: 719px) {
  .site-image {
    display: none;
  }
}

/* util */
.center {
  margin: 0 auto;
}

.wp-block-columns {
  /* gap: 2rem; */
}


.wp-block-quote p.has-large-font-size {
line-height: 2.5rem;
}

/* fullwidth page template */
.container.fullwidth {
  padding: 0 0;
}

.fullwidth .content {
  background-color: white;
}

.fullwidth .pad {
  padding: 0;
}
.container-inner.fullwidth {
  max-width: 100%;
}
#page .container-inner.fullwidth .main .pad {
  padding: 0 !important;
}

.main-inner.fullwidth {
  padding-left: unset;
  padding-right: unset;
}

@media (max-width: 719px) {
  .fullwidth .main-inner {
    margin-inline: 1rem;
  }
}

/* Jens: we don't want breadcrumbs on fullwidth pages */
.fullwidth .page-title {
  display: none;
}

/* Partner-grid */

/* Jens: We want custom colorz on our menus on camp sites like sommercamp etc */

#menu-sommercamp-1:has(li.current_page_item) li.current_page_item,
#menu-sommercamp-1:has(li.current-page-item) li.current-page-item {
  background-color: #9b9c96; /* change me! */
}
#menu-sommercamp-1:has(li.current-page-ancestor) li.current-page-ancestor,
#menu-sommercamp-1:has(li.current-page-parent) li.current-page-parent {
  background-color: inherit;
}

#menu-biodanza-plus-1:has(li.current_page_item) li.current_page_item,
#menu-biodanza-plus-1:has(li.current-page-item) li.current-page-item {
  background-color: #9b9c96; /* change me! */
}
#menu-biodanza-plus-1:has(li.current-page-ancestor) li.current-page-ancestor,
#menu-biodanza-plus-1:has(li.current-page-parent) li.current-page-parent {
  background-color: inherit;
}

/* Jens: Neujahrs- Silvester etc. retreats */
#nav-topbar:has(#menu-silvesterretreat-1), #menu-silvesterretreat-1:has(ul.sub-menu) ul.sub-menu {
  background-color: #1f1748; /* change me! */
}

#menu-silvesterretreat-1:has(li.current_page_item) li.current_page_item, #menu-silvesterretreat-1:has(li.current-menu-parent) li.current-menu-parent  {
  background-color: #2a1d6c; /* change me! */
}

#menu-silvesterretreat-1:has(li.current-page-ancestor) li.current-page-ancestor,
#menu-silvesterretreat-1:has(li.current-page-parent) li.current-page-parent {
  background-color: inherit;
}

#nav-topbar:has(#menu-silvesterretreat-1) li a {
  color: #bcbcbc;
}


#menu-silvesterretreat-1:has(li.current_page_item) li.current_page_item a, #menu-silvesterretreat-1:has(li.current-menu-parent) li.current-menu-parent a {
  color: white!important; /* change me! */
}





/* Jens: Naturkreativ etc. retreats */
#menu-naturkreativ-1:has(li.current_page_item) li.current_page_item,
#menu-naturkreativ-1:has(li.current-page-item) li.current-page-item {
  background-color: #9b9c96; /* change me! */
}
#menu-naturkreativ-1:has(li.current-page-ancestor) li.current-page-ancestor,
#menu-naturkreativ-1:has(li.current-page-parent) li.current-page-parent {
  background-color: inherit;
}





/* Jens: Werde Mitlgied Button Topbar */
.menu-item-26481 {
  background-color: #f29400;
}
#nav-topbar .nav .menu-item-26481 > a {
  color: white;
  font-weight: bold;
}