/*
Compile SASS: css/content-layout-with-sidebar.css
*/
/*--------------------------------------------------------------
# MIXINS
--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.content-area {
  float: left;
  width: 100%;
  margin-left: -24.8rem;
  padding-left: 24.8rem; }

.site-main {
  /*background: #b2b2b2;*/ }

.site-content .widget-area {
  float: right;
  overflow: hidden;
  width: 24.8rem;
  padding: 7rem 0 2rem 2rem; }

.site-footer {
  clear: both;
  width: 100%; }

.entry-header,
.entry-content,
.entry-footer,
.tag-links,
.post-navigation,
.comments-area,
.paging-navigation {
  padding: 0 20px; }

@media screen and (max-width: 800px) {
  .widget {
    margin-bottom: 1em !important; }

  .archive #secondary, .single-post #secondary {
    display: none; }

  .site-content .widget-area {
    width: 100%;
    float: none;
    padding: 0; }

  .content-area {
    margin-left: 0;
    padding-left: 0; }

  body.blog .content-area {
    display: none; }

  body.single-post .entry-title {
    margin-top: 2rem; } }