File: /var/www/html/wp-content/plugins/Crocoblock-wizard/assets/scss/modules/_onboarding.scss
.cbw-panels-grid {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
max-width: 1100px;
width: 1030px;
margin: 0 auto 70px;
}
.cbw-panel {
max-width: 33.3333%;
flex: 0 0 33.3333%;
display: flex;
padding: 20px 15px;
box-sizing: border-box;
&__icon {
@include padding(0, 20px, 0, 0);
}
&__title {
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: #fff;
}
&__link {
display: inline-flex;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #fff;
box-shadow: none;
text-decoration: none;
border-bottom: 2px solid rgba( 255, 255, 255, .4 );
margin: 3px 0 0 0;
align-items: center;
svg {
@include margin(0, 0, -1px, 3px);
@include rtl_inverse();
}
&:hover {
color: #fff;
border-bottom: 2px solid rgba( 255, 255, 255, 1 );
}
}
}
.cbw-onboarding {
display: flex;
flex: 1;
&__info {
text-align: center;
padding: 15vh 0 40px;
}
&__icon {
display: flex;
justify-content: center;
align-items: center;
}
&__title {
font-weight: 500;
font-size: 32px;
line-height: 140%;
color: #fff;
padding: 25px 0 10px;
}
&__desc {
color: #fff;
font-size: 18px;
line-height: 140%;
}
.cbw-header__bg {
height: 100%;
display: flex;
flex-direction: column;
}
.cbw-header__body {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
}