.featured-image {
--featured-image-height-standard: 300px;
--featured-image-height-large: 500px;
--featured-image-height-small: 200px;
--featured-content-max-width: 500px;
--overlay-colour-start: rgba(13, 60, 99, 0.9);
--overlay-colour-end: rgba(13, 60, 99, 0);
}
.featured-image {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.featured-image > div.wrap {
min-height: var(--featured-image-height-standard);
}
.featured-image.featured-image-size-large > div.wrap {
min-height: var(--featured-image-height-large);
}
.featured-image.featured-image-size-small > div.wrap {
min-height: var(--featured-image-height-small);
}
.featured-image > div.wrap {
display: flex;
align-items: center;
justify-content: center;
}
.feature-image-content {
position: relative;
z-index: 1;
width: 100%;
max-width: var(--featured-content-max-width);
text-align: center;
}
.feature-image-content * {
color: var(--idc-colour-white);
}
.feature-image-content h1,
.feature-image-content h1 strong {
font-weight: var(--font-weight-bold);
}
.featured-image .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 30%;
z-index: 0;
background: linear-gradient(var(--overlay-colour-start), var(--overlay-colour-end));
max-width: none;
}
@media screen and (max-width: 1000px) {
.featured-image {
--featured-image-height-standard: 300px;
--featured-image-height-large: 350px;
--featured-image-height-small: 150px;
--featured-content-max-width: 300px;
}
}
@media screen and (max-width: 781px) {
.featured-image .wp-block-buttons a.wp-element-button {
display: inline-block;
width: auto;
}
}.staff-profile-image {
display: block;
width: 50%;
height: auto;
margin: 0 auto;
padding: 23% 0;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
h2.staff-profile-name {
margin: 0;
padding: calc(var(--box-padding) / 4) var(--box-padding);
font-size: var(--font-size-h4);
line-height: calc(var(--font-size-h4) * 1.4);
text-align: center;
background: var(--idc-colour-dark-blue);
color: var(--idc-colour-white);
border-top-left-radius: var(--box-border-radius);
border-top-right-radius: var(--box-border-radius);
}
h2.staff-profile-name .position {
display: block;
font-size: var(--font-size-p);
line-height: calc(var(--font-size-p) * 1.2);
font-weight: var(--font-weight-medium);
}
.staff-profile-bio {
background: var(--idc-colour-white);
padding: var(--box-padding);
}
.staff-profile-bio a.button {
padding-left: calc(var(--padding-button-x) + 22px + 10px);
background-image: url(//idcaus.com/wp-content/themes/idc-custom/assets/images/blocks/staff-profile/linkedin.png);
background-position: center left var(--padding-button-x);
background-size: 22px 22px;
background-repeat: no-repeat;
}
@media screen and (max-width: 781px) {
.staff-profile-image {
padding: 20% 0;
}
}.idc-icon {
text-align: center;
}
.idc-icon img {
margin-left: 0;
margin-right: 0;
width: auto;
height: 70px;
}
.idc-icon-title {
margin-top: 5px;
font-weight: var(--font-weight-medium);
}
@media screen and (max-width: 1200px) {
.idc-icon img {
height: 60px;
}
}
@media screen and (max-width: 800px) {
.idc-icon img {
height: 50px;
}
}