.wp-block-bastet-about-me {
position: relative;
display: block;
.about-me-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding-top: 80px;
.row {
align-items: center;
}
.about-image {
order: 2;
.img-wrap {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
&:before {
content: "";
display: block;
padding-top: 100%;
}
img {
position: absolute;
width: 100%;
height: auto;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
image-rendering: auto;
z-index: 2;
border-radius: $border-radius__main;
}
}
}
.about-heading {
font-size: 64px;
line-height: 76px;
margin-bottom: 28px;
color: inherit;
position: relative;
@include respond-above('start', 'mobile') {
font-size: 32px;
line-height: 44px;
padding-right: 0;
}
@include respond-above( 'mobile', 'screen' ) {
font-size: 44px;
line-height: 56px;
}
strong {
position: relative;
z-index: 1;
&:after {
content: "";
position: absolute;
height: 2px;
width: 100%;
background: bastet-color();
bottom: -4px;
z-index: -1;
left: 0;
}
}
}
.about-subheading {
font-size: 13px;
text-transform: uppercase;
line-height:20px;
margin-bottom: 10px;
letter-spacing: 1.5px;
position: relative;
font-weight: 400;
color: bastet-color();
}
.wp-block-bastet-button {
margin-bottom: 0;
}
.wp-block-bastet-button .btn-primary {
padding: $button--padding;
border: none;
position: relative;
}
.about-position {
font-size: 22px;
line-height: 30px;
margin-top: 16px;
font-weight: normal;
position: relative;
}
.about-content {
order: 1;
position: relative;
padding-bottom: 80px;
max-width: 480px;
padding-right: 40px;
@include respond-above('start', 'mobile') {
padding-right: 0;
}
.content-wrap {
position: relative;
}
p {
font-size: 16px;
line-height: 28px;
margin-bottom: 34px;
color: inherit;
opacity: 0.8;
}
.inner-content {
margin-top: 22px;
position: relative;
}
}
}
}
.wp-block-bastet-container {
.about-me-wrap .container {
padding: 0;
}
}