#main .member-section-header {
min-height: 20vh;
padding-top: 5vh;
position: relative;
}
#main .member-section-header .container {
position: relative;
z-index: 5;
}
#main .member-section-header:before {
content: "";
background: rgb(60 57 54 / 44%);
width: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
bottom: 0;
right: 0;
z-index: 1;
}
#main .member-section-header h1 {
color: white;
}
#main .member-wrapper {
margin-top: 5vh;
margin-bottom: 5vh;
}
#main .members-section-sidebar {
background: #f5f5f5;
}
#main .members-section-sidebar .member-quick-links {
list-style: none;
padding: 0;
margin: 1em 0;
}
#main .members-section-sidebar .member-link {
font-size: 18px;
line-height: 2;
}
#main .members-section-main {
}
#main .members-section-portal .member-portal-links {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: space-between;
}
#main .members-section-portal .member-portal-links .member-portal {
width: 24%;
text-align: center;
margin-bottom: 1em;
background-color: #a39e99;
position: relative;
color: white;
padding-top: 24%;
background-position: center;
transition: all 0.2s ease-in-out;
}
#main .members-section-portal .member-portal-links .member-portal > a {
display: block;
padding: 5%;
color: white;
background: rgb(60 57 54 / 50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#main .members-section-portal .member-portal-links .member-portal > a:hover,
#main .members-section-portal .member-portal-links .member-portal > a:visited {
text-decoration: none;
}
#main .members-section-portal .member-portal-links .member-portal:nth-child(3n) {
}
#main .members-section-portal .member-portal-links:after {
content: "";
display: block;
margin-right: 0;
width: 24%;
}
#main .members-section-portal .member-portal .portal-desc {
padding: 0;
margin: 0;
color: white;
}
#main .members-section-portal .member-portal .portal-header {
color: #ff9233;
font-weight: bold;
margin: 0.5em 0;
}
#main .members-section-portal .member-portal .portal-image {
max-width: 64px;
}
#main .members-section-portal .member-portal-links .member-portal:hover {
transform: translateY(-5px);
}
#main .members-section-portal .member-portal-links .member-portal:hover > a {
background: rgb(112 107 102 / 50%);
}
@media (max-width: 991px) {
#main .members-section-portal .member-portal-links .member-portal {
width: 49%;
padding-top: 49%;
}
}
@media (max-width: 767px) {
#main .members-section-portal .member-portal-links .member-portal {
width: 100%;
padding-top: 100%;
}
}