/***
 * This file is part of the "WFBB Company Multi-Domain-Website" project
 *
 * @version: 10.1
 */

/**********************************
 * Add additional paragraph styles
 */

/* Grid for tab layout */
.wfbb_module-tab .details-wrapper,
.wfbb_module-tab-layout .details-wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

/** Grid items in tab */
.wfbb_module-tab .details-wrapper > div,
.wfbb_module-tab-layout .details-wrapper > div {
    grid-column: span 6;
}

/** Item select fields */
.wfbb_module-tab .details-wrapper > div select,
.wfbb_module-tab-layout .details-wrapper > div select {
    width: calc(100% - 5rem);
}

/** Item descriptions */
.wfbb_module-tab .details-wrapper > div .description,
.wfbb_module-tab-layout .details-wrapper > div .description {
    border-left: 2px solid #eee;
    border-bottom: 2px solid #eee;
    padding: .5rem;
    margin-right: 5rem;
    margin-top: 1rem;
}

.wfbb_module-tab .details-wrapper > div .form-type-checkbox .description {
    margin-left: 0;
}

/** Item description list styles */
.wfbb_module-tab .details-wrapper > div .description ul,
.wfbb_module-tab-layout .details-wrapper > div .description ul {
    margin-left: 0;
    padding-left: 1.5rem;
}


/* TODO: HIDE IMAGE FORMAT */
.wfbb_module-tab-layout.image-tab-layout .field--name-field-format-image {
    display: none;
}


/*****************************************
 *          NODE TYPE: EVENT
 *****************************************/

/*** TAB: Event General ***/

/* Fields title and teaser use full grid width */
.wfbb_module-event-tab-general .details-wrapper > div:first-of-type,
.wfbb_module-event-tab-general .details-wrapper > div:nth-child(2) {
    grid-column: span 12;
}

/* Event title input full width */
.wfbb_module-event-tab-general .details-wrapper > div:first-of-type input {
    width: 100%;
}

/* Event images */
.wfbb_module-event-tab-general .details-wrapper > div:nth-child(3) {
    margin-right: 1rem;
}

.wfbb_module-event-tab-general .details-wrapper > div:nth-child(4) {
    margin-left: 1rem;
}

.wfbb_module-event-tab-general .details-wrapper > div:nth-child(3) fieldset .fieldset-wrapper > div > div,
.wfbb_module-event-tab-general .details-wrapper > div:nth-child(4) fieldset .fieldset-wrapper > div > div {
    width: auto;
}

/*** TAB: Event Dates ***/

.wfbb_module-event-tab-date .details-wrapper > div {
    grid-column: span 4;
    margin: 0 1rem;
}
/*** TAB: Event Location ***/

/* Field street and number use full grid width */
.wfbb_module-event-tab-location .details-wrapper > div:nth-child(3) {
    grid-column: span 12;
}

/*** TAB: Event Visibility ***/

/*** TAB: Event Registration ***/

.wfbb_module-event-tab-registration .details-wrapper > div,
.wfbb_module-event-tab-registration .details-wrapper > details {
    grid-column: span 12;
}

.wfbb_module-event-tab-registration .details-wrapper > div select {
    width: 100%;
}

.wfbb_module-tab-webform .details-wrapper {
    display: block;
}

.event-tab-webform .form-item-field-webform-0-settings-webform-access-group,
.event-tab-webform .form-type-webform-codemirror {
    display: none;
}

/*** TAB: Event Promoter ***/
.wfbb_module-event-tab-promoter .details-wrapper > div {
    grid-column: span 12;
}

.wfbb_module-event-tab-promoter .text-tab-layout .details-wrapper > div,
.wfbb_module-event-tab-promoter .image-tab-layout .details-wrapper > div {
    grid-column: span 6;
}

/* Hide uneccesary "add to" section */
#edit-group-promoter > #edit-group-inhalt .clearfix > :not(div){
    display: none;
}

/* Hide column paragraph options */
/* NOTICE: Do not hide the first item */
#edit-group-promoter .dropbutton.dropbutton--small li.add-more-button-buttons,
#edit-group-promoter .dropbutton.dropbutton--small li.add-more-button-headline,
#edit-group-promoter .dropbutton.dropbutton--small li.add-more-button-downloads,
#edit-group-promoter .dropbutton.dropbutton--small li.add-more-button-slider,
#edit-group-promoter .dropbutton.dropbutton--small li.add-more-button-views,
#edit-group-promoter .dropbutton.dropbutton--small li.add-more-button-wfbb-newsletter-subscribe,
#edit-group-promoter .dropbutton.dropbutton--small li.add-more-button-youtube-link {
    display:none;
}

/* Hide inner button input field of first option (only if not needed) */
#edit-group-promoter .dropbutton.dropbutton--small li.add-more-button-contacts > * {
    display: none;
}

/* Define empty options button styles */
#edit-group-promoter .dropbutton.dropbutton--small li.add-more-button-contacts {
    width: 200px;
    height: 25px;
}

/* Add after pseudo content for rendering button drop down */
#edit-group-promoter .dropbutton.dropbutton--small li.add-more-button-contacts::after {
    content: "Inhalt hinzufügen";
    position: relative;
    padding: 4px 1.5em;
    font-size: 0.875rem;
    font-weight: bold;
    top: 4px;
}

/* Columns headline section */
#edit-group-promoter div[data-drupal-selector^="edit-field-content-top"] > div:not(.wfbb_module-column-wrapper) .horizontal-tabs-list li:nth-child(2) {
    display: none;
}
#edit-group-promoter .wfbb_module-column-wrapper .horizontal-tabs-list li:nth-child(2) {
    display: inherit !important;
}


/* Event Tab for promoter */
.event-tab-promoter.wfbb_module-tab-promoter > .details-wrapper .wfbb_module-column-wrapper .horizontal-tabs-list li:nth-child(2){
    display: list-item;
}


/*****************************************
 *          NODE TYPE: LOCATION/S
 *****************************************/

/*** TAB: Location General ***/

/* Fields title and teaser use full grid width */
.wfbb_module-location-tab-general .details-wrapper > div:first-of-type,
.wfbb_module-location-tab-general .details-wrapper > div:nth-child(2) {
  grid-column: span 12;
}

/* Location title input full width */
.wfbb_module-location-tab-general .details-wrapper > div:first-of-type input {
  width: 100%;
}

/* Location images */
.wfbb_module-location-tab-general .details-wrapper > div:nth-child(3) {
  margin-right: 1rem;
}

.wfbb_module-location-tab-general .details-wrapper > div:nth-child(4) {
  margin-left: 1rem;
}

.wfbb_module-location-tab-general .details-wrapper > div:nth-child(3) fieldset .fieldset-wrapper > div > div,
.wfbb_module-location-tab-general .details-wrapper > div:nth-child(4) fieldset .fieldset-wrapper > div > div {
  width: auto;
}

/*** TAB: Location Address ***/

.wfbb_module-location-tab-address .details-wrapper > div {
  grid-column: span 6;
  margin: 0 1rem;
}
/*** TAB: Location Location ***/

/* Field street and number use full grid width */
.wfbb_module-location-tab-address .details-wrapper > div:nth-child(3) {
  grid-column: span 6;
}

/*** TAB: Location How to find us ***/

.wfbb_module-tab.wfbb_module-location-tab-how-to-find-us .details-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.wfbb_module-location-tab-how-to-find-us .details-wrapper > div select {
  width: 100%;
}

/*** TAB: Location Map ***/
.wfbb_module-tab.wfbb_module-location-tab-map .details-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}


/*** WFBB Zeitplan ***/
.wfbb_module-tab-scheduler-element-date {
    margin: 0 !important;
    padding: .5rem !important;
}

.wfbb_module-tab-scheduler-element-date > .fieldset-wrapper {
    display: flex;
}

.wfbb_module-tab-scheduler-element-date > .fieldset-wrapper > div {
    padding: .5rem;
}

.paragraph-type--schedule-element-from-to-title .wfbb_module-tab {
    padding: .5rem 1rem;
}

.paragraph-type--schedule-element-from-to-title .wfbb_module-tab .fieldset-wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.paragraph-type--schedule-element-from-to-title .wfbb_module-tab .fieldset-wrapper > div:nth-child(1) {
    grid-column: span 2;
}

.paragraph-type--schedule-element-from-to-title .wfbb_module-tab .fieldset-wrapper > div:nth-child(2) {
    grid-column-start: 4;
    grid-column-end: 6;
}

.paragraph-type--schedule-element-from-to-title .wfbb_module-tab .fieldset-wrapper > div:nth-child(3) {
    grid-column-start: 7;
}


/*****************************************
 *          NODE TYPE: ORGANIGRAMM
 *****************************************/
div[data-drupal-selector="wfbb-tab-wrapper-organigramm"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-intro-text-orga-wrapper"],
div[data-drupal-selector="wfbb-tab-wrapper-organigramm"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-header-image-wfbb-page-wrapper"] {
    grid-column: span 12;
}


/*****************************************
 *          NODE TYPE: AREA
 *****************************************/
div[data-drupal-selector="wfbb-tab-wrapper-area"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-intro-text-area-wrapper"],
div[data-drupal-selector="wfbb-tab-wrapper-area"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-header-image-wfbb-page-wrapper"],
div[data-drupal-selector="wfbb-tab-wrapper-area"] details[data-drupal-selector="edit-group-contacts"] div[data-drupal-selector="edit-field-contacts-wfbb-team-wrapper"],
div[data-drupal-selector="wfbb-tab-wrapper-area"] details[data-drupal-selector="edit-group-teams"] div[data-drupal-selector="edit-field-text-for-teams-wrapper"] {
    grid-column: span 12;
}

div[data-drupal-selector="wfbb-tab-wrapper-area"] details[data-drupal-selector="edit-group-contacts"] div[data-drupal-selector="edit-field-contacts-wfbb-team-wrapper"] #edit-field-contacts-wfbb-team-0-subform details > div {
    display: block;
}


/*****************************************
 *          NODE TYPE: TEAM
 *****************************************/
div[data-drupal-selector="wfbb-tab-wrapper-team"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-intro-wfbb-team-wrapper"],
div[data-drupal-selector="wfbb-tab-wrapper-team"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-header-image-wfbb-page-wrapper"],
div[data-drupal-selector="wfbb-tab-wrapper-team"] details[data-drupal-selector="edit-group-contacts"] div[data-drupal-selector="edit-field-contacts-wfbb-team-wrapper"] {
    grid-column: span 12;
}

div[data-drupal-selector="wfbb-tab-wrapper-team"] details[data-drupal-selector="edit-group-contacts"] div[data-drupal-selector="edit-field-contacts-wfbb-team-wrapper"] .paragraphs-subform details > div {
    display: block;
}


/*****************************************
 *          NODE TYPE: THEMATIC FOCUS
 *****************************************/
div[data-drupal-selector="wfbb-tab-wrapper-thematic-focus"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-teaser-intro-wfbb-thematic-wrapper"],
div[data-drupal-selector="wfbb-tab-wrapper-thematic-focus"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-text-intro-wfbb-thematic-wrapper"],
div[data-drupal-selector="wfbb-tab-wrapper-thematic-focus"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-header-image-wfbb-thematic-wrapper"] {
    grid-column: span 12;
}


/*****************************************
 *          NODE TYPE: JUBILEE
 *****************************************/
div[data-drupal-selector="wfbb-tab-wrapper-jubilee"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-logo-jubilee-header-wrapper"] .media-library-widget,
div[data-drupal-selector="wfbb-tab-wrapper-jubilee"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-headerbild-jubilee-header-wrapper"] .media-library-widget {
    margin-right: 2rem !important;
}

div[data-drupal-selector="wfbb-tab-wrapper-jubilee"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-logo-jubilee-header-wrapper"] .media-library-widget .media-library-item,
div[data-drupal-selector="wfbb-tab-wrapper-jubilee"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-headerbild-jubilee-header-wrapper"] .media-library-widget .media-library-item {
    width: 50% !important;
}


/*****************************************
 *          NODE TYPE: JOBS
 *****************************************/
div[data-drupal-selector="wfbb-tab-wrapper-jobs"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-header-image-wfbb-page-wrapper"] .media-library-widget {
    margin-right: 2rem !important;
}

div[data-drupal-selector="wfbb-tab-wrapper-jobs"] details[data-drupal-selector="edit-group-general"] div[data-drupal-selector="edit-field-header-image-wfbb-page-wrapper"] .media-library-widget .media-library-item {
    width: 50% !important;
}

div[data-drupal-selector="wfbb-tab-wrapper-jobs"] details[data-drupal-selector="edit-group-intro"] div[data-drupal-selector="edit-field-intro-text-job-wrapper"] {
    grid-column: span 12;
}

div[data-drupal-selector="wfbb-tab-wrapper-jobs"] details[data-drupal-selector="edit-group-job-description"] div[data-drupal-selector="edit-field-your-tasks-wrapper"],
div[data-drupal-selector="wfbb-tab-wrapper-jobs"] details[data-drupal-selector="edit-group-job-description"] div[data-drupal-selector="edit-field-your-profile-wrapper"],
div[data-drupal-selector="wfbb-tab-wrapper-jobs"] details[data-drupal-selector="edit-group-job-description"] div[data-drupal-selector="edit-field-we-offer-you-wrapper"],
div[data-drupal-selector="wfbb-tab-wrapper-jobs"] details[data-drupal-selector="edit-group-job-description"] div[data-drupal-selector="edit-field-more-informations-wrapper"] {
    grid-column: span 12;
}