openpower.foundation/themes/openpowerfoundation/assets/css/pages.scss

// Links disabled 

.disabled {  
color: black;
  display: inline-block;
  pointer-events: none;
  text-decoration: none;
}

// Board of Directors

.boardofdirectors {
    article {
        h3 {
           text-transform: uppercase; 
           a {
             color: black;
           }
        }
    } 
}

// Governance 

.governance {
    .row {
            --bs-gutter-x: 0;
    }
}

// Members

.members {
  .membership-level {     
    border-top: 1px solid#1b1c1f;
    .box {
      min-height: 110px;  
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      a {
        text-decoration: none;
        color:black;
        align-self: center;
      } 
      img {
        max-width: 210px;
      }
    } 
  } 
}

// Events

.events {
  .post__article:not(:last-child) {
      margin-bottom: 1.75rem;
  }
}

// Join

.join {

  .membership-data {

    table {
    margin:auto;
    width:100%;

    tr {

      td {
        padding: 10px;  
      }


      &:nth-child(odd) {
        background-color: $white;
      }

      &:nth-child(even) {
        background-color: $lightgrey;
      }

      th {
        padding: 10px;  
        background-color: #dfecf5; 

        &:nth-of-type(1) {
          width: 20%;
        }
        &:nth-of-type(2) {
          width: 15%;
        }

        &:nth-of-type(3) {
          width: 25%;
        }

        &:nth-of-type(4) {
          width: 35%;
        }
      }
    }
  }
}

.benefits-data {

  table {
    margin:auto;
    width:100%;

    tr {

      td {
        padding:10px; 
        position: relative; 

        span {
          position: absolute;
          width: 225px;
          display: block;
          top: 10px;
          left: 10px;
        }
      }

      &:nth-child(odd) {
        background-color: $white;
      }

      &:nth-child(even) {
        background-color: $lightgrey;
      }
         
       th {
          padding:10px;  
          background-color: #dfecf5; 

          &:nth-of-type(1) {
              width: 60%;
          }
          &:nth-of-type(2) {
            width: 8%;
          }

          &:nth-of-type(3) {
            width: 8%;
          }

          &:nth-of-type(4) {
            width: 8%;
          }
       
          &:nth-of-type(5) {
            width: 8%;
          }
      
          &:nth-of-type(6) {
            width: 8%;
          }
        } 
      }
    }
  }
}

// Board of Directors
main.boardofdirectors {
    .post__article {
    &:nth-child(even),
    &.bg {
      background-color: #f7f7f7;
    }
  }
}

// Steering comittee
section#steeringcomittee {
  #person {
    #person-header {
      position: absolute;
    }
  #personmember
    img {
      width: 100%;
      max-width: 100%;
      position: relative;
      top: 15px;
    }
  }
  .post__article {
    &:nth-child(even),
    &.bg {
      background-color: #f7f7f7;
    }
  }
}

// hubproviders

#hubproviders {
  #hubprovider {
    display: flex;
    align-items: center;
    min-height: 100px;
    a {
      white-space: normal;
      line-height: 1.2;
      font-size: 18px;
      min-width: 100%;
    }
  }
  form {
    .form-control {
      font-size: 14px;
    }
  }
}

  .details {
    ul {
      list-style-type: none;
      padding-left: 0;
    }
    > ul {
      list-style-type: none;
      padding-left: 0;
      > li {
        margin-bottom: 6px;
        background-color: #f7f7f7;
        padding: 10px 6px;
        > ul {
          background-color: white;
          padding: 10px 6px;
          > li {
            padding: 5px;
            > ul {
              display: flex;
              flex-wrap: wrap;
              border-left: 2px solid #f7f7f7;
              > li {
                flex: 1 0 50%;
                padding: 5px;
              }
            }
          }
        }
      }
    }
  }