@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
.block-content-centred{
padding: 3em 0;
@include bp($lg){
padding: 6em 0;
}
.row{
justify-content: center;
> *{
max-width: rem-calc(1098);
}
}
.overline{
color: $black;
}
.content-col{
p{
font-size: rem-calc(24);
line-height: rem-calc(32);
letter-spacing: 0.05em;
font-weight: 400;
margin-bottom: rem-calc(32);
@include bp($lg){
font-size: rem-calc(32);
line-height: rem-calc(48);
}
&:last-child{
margin-bottom: 0;
}
}
strong{
font-weight: 600;
}
}
.button-col {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
.btn {
margin-top: 2rem;
}
}
&.font-size-large{
.content-col{
p{
font-size: rem-calc(28);
line-height: rem-calc(32);
letter-spacing: 0.05em;
font-weight: 400;
margin-bottom: rem-calc(32);
font-weight: 300;
@include bp($lg){
font-size: rem-calc(56);
line-height: rem-calc(64);
}
&:last-child{
margin-bottom: 0;
}
}
strong{
font-weight: 600;
}
}
}
&.text-align-center{
.content-col{
p{
text-align: center;
}
}
}
&.bg--primary{
.overline,
.content-col{
color: $white;
}
}
}