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;
}