update hero css
This commit is contained in:
parent
abe1c0a4dc
commit
e26fd03ea5
|
@ -30,6 +30,7 @@ body.rwavw-custom {
|
||||||
}
|
}
|
||||||
|
|
||||||
> .section-top {
|
> .section-top {
|
||||||
|
max-width: 1600px;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -46,19 +47,26 @@ body.rwavw-custom {
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-cta {
|
.hero-cta {
|
||||||
margin: 66px 0 44px;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-items: center;
|
||||||
|
margin: 22px 0;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
margin: 0 11px;
|
margin: 0 22px;
|
||||||
padding: 11px 22px;
|
padding: 11px;
|
||||||
font-size: 22px;
|
font-size: 16px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
min-width: 18ch;
|
||||||
|
|
||||||
border: 3px solid #fff;
|
border: 3px solid #fff;
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
color: #000;
|
color: #000;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
margin-bottom: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
|
@ -74,19 +82,21 @@ body.rwavw-custom {
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
margin: 44px 0;
|
margin: 11px;
|
||||||
font-size: 90px;
|
font-size: 36px;
|
||||||
|
line-height: 1.2;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
.heading-col-title {
|
.heading-col-title {
|
||||||
font-size: 32px;
|
font-size: 22px;
|
||||||
|
line-height: 1.2;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-bottom: 22px;
|
margin-bottom: 22px;
|
||||||
font-size: 22px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-details {
|
.header-details {
|
||||||
|
@ -95,6 +105,54 @@ body.rwavw-custom {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 63.98em) {
|
||||||
|
#home {
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 55px 11px 22px !important;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
text-align: center !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 767px) {
|
||||||
|
#home {
|
||||||
|
h1 {
|
||||||
|
margin: 55px 0;
|
||||||
|
font-size: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 64em) {
|
||||||
|
#home {
|
||||||
|
padding: 55px 11px 55px !important;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-cta {
|
||||||
|
margin: 66px 0 66px;
|
||||||
|
flex-direction: row;
|
||||||
|
|
||||||
|
a {
|
||||||
|
margin: 0 11px;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1,38 @@
|
||||||
|
body.rwavw-custom {
|
||||||
|
.testimonials-widget {
|
||||||
|
|
||||||
|
// display: flex;
|
||||||
|
// flex-direction: row;
|
||||||
|
// flex-wrap: wrap;
|
||||||
|
// justify-content: center;
|
||||||
|
// align-items: center;
|
||||||
|
|
||||||
|
> .image {
|
||||||
|
order: 2;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
width: 4em;
|
||||||
|
height: 4em;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #999;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
> img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> blockquote {
|
||||||
|
order: 1;
|
||||||
|
flex: 0 0 100%;
|
||||||
|
background-color: rgba(red, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
> .credit {
|
||||||
|
order: 3;
|
||||||
|
flex: 0 1 100%;
|
||||||
|
background-color: rgba(orange, 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -3,6 +3,7 @@
|
||||||
@import "feature-sunset";
|
@import "feature-sunset";
|
||||||
@import "contact";
|
@import "contact";
|
||||||
@import "faq";
|
@import "faq";
|
||||||
|
@import "social-proof";
|
||||||
@import "footer";
|
@import "footer";
|
||||||
|
|
||||||
#top-nav .ext-nav-toggle,
|
#top-nav .ext-nav-toggle,
|
||||||
|
|
Loading…
Reference in New Issue