/*
  For temporary styles which have to be moved to scss files later!
*/

/* Styles that also live in cci crowdinvest but need to be overridden by color */
[class^=contact-message-crowd-invest] .button.form-submit {
  background-color: var(--enzian--primary-color);
}
.kulturland-de .primary-footer {
  background-color: unset !important;
}
.kulturland-de .footer .menu-list a {
  background-color: var(--enzian--primary-color);
}
.button.is-primary {
  background-color: var(--enzian--primary-color) !important;
}
/* Limit width and center user forms to look nicer. We also limit the input field itself in admin.scss:119, which is kind of a fallback if the wraper element of the input is very huge */

.user-form {
  max-width: 900px;
}
.user-pass, .user-login-form {
  max-width: 450px;
}
.user-form, .user-pass, .user-login-form {
  margin: 0 auto;
}

/* Make the additional user menu a bit more discrete */
.h4c-custom-user-menu .navbar-item {
  font-size: 16px;
  font-weight: unset;}
  
/* Remove this and from _navigation.scss:120 because we apply navbar-start/end correcty after #219, this resets bulma default */
@media screen and (min-width: 1024px) {
  .navbar-end {
    margin-left: auto; 
  }
}


/* Avoid sumoselect to block other elements because of bulma styling, see #171 */
.select .SumoSelect select[multiple] {
    height: 100%;
}

/* Repair SumoSelect in Facet Filter Box */
.CaptionCont.SelectBox label {
  display: block; /* Do not hide dropdown symbol */
}


/* 
 * Fix Sumoselect for Enzian
*/

/* Adjust Sumoselect Boxes on mobile */
/*@media only screen and (max-width: 599.9px) {
  .select > .SumoSelect, .SumoSelect > .SelectBox {
    position: absolute;
    top: 0;
  }
}*/

/* is this bad? */
/* sumoselect broken with bulma https://gitlab.com/geeks4change/km/issues/44 */
.select::after {
  content: none !important;
}

/* Other */

.node--view-mode-full > .h4c-inline-content > .h4c-subtitle,
.node--view-mode-full > div > .h4c-inline-content > .h4c-subtitle {
  margin-left: .5rem;
}
.node--view-mode-full > .h4c-inline-content,
.node--view-mode-full > div > .h4c-inline-content {
  width: 100%;
}

/* slick seems to bring a media class which is also used by bulma ...
   the field is an image not a media field
   might be unessecary when we use media
*/
.slick .media {
  display: unset;

  text-align: unset;

  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
}

/* OLD BEFORE BENNO'S GULP RUN END OF JULY*/

/*fix to show ub drupal's tabs until we´ve uundone the page template changes from jamil'*/
section.columns {
  margin-top: 0;
}
ul.search-api-autocomplete-search {
  z-index: 1000;
  width: 200px !important;
}


/* MAYBE RELEVANT FOR H4C DOES AFFECT H4C */

/**
*** FORM VALIDATION HACKS
**/

/* Injector https://www.luzernenhof.de/de/admin/config/development/asset-injector/css/oci_crowd_invest_contact_form */
/*  s/#foo-form/.foo-form/ */ 

/*Form Error Messages oci#99*/
select[aria-invalid],
input[aria-invalid] {
  background-color: #ffdddd !important;;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 1.5px solid #f44336 !important;
}

/* Border styles and color for visual accordion used in h4c_simple_content_embed*/
.h4c-visual-accordion .ui-accordion-header-collapsed {
  border: var(--enzian--primary-color) 1px solid !important;
}

.h4c-visual-accordion .ui-accordion-header-active {
  border-top: var(--enzian--primary-color) 1px solid !important;
  border-right: var(--enzian--primary-color) 1px solid !important;
  border-left: var(--enzian--primary-color) 1px solid !important;
}
.h4c-visual-accordion .ui-accordion-content-active {
  border-bottom: var(--enzian--primary-color) 1px solid !important;
  border-right: var(--enzian--primary-color) 1px solid !important;
  border-left: var(--enzian--primary-color) 1px solid !important;
}

.h4c-visual-accordion .location-reference {
  color: var(--enzian--primary-color);
}

/* Other color declarations */
.h4c-content h3, 
.h4c-content h4, 
.h4c-content h5, 
.h4c-content h6 {
  color: var(--enzian--primary-color-dark);
}
.hero-footer {
  background-color: var(--enzian--primary-bg);
}