body {
font-size: 1em;
} .search-form input {
background: transparent;
border-width: 2px;
border-radius: 2em;
border-color: rgba(255, 255, 255, 0.5);
}
.has-search .form-control {
padding-left: 2.375rem;
}
.has-search .form-control-feedback {
position: absolute;
z-index: 2;
display: block;
width: 2.375rem;
height: 2.375rem;
line-height: 2.375rem;
text-align: center;
pointer-events: none;
color: rgba(255, 255, 255, 0.5);
} .home-header {
text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
.home-header .heading {
font-size: 2.25em;
margin-bottom: 0.4em;
line-height: 1.2222222222;
font-weight: 700;
}
@media only screen and (min-width: 768px) {
.home-header .heading {
font-size: 3.25em;
}
}
.home-header .subheading {
font-weight: 400;
color: rgba(255, 255, 255, 0.8);
font-size: 1.25em;
margin-bottom: 0.8333333333em;
}
@media only screen and (min-width: 768px) {
.home-header .subheading {
font-size: 1.5em;
}
}
.main-hero {
background-size: cover;
background-position: center;
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.75),
rgba(0, 0, 0, 0.07)
),
url(https://images.unsplash.com/photo-1547751720-6b718b84699d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1951&q=80);
padding: 8em 0;
} #breadcrumbs {
color: rgba(255, 255, 255, 0.5);
padding-bottom: 0.6em;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
article.post {
margin-top: 2em;
}
.entry-title.heading-size-1 {
font-size: 1.125em;
margin-bottom: 0.2916666667em;
line-height: 1.25em;
font-weight: 700;
}
.entry-categories {
margin-bottom: 0.3846153846em;
font-weight: 700;
}
.entry-categories a {
color: #23a67d;
}
.post-meta {
font-size: 0.875em;
font-weight: 400;
margin-bottom: 0.3846153846em;
}
.post-meta,
.post-meta a {
color: rgba(255, 255, 255, 0.5);
}
.post-inner p {
line-height: 1.8em;
margin: 1.9em 0;
}
.post-inner h2 {
margin-top: 2.4em;
}
.post-inner a {
text-decoration: underline;
}
.post-inner img {
margin: 1em 0;
}
.post-inner li {
margin: 0.5em 0;
}
.post-inner hr {
margin: 3em 0;
border-color: rgba(255, 255, 255, 0.1);
} .comments-wrapper {
margin-top: 5em;
} footer {
margin-top: 7em;
}article.page h1 {
font-size: 44px;
}
.main-hero {
background-size: cover;
background-position: center;
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.75),
rgba(0, 0, 0, 0.07)
),
url(https://images.unsplash.com/photo-1547751720-6b718b84699d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1951&q=80);
padding: 8em 0;
}
.wp-block-yoast-how-to-block img {
max-width: 100%;
text-align: center;
display: block;
margin: 1em auto;
}
.wp-post-image img,
picture.img-fluid img {
max-width: 100%;
height: auto;
height: auto;
}
.wp-block-image img {
height: auto;
}
.embed-responsive-16by9::before {
padding-top: 5% !important;
}
textarea#comment {
max-width: 100%;
} .promo-banner {
background-color: #22a67e;
margin-top: 64px;
margin-bottom: 40px;
color: #fff;
border-radius: 15px;
position: relative;
}
.promo-banner__wrapper {
max-width: 780px;
padding: 40px;
margin: 0 auto;
}
.promo-banner__content {
display: flex;
justify-content: left;
flex-direction: row;
flex-flow: column;
align-items: flex-start;
}
@media only screen and (min-width: 992px) {
.promo-banner__content {
flex-direction: row !important;
}
}
.promo-banner__image {
background: 50% url(//gohustl.co/images/promo-banner-image.svg) no-repeat; margin-right: 40px;
background-size: auto;
display: block;
width: 180px;
min-width: 180px;
height: 180px;
background-size: contain;
margin-bottom: 12px;
}
.promo-banner__image.promo-banner__image__img1 {
background: 50% url(//gohustl.co/images/promo-banner-image-1.svg) no-repeat;
}
.promo-banner__image.promo-banner__image__img2 {
background: 50% url(//gohustl.co/images/promo-banner-image-2.svg) no-repeat;
}
.promo-banner__description {
max-width: 480px;
}
.promo-banner p {
margin: 0;
}
.promo-banner a {
text-decoration: none !important;
}
.promo-banner .cta-button.cta-button-sm button.btn {
padding: 0.4em 1.6em 0.8em 1.6em;
}
.promo-banner .cta-button.cta-button-sm .cta-button-text {
font-size: 16px;
}