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: 15%;
					}
					&:nth-of-type(2) {
					width: 20%;
					}
					&:nth-of-type(3) {
						width: 5%;
					}
					&: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;
              }
            }
          }
        }
      }
    }
  }