@charset "UTF-8";
body.home #site-content { display: flex; justify-content: space-between; padding: 0 20px; flex-wrap: wrap; }

body.home #site-content #DO-main-column { width: 100%; max-width: 900px; }

body.home #site-content #DO-sidebar { width: 100%; }

body.home #site-content .pagination-wrapper { margin-bottom: 35px; }

.hero-banner { width: 100%; }

.hero-banner .slide-dots-container-mobile { width: 100%; height: 35px; position: relative; z-index: 2; background-color: #FFFFFF; }

.hero-banner .slick-dots { bottom: unset; }

.hero-banner .slide-container { top: 35px; display: flex; flex-wrap: wrap; text-align: center; width: 100%; }

.hero-banner .slide-container picture, .hero-banner .slide-container a { max-height: 560px; object-fit: cover; width: 100%; }

.hero-banner .slide-container .slide-content { background-color: #fff; bottom: 0; height: auto; left: 0; padding: 25px; position: relative; width: 100%; }

.hero-banner .slide-container .slide-content .category-icon { display: inline-block; height: 30px; vertical-align: middle; width: 30px; }

.hero-banner .slide-container .slide-content a { letter-spacing: .1em; text-decoration: none; color: #CCCCCC !important; }

.hero-banner .slide-container .slide-content a.category { display: none; }

.hero-banner .slide-container .slide-content a.title h2 { color: #A9C531; font-size: 28px; font-family: "Museo Slab", serif; font-weight: 500; letter-spacing: normal; line-height: 40px; margin: 0; text-transform: none; padding-bottom: 15px; }

.hero-banner .slide-container .slide-content p.description { font-size: 14px !important; line-height: 22px; text-align: center; }

.hero-banner .slide-container .slide-content button.cta { background: #A9C531; font-size: 12px; font-family: "Futura", sans-serif; font-weight: bold; letter-spacing: .1em; }

.hero-banner .slick-slide img { width: 100%; }

.hero-banner .slick-dots li { margin: 0; }

.hero-banner .slick-dots li button:before { content: "●"; font-family: sans-serif; font-size: 26px; }

.hero-banner .slick-dots li.slick-active button:before { color: #A9C531; }

.hero-banner .slick-dots li button:focus:before, .hero-banner .slick-dots li button:hover:before { color: #A9C531; opacity: 1; }

.slide-content a span::before { background-size: contain !important; content: ' '; display: inline-block; height: 30px; vertical-align: middle; width: 30px; text-align: center; background: url("../images/drbronner-products-icon.svg"); margin-bottom: 5px; }

.slide-content a.category-empty span::before { background: none; }

.slide-content a.category-body span::before { background: url("../images/body-icon.svg"); }

.slide-content a.category-house span::before { background: url("../images/house-icon.svg"); }

.slide-content a.category-education span::before { background: url("../images/education-icon.svg"); }

.slide-content a.category-living-lightly span::before { background: url("../images/living-lightly-icon.svg"); }

.slide-content a.category-being-bronner span::before { background: url("../images/being-bronner-icon.svg"); }

.slide-content a.category-drbronner-products span::before { background: url("../images/drbronner-products-icon.svg"); }

.slide-content a.category-videos span::before { background: url("../images/videos-icon.svg"); }

#DO-main-column article.DO-homepage-post-item { display: flex; flex-wrap: wrap; padding-bottom: 60px; }

#DO-main-column hr.post-separator { display: none; }

article.DO-homepage-post-item .article-left { width: 100%; }

article.DO-homepage-post-item .article-left figure.featured-media { margin: 0; }

article.DO-homepage-post-item .article-left figure.featured-media .featured-media-inner.section-inner.medium { max-width: unset; width: 100%; }

article.DO-homepage-post-item .article-left figure.featured-media .featured-media-inner.section-inner.medium img { width: 100%; max-width: unset; }

article.DO-homepage-post-item .article-right { width: 100%; }

article.DO-homepage-post-item .article-right .entry-categories { margin-bottom: 5px; }

article.DO-homepage-post-item .article-right .entry-categories-inner { margin: 0; display: inline-block; width: 100%; }

article.DO-homepage-post-item .article-right .DO-category-title { text-align: center; width: 100%; display: inline-block; font-size: 15px; font-family: "Futura", sans-serif; color: #CCCCCC; text-transform: uppercase; font-weight: bold; letter-spacing: .1em; line-height: 20px; padding-top: 27px; }

article.DO-homepage-post-item .article-right h2.entry-title { font-size: 28px; line-height: 34px; text-align: center; margin-bottom: 15px; }

article.DO-homepage-post-item .article-right .post-inner, article.DO-homepage-post-item .article-right header.entry-header { margin: 0; padding: 0; }

article.DO-homepage-post-item .article-right .entry-content { font-family: "Museo Slab", serif; line-height: 24px; font-size: 16px; text-align: center; }

article.DO-homepage-post-item .article-right .entry-content > * { width: 100% !important; max-width: unset; text-align: center; margin: 0 auto; }

article.DO-homepage-post-item .article-right .post-inner { padding-top: 15px; }

article.DO-homepage-post-item .article-right .post-inner a { color: #A9C531 !important; font-family: "Museo Slab", serif; font-size: 16px; font-weight: 500; text-transform: none; letter-spacing: normal; text-decoration: none; }

article.DO-homepage-post-item .article-right .entry-content p, article.DO-homepage-post-item .article-right .entry-header-inner.section-inner.medium { margin: 0; padding: 0; width: 100%; max-width: unset; }

article.DO-homepage-post-item .article-right .read-more { display: inline-block; padding-top: 0; text-align: center; }

.pagination-wrapper.section-inner { width: 100%; margin: 0 auto; max-width: 1440px; padding: 25px !important; }

.pagination .nav-links { justify-content: center; }

.pagination .nav-links .page-numbers.current { color: #A9C531; font-size: 15px; font-weight: bold; font-family: "Futura", sans-serif; }

.pagination .nav-links .page-numbers.dots { top: 7px; position: relative; }

@media only screen and (min-width: 750px) { body.home #site-content { display: flex; justify-content: space-between; padding: 70px 35px !important; flex-wrap: nowrap !important; }
  body.home #site-content #DO-main-column { width: 80% !important; max-width: 900px; }
  body.home #site-content #DO-sidebar { width: 317px !important; }
  .hero-banner .slide-container { height: 300px; display: flex; flex-wrap: wrap; text-align: left; }
  .hero-banner .slide-dots-container-mobile { display: none; }
  .hero-banner .slide { display: flex; flex-wrap: wrap; }
  .hero-banner .slide-container .slide-content { height: auto; left: 35px; padding: 25px; position: relative; width: 560px; transform: translateY(-112%); }
  .hero-banner .slide-container .slide-content button.cta { display: none; }
  .hero-banner .slide-container .slide-content a.category { color: #CCCCCC !important; display: inline-block; padding-bottom: 5px; }
  .hero-banner .slide-container .slide-content p.description { font-size: 16px !important; line-height: 24px; text-align: left; }
  .hero-banner .slide-container .slide-content a.title h2 { font-size: 36px; font-weight: 700; }
  #DO-main-column article.DO-homepage-post-item { display: flex; flex-wrap: nowrap; padding-bottom: 35px; }
  #DO-main-column article.DO-homepage-post-item .article-left { width: 35% !important; }
  #DO-main-column article.DO-homepage-post-item .article-left figure.featured-media .section-inner.medium { max-width: 315px; width: auto; }
  #DO-main-column article.DO-homepage-post-item .article-left figure.featured-media .section-inner.medium img { width: 100%; }
  #DO-main-column article.DO-homepage-post-item .article-right { width: 65% !important; }
  #DO-main-column article.DO-homepage-post-item .article-right .DO-category-title { padding-top: 0; text-align: left; }
  #DO-main-column article.DO-homepage-post-item .article-right h2.entry-title { font-size: 36px; line-height: 40px; text-align: left; }
  #DO-main-column article.DO-homepage-post-item .article-right .post-inner, #DO-main-column article.DO-homepage-post-item .article-right header.entry-header { margin: 0; padding: 0; padding-left: 35px; padding-right: 25px; }
  #DO-main-column article.DO-homepage-post-item .article-right .entry-content, #DO-main-column article.DO-homepage-post-item .article-right .entry-content > * { text-align: left; }
  #DO-main-column article.DO-homepage-post-item .article-right .read-more { display: inline-block; padding-top: 25px; text-align: left; }
  #DO-main-column hr.styled-separator::after { width: 553px; height: 1px; transform: none; color: #EEEEEE; right: 0; top: 0; }
  #DO-main-column hr.styled-separator::before { content: unset; }
  #DO-main-column hr.post-separator { width: 100%; background: none; margin: 0; padding-bottom: 40px; } }