style.css

/*
 Theme Name:   Unit
 Template:     founder
 Theme URI:    https://www.competethemes.com/unit/
 Author: 	   Compete Themes
 Author URI:   https://www.competethemes.com
 Version: 	   1.12
 Description:  Unit is a child theme for the Founder theme. It features a simple and clean blog layout designed to focus visitors on your content.
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         gray, orange, silver, tan, white, light, fluid-layout, responsive-layout, one-column, accessibility-ready, custom-menu, featured-images, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  unit

Unit WordPress Theme, Copyright 2015 Compete Themes
Unit is distributed under the terms of the GNU GPL

Unit is a child theme of Founder

It's not recommended to add CSS to this file, as it will be lost if you ever update this child theme.
 Instead, use the Custom CSS section in the Customizer.
*/
/*===== Variables =====*/
/* Theme Colors */
/* Media Query widths */
/* Social Media Brand Colors */
/*===== Mixins =====*/
/***** Silent Classes *****/
body {
  background: #EDEDED;
}

.entry {
  background: white;
  border: solid 1px #e0e0e0;
  margin: 2.25em 0;
}
.entry:first-child {
  margin-top: 6em;
}
.entry:not(.has-post-thumbnail) {
  padding-top: 0.75em;
}

.featured-image {
  width: 100%;
  left: 0;
  padding-bottom: 50%;
}

.post-header {
  padding: 1.5em 1.5em 0 1.5em;
  margin: 0;
}

.post-content {
  padding: 0 1.5em 1.5em 1.5em;
}

.post-after {
  padding: 1.5em;
  margin: 0;
}
.post-after:after {
  display: none;
}

.further-reading {
  margin-bottom: 0;
}
.further-reading:before, .further-reading:after {
  right: -1.5em;
  left: -1.5em;
  background: #e0e0e0;
}

@media all and (min-width: 56.25em) {
  .entry:first-child {
    margin-top: 4.5em;
  }

  .post-content {
    padding: 0 3em 3em 3em;
  }

  .post-after {
    padding: 1.5em 3em;
  }

  .further-reading:before, .further-reading:after {
    right: -3em;
    left: -3em;
  }
}
@media all and (min-width: 68.75em) {
  .post-header {
    margin: 0.75em 0 2.25em;
  }

  .post-content {
    padding: 0 4.5em 3em 4.5em;
  }

  .post-after {
    padding: 1.5em 4.5em;
  }

  .further-reading:before, .further-reading:after {
    right: -4.5em;
    left: -4.5em;
  }
}
.site-header {
  position: relative;
  background: white;
  border-color: #e0e0e0;
}
.site-header:before {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  left: -999px;
  right: -999px;
  background: white;
  z-index: -1;
}
.site-header:after {
  background: #e0e0e0;
}

.toggle-sidebar {
  top: calc(100% - 1px);
  border-color: #e0e0e0;
  border-radius: 0 0 50% 50%;
}
.toggle-sidebar:hover, .toggle-sidebar:active, .toggle-sidebar:focus {
  border-color: #e0e0e0;
}

.sidebar-primary {
  background: white;
}
.sidebar-primary:before {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  left: -999px;
  right: -999px;
  background: white;
  z-index: -1;
}
.sidebar-primary.open {
  border-bottom: solid 1px #e0e0e0;
}
.sidebar-primary.open .toggle-sidebar {
  border-color: #e0e0e0;
  border-top: none;
  top: 100%;
}
.sidebar-primary.open:after {
  background: #e0e0e0;
}

.site-footer {
  position: relative;
  background: white;
  border-color: #e0e0e0;
}
.site-footer:before {
  content: '';
  position: absolute;
  top: 0;
  right: -999px;
  left: -999px;
  height: 100%;
  background: white;
  z-index: -1;
}
.site-footer:after {
  background: #e0e0e0;
}

.loop-pagination {
  background: white;
  border: solid 1px #e0e0e0;
}
.loop-pagination a,
.loop-pagination span {
  display: inline-block;
  padding: 0.75em 1.5em;
  margin: 0 -4px 0 0;
}
.loop-pagination .prev,
.loop-pagination .next {
  margin: 0 -4px 0 0;
}
.loop-pagination .prev {
  float: left;
}
.loop-pagination .next {
  float: right;
  margin-right: 0px;
}
.loop-pagination a {
  border-bottom: none;
  border-right: solid 1px transparent;
  border-left: solid 1px transparent;
  transition: all 0.1s ease-in-out;
}
.loop-pagination a:hover, .loop-pagination a:active, .loop-pagination a:focus {
  background: #F7F7F7;
  border-color: #EDEDED;
}

.archive-header {
  background: white;
  border: solid 1px #e0e0e0;
  padding: 1.5em;
  margin-bottom: 0;
}
.archive-header h2 {
  font-size: 1em;
  line-height: 1.5;
  font-weight: 600;
}
.archive-header span {
  font-weight: 300;
}

.sticky.has-post-thumbnail {
  position: relative;
}
.sticky.has-post-thumbnail .sticky-status {
  position: absolute;
  top: 0;
  left: 0;
}
.sticky.has-post-thumbnail .sticky-status span {
  display: inline-block;
  background: #333333;
  color: white;
  padding: 12px 24px;
}

@media all and (min-width: 68.75em) {
  .archive .post-content p:last-of-type,
  .blog .post-content p:last-of-type,
  .search .post-content p:last-of-type {
    margin: 1.5em 0 0;
  }
}
.comments {
  padding: 1.5em;
}

.comments-number {
  margin: 0 0 1.5em;
}

.comment-list {
  margin: 0;
}

.comment-respond {
  margin: 3em 0;
}

@media all and (min-width: 56.25em) {
  .comments {
    padding: 1.5em 3em;
  }
}
@media all and (min-width: 68.75em) {
  .comments {
    padding: 1.5em 4.5em;
  }
}

/*# sourceMappingURL=style.css.map */