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

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

.boardofdirectors {
	article {
		h3 {
			text-transform: uppercase;
			a {
				color: black;
			}
		}
	}
	.post__article {
		&:nth-child(even), &.bg {
			background-color: #f7f7f7;
		}
	}
}

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

.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;
			}
		}
	}
}
#membersingle {
	padding-top: 3.75rem;
}

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

.event {
	.section-header {
		margin-top: 3.75rem;
		margin-bottom: 1.25rem;
		border-bottom: 2px solid #1b1c1f;
	}
	h1 {
		font-size: 3.75rem;
		text-decoration: underline;
	}
	h2 {
		font-size: 1.75rem;
	}
	h3 {
		font-size: 3.25rem;
	}
}

.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%;
					}
				}
			}
		}
	}
}

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 {
	padding-top: 6.25rem;
	padding-bottom: 2.75rem;
	font-size: 18px;
	#hubprovider {
		display: flex;
		min-height: 100px;
		a {
			text-decoration: underline;
			font-size: 16px;
		}
		ul {
			list-style: none;
			font-size: 12px;
			color: #000;
		}
	}
	#hubprovider:hover {
		color: $white;
		background-color: $primary;
		a {
			color: $white;
		}
		ul {
			color: $white;
		}
	}
}
#hubprovider {
	padding-top: 3.75rem;
	#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;
		}
	}
	.operatingsystems ul {
		list-style-type: disc;
	}
	.operatingsystems ul li {
		display: inline;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}


.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;
						}
					}
				}
			}
		}
	}
}

#specifications {
	padding-top: 3.75rem;
}
#specifications-single {
	padding-top: 6.50rem;
}

#lost {
	padding-top: 3.75rem;
}
#lost .section-header {
	text-align: center;
}

.guide {
	padding-top: 3.75rem;
	padding-bottom: 1.75rem;
}

.blog-entry {
	padding-top: 7.00rem;
	padding-bottom: 1.75rem;
	h1 {
		font-size: 2rem;
		font-style: bold;
		text-decoration: underline;
	}
	h2 {
		font-size: 1rem;
		font-style: italic;
	}
	h3 {
		font-size: 1rem;
	}
	.tags {
		color: #888888;
	}
}