/* @import url('http://example.com/example_style.css'); */
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section */
/***********************************************/
/*****************************************/
/* Start your style declarations here */
/*****************************************/
body{
border-left: solid 12px #b67756;
border-right: solid 12px #b67756;
border-bottom: solid 12px #b67756;
padding-bottom: 0.6rem;
}
@media screen and (max-width: 768px) {
body{
border-left: solid 3px #b67756;
border-right: solid 3px #b67756;
border-bottom: solid 3px #b67756;
padding-bottom: 0;
}
}
.kl-navbar__logo {
margin-right: 30px;
}
.kl-navbar__button{
font-weight:500;
}
.kl-navbar__item {
margin: 0 24px;
}
/* css pagwe title in middle of top banner photo */
h1.page-banner-1{
color:#fff;
font-size:3rem;
display:flex;
align-items:center;
}
/* add white horsehoe icon in front of h1 page title, except for home page */
h1.page-banner-1.icon-shoe::before{
content: "";
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');) no-repeat;
width: 2.7rem;
height: 2.7rem;
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
margin-right:.5rem;
}
@media screen and (max-width: 768px) {
h1.page-banner-1{
color:#fff;
font-size:2rem;
display:flex;
align-items:center;
}
h1.page-banner-1.icon-shoe::before{
content: "";
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');) no-repeat;
width: 1.8rem;
height: 1.8rem;
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
margin-right:.4rem;
}
}
p .section-subheader{
font-size: 1.2em;
}
.kl-header{
padding-top:1rem;
padding-bottom:1rem;
border-top: solid 12px #b67756;
}
@media screen and (max-width: 768px) {
.kl-header{
padding-top:.2rem;
padding-bottom:.2rem;
border-top: solid 3px #b67756;
}
}
/* reduce height from 1.75ren */
.kl-pricing hr {
margin: 0.0rem 0;
color: #F3F3F3;
background-color: #F3F3F3;
height: 2px;
}
.kl-pricing .kl-pricing__price h2 {
margin-bottom: .6rem;
}
.kl-rich-text__preheader{
text-transform: uppercase;
}
/* increase height of team photo from 260px */
.kl-card-grid__image{
height:360px;
}
/*
.kl-pricing__card+.kl-pricing__card {
margin-left: 50px;
}
@media screen and (max-width: 768px) {
.kl-pricing__card + .kl-pricing__card {
margin: 24px 0 0;
}
}*/
.kl-faq__entry{
border-bottom: 1px solid #ddd;
}
.kl-rich-text__buttons .button, .button, form .hs-button, .hs-button, form input[type=submit]{
font-size:1rem;
font-family: helvetica, sans-serif;
}
.ul-large li{
line-height: 1.6;
margin-bottom: 1.0rem;
}
[class^="cell_1733766215644-"]{color:#f8f7f6;}
/* background image in middle of footer area */
.kl-footer__content{
background: #5c4237 url('https://47975399.fs1.hubspotusercontent-na1.net/hubfs/47975399/jules-gibbs-325.jpg') 50% 50% no-repeat;
}
@media screen and (max-width: 768px) {
.kl-footer__content{
background-image: none;
}
}
.kl-footer__content {
padding: 60px 0
}
.kl-footer__byline a {
color: #5c4237;
}
.kl-footer__byline a:hover, .kl-footer__byline a:focus, .kl-footer__byline a:active {
color: #5c4237;
}