/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1.18
*/

/* Hide dates on search results page */
.post-date {
  display: none;
}

/* Hide spacer between blog post and (now-invisible) date */
.box-blog-post .is-divider {
  display: none;
}
.entry-content.single-page {
  padding-top: 0px;
  line-height: 1.8;
}

/* Hide included header "Category Archives: Recipes" on archive pages */
.archive-page-header h1.page-title.is-large.uppercase {
  display: none;
}

/* Disclosure block */
.disclosure {
  font-size: 80%;
  margin-top: 1em;
  font-style: italic;
  padding: 0.5em;
  background: #f8f8f8;
  text-align: center;
  line-height: 1em;
}

/* Home page recipe category list with images */
.home-page-recipe-category-list .box-text.text-center {
  padding-left: 0;
  padding-right: 0;
}

.home-page-recipe-category-list h4 {
  font-size: 1em;
}

.h2, h2 {
  font-size: 1.3em;
}

.h3, h3 {
  font-size: 1.15em;
}

/* Make bullets move over a bit */
ul:not([class]), ol:not([class]) {
  list-style-position: outside;
  padding-left: 1.5em;
}

/* Hide horizontal lines associated with section headers */
.section-title b {
  visibility: hidden;
}
.section-title.section-title-normal {
  border-bottom: none;
}

/* Force home page blog post block to act as two-liners to make all boxes the same size */
.fixed-height .blog-post-inner h5.post-title.is-large {
  height: 2.5em;
}

/* Hide blog divider between 'title' and 'last updated' */
div.entry-divider.is-divider {
  display: none;
}

.single-post .entry-content a {
  text-decoration: underline;
}

.colored-box {
  padding: 1em;
  margin-bottom: 1em;
}
.colored-box .wp-block-columns {
    margin-bottom: 0;
}

/* Add more spacing before/after the Mediavine ads */
.mv-ad-box {
  margin: 2em auto !important;
}

/** Some adjustments to top-of-post layout */
.page-wrapper {
  padding-top: 15px;
}

.entry-header-text.entry-header-text-top {
  padding-bottom: 0.5em;
}

/** Flatsome update lowered font weight for all headers. This brings it back */
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
  font-weight: bold !important;
}

/** Centered images are lacking in bottom margin for some reason; this fixes them to look like left-aligned images */
figure.wp-block-image {
  margin-bottom: 1.3em !important;
}

/** "Learn more" info box */
.info-box {
  margin-top: 1.5em;
}
.info-box-title-container {
  margin-left: 1rem;
  margin-bottom: 2.25rem;
  line-height: 0;
  position: relative;
  top: -0.7rem;
}
.info-box-title {
  padding: .65rem .75rem;
  border: 1px dashed #177;
}
.info-box .wp-block-columns {
  margin-bottom: 0;
}

/** Button link padding */
.wp-block-button__link { padding: 0.4em 1em; }
.wp-block-button__link.has-background { padding: 0.4em 1em; }
.is-layout-flex.wp-block-buttons>.wp-block-button { margin-bottom: 1em; }
.is-layout-flex.wp-block-buttons>.wp-block-button.has-background { margin-bottom: 1em; }

/** Title cards bigger on mobile archive layouts */
@media (max-width: 549px) {
  .blog-archive h5.is-large { font-size: 1.5em; }
}

/* On larger screens, set the main width and sidebar to be exactly 800px and 300px wide (plus borders), respectively. When that's constrained, keep sidebar at 300px constant until it jumps below the main at 850px. */
@media screen and (min-width: 850px) and (max-width: 1240px) {
.post-sidebar.large-4.col { max-width: 361px; -ms-flex-preferred-size: 361px; flex-basis: 361px; }
.blog-single .large-8.col { max-width: calc(100% - 361px); -ms-flex-preferred-size: calc(100% - 361px); flex-basis: calc(100% - 361px); }
}
@media screen and (min-width: 1241px) {
.post-sidebar.large-4.col { max-width: 361px; -ms-flex-preferred-size: 361px; flex-basis: 361px; }
.blog-single .large-8.col { max-width: 860px; -ms-flex-preferred-size: 860px; flex-basis: 860px; }
.row.row-large { max-width: 1221px !important; }
}
@media only screen and (max-width: 359px) {
  .blog-single .large-8.col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/** Some padding for author boxes on author pages */
.blog-archive .saboxplugin-wrap { padding-bottom: 1em; }

/** Checkmark lists */
ul.checkmark-list { list-style: none; }
ul.checkmark-list li:before {
    content: '✓';
    padding-right: 5px;
    font-weight: bolder;
}

/** Shrink rating elements of recipe snippet in sidebars */
.post-sidebar .wprm-rating-star svg { height: 0.8em; width: 0.8em; }
.post-sidebar .wprm-recipe-rating-details.wprm-block-text-normal { font-size: 0.7em; }

/** Hide Simple Author Box website URL on archive/author pages */
.blog-archive .saboxplugin-web { display: none; }

/** Make the ESSB Links take a bit less space */
.essb_links { margin: 0.2em 0; }

/** --------------------------------------
 * ----------------------------------------
 * A Bunch Of Stuff For The Recipe Snippet
 * ----------------------------------------
 */

.inlined-recipe-snippet {
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    display: flex;
	margin: 5px 20px;
}

.snippet-author {
    display: flex;
    line-height: 36px;
    align-items: flex-start;
    flex-shrink: 0;
}

.snippet-author-image {
    width: 36px;
    margin-right: 10px;
    flex-shrink: 0;
}

.snippet-author-text {
    font-size: 15px;
    line-height: 36px;
}

.snippet-details {
    display: block;
}

.snippet-details ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
	flex-wrap: wrap;
    justify-content: center;
}

.snippet-details ul li {
    margin: 2.5px 0 2.5px 18px;
    padding: 0;
}

.snippet-details li.rating {
    display: flex;
    line-height: 16px;
    align-items: center;
}

.snippet-details li.jump .wprm-recipe-link.wprm-recipe-link-inline-button {
    margin: 0px 5px;
}

.snippet-details .wprm-recipe-rating {
    margin-left: 10px;
}