40 lines
846 B
SCSS
40 lines
846 B
SCSS
.flex_3_column_callouts {
|
|
.callout {
|
|
padding: 3rem 3rem 5rem 4rem;
|
|
line-height: 37px;
|
|
|
|
.image-wrapper {
|
|
margin-bottom: 3rem;
|
|
}
|
|
|
|
img {
|
|
width: 47px;
|
|
height: 47px;
|
|
}
|
|
|
|
p.headline {
|
|
font-size: 30px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
&:first-of-type {
|
|
background-color: $c-navy;
|
|
color: $c-white;
|
|
}
|
|
|
|
&:nth-of-type(2) {
|
|
background-color: $c-offWhite;
|
|
color: $c-navy;
|
|
|
|
img {
|
|
filter: brightness(0) saturate(100%) invert(21%) sepia(57%) saturate(688%) hue-rotate(162deg) brightness(92%) contrast(88%);
|
|
}
|
|
}
|
|
|
|
&:last-of-type {
|
|
background-color: $c-charcoal;
|
|
color: $c-white;
|
|
}
|
|
}
|
|
}
|