/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


/**
 * General styles
 */
 
.committee {
   /* font-family: Montserrat; */
   font-family: "PT serif", serif;
}
.committee h2 {
   text-transform: uppercase;
}
.committee .keretes.w-100 {
padding-top: 1.5rem;
}
.committee table tr th {
    border: 1px solid #DFE3E6;
    padding: 0.5em 0.5em;
}
.committee.lang-de table th,
.committee.lang-de table td {
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;

}

 
/**
 * Members table - General
 */

.committee table .member-name {
   min-width: 200px;
}

/* .committee .mandate-basis a {
    font-size: 12px;
    display: block;
    margin-top: 10px;
    white-space: nowrap;
} */

.committee .committee-tab .mandate-basis a {
   display: none;
   font-size: 0.8em;
   margin-top: 0.5em;
}
.committee .mandate-doc a {
   white-space: normal;
}

.committee table tbody td:before {
   content: attr(data-label);
   display: block;
   font-family: 'Montserrat', sans-serif;
   font-size: 10px;
   text-transform: uppercase;
   white-space: normal;
   margin-bottom: 0.5em;
   font-weight: normal;
}

@media screen and (max-width: 1023.98px) {
   .committee table thead {
      display: none;
   }
   .committee table,
   .committee table tbody,
   .committee table tbody tr,
   .committee table tbody td {
      display: block;
      width: 100%;
   }
   .committee .committee-tab table,
   .committee table tbody,
   .committee table tbody tr > td {
      border: none;
   }
   .committee table tbody tr {
      border: 1px solid #DFE3E6;
      border-top-width: 10px;
      margin-bottom: 2rem;
      padding: 15px 0;
   }
   .committee td.member-name {
      font-weight: bold;
   }
   .committee table:not(.has-mandate-doc) .mandate-doc {
      display: none;
   }
}

@media screen and (min-width: 480px) and (max-width: 1023.98px) {
 
   .committee table tbody tr {
      padding: 0;
   }
   .committee table tbody tr > td {
      display: flex;
      gap: 2rem;
      align-items: center;
   }
   .committee table tbody tr > td:not(:last-of-type) {
      border-bottom: 1px solid #DFE3E6;
   }
   .committee table tbody td:before {
      font-size: 16px;
      font-family: "PT serif", serif;
      text-transform: none;
      margin-bottom: 0;
      flex-basis: 45%;
      min-width: 45%;
   }
   .committee .mandate-basis a {
      display: none !important;
   }
   .committee .mandate-doc a {
      white-space: normal;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
   .committee table tbody {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 4%;
   }
   .committee table tbody tr {
      flex-basis: 48%;
   }
   .committee table tbody tr:nth-child(even) {
      background-color: #ffffff;
   }
}
@media screen and (min-width: 1024px) {
   
   .committee table tbody td:before {
      display: none;
   }
   .committee table {
      width: 100%;
   }
   .committee .mandate-doc {
      display: none;
   }
   .committee .committee-tab .mandate-basis a {
      display: block;
   }
}
@media screen and (min-width: 1024px) and (max-width: 1199.98px) {

   /* -- For subcommittees */

   .committee .has-subcommittee th.col-group-start {
      font-size: 0;
   }
   .committee .has-subcommittee th.col-group-start:before {
      content: attr(data-label);
      display: inline-block;
      font-size: 16px;
      padding: 0.5em;
      border-left: none;
   }
   .committee .has-subcommittee th.col-group-end {
      display: none;
   }
   .committee .has-subcommittee td.col-group-start,
   .committee .has-subcommittee td.col-group-start:before,
   .committee .has-subcommittee td.col-group-end,
   .committee .has-subcommittee td.col-group-end:before {
      white-space: nowrap;
      display: block;
      border-top: none;
      border-bottom: none;
      border-left: none;
   }
   .committee .has-subcommittee td.col-group-start,
   .committee .has-subcommittee td.col-group-end {
      padding-top: 0.75em;
      padding-bottom: 0.75em;
   }

   .committee .has-subcommittee th.mandate-doc,
   .committee .has-subcommittee td.mandate-doc {
      font-size: 0;
      display: table-cell;
      border: none;
   }
}
/* @media screen and (min-width: 1200px) {
   
   .mandate-doc {
      display: table-cell;
   }
   .committee .committee-tab .mandate-basis a {
      display: none;
   }

   .committee .has-subcommittee .col-group-start:before,
   .committee .has-subcommittee .col-group-end:before {
      display: none !important;
   }
   .committee .has-subcommittee .col-group-start {
      font-size: 16px !important;
   }
   .committee .has-subcommittee .col-group-end {
      display: table-cell !impo;
   }
} */

/**
 * Members table - Subcommittee
 */

/* .committee .has-subcommittee .mandate-doc {
   display: none;
} */



/* .committee table .sub-1,
.committee table .sub-2 {
   display: block;
   min-height: 1.5em;
}
.committee table .sub-1:before,
.committee table .sub-2:before {
   content: attr(data-label);
   font-size: 10px;
   display: block;
   text-transform: uppercase;
}
.committee table thead .sub-1 {
   visibility: hidden;
}
.committee table thead .sub-2 {
   display: none;
} */


 /**
 * Former members section
 */

input#former-members {
   display: none;
}
label[for="former-members"] {
   display: block;
   background-color: #4E83A8;
   color: #ffffff;
   padding: 0.5rem;
   cursor: pointer;
}
label[for="former-members"]:hover {
   background-color: #457394;
}
label[for="former-members"] h4 {
   color: #ffffff;
   padding: 0.5rem;
   margin-bottom: 0;
}
label[for="former-members"] h4 .fa-plus-circle {
   margin-right: 0.5em;
}
#former-members:checked ~ label[for="former-members"] .fa-plus-circle::before {
   content: "\f056";
}
#archive-members-container {
    overflow: hidden;
    max-height: 0;
    transition: max-height 300ms ease-in-out;
}
.archive-members-container-inner {
   overflow: auto;
}
#former-members:checked ~ #archive-members-container {
    max-height: 80rem;
}


/**
 * Document links
 */

.committee-tab-content a[href$=".pdf"],
.committee-tab-content a[href$=".doc"],
.committee-tab-content a[href$=".docx"],
.committee-tab-content a[href$=".xls"],
.committee-tab-content a[href$=".xlsx"] {
   display: inline-block;
   background-size: 1.2em !important;
   background-position: left top !important;
   vertical-align: top;
}