.landing-content h1, .landing-content h2, .landing-content h3, .landing-content h4, .landing-content h5 {
font-family: 'Francois One', sans-serif;
text-transform: uppercase;
font-weight: 400;
margin: 0 0 1.5em
}
.landing-content h1 {
font-size: 2.8em;
}
.landing-content h2 {
font-size: 2.5em;
margin: 0 0 1em;
}
.landing-content h3 {
font-size: 2em;
margin: 0 0 1em;
}
.landing-content h4 {
font-size: 1.5em;
margin: 0 0 1em;
}
.landing-content h5 {
font-size: 1.5em;
margin: 0 0 1em;
}
#landing-body {
background: #fff;
}
body#landing-body, #landing-body button, #landing-body input, #landing-body select, #landing-body textarea {
font-size: 1em;
}
.button, a.button, .button:visited, a.button:visited {
background: #F8901D;
color: #fff!important;
font-family: 'Francois One', sans-serif;
text-transform: uppercase;
font-size: 1.125em;
line-height: 1;
padding: 13px 45px;
border-radius: 500px;
transition: .2s all ease;
display: inline-block;
}
.huge-button, a.huge-button {
padding: 38px 56px;
font-size: 2em;
position: relative;
display: inline-block;
margin-top: 40px
}
.huge-button__tooltip {
position: absolute;
width: 250px;
top: 100%;
left: 50%;
transform: translateX(-50%);
text-align: center;
color: #333;
font-size: 0.9375rem;
font-family: 'Open Sans', Tahoma, Arial;
line-height: 1.75;
text-transform: none;
}
.button:hover, a.button:hover {
background: #d27a1a;
}
.flex-header {
display: flex;
align-items: center;
width: 100%;
}
.flex-header .site-branding {
float: none;
display: block;
line-height: 1;
}
.header-cta {
margin: 0 0 0 auto;
}
.landing-container {
max-width: 1200px;
margin: 0 auto;
} .block {
margin: 8em 0;
display: block;
width: 100%;
}
.bg-block {
padding: 8em 0;
}
.flex-half, .flex-box {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.flex-child-half {
width: 50%;
}
.flex-child-third {
width: 33%;
}
.flex-align-center {
align-items: center;
}
.center-content {
align-items: center;
} .landing-hero {
margin-top: 0;
}
.arrow-container {
position: relative;
}
.pointer-arrow {
position: absolute;
top: 80%;
left: 5%;
}
.break-free {
background: #FFFAF2;
}
.free-head {
text-align: center;
display: block;
margin: 0 auto;
max-width: 700px;
}
.free-head p {
font-size: 1.2em;
}
.benefit-box {
text-align: center;
box-sizing: border-box;
padding: 2em;
}
.flex-half-image img {
width: 100%;
height: auto;
display: block;
}
.graphics-image {
position: relative;
}
.graphics-top {
position: absolute;
top: 0;
right: -33px;
}
.graphics-bottom {
position: absolute;
bottom:15px;
left: -33px;
}
.text-on-right {
padding: 0 0 0 6em;
}
.text-on-left {
padding: 0 6em 0 0;
}
p.teaser {
margin: 0 0 6px 0;
font-family: 'Francois One', sans-serif;
text-transform: uppercase;
font-weight: 400;
color: #F8901D;
font-size: 1.2em;
}
.landing-container ul li {
list-style-type: none;
position: relative;
padding: 0 0 0 3em;
margin: 0 0 1.3em 0;
line-height: 1.5;
}
.landing-container ul li:last-child {
margin: 0;
}
.landing-container ul li:before {
position: absolute;
content: url(https://stevenlow.org/wp-content/themes/zeedynamic-child/assets/list-bullet.svg);
left: 0;
top: 15px;
transform: translate(0, -50%);
}
.landing-container ul {
margin: 4em 0;
padding: 0;
}
.accordion {
max-width: 700px;
margin: 4em auto 0;
display: block;
}
.accordion-body {
display: none;
background: #fffaf2;
width: 100%;
box-sizing: border-box;
padding: 2em 3em;
}
.accordion-body ul {
margin: 0;
}
.accordion-header {
display: flex;
align-items: center;
font-family: 'Francois One', sans-serif;
text-transform: uppercase;
font-weight: 400;
font-size: 1em;
line-height: 1;
width: 100%;
background: #FFFAF2;
box-sizing: border-box;
padding: 2em 3em;
justify-content: space-between;
margin: 3px 0 0 0;
transition: .2s all ease;
}
.accordion-header.header-open {
background: #fdf4e6;
}
.accordion-header .accordion-plus {
transition: .2s all ease;
transform-origin: center;
}
.accordion-header.header-open .accordion-plus {
transform: rotate(45deg);
}
.accordion-header:hover {
cursor: pointer;
background: #fdf4e6;
}
.center-button {
margin-left: auto;
margin-right: auto;
}
ul.achievements-list {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 900px;
margin: 4em auto;
}
.achievements-list li {
width: 50%;
flex-shrink: 0;
box-sizing: border-box;
padding: 1em;
text-align: left;
}
.center-footer {
text-align: center;
}
.center-footer #footer-text {
float: none;
}
@media only screen and (max-width: 1300px) {
.landing-container {
padding: 0 60px;
}
}
@media only screen and (max-width: 999px) {
.pointer-arrow {
display: none;
}
.flex-half-image img {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.graphics-top {
right: 3px;
}
.graphics-bottom {
left: 3px;
}
.flex-child-half, .flex-child-third {
width: 100%;
margin: 20px 0;
}
.text-on-right, .text-on-left {
padding: 0;
}
.landing-hero .flex-half {
flex-direction: column-reverse;
}
.landing-hero img {
max-width: 300px;
}
.landing-content h1 {
font-size: 2.3em;
margin: 0 0 1em;
}
.landing-content h2 {
font-size: 2.1em;
margin: 0 0 1em;
}
.landing-content h3 {
font-size: 1.8em;
margin: 0 0 1em;
}
.landing-content h4 {
font-size: 1.3em;
margin: 0 0 1em;
}
.landing-content h5 {
font-size: 1.3em;
margin: 0 0 1em;
}
.huge-button, a.huge-button {
margin-top: 20px;
font-size: 1.3em;
padding: 28px 36px;
}
}
@media only screen and (max-width: 600px) {
.landing-container {
padding: 0 20px;
}
.achievements-list li {
width: 100%;
}
}
@media only screen and (max-width: 400px) {
.landing-container {
padding: 0 15px;
}
.huge-button, a.huge-button {
text-align: center;
font-size: 1em;
}
}