@charset "UTF-8";
/*
Theme Name: bobulate
Theme URI: https://github.com/a8cteam51/bobulate
Author: WordPress Special Projects
Author URI: https://wpspecialprojects.wordpress.com
Description: Custom Resonar child theme for Bobulate
Template: resonar-wpcom
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: bobulate
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Base
	* colors
	* typography
	* mixins
	* base
# Navigation
	* main-menu
	* post-nav
	* mobile-menu
# Typography
	* copy
	* headings
	* lists
	* links
# Sections
	* header
	* footer
	* archive
	* post

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Theme Colors */
:root {
  --primary-color: #0099CC;
  --altprimary-color: #007EA8;
  --secondary-color: #cc3333;
  --accent-color: #E3E5E8;
  --font-color: #333333;
  --altfont-color: #152E47;
  --bg-color: #ffffff;
  --header-color: #0099CC;
  --font-color-grey-mobile: #333333;
  --grey-blue-color: #E3E5E8;
}

[data-theme=dark] {
  --primary-color: #01A3D9;
  --altprimary-color: #01A3D9;
  --secondary-color: #cc3333;
  --accent-color: #ffffff;
  --font-color: #ffffff;
  --altfont-color: #ffffff;
  --bg-color: #112234;
  --header-color: #01A3D9;
  --font-color-grey-mobile: #E3E5E8;
  --grey-blue-color: #0a5271;
}

html, body, button, input, select, textarea {
  font-family: "Source Serif Pro", Georgia, serif;
  font-size: 10px;
  height: 100%;
  color: var(--font-color);
}

body {
  font-size: 18px; /* 18px default */
  line-height: 28px;
  background: var(--bg-color);
  padding: 0 3.2rem;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}

.site-main {
  max-width: 87.5rem;
  margin: 0 auto;
}

.single .entry-header-inner, .widecolumn {
  padding-right: 0;
  padding-left: 0;
}

.image-navigation, .post-navigation, .entry-content, .entry-footer, .comments-area, .attachment .entry-header, .not-found .page-header, .page-content {
  margin-right: 0;
  margin-left: 0;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* Navigation */
.site-navigation:before,
.site-navigation:after,
.site-header .nav-menu:before,
.site-header .nav-menu:after {
  display: none;
}

.site-header .main-navigation {
  display: none;
  float: none;
}

@media screen and (min-width: 57.8125em) {
  .custom-menu .site-header .main-navigation {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .custom-menu .site-header .main-navigation {
    display: block;
  }
  .sidebar-toggle {
    display: none;
  }
}
.custom-menu .site-header .main-navigation {
  margin: initial;
  float: none;
  border-top: 2px solid var(--grey-blue-color);
  border-bottom: 2px solid var(--grey-blue-color);
  max-width: 87.5rem;
  margin: 0 auto;
}

.site-header .main-navigation ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.site-header .nav-menu > li {
  float: none;
}

.site-header .nav-menu > li + li {
  border-left: none;
}

.site-header .nav-menu a {
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 3px;
  padding: 15px 0 14px;
  color: var(--primary-color);
}
.site-header .nav-menu a:hover {
  color: var(--secondary-color);
}

.post-navigation {
  margin-bottom: 3.2rem;
}
.post-navigation .nav-links {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 1rem 0;
}
.post-navigation .nav-links .nav-previous {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.post-navigation a,
.post-navigation a:hover {
  text-decoration: none;
}
.post-navigation .meta-nav {
  font-family: "Source Serif Pro", Georgia, serif;
  font-size: 1.8rem;
  letter-spacing: 3px;
  color: #152E47;
  margin-bottom: 0;
}
.post-navigation .meta-nav:hover {
  text-decoration: none;
  color: var(--secondary-color);
}

.pagination {
  border-top: none;
  font-family: "Source Serif Pro", Georgia, serif;
  max-width: 87.5rem;
  margin: 0 auto;
  padding: 1rem 0;
  background: url("/wp-content/themes/bobulate/images/dash.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  text-transform: uppercase;
}
.pagination a,
.pagination a:hover {
  text-decoration: none;
}
.pagination a:hover {
  color: var(--secondary-color);
}
.pagination .nav-links {
  min-height: 0;
}
.pagination .next {
  border-left: none;
}
.pagination .prev {
  border-right: none;
}
.pagination .next,
.pagination .prev {
  overflow: initial;
  height: initial;
  width: auto;
  padding: 0;
}
.pagination .next::before,
.pagination .prev::before {
  content: none;
}
.pagination .next:hover,
.pagination .prev:hover {
  color: var(--secondary-color);
  background-color: transparent;
}
.pagination .page-numbers {
  font-size: 1.8rem;
  line-height: initial;
  letter-spacing: 3px;
  color: var(--altfont-color);
}

.sidebar,
.sidebar:before {
  background-color: var(--bg-color);
}

.sidebar-toggle {
  position: relative;
  top: auto;
  width: 100%;
  right: auto;
  border-top: 2px solid var(--accent-color);
  border-bottom: 2px solid var(--accent-color);
  color: var(--primary-color);
  height: auto;
  padding: 1.4rem 0 1.6rem;
  transform: none;
}
.sidebar-toggle.toggled-on, .sidebar-toggle:hover, .sidebar-toggle:focus {
  color: var(--secondary-color);
}
.sidebar-toggle:before {
  content: none;
}
.sidebar-toggle:after {
  content: "»";
  display: inline-block;
  transform: rotate(90deg);
  line-height: 1;
  margin-left: 3px;
  margin-top: 3px;
}

.sidebar-toggle.toggled-on:before {
  left: auto;
  right: 1rem;
  position: absolute;
}
.sidebar-toggle.toggled-on:before:hover {
  color: var(--secondary-color);
}

.sidebar-inner .main-navigation {
  margin: 0;
  margin-right: 0;
  margin-left: 0;
  font-size: 1.6rem;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
}
.sidebar-inner .main-navigation a {
  color: var(--primary-color);
}
.sidebar-inner .main-navigation a:hover {
  color: var(--secondary-color);
}
.sidebar-inner .main-navigation .nav-menu {
  border-top: 0;
}
.sidebar-inner .menu-heading.widget-title {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
p, address, pre, hr, dl, dd, table, .alignleft, .alignright, .aligncenter, .post-thumbnail, .page-links, .entry-attachment, .comments-title, .comment-metadata, .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags, embed, iframe, object, video, .wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist, .wp-caption, .gallery {
  margin-bottom: 2rem;
}

.entry-content-footer {
  margin-top: 3rem;
}

.entry-content, .entry-summary, .page-content, .comment-content, .textwidget {
  -moz-hyphens: none;
  hyphens: none;
  word-wrap: unset;
}

.entry-content,
.content-footer {
  content: "";
  display: table;
  table-layout: fixed;
}

blockquote {
  margin-left: 0;
  border-left: 2px solid #D8D8D8;
  font-style: normal;
  font-size: 1.8rem;
  color: var(--font-color-grey-mobile);
}
blockquote p {
  margin-bottom: 1.5rem;
}
blockquote cite {
  font-size: 1.4rem;
  font-style: italic;
  font-family: "Source Serif Pro", Georgia, serif;
}

.wp-block-pullquote.alignleft {
  width: 18rem;
  position: absolute;
  margin-left: -22rem;
  background: var(--bg-color);
  padding: 0;
  border-top: none;
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .wp-block-pullquote.alignleft {
    position: relative;
    float: none;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
    background: url("/wp-content/themes/bobulate/images/dash.png");
    background-repeat: repeat-x;
    background-position: bottom center;
    padding-bottom: 2.6rem;
    margin-bottom: 2.2rem;
    margin-top: 0;
    display: block;
  }
  .wp-block-pullquote.alignleft blockquote {
    padding-left: 0;
    background: url("/wp-content/themes/bobulate/images/dash.png");
    background-repeat: repeat-x;
    background-position: top center;
    padding-top: 2.2rem;
    margin-bottom: 0;
  }
}

.wp-block-pullquote.alignleft blockquote {
  border-left: 0;
  text-align: left;
  font-style: italic;
  margin-left: 0;
  padding-left: 0;
}
.wp-block-pullquote.alignleft blockquote p {
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.wp-block-quote.is-style-large {
  border-left: none;
  padding: 0 1em 0 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .wp-block-quote.is-style-large {
    padding: 0 1em 0 2rem;
  }
}
.wp-block-quote.is-style-large cite {
  font-size: 1.4rem;
  font-style: italic;
  font-family: "Source Serif Pro", Georgia, serif;
}
.wp-block-quote.is-style-large p {
  font-size: 2.2rem;
}
.wp-block-quote.is-style-large:before {
  content: "“";
  color: var(--primary-color);
  font-size: 8rem;
  position: absolute;
  left: -4.5rem;
  top: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .wp-block-quote.is-style-large:before {
    left: 0;
    font-size: 4rem;
    line-height: 1.3;
  }
}

p.has-large-font-size {
  font-size: 2.8rem;
  line-height: 3.6rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  p.has-large-font-size {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}

.home .entry-meta,
.archive .entry-meta,
.single .entry-meta,
.entry-footer .entry-meta {
  font-size: 1.6rem;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.home .entry-meta p,
.archive .entry-meta p,
.single .entry-meta p,
.entry-footer .entry-meta p {
  font-weight: 600;
}
.home .entry-meta a,
.archive .entry-meta a,
.single .entry-meta a,
.entry-footer .entry-meta a {
  color: var(--font-color);
  text-decoration: none;
}
.home .entry-meta a:hover,
.archive .entry-meta a:hover,
.single .entry-meta a:hover,
.entry-footer .entry-meta a:hover {
  text-decoration: underline;
}

.single .entry-meta img,
.single .entry-meta {
  margin-bottom: 2.4rem;
}

/* forms */
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], textarea {
  font-size: 1.6rem;
  background-color: transparent;
  background-image: none;
  border: 1px solid #D8D8D8;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Source Serif Pro", Georgia, serif;
  color: var(--header-color);
  font-weight: 600;
}

h1.page-title,
.single .entry-title {
  font-size: 40px;
  font-size: 4rem;
  line-height: 5rem;
  background: url("/wp-content/themes/bobulate/images/dash.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  padding-bottom: 2.2rem;
  margin-bottom: 2.2rem;
}
@media screen and (max-width: 767px) {
  h1.page-title,
.single .entry-title {
    font-size: 30px;
    font-size: 3rem;
    line-height: 4rem;
  }
}

h2,
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2,
h2.entry-title {
  font-size: 2.8rem;
  line-height: 4.3rem;
}
@media screen and (max-width: 767px) {
  h2,
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2,
h2.entry-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

h3,
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
  color: var(--altfont-color);
  font-size: 2.2rem;
  line-height: 3.2rem;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.entry-content ul {
  margin: 0;
  list-style: none;
}
.entry-content ul li {
  margin-bottom: 2.5rem;
  padding-left: 3.5rem;
  background: url("/wp-content/themes/bobulate/images/dot.svg");
  background-repeat: no-repeat;
  background-position: 12.5px 10.5px;
  background-size: 7px;
}

.entry-content ol {
  margin: 0 0 0 3rem;
  list-style: decimal;
}
.entry-content ol li {
  margin-bottom: 2.5rem;
  padding-left: 0.5rem;
}

a,
.entry-content a,
a:visited {
  color: var(--altprimary-color);
  font-weight: 600;
  background: none;
  text-decoration: underline;
}

a:hover, a:focus, a:active {
  color: var(--secondary-color);
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

button {
  border-radius: 0;
  color: #ffffff;
  font-size: 1.8rem;
  letter-spacing: 3px;
  background-color: var(--primary-color);
}

button:hover {
  background-color: var(--secondary-color);
}

.textwidget a,
.entry-content a,
.entry-summary a,
.entry-footer .author-bio a,
.page-content a,
.comment-content a,
.pingback .comment-body > a,
.taxonomy-description a,
.logged-in-as a,
.site-info a,
.widget_gravatar a,
.widget-grofile p a,
#infinite-footer .blog-credits a {
  color: var(--altprimary-color);
  text-decoration: underline;
  background: none;
}
.textwidget a:hover,
.entry-content a:hover,
.entry-summary a:hover,
.entry-footer .author-bio a:hover,
.page-content a:hover,
.comment-content a:hover,
.pingback .comment-body > a:hover,
.taxonomy-description a:hover,
.logged-in-as a:hover,
.site-info a:hover,
.widget_gravatar a:hover,
.widget-grofile p a:hover,
#infinite-footer .blog-credits a:hover {
  color: var(--secondary-color);
}

div.entry-date a:hover,
.entry-date a:hover,
.entry-footer a:hover,
.comment-author a:hover,
.comment-metadata a:hover,
.pingback .edit-link a:hover,
.image-navigation a:hover,
.comment-navigation a:hover {
  color: var(--primary-color);
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
.site-header,
.page-header {
  border-bottom: none;
  padding: 4rem 0 0;
}

.site-header {
  max-width: 87.5rem;
  margin: 0 auto;
}

.site-logo.night {
  display: none;
}

[data-theme=dark] .site-logo.day {
  display: none;
}

[data-theme=dark] .site-logo.night {
  display: block;
}

.custom-menu .site-branding {
  width: 100%;
  max-width: 44.7rem;
  margin: 0 auto 2.8rem;
  float: none;
}
@media screen and (max-width: 695px) {
  .custom-menu .site-branding {
    margin: 0 auto 6.8rem;
  }
}
@media screen and (max-width: 495px) {
  .custom-menu .site-branding {
    margin: 0 auto 5.8rem;
  }
}
@media screen and (max-width: 395px) {
  .custom-menu .site-branding {
    margin: 0 auto 4.8rem;
  }
}

h1.site-title,
p.site-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.theme-switch-wrapper {
  position: absolute;
  top: 0;
  right: 0;
}
.theme-switch-wrapper input[type=checkbox] {
  opacity: 0;
}
.theme-switch-wrapper input[type=checkbox]:focus + label::before {
  outline: rgb(59, 153, 252) auto 5px;
}
.theme-switch-wrapper .toggle {
  color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  width: 4.7rem;
  overflow: hidden;
  display: none;
}
@media screen and (max-width: 767px) {
  .theme-switch-wrapper .toggle {
    width: 3.3rem;
  }
}
.theme-switch-wrapper .toggle:before {
  content: "";
  display: inline-block;
  width: 4.7rem;
  height: 4.4rem;
  background-color: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .theme-switch-wrapper .toggle:before {
    width: 3.3rem;
    height: 3.1rem;
  }
}
html[data-theme=dark] .theme-switch-wrapper .toggle {
  display: block;
}
html[data-theme=dark] .theme-switch-wrapper .toggle::after {
  content: "";
  display: inline-block;
  background: url("/wp-content/themes/bobulate/images/moon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px;
  width: 4.7rem;
  height: 4.4rem;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  html[data-theme=dark] .theme-switch-wrapper .toggle::after {
    width: 3.3rem;
    height: 3.1rem;
  }
}
html[data-theme=light] .theme-switch-wrapper .toggle {
  /*
  &::after {
  	content: "";
  	display: inline-block;
  	background: url("/wp-content/themes/bobulate/images/sun.png");
  	background-repeat: no-repeat;
  	background-position: center;
  	background-size: 21px 22px;
  	width: 5.2rem;
  	height: 4.4rem;
  	position: absolute;
  	top: 0;
  	right: 0;
  	@media screen and (max-width: 767px) {
  		width: 3.3rem;
  		height: 3.1rem;
  	}
  }
  */
}
html[data-theme=light] .theme-switch-wrapper .toggle:before {
  display: none;
}

.site-footer {
  max-width: 87.5rem;
  margin: 0 auto;
  margin: 3.2rem auto 0;
  padding: 0;
  border-top: none;
}
.site-footer .site-info {
  font-size: 1.4rem;
  text-align: center;
  border-top: 2px solid var(--grey-blue-color);
  padding: 2.8rem 0 10rem;
  color: var(--font-color);
}
.site-footer .widget {
  margin: 0;
}
.site-footer .custom-html-widget h2 {
  font-weight: 700;
  color: var(--altfont-color);
  font-size: 1.8rem;
}
.site-footer .textwidget {
  font-size: 1.8rem;
}
.site-footer a.twitter-link {
  background-image: none;
}

.footer-search {
  padding: 3.5rem 0 2.5rem;
}

section.search {
  width: 30rem;
  position: relative;
}

input[type=search] {
  background: none;
  height: 4rem;
  border: 1px solid #D8D8D8;
  padding-right: 7.5rem;
  font-family: "Source Serif Pro", Georgia, serif;
  font-size: 1.6rem;
  letter-spacing: 3px;
  color: var(--altfont-color);
  font-style: italic;
}

input#searchsubmit {
  height: 4rem;
  width: 4rem;
  position: absolute;
  background-color: var(--primary-color);
  background-image: url("/wp-content/themes/bobulate/images/magnifier.svg");
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  right: 0;
  color: transparent;
  border-radius: 0;
  padding: 0;
}
input#searchsubmit:hover, input#searchsubmit:focus {
  background-color: var(--secondary-color);
  background-image: url("/wp-content/themes/bobulate/images/magnifier.svg");
  background-repeat: no-repeat;
  background-position: center;
}

::placeholder {
  font-family: "Source Serif Pro", Georgia, serif;
  font-size: 1.6rem;
  color: var(--altfont-color);
  font-style: italic;
}

/* Pages */
.hentry + .hentry {
  border-top: none;
}

.hentry {
  padding: 1.6rem 0 2.6rem;
}

.hentry,
.page-header {
  margin-left: 0;
  margin-right: 0;
}

.entry-summary {
  margin-right: 0;
  color: var(--font-color);
}

.hfeed article {
  border-bottom: 2px solid var(--grey-blue-color);
  padding-bottom: 3.6rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.hfeed article .entry-header {
  width: 100%;
}
.hfeed article h2.entry-title {
  margin-right: 0;
  background: url("/wp-content/themes/bobulate/images/dash.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  padding-bottom: 2.2rem;
  margin-bottom: 2.5rem;
}
.hfeed article h2.entry-title a {
  text-decoration: none;
  color: var(--primary-color);
}
.hfeed article h2.entry-title a:hover {
  color: var(--secondary-color);
}
.hfeed article p.has-large-font-size {
  margin-bottom: 2.5rem;
}
.hfeed article .entry-date,
.hfeed article .entry-meta {
  width: 22rem;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
  .hfeed article .entry-date,
.hfeed article .entry-meta {
    width: 100%;
  }
}
.hfeed article .entry-date p,
.hfeed article .entry-meta p {
  margin-bottom: 0;
}
.hfeed article .entry-content {
  width: calc(100% - 22rem);
}
@media screen and (max-width: 767px) {
  .hfeed article .entry-content {
    width: 100%;
  }
}

[data-theme=dark] .hfeed article h2.entry-title {
  background: url("/wp-content/themes/bobulate/images/dark-dash.png");
  background-repeat: repeat-x;
  background-position: bottom center;
}

/* shelf */
.tax-genre .site-main,
.post-type-archive-shelf .site-main {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: left;
  justify-content: left;
}
.tax-genre .site-main .page-header,
.post-type-archive-shelf .site-main .page-header {
  width: 100%;
}
.tax-genre h2.entry-title,
.post-type-archive-shelf h2.entry-title {
  display: none;
}
.tax-genre .hfeed article,
.post-type-archive-shelf .hfeed article {
  width: 20%;
  border-bottom: none;
  padding-bottom: 4rem;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .tax-genre .hfeed article,
.post-type-archive-shelf .hfeed article {
    width: 25%;
  }
}
@media screen and (max-width: 600px) {
  .tax-genre .hfeed article,
.post-type-archive-shelf .hfeed article {
    width: 33.3333%;
  }
}
@media screen and (max-width: 500px) {
  .tax-genre .hfeed article,
.post-type-archive-shelf .hfeed article {
    width: 50%;
  }
}
.tax-genre .hfeed article a,
.post-type-archive-shelf .hfeed article a {
  text-align: center;
  position: relative;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
}
.tax-genre .hfeed article a:hover,
.post-type-archive-shelf .hfeed article a:hover {
  background: #152E47;
}
.tax-genre .hfeed article a:hover h2.entry-title,
.post-type-archive-shelf .hfeed article a:hover h2.entry-title {
  display: block;
  position: absolute;
  color: var(--bg-color);
  background: var(--altfont-color);
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin-bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem;
}
.tax-genre .hfeed article img,
.post-type-archive-shelf .hfeed article img {
  width: auto;
  max-width: 60%;
  display: inline-block;
}

/* writing archive */
.page-template-template-archive .writing-list {
  margin: 1.6rem 0 2.6rem;
}
.page-template-template-archive h2.writing-header {
  background: url("/wp-content/themes/bobulate/images/dash.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  padding-bottom: 2.2rem;
  margin-bottom: 2.5rem;
  margin-top: 0;
  border-top: 2px solid var(--grey-blue-color);
  padding-top: 1.6rem;
}
.page-template-template-archive h2.writing-header:first-of-type {
  border-top: none;
  padding-top: 0;
}
.page-template-template-archive .writing-title,
.page-template-template-archive .writing-excerpt {
  margin-bottom: 2.2rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.page-template-template-archive .writing-title a,
.page-template-template-archive .writing-excerpt a {
  text-decoration: none;
  color: var(--primary-color);
}
.page-template-template-archive .writing-title a:hover,
.page-template-template-archive .writing-excerpt a:hover {
  color: var(--secondary-color);
}
.page-template-template-archive .writing-title .entry-meta,
.page-template-template-archive .writing-excerpt .entry-meta {
  width: 22rem;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .page-template-template-archive .writing-title .entry-meta,
.page-template-template-archive .writing-excerpt .entry-meta {
    width: 100%;
  }
}
.page-template-template-archive .writing-title h2,
.page-template-template-archive .writing-excerpt h2 {
  width: calc(100% - 22rem);
  font-size: 1.6rem;
  line-height: 2.8rem;
}
@media screen and (max-width: 767px) {
  .page-template-template-archive .writing-title h2,
.page-template-template-archive .writing-excerpt h2 {
    width: 100%;
  }
}
.page-template-template-archive .writing-title p,
.page-template-template-archive .writing-excerpt p {
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.page-template-template-archive .writing-title h2,
.page-template-template-archive .writing-excerpt h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.page-template-template-archive .writing-title h2 a,
.page-template-template-archive .writing-excerpt h2 a {
  text-decoration: none;
  color: var(--primary-color);
}

.pagination {
  text-align: center;
}
.pagination span.current {
  margin: 0 0.5rem;
  color: var(--secondary-color);
}
.pagination a {
  margin: 0 0.5rem;
  color: var(--altfont-color);
}

.page-of-page {
  background: url("/wp-content/themes/bobulate/images/dash.png");
  background-repeat: repeat-x;
  background-position: top center;
  padding-top: 1rem;
}

.single-shelf .entry-title {
  margin-bottom: 0;
}
.single-shelf .book-author {
  width: 100%;
  font-style: italic;
}

.single .hentry {
  padding: 1.6rem 0 2.6rem;
}

.single article {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.single article header,
.single article .content-footer {
  width: 100%;
}
.single article .entry-meta {
  width: 22rem;
}
@media screen and (max-width: 767px) {
  .single article .entry-meta {
    width: 100%;
  }
}
.single article .entry-meta img {
  width: calc(100% - 2rem);
}
.single article .entry-content {
  width: calc(100% - 22rem);
}
@media screen and (max-width: 767px) {
  .single article .entry-content {
    width: 100%;
  }
}

.page article .entry-content {
  margin-left: 22rem;
}
@media screen and (max-width: 767px) {
  .page article .entry-content {
    margin-left: 0;
  }
}

.single .hfeed article {
  background: url("/wp-content/themes/bobulate/images/dash.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  border-bottom: none;
}

.page.single .hentry {
  margin-bottom: 3.2rem;
}

.site-main {
  border-bottom: none;
}

.endcap-dog {
  width: 2rem;
  height: 1.7rem;
  margin: 2rem 0 3rem 22rem;
}
@media screen and (max-width: 767px) {
  .endcap-dog {
    margin: 2rem 0 4.6rem;
  }
}

.rpbt_shortcode {
  display: -webkit-flex;
  display: flex;
  background: url("/wp-content/themes/bobulate/images/dash.png");
  background-repeat: repeat-x;
  background-position: top center;
  padding-top: 2.6rem;
}
.rpbt_shortcode h3 {
  font-family: "Source Sans Pro", Georgia, serif;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 3px;
  width: 22rem;
  margin-top: 0;
  margin-bottom: 0;
}
.rpbt_shortcode ul {
  width: calc(100% - 22rem);
  display: -webkit-flex;
  display: flex;
  list-style: none;
  margin-bottom: 0;
}
.rpbt_shortcode ul li {
  width: 50%;
  background: none;
  padding-left: 0;
  margin-bottom: initial;
}
.rpbt_shortcode ul li a {
  font-weight: 600;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding-right: 4rem;
  display: inline-block;
}

.post-info {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 0;
}

.post-date {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.post-info .sd-social-icon .sd-content ul li {
  background: none;
  margin: 0 3px 5px 0;
  margin-right: 0;
  margin-left: 1rem;
}
.post-info .sd-social-icon .sd-content ul li[class*=share-] a {
  padding: 0;
}
.post-info .sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button,
.post-info .sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button,
.post-info .sd-social-icon .sd-content ul li[class*=share-] a.sd-button {
  background: none;
}
.post-info .sd-social-icon .sd-content ul li[class*=share-] a.sd-button:before {
  color: var(--altfont-color);
}
.post-info .sd-social-icon .sd-content ul li[class*=share-] a:hover {
  opacity: 1;
  padding: 0;
}
.post-info .sd-social-icon .sd-content ul li[class*=share-] a.sd-button:hover:before {
  color: #cc3333;
}

.post-navigation {
  border-top: none;
  border-bottom: 2px solid #E3E5E8;
}
.post-navigation a {
  padding: 0;
}
.post-navigation div + div {
  border-top: none;
}

.entry-footer {
  color: var(--font-color);
}

.hentry #jp-relatedposts {
  display: -webkit-flex !important;
  display: flex !important;
  background: url("/wp-content/themes/bobulate/images/dash.png");
  background-repeat: repeat-x;
  background-position: top center;
  padding-top: 2.6rem;
}
@media screen and (max-width: 650px) {
  .hentry #jp-relatedposts {
    display: block !important;
  }
}

.hentry div#jp-relatedposts h3.jp-relatedposts-headline {
  font-family: "Source Sans Pro", Georgia, serif;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 3px;
  width: 22rem;
  margin-top: 0;
  margin-bottom: 0;
  color: var(--altfont-color);
}
@media screen and (max-width: 767px) {
  .hentry div#jp-relatedposts h3.jp-relatedposts-headline {
    width: 13rem;
  }
}

#jp-relatedposts h3.jp-relatedposts-headline em {
  font-weight: 500;
}

#jp-relatedposts h3.jp-relatedposts-headline em::before {
  content: none;
}

.hentry div#jp-relatedposts h3.jp-relatedposts-headline em::before {
  border: none;
}

#jp-relatedposts h3.jp-relatedposts-headline em::after {
  content: ":";
}

#jp-relatedposts .jp-relatedposts-items {
  width: calc(100% - 22rem);
  padding-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  #jp-relatedposts .jp-relatedposts-items {
    width: calc(100% - 13rem);
  }
}
@media screen and (max-width: 650px) {
  #jp-relatedposts .jp-relatedposts-items {
    width: 100%;
  }
}

.hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
  width: 50%;
  padding-right: 1.5rem;
}
@media screen and (max-width: 520px) {
  .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
    width: 100%;
    padding-right: 0;
  }
}

.hentry .jp-relatedposts-post-title {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: "Source Serif Pro", Georgia, serif;
}

.hentry .jp-relatedposts-post-title a {
  color: var(--primary-color);
  font-weight: 600;
}

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