/*
Theme Name: Rameerez Base Blog Theme
Text Domain: rameerez-base
description: Theme used as a base for Rameerez's products' blogs. Copyright © 2020 Rameerez, LLC
Author: Rameerez, LLC
Author URI: https://rameerez.com
Version: 1.0.0
License: Copyright © 2020 Rameerez, LLC
*/

body {
  font-size: 1em;
}

/* SEARCH FORM */

.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 */

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

/* POST */

#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 */

.comments-wrapper {
  margin-top: 5em;
}

/* FOOTER */

footer {
  margin-top: 7em;
}