body.template-blog .rotating{animation:rotate 2s infinite linear}body.template-blog .rotating:before{animation:rotate 2s infinite linear}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.template-blog #blog-header{background-color:var(--background-color-secondary);padding:125px 50px 50px;text-align:center;position:relative;overflow:hidden}body.template-blog #blog-header h1{position:relative;font-size:2.5em;margin-bottom:0;z-index:9}body.template-blog #blog-header p{position:relative;margin-top:10px;z-index:9}body.template-blog #blog-header p a{color:#c78766}body.template-blog #blog-header p a:hover{color:#d5a68d}@media screen and (min-width:992px){body.template-blog #blog-header{padding:150px 50px 100px}body.template-blog #blog-header h1{font-size:3.5em}}body.template-blog #blog-header #carrot-watercolor{position:absolute;bottom:-175px;right:-175px;animation:carrot-watercolor-float 9s ease-in-out infinite;display:none}@media screen and (min-width:992px){body.template-blog #blog-header #carrot-watercolor{display:block}}body.template-blog #blog-header #broccoli-watercolor{position:absolute;top:-225px;left:-225px;z-index:0;animation:broccoli-watercolor-float 12s ease-in-out infinite}@media screen and (min-width:992px){body.template-blog #blog-header #broccoli-watercolor{top:-200px;left:-200px}}@keyframes carrot-watercolor-float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}@keyframes broccoli-watercolor-float{0%{transform:translatey(0)}50%{transform:translatey(20px)}to{transform:translatey(0)}}body.template-blog #blog{padding:30px 50px 50px;max-width:1300px;margin:0 auto}body.template-blog #blog .tags{text-align:center;margin-bottom:50px;margin-top:15px}body.template-blog #blog #top-tag-list{display:none}@media screen and (min-width:992px){body.template-blog #blog #top-tag-list{display:block}}body.template-blog #blog .article{display:flex;flex-direction:column;justify-content:flex-start}@media screen and (min-width:992px){body.template-blog #blog .article{flex-direction:row}}body.template-blog #blog .article:not(:last-of-type){margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #e7e7e7}body.template-blog #blog .article .article-photo{flex-basis:40%;margin-bottom:20px}body.template-blog #blog .article .article-photo img{height:auto}body.template-blog #blog .article .article-overview{flex-basis:60%;text-align:left}body.template-blog #blog .article .article-overview .rte{line-height:1.5em;color:#222}body.template-blog #blog .article .article-overview .rte a{color:var(--primary-color)}body.template-blog #blog .article .article-overview .rte a:hover{color:var(--primary-color-lighter)}@media screen and (min-width:992px){body.template-blog #blog .article .article-overview{margin-left:50px}}body.template-blog #blog .article .article-overview h3{font-size:1.5em;margin-bottom:25px}@media screen and (min-width:992px){body.template-blog #blog .article .article-overview h3{font-size:2.5em}}body.template-blog #blog .article .article-overview h3 a{color:#222;text-decoration:none}body.template-blog #blog .article .article-overview .read-more{font-size:.8em;font-family:var(--font-regular);font-style:italic}body.template-blog #blog .article .article-overview .written-by{display:flex;justify-content:flex-start;align-items:center;margin-top:25px;margin-bottom:25px}body.template-blog #blog .article .article-overview .written-by .written-by-picture{width:40px;height:40px;flex-shrink:0}body.template-blog #blog .article .article-overview .written-by .written-by-picture img{width:40px;height:40px;border-radius:40px;align-self:center}body.template-blog #blog .article .article-overview .written-by .written-by-byline{padding-left:10px}body.template-blog #blog .article .article-overview .written-by .written-by-byline .written-by-name{font-size:.8em;font-family:var(--font-regular);color:#000}body.template-blog #blog .article .article-overview .written-by .written-by-byline .written-by-date{font-size:.6em}body.template-blog #blog .article .article-overview .read-more{text-align:right;margin:8px 0 0}body.template-blog #blog .article .article-overview .tags{text-align:left;display:block;margin-bottom:0}body.template-blog .tags{text-align:center;margin-bottom:50px;margin-top:15px}body.template-blog .tags li{display:inline;color:#000}body.template-blog .tags li a{text-decoration:none;background-color:#e7e7e7;border-radius:3px;padding:7px;font-size:.7em;margin-right:10px;color:#000}body.template-blog .tags li a:hover{background-color:#ddd}body.template-blog .tags li.title{font-family:var(--font-regular);font-size:.8em}
