@charset "UTF-8";
@media only screen and (min-width: 750px) { #site-header img.header-logo { padding-bottom: 44px !important; padding-top: 42px !important; width: 390px !important; }
  #site-header .header-toggles.hide-no-js, #site-header button.toggle.search-untoggle.close-search-toggle { display: none; }
  .menu-item.menu-item-type-post_type.menu-item-object-page { display: none; } }

li.menu-item.menu-item-type-post_type.menu-item-object-page { padding-right: 7px; }

#site-header .header-inner { flex-wrap: wrap; margin: 0; padding: 0; padding-top: 0; max-width: none; width: 100%; }

#site-header .header-titles-wrapper, #site-header .header-navigation-wrapper { margin: 0 auto; width: 100%; }

#site-header .header-titles { margin: 0 auto; }

#site-header .header-titles img.header-logo { padding: 18px 0; width: 165px; }

#site-header .primary-menu-wrapper > ul.primary-menu { border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; justify-content: center; padding: 30px 0; }

#site-header .primary-menu-wrapper > ul.primary-menu ul { background-color: #fff !important; }

#site-header .primary-menu-wrapper > ul.primary-menu li a { letter-spacing: .1em; line-height: 1.2em; font-size: 15px; }

#site-header .primary-menu-wrapper > ul.primary-menu li a::before { background-size: contain !important; content: ' '; display: inline-block; height: 30px; vertical-align: middle; width: 30px; margin-bottom: 5px; margin-right: 3px; }

#site-header .primary-menu-wrapper > ul.primary-menu li a:hover, #site-header .primary-menu-wrapper > ul.primary-menu li a:active { color: #A9C531 !important; text-decoration: none; }

#site-header .primary-menu-wrapper > .primary-menu li a::before { background: url("../images/drbronner-products-icon.svg"); }

#site-header .primary-menu-wrapper > .primary-menu li.category-body a::before { background: url("../images/body-icon.svg"); }

#site-header .primary-menu-wrapper > .primary-menu li.category-house a::before { background: url("../images/house-icon.svg"); }

#site-header .primary-menu-wrapper > .primary-menu li.category-education a::before { background: url("../images/education-icon.svg"); }

#site-header .primary-menu-wrapper > .primary-menu li.category-living-lightly a::before { background: url("../images/living-lightly-icon.svg"); }

#site-header .primary-menu-wrapper > .primary-menu li.category-being-bronner a::before { background: url("../images/being-bronner-icon.svg"); }

#site-header .primary-menu-wrapper > .primary-menu li.category-drbronners-products a::before { background: url("../images/drbronner-products-icon.svg"); }

#site-header .primary-menu-wrapper > .primary-menu li.category-videos a::before { background: url("../images/videos-icon.svg"); }

#site-header .primary-menu-wrapper > .primary-menu li.category-book a::before { background: url("../images/book-icon.svg"); height: 25px; width: 25px; margin: 3px 7px 7px 0; }

#site-header ul.primary-menu li ul.sub-menu { display: none; }

#site-header ul.primary-menu:hover li ul.sub-menu { display: block; padding-top: 21px; padding-bottom: 25px; }

#site-header .primary-menu li.menu-item-has-children > ul { border-radius: 0; left: 0px; top: 66px; }

#site-header .primary-menu-wrapper > .primary-menu li.menu-item ul.sub-menu::after { display: none; }

#site-header .primary-menu-wrapper > .primary-menu li.menu-item ul.sub-menu:last-child { padding-bottom: 10px; }

#site-header .primary-menu-wrapper > .primary-menu li.menu-item ul.sub-menu li a { font-size: 15px; line-height: 1.2em; padding: 0 25px 12px; }

#site-header .primary-menu-wrapper > .primary-menu li.menu-item ul.sub-menu li a:hover, #site-header .primary-menu-wrapper > .primary-menu li.menu-item ul.sub-menu li a:active { color: #A9C531 !important; text-decoration: none; }

#site-header .primary-menu-wrapper > .primary-menu li.menu-item ul.sub-menu li a::before { background: none !important; content: '' !important; display: none; }

#site-header .nav-toggle .toggle-icon, #site-header .nav-toggle svg { color: #707070; height: 15px; width: 16px; }

#site-header button.toggle.nav-toggle.mobile-nav-toggle { left: 0; right: unset; }

#site-header button.toggle.search-toggle.mobile-search-toggle { left: unset; right: 0; }

#site-header button.toggle.search-toggle.mobile-search-toggle svg.svg-icon { color: #707070; height: 15px; width: 16px; }

#site-header .search-modal .search-field { color: #707070; font-family: "Museo Slab", serif; font-size: 14px; height: 56px; letter-spacing: 0; margin: 0; }

#site-header .search-modal .search-field::placeholder { color: #CCCCCC; }

#site-header .search-toggle .toggle-icon { height: auto; width: auto; }

#site-header .header-titles-wrapper .toggle-inner { height: auto; margin: 0 auto; padding-top: 0; }

#site-header .search-modal.cover-modal.header-footer-group.show-modal.active { top: 68px; }

#site-header .search-modal.active .search-modal-inner { box-shadow: none; }

#site-header .toggle.search-toggle.mobile-search-toggle.active { display: none; }

#site-header .toggle.search-toggle.mobile-search-toggle.active + .toggle.search-untoggle.close-search-toggle { color: #707070 !important; display: flex; padding: 0; position: absolute; margin-right: 20px; right: 0; }

#site-header .toggle.search-toggle.mobile-search-toggle + .toggle.search-untoggle.close-search-toggle { display: none; }

#site-header .search-modal-inner .section-inner { max-width: unset; width: 100%; }

#site-header .toggle.nav-toggle.mobile-nav-toggle.active { display: none; }

#site-header .toggle.nav-toggle.mobile-nav-toggle + .toggle.close-nav-toggle.fill-children-current-color { display: none; }

#site-header .toggle.nav-toggle.mobile-nav-toggle.active + .toggle.close-nav-toggle.fill-children-current-color { display: block; width: 14px; }

#site-header button.toggle.close-nav-toggle.fill-children-current-color { color: #707070 !important; display: block; left: 0; margin: 0; margin-left: 2rem; padding: 0; position: absolute; width: 16px; }

.menu-modal.active { flex-wrap: wrap; top: 68px; }

.menu-modal nav * { border: none; }

.menu-modal .modal-menu li.current-menu-item > .ancestor-wrapper > a { text-decoration: none !important; }

.menu-modal .modal-menu .ancestor-wrapper { justify-content: center; padding-bottom: 19px; text-align: center; }

.menu-modal .modal-menu a { width: auto; }

.menu-modal .modal-menu > li > a, .menu-modal .modal-menu > li > .ancestor-wrapper > a, .menu-modal .ancestor-wrapper > a { font-size: 12px; letter-spacing: .1em; line-height: 18px; margin: 0; padding: 0; }

.menu-modal .modal-menu ul li a { color: #A9C531 !important; font-weight: 700; letter-spacing: .1em; }

.menu-modal .modal-menu li.menu-item-has-children { margin-left: 15px; }

.menu-modal button.sub-menu-toggle { margin: 0; padding: 0 7px; }

.menu-modal .menu-modal-border { height: 1px; margin: 0; padding: 0; width: 100%; }

.menu-modal .menu-modal-border hr { color: #F5F5F5; margin: 0 auto; width: 90%; }

.menu-modal .menu-modal-inner.modal-inner { position: absolute; top: 19px; }

.menu-modal .toggle.sub-menu-toggle.fill-children-current-color .ss-icon { display: block; height: 18px; line-height: 18px; padding-left: 10px; padding-right: 10px; }

.menu-modal .toggle.sub-menu-toggle.fill-children-current-color .ss-icon::before { content: '▾'; color: #707070; font-family: "SS Standard", sans-serif; font-size: 9px; left: 8px; line-height: 18px; height: 18px; padding-right: 16px; position: absolute; top: 0; width: 16px; }

.menu-modal .toggle.sub-menu-toggle.fill-children-current-color.active .ss-icon::before { content: '▴'; }