/*
 Theme Name:   Comparably
 Description:  Comparably, child of Sally
 Author:       David Arceneaux
 Author URI:   https://davidthemachine.org
 Template:     sally
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  comparably
*/

.sl-logo h1.logo a {
  color: #000;
}

.widget ul {
  background-color: inherit;
}

.entry-header-box {
  z-index: 1;
}

#sl-header {
  border-bottom: 1px solid #eee;
  margin-bottom: 0;
  box-shadow: 0 3px 3px rgba( 0, 0, 0, .25 );
  z-index: 50;
}

.container-page-content,
.container-single-content {
  background-color: #fff;
}

.archive #sl-wrap,
.home #sl-wrap {
  background-color: #eee;
}

.widget ul li,
.widget_sally_popular_tabbed li.tabbed_list,
#footer .widget_sally_popular_tabbed li.tabbed_list {
  border-color: #ddd;
}

#sl-wrap > .container,
.home .sl-entry {
  margin: 0 auto;
}

h3.sec-title span,
h3.sec-title span a {
  background: inherit;
}

h3.sec-title:after {
  border: 1px solid;
  height: 3px;
  border-color: #dfdfdf transparent transparent transparent;
  position: absolute;
  bottom: 43%;
}

#sl-main-feed .entry-meta,
.container-blog #sl-main-feed article .entry-meta,
#sl-main-feed .sticky .entry-meta {
  top: 0;
  position: absolute;
  padding: 1.2rem .6rem;
  overflow: hidden;
  z-index: 60;
  border: 0;
}

#sl-main-feed .entry-meta a,
.container-blog #sl-main-feed article .entry-meta a,
#sl-main-feed .sticky .entry-meta a {
  margin: 0 1.2rem;
}

#sl-main-feed article .entry-content,
#sl-main-feed .sticky .entry-content {
  border: 0;
  padding:0;
  overflow: hidden;
}

.page article #sl-post-layout .entry-content,
.single article #sl-post-layout .entry-content {
  margin-bottom: 4.8rem;
  border-bottom: 6px solid #333;
}

#sl-post-layout .entry-tags {
  margin: 0;
  line-height: inherit;
}

#sl-main-feed .entry-meta .meta-com {
  float: none;
}

#sl-main-feed .featured-img,
#sl-main-feed .sticky .featured-img {
  background-color: transparent;
  float: right;
  margin: 0;
  max-width: none;
}

#sl-main-feed .sticky .entry-title,
#sl-main-feed .entry-title {
  margin-top: 4.8rem;
}

#sl-main-feed .sticky .entry-meta,
.container-blog #sl-main-feed article .entry-meta {
  padding: 1.2rem .6rem;
  bottom: 0;
}

#footer {
  color: #666;
  background-color: #ccc;
}

#footer .sf-menu a {
  color: #606060;
}

#footer a {
  color: #000;
}

#footer .sl-navbar {
  border: 0;
}

#footer nav {
  margin: 0 auto;
  float: none;
}

#footer .copy {
  border: 0;
}

.logo.sl-logo {
  width: 130px;
}

.current.current-menu-item {
  text-decoration: underline;
}

.logo-talkpay > a,
.logo.sl-logo > a,
#footer .logo-talkpay {
  margin: 0 auto 10px;
  height: 43px;
  width: 130px;
}

.logo-talkpay > a,
.logo.sl-logo > a {
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(assets/talkpay-logo.min.png);
  background-size: contain;
  display: block;
  text-indent: -999em;
  float: left;
}

#sl-main-feed .sticky .featured-img,
#sl-main-feed .featured-img,
#sl-main-feed .sticky .entry-content,
#sl-main-feed .entry-content {
  height: auto;
}

body.archive .sl-feedgrid,
body:not(.single) #sl-sidebar {
  padding-top: 53.6px;
}

.sl-navbar .sf-menu a {
  text-transform: none;
  font-weight: 700;
}

.info-share a[class*="share-"],
.slide-mobmenu,
.sl-color-cat .featured-category,
.score-criter,
.score-tag,
.score-summ,
.bb-author h4,
h4.pretag,
h4.presub,
#featured-related h2,
#comments #respond h3,
#sl-contact-form h3,
#footer h2.logo-footer,
.widget_sally_catposts h2,
.widget_sally_popular_tabbed h2,
#footer .widget_sally_popular_tabbed h2,
.widget_sally_popular_tabbed ul li,
#footer .widget_sally_popular_tabbed ul li,
.widget_sally_popular_tabbed ul,
#footer .widget_sally_popular_tabbed ul,
.widget_sally_popular_posts ul,
#footer .widget_sally_popular_posts ul,
#footer .widget h3,
#sl-hero-section,
#sl-carousel-area,
#sl-featured-area,
#sl-post-layout .entry-tags,
#sl-post-layout .entry-content h1,
#sl-post-layout .entry-content h2,
#sl-post-layout .entry-content h3,
#sl-post-layout .entry-content h4,
#sl-post-layout .entry-content h5,
#sl-post-layout .entry-content h6,
.entry-header-box,
.featured-media-header .meta-cat a,
#sl-main-feed .meta-cat,
.sl-navbar .sf-menu,
.sl-navbar .sf-menu *,
.sl-logo h1.logo,
h3.sec-title,
#sl-main-feed .entry-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

.info-share {
  display: flex;
  justify-content: flex-end;
  align-content: space-around;
  border-top: 1px solid #333;
  padding: .6rem 0;
  margin: 0;
}

.info-share a[class*="share-"] {
  flex: 0 0 auto;
  margin-left: .6rem;
}

.info-share .entry-tags {
  align-self: flex-start;
  display: flex;
}

.sl-entry-header {
}

.entry-header-box {
  background: transparent;
  border: none;
}

.entry-header-box h2 {
  text-align: left;
}

#footer .widget {
  color: inherit;
}

body.page article,
body.single article {
  margin-top: 4.8rem;
}

.sl-entry-header {
  border-top: 1px solid #333;
}

.sl-entry-header:before {
  content: '';
  display: block;
  width: 100%;
  border-top: 6px solid #333;
  margin-top: 2px;
}

.sl-entry-header time {
  line-height: 3.6rem;;
  color: #666;
}

.no-thumb .entry-header-box {
  border: 0;
}

#footer .omega::before {
  border: 0;
}

.talkpaylink.external {
  color: #f53e2a;
}

.talkpaylink.external:after {
  display: inline-block;
  font-family: 'icomoon';
  content: '\e6c3';
  font-size: inherit;
  padding-left: 3px;
}

.sl-logo h1.logo {
  padding-top: 30px;
}

#sl-hero-section {
  background-color: #f8f8f8;
  padding-top: 4.8rem;
}

#sl-hero-section article {
  border-top: 1px solid #333;
  display: flex;
  padding: 0;
}

#sl-hero-section article:before {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  width: 100%;
  border-top: 6px solid #333;
}

#sl-hero-section img {
  width: auto;
}

#sl-hero-section .featured-img {
  flex: 0 0 48%;
  position: relative;
}

#sl-hero-section .featured-img a {
  display: block;
}

#sl-hero-section .entry-content,
#sl-hero-section .featured-img {
  margin-top: 2.4rem;
}

#sl-hero-section .entry-content {
  text-align: left;
  padding-left: 1.2rem;
}

#sl-hero-section h2 {
  width: 100%;
  margin-top: 0;
}

#sl-hero-section h2 a {
  color: #333;
}

.bb-author .author-bio {
  border-top: none;
  color: #666;
  padding: 0;
  min-height: 0;
}

.bb-author {
  font-size: 12px;
  color: #333;
  background-color: #e8e8e8;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 7px, #e0e0e0 1px, transparent 8px);
  padding: 3px;
  display: flex;
}

.bb-author img.avatar {
  flex: 0 0 90px;
  margin: auto 5px;
  float: none;
  padding:0;
}

.bb-author .mini-icons {
  position: static;
}

.bb-author .mini-icons a {
  margin: 0 6px 0 0;
  width: 25px;
  height: 25px;
}

.bb-author .mini-icons [class*="icon-"] {
  background-color: #a2a2a2;
  font-size: 12px;
  line-height: 3px;
  color: #e8e8e8;
}

.bb-author .mini-icons .icon-instagram {
  font-size: 16px;
  line-height: 8px;
}

.bb-author section {
  padding: .6rem 0;
}

.bb-author section h4 {
  position: static;
  margin-bottom: 0;
  color: #333;
}

#secondary {
  padding-left: 20px;
}

.entry-title a:hover {
  text-decoration: underline;
}

h3.sec-title {
  margin: 10px 0;
}

.paging-navigation a {
  color: #404ff7;
}

.featured-media-header:before {
  display: none;
}

.featured-media-header {
  margin-bottom: 20px;
}

h3.sec-title span {
  background-clip: content-box;
}

body.archive h3.sec-title span,
body.home h3.sec-title span {
  background-color: #eee;
}

body:not(.home):not(.archive) h3.sec-title span {
  background-color: #fff;
}

.rad-button {
  line-height: 28px;
  margin-top: 0;
}

.bb-author .mini-tag {
  padding-left: 0;
}

.entry-views-count {
  padding-left: 1.2rem;
}

.sl-navbar .sf-menu a:hover,
.sl-navbar .sf-menu .current-menu-parent li a,
.sl-navbar .sf-menu ul.sub-menu li a:hover,
.sl-navbar .sf-arrows > li:hover > .sf-with-ul,
.sl-navbar .sfHover > .sf-with-ul a {
  color: #333;
  text-decoration: underline;
}

.single .entry-content a:not(.talkpaylink) {
  color: #3579e9;
}

@media all and (max-width: 45em) {
  .home #sl-main-feed article,
  .archive #sl-main-feed article {
    display: flex;
    flex-direction: column;
  }

  .home #sl-main-feed .entry-meta,
  .archive #sl-main-feed .entry-meta {
    position: static;
    order: 2;
  }

  .home #sl-main-feed .featured-img,
  .archive #sl-main-feed .featured-img {
    order: 1;
  }

  .home #sl-main-feed .entry-content,
  .archive #sl-main-feed .entry-content {
    order: 3;
  }

  .home #sl-main-feed .entry-title,
  .archive #sl-main-feed .entry-title {
    margin-top: 1.2rem;
  }

  #secondary {
    padding-left: 0;
  }
}