/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.header__search .hs-search-field__bar button svg, .social-links__icon svg { fill: #fff !important; }
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer img, .footer label, .footer li, .footer p, .footer span { color: #fff; }
.blog-post__hero-background { min-height: 440px; }
.blog-post__hero { position: relative; }
.blog-post__hero-content-wrapper {  position: absolute; background: rgb(0,0,0,0.3); top: 0; left: 0; right: 0; color: #fff; height: 100%;     display: flex;
    align-items: center;  }
.blog-post__hero-content-wrapper h1, .blog-post__hero-content-wrapper a { color: #fff; }
.blog-post__social-share { display: none; }
.recipe__ingredients { padding: 20px 10px !important; }
.recipe__ingredients ul li{  -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow-x: hidden; }
a.blog-category__link { color: #fff !important; }
.blog-category__name { color: #fff !important; }

@media (max-width: 768px) {
  .systems-page .page-header h1 { word-break: break-all:  hyphens: auto; font-size: 36px !important; }
  .systems-page .page-header h2 { font-size: 28px !important; }
  .systems-page .page-header { margin-bottom: 30px !important; }
  .systems-page form input[type=submit] { line-height: 1.2 !important; }
  .systems-page { padding-left: 0 !important; padding-right: 0 !important; }
}

@media (max-width: 520px) {
  .systems-page .page-header h1 { font-size: 30px !important; }
  .systems-page .page-header h2 { font-size: 24px !important; }
}