#block-futurium-5-pageheader .ecl-container {
  border: 1px solid var(--ecl-color-neutral-100);
  border-bottom: 0;
}

.group-header {
  position:relative;
  width: 100%;
  box-sizing: border-box;
}

.group-header:has(.banner)::before {
  /*background-image: url('https://www.adobe.com/uk/creativecloud/photography/discover/media_10641545c1db8bdced5fdb55761fe663b53d42f87.png?width=750&format=png&optimize=medium');*/
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}

.group-header-content {
  z-index: 55;
  position: relative;
  padding: 1.25rem;
  width: 100%;
  box-sizing: border-box;
}

.group-header__content div:first-child {
  flex-basis: 75%;
}

.group-header-content:has(.banner) {
  top: 40px;
  margin-bottom: 20px;
}

.group-header-content h2 {
  margin-top: 0;
}

.group-header-content:has(.banner) h2 {
  margin-top: 1.25rem;
}

.group-header__content {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
}

.group-header__content .ecl-expandable {
  position: relative;
  min-width: 170px;
}

.group-header__content .ecl-expandable button {
  width: 100%;
}

.group-header__content .ecl-expandable .ecl-expandable__content {
  position: absolute;
  width: 100%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  padding: 0;
  margin: 0;
  background-color: var(--ecl-color-neutralgit);
  border-color: var(--ecl-color-neutral-100);
  color: var(--c-d);
}

.group-header__content .ecl-expandable .ecl-expandable__content li:hover {
  background-color: var(--ecl-color-neutral-60);
  border-color: var(--c-d-80);
  color: var(--c-d);
}

.group-header__content #group-actions-content,
.group-header__content .group-join ul,
.group-header__content .group-join li {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  box-sizing: border-box;
}

.group-header__content .group-join ul li a {
  display: block;
  width: 100%;
}


@media (orientation: portrait) {
  .group-header__content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}

div#cnect-event-meta {
  text-align: center;
}

div#cnect-event-meta > div {
  margin: 0 0 10px;
  word-break: break-all;
}

div#cnect-event-meta > div > div:first-child {
  font-weight: bold;
}

div#block-futurium-5-futurium-group-menu--2 nav,
.ecl-menu__item--current {
  background: white !important;
}

div#block-futurium-5-futurium-group-menu--2 nav * {
  color: black;
}

.logo {
  min-height: 60px;
}

.path-group #main-content .ecl-container:last-child {
  margin-bottom: var(--s-m);
}

.ecl-site-header {
  box-shadow: none;
  margin-bottom: var(--s-m);
}

div#main-content {
  margin-top: 0 !important;
}


.block-fut-guidelines-messages {
  margin: var(--s-m) 0;
}

div[data-drupal-views-bulk-actions] > div .ecl-form-group {
  margin: 0 !important;
}

#block-futurium-5-futurium-group-menu .ecl-container .ecl-container {
  background: white;
}

#block-futurium-5-futurium-group-menu .ecl-container a {
  color: black;
}

.panel-link {
  margin: var(--s-m) 0;
}

.ecl-content-block__primary-meta-item {
  font-weight: bold;
}

/** Experimenting */

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0 !important;
}

form [class*="field--widget"] {
  margin-bottom: 1.5rem;
}

form [class*="field--widget"] th {
  text-align: left;
}

form [role=radiogroup] > div {
  margin: 0 !important;
}

table,
table caption {
  margin: 0 0 var(--s-m) 0 !important;
}

table .ecl-expandable__content {
  padding: 0;
  z-index: 100;
  position: absolute;
  padding-right: var(--s-m);
  margin: 0;
}

table .ecl-expandable__content a {
  width: 100%;
  margin: 0 0 -2px 0;
}

.ecl-tag {
  margin-bottom: 5px;
}

#layouts-toggle-wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: var(--s-m);
  background: white;
  -webkit-user-select:none;
  user-select:none;
}

/* FAQ */

.faq div.view-content {
  counter-reset: css-counter 0;
  padding-top: 1em;
}

/* Comments */

.comment--unpublished {
  background: repeating-radial-gradient(transparent, lightpink 2000px);
}

.views-field-comment-body a {
  display: block;
  font-style: italic;
  margin-bottom: .75rem;
  text-decoration: none;
}

.views-field-comment-body a:last-child:before {
  content: '\f10d';
  padding-right: 10px;
  font-weight: 700;
}

.views-field-comment-body a:last-child:after {
  content: "\f10e";
  padding-left: 10px;
  font-weight: 700;
}

div#comment-section {
  margin-top: 30px;
}

details[open] > summary {
  margin-bottom: var(--s-m);
}

article.ecl-comment:last-child div.ecl-comment {
  margin-bottom: 0;
}

/*
.node {
  justify-content: space-around;
}
*/

.comments .indented:first-child {
  margin-left: 0rem;
}

.comments .indented:not(:first-child) {
  margin-left: 1.5rem;
}

/* Draggable handle paragraphs */

.js .field--widget-paragraphs .field-multiple-drag {
  min-width: 25px;
}

/* CAS Button */

.cas-login-link {
  margin-bottom: var(--s-m);
}

.more-link {
  margin: var(--s-m) 0 0 0;
}

/* Experimental */

::before,
::after {
  font-family: "Font Awesome 7 Free";
  font-weight: 700;
}

img::before,
img::after {
  font-family: arial;
  font-weight: 400;
}

img {
  max-width: 100%;
  height: auto;
}

details {
  border: 1px solid var(--ecl-color-neutral-100);
  margin: var(--s-m) 0;
  padding: var(--s-m);
}

fieldset details {
  border: 0;
  padding: 0;
}

form fieldset {
  margin: 0 0 var(--s-m);
}

/* Highlight published status with color. */
.unpublished:not(.node--full),
tr.node-status.node-status--0 {
  background: rgba(255, 0, 0, .07);
}

/* User menu */

.cnect-user-account-menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.cnect-user-account-menu ul.menu {
  padding: 0;
  margin: 0;
}

/* Videos */

.videoWrapper {
  background: #000;
  height: 0;
  margin-bottom: 1.5rem;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
}

.videoWrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/** Node **/

.node {
  display: flex;
  gap: var(--s-m);
}

.node--full .ecl-content-item__date {
  margin-inline-end: 0;
}


.node--content {
  flex: 1;
  min-width: 0;
  margin-right: var(--s-m);
}

.node--content a {
  overflow-wrap: anywhere;
}


.node--side {
  flex: 0 0 180px;
  text-align: center;
}

#main-content:has(.node-unpublished) section > div {
  background: rgba(255, 0, 0, .07);
  padding: var(--s-m) var(--s-m) 0.25rem var(--s-m);
}

@media (orientation: portrait) {
  .node {
    flex-direction: column;
  }
}

/* Editor tags */

ul.editor-tags-container {
  list-style: none;
  padding: 0;
}

ul.editor-tags-container li {
  display: inline;
}

ul.editor-tags-container li span {
  margin: 3px 0;
}

/* Entity links */

ul.links.inline {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.links.inline li {
  margin-right: 10px;
}

.chosen-container {
  overflow: visible;
}

a.comment-shortcut-link:after{
  content: "\f075";
  margin-left: 5px;
}

/* Node teaser meta */

.ecl-content-item__content-block {
  width: 100%;
}

.ecl-content-block__secondary-meta-container {
  align-items: end;
  justify-content: space-between !important;
}

.ecl-content-block__secondary-meta-item {
  width: auto;
}

ul.ecl-content-block__secondary-meta-container {
  flex-direction: row;
}

/* Views row */

article.ecl-content-item {
  padding: 5px 0;
  border: 0px;
  margin: 0 0 10px 0;
}

article.ecl-content-item:first-child {
  padding-top: 0;
}

/* Group privacy icons */

.group-privacy--private::before {
  content: "\f023";
  color: var(--ecl-color-primary-500);
}

.group-member.group-privacy--private:before {
  content: "\f3c1" !important;
  color: var(--ecl-color-primary-500);
}

/* Comments */

#comment-section > div:first-child {
  font-weight: bold;
  border-bottom: 1px solid;
  margin: 2rem 0 0;
}

.main-content .block {
  margin-bottom: var(--s-m);
}

.main-content .block h2 {
  margin-top: 0;
}

div#block-futurium-5-grouplinks .ecl-tabs {
  margin: 0;
  padding: 0;
}

.block-actions-list {
  display: none !important;
}

h1 {
  margin-top: 0;
}

.node-content + .links {
  text-align: right;
}

.comments {
  margin-top: var(--s-m);
}

.comments h4 {
  font-size: var(--s-m);
  border-bottom: 1px solid silver;
}

/* Profile */

.user-profile__data > div {
  margin-bottom: var(--s-m);
}

.col__one,
.col__two {
  flex-basis: 50%;
}

/* To classify */

.ecl-container:has(> div.hidden) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

label.ecl-form-label {
  font-weight: 700;
}

.form-item {
  margin-bottom: var(--s-m);
}

td .form-item {
  margin-bottom: 0;
}

a.ecl-tabs__link {
  text-decoration: none;
}

/* Review */

.settings-overview {
  display: flex;
  gap: var(--s-m);
}

.settings-overview .settings-box {
  flex-basis: 50%;
}


/* Context blocks */

#block-futurium-5-contextualblocksblock {
  position: relative;
}

.fut-contextual-list .ecl-form .form-actions {
  align-items: center;
  background: #e3eaf3;
  border-top: 1px solid #9f9f9f;
  bottom: 0;
  display: flex;
  left: 0;
  margin: 0;
  padding: var(--s-m);
  position: fixed !important;
  top: unset !important;
  width: 100%;
  z-index: 10;
}

.fut-contextual-list .ecl-form .plugin-group-roles-actions {
  display: inline-block;
  flex: 1;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
}

.field--type-entity-reference-with-json-field table {
  border-collapse: separate;
  border-spacing: 0 35px;
}

.field--type-entity-reference-with-json-field table td:nth-child(2) {
  border: 1px solid;
}

.field--type-entity-reference-with-json-field .js-form-type-checkbox:has(input[type="checkbox"]:not(:checked) + label) {
  display: none !important;
}

.field--type-entity-reference-with-json-field .entity-wrapper + input + div {
  display: flex;
  gap: var(--s-m);
  justify-content: space-between;
  align-items: center;
}

.field--type-entity-reference-with-json-field fieldset[data-drupal-selector*="json-plugins-group-role"] {
  margin-left: 0;
  margin-bottom: 0;
}

.field--type-entity-reference-with-json-field fieldset[data-drupal-selector*="json-plugins-group-role"] .js-form-item {
  margin: 0 !important;
}

/** Contextual Blocks */

@media (min-width: 480px) {
  .ecl-featured-item__container--right {
    gap: var(--s-m);
  }
}
.fut-contextual-block-content .ecl-featured-item__item:first-child {
  margin-right: var(--s-m);
}

.fut-contextual-block-content .panel-link a {
  margin: 0 0 var(--s-m) 0;
  display: block;
  width: fit-content;
}

.fut-contextual-list-edit-link {
  margin-bottom: 10px;
}

[data-drupal-selector*="json-plugins-group-role"] legend {
  display: block;
  font-weight: 700;
}

[data-drupal-selector*="json-plugins-group-role"] label.ecl-checkbox__label {
  align-items: end;
  gap: 0.5rem;
}

[data-drupal-selector*="json-plugins-group-role"] label.ecl-checkbox__label span.ecl-checkbox__box {
  display: none;
}

/* Teasers */

.ecl-content-item__picture {
  position: relative;
}

.teaser-image-video .ecl-content-item__picture::before {
  color: #fff;
  content: "\f144";
  font-size: 2rem !important;
  left: 50%;
  opacity: .9;
  position: absolute;
  top: 48%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

/* Group permissions table */

table.permissions {
  border-collapse: separate;
}

table.permissions td.checkbox.module {
  text-align: center;
}

/* Exposed forms */

.views-exposed-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--s-m);
}

.views-exposed-form .ecl-form-group:not(.form-actions) {
  margin: 0 !important;
}

.views-exposed-form .form-actions {
  margin: var(--s-m) 0 0;
  align-self: end;
}

/* Specific for collections filter */

.views-exposed-form div#edit-fut-collection-target-id-wrapper > div,
.views-exposed-form div#edit-fut-collection-target-id-wrapper label + div {
  display: inline-block;
  margin: 0;
}

.views-exposed-form div#edit-fut-collection-target-id-wrapper label {
  display: block;
}

.field-multiple-table th:empty,
.field-multiple-table td:empty {
  display: none;
}

.image-data__crop-wrapper {
  max-width: 300px;
}

.group-teaser--header > *,
.group-teaser--header + .ecl {
  margin-bottom: var(--s-m);
}

/* Events */

.fut-event-date > div {
  display: flex;
  justify-content: center;
  gap: 1em;
}

.datetime-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.time-block {
  font-size: 18px;
  padding: 5px;
  border: 1px solid;
  width: 85%;
  border-top: 0;
  text-align: center;
}

.calendar-item article {
  flex-direction: column !important;
}

.calendar-item article .ecl-content-item__content-block {
  text-align: center;
  border: 1px solid darkblue;
  box-sizing: border-box;
}

.calendar-item article .ecl-content-block__title {
  font-size: 18px;
}

.calendar-item article .ecl-content-block__title div:first-child::after {
  content: ' - ';
  display: block;
  margin: -15px -10px -10px;
}

/* Additional fields in media document */

.ecl-file__description div div:first-child {
  font-weight: bold;
}

.ecl-file__description div div:first-child::after {
  content: ':';
}

/* Paragraphs */

div[id^="inline-entity-form"][id*="-subform"] > fieldset {
  padding: var(--ecl-spacing-s);
  margin: 0 !important;
}

.paragraphs-subform summary {
  padding: 0 !important;
}

table[id^="ief-entity-table-edit"][id*="entities"] {
  margin-bottom: 0 !important;
}

.paragraph-top {
  align-items: center !important;
}

fieldset.ief-form {
  margin: 0 !important;
  border: 0 !important;
  margin-left: 0px !important;
  padding: 0 !important;
}

[id^="inline-entity-form-"][id*="-subform-"][id$="-form"] > fieldset > legend {
  display:none;
}

form .paragraphs-subform [class*="field--widget"] {
  margin-bottom: 0;
}

form .paragraphs-subform .field--name-fut-text label {
  display: none;
}

/* Media document (file) */

.ecl-file__description > div > div:first-child,
.ecl-file__description > div > div:first-child:after {
  font-weight: 700;
}

.ecl-file__description > div > div:first-child:after {
  content: ': ';
}

/* Moderation form */

.entity-moderation-form {
  margin-top: 0 !important;
  padding-top: 0.8rem;
  display: block;
  width: 100%;
}

.entity-moderation-form input {
  width:100%;
}

.field .field-label {
  font-weight: bold;
}

.field .field-label:after {
  content: ':';
}

.field.inline-label {
  display: flex;
  align-items: baseline;
  gap: var(--s-m);
}

/* Batch */

.progress__track {
  height: 24px;
}

/* Views data export icon */

.data-export {
  margin-top: var(--s-m);
}

#views-exposed-form-fut-groups-list-page-groups-list .ecl-form-label:not(.ecl-form-label--hidden)+:not(.ecl-help-block,.ecl-feedback-message) {
  margin-block-start: 0px;
}

.comment-shortcut-link {
  padding: 13px 7px;
}

.ecl-site-header__banner h2 {
  margin: 20px 0px !important;
}

@media (min-width: 1140px) {
  .ecl-site-header__banner a {
    color: var(--cm-on-surface-brand);
  }
}

@media (max-width: 1140px) {
  .ecl-site-header__banner a {
    color: white;
  }
}

/* Group menu */
@media (min-width: 1140px) {
  .block-fut-group-navigation .ecl-menu:not(.ecl-menu--forced-mobile) {
    background: var(--ecl-color-neutral-800);
  }
}

.paragraphs-dropdown-actions .ecl-button--primary {
  color: var(--button-fg-color);
}
.paragraphs-dropdown-actions .ecl-button--primary:hover {
  background: transparent;
}
.block-fut-create-content-link-block .ecl-link--primary:visited {
  color: var(--cm-on-surface-brand);
}

@media (min-width: 768px) {
  .ecl-site-header .ecl-mega-menu, .ecl-site-header .ecl-menu {
    inset-inline-end: 0;
  }
}