.wp-main-nav {
    width: 100%
}

.wp-main-nav p {
    margin: 0;
    font-weight: 700
}

#wordpress-menu {
    margin: 10px 0
}

@media(max-width: 500px) {
    #wordpress-menu {
        margin:0
    }
}

#wordpress-menu li {
    margin: 0 0 3px
}

#wordpress-menu a {
    color: #444;
    padding: 0 0 0 10px;
    border-left: 4px solid #ccc;
    font-family: merriweather,serif
}

#wordpress-menu-382 {
    background: #dcdcda;
    width: 100%;
    height: 31px;
    margin: 0 0 10px;
    display: table
}

#wordpress-menu-382 li {
    display: table-cell;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#wordpress-menu-382 li a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url(https://hydrobuilder.com/skin/frontend/hbh/default/images/nav_border.png) no-repeat scroll right bottom transparent;
    color: #444;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
    padding: 9px;
    text-align: center
}

#wordpress-menu-382 li a:hover {
    color: #333
}

#wordpress-menu-382 li.active a {
    background: #999;
    padding: 15px 12px 10px;
    margin-top: -4px
}

.wp-main-nav ul#wordpress-menu-382 li ul.level0 {
    background: #fff;
    border: 4px solid #999;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 3px 3px 2px 1px rgba(0,0,0,.32);
    height: auto;
    left: -999em;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 210px
}

.wp-main-nav ul#wordpress-menu-382 li.active ul.level0 {
    background: #fff;
    border: 4px solid #999
}

.wp-main-nav ul#wordpress-menu-382 li:hover ul.level0 {
    left: auto;
    top: 82px;
    z-index: 2000
}

.wp-main-nav ul#wordpress-menu-382 .last ul.level0 {
    display: none
}

.wp-main-nav ul#wordpress-menu-382 li ul.level0 li {
    display: block
}

.wp-main-nav ul#wordpress-menu-382 li ul.level0 li a {
    background: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
    padding: 8px 13px;
    margin: 0;
    width: 184px;
    color: #444;
    text-align: left
}

.wp-main-nav ul#wordpress-menu-382 li ul.level0 li a:hover {
    background: #f4f4f4
}

.wp-main-nav ul#wordpress-menu-382 li.active ul.level0 li a {
}

.wp-main-nav ul#wordpress-menu-382 li.active ul.level0 li a:hover {
    background: #f4f4f4
}

.box-collateral .box-related-posts {
    margin: 25px 0 0
}

.blog-search {
    padding: 5px
}

.blog-search .input-text {
    margin-bottom: 4px
}

.post-entry ul {
    margin: 10px 15px 15px 20px
}

.post-entry ol {
    list-style: decimal;
    margin: 10px 15px 15px 20px
}

.post-entry ol li {
    font-size: 16px;
    font-family: monospace,sans-serif;
    padding: 5px 10px;
    margin: 5px 0;
    text-align: left
}

.post-entry ul li {
    background: #f6f6f6;
    font-size: 16px;
    font-family: monospace,sans-serif;
    padding: 5px 10px;
    margin: 5px 0;
    text-align: left;
    list-style-type: disc
}

.post-entry table {
    width: 100%;
    border: 1px solid #dcdcda
}

.post-entry thead {
    background-color: #f4f3f0
}

.post-entry th {
    padding: 5px 0;
    border-bottom: 1px solid #dcdcda;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    font-family: crete round,helveticaneue,helvetica neue,Helvetica,Arial,sans-serif
}

.post-entry tr:nth-child(even) {
    background-color: #f4f3f0
}

.post-entry td {
    text-align: center;
    font-size: 15px;
    padding: 5px;
    border-top: 1px solid #dcdcda;
    border-left: 1px solid #dcdcda
}

.post-entry td:first-child {
    border-left: none
}

.post-date {
    font-style: italic;
    font-size: 98%;
    margin-bottom: 10px
}

.post-meta {
    font-style: italic
}

.post-entry {
    font-size: 1.5em;
    height: 1%;
    overflow: hidden
}

.post-entry-with-image {
    height: 1%;
    overflow: hidden
}

.post-entry p {
    font-family: merriweather,serif;
    font-size: 15px;
    line-height: 28px;
    margin: 0 0 15px
}

.post-entry h2 {
    font-size: 24px
}

.post-entry h2,.post-entry h3,.post-entry h4 {
    font-family: merriweather,serif
}

.post-entry h2 a:hover {
    text-decoration: none!important;
    color: #5e862a!important
}

.highlight {
    border-radius: .1875rem;
    background-color: #daecc3;
    color: #435f1e;
    padding: .125em .25em
}

.featured-image {
    width: 100%
}

.featured-image img {
    width: 100%
}

.list-thumbnail {
    margin-bottom: 1.5rem;
    display: block;
    position: relative
}

.featured-image.right {
    margin: 2px 0 4px 10px
}

.is-blog .toolbar {
    margin: 0 0 10px
}

.wp-sidebar {
    margin: 10px 0
}

.wp-sidebar img {
}

.wp-sidebar .block {
    border: none
}

.wp-sidebar .block-content {
    padding: 0;
    margin: 0
}

.wp-sidebar .block .block-title {
    margin-bottom: 15px
}

.wp-sidebar .block .block-content li.item {
    border-bottom: none;
    margin-bottom: 20px
}

.wp-sidebar-post-title {
    font-weight: 700;
    font-size: 16px;
    color: #444;
    font-family: merriweather,serif
}

.wp-sidebar-post-title:hover {
    text-decoration: underline
}

.wp-sidebar-post-thumbnail img {
    width: display:block;
    padding: 0 0 5px
}

.wp-sidebar-highlighted {
    background: #f4f3f0;
    padding: 10px 0!important
}

.blog-title.not-first-page {
    display: none
}

.blog-title.with-tagline {
    margin-bottom: 10px
}

.blog-tag-line {
}

.blog-intro {
    width: 60%
}

.post-list-item h2 a {
    font-family: merriweather,serif;
    color: #444;
    font-weight: 700
}

.post-list li.item {
}

.post-list li.item .post-list-item {
    height: 1%;
    overflow: hidden
}

.post-list-button {
    font-size: 1.15rem;
    padding-top: .6rem
}

.post-list-page-title {
    text-transform: capitalize;
    font-size: 2.25rem!important;
    font-family: crete round,helveticaneue,helvetica neue,Helvetica,Arial,sans-serif!important;
    margin: 10px 0 20px
}

.post-list-separator {
    border-bottom: 2px dashed #dcdcda;
    margin: 1.2em 0 1em
}

.page-title.post-title {
    margin-bottom: 4px
}

.page-title.post-title h1 {
    font-size: 2.25rem;
    font-family: merriweather,serif;
    margin: 10px 0 20px
}

.post-view .post-meta {
    margin-bottom: 20px
}

.post-view .post-skips {
    display: block;
    margin-top: 20px;
    width: 100%
}

.post-view .post-skips .post-skip-previous {
    margin-right: 10px
}

.post-view .yarpp-related {
    margin-bottom: 20px
}

.post-view {
}

blockquote {
    margin: 0 1.6em;
    font-style: italic;
    font-size: 20px
}

blockquote p {
    line-height: 26px;
    font-size: 20px;
    background: #f6f6f6;
    padding: 15px
}

.faq-list li {
    background-image: url(/media/cms/wordpress/images/faq-icon.png);
    background-repeat: no-repeat;
    padding-left: 45px;
    height: 37px;
    margin: 10px 0 0
}

.faq-list li h4 {
    padding-top: 6px;
    font-size: 17px
}

.faq-list li a:hover {
    text-decoration: none
}

.featured-list {
    color: #444;
    text-align: center;
    font-size: 15px;
    font-weight: 600
}

.featured-list a {
    color: #444!important
}

.featured-list a:hover {
    text-decoration: none;
    color: #58932c!important;
    background-color: #dd6021
}

.no-underline {
    color: #444!important
}

.no-underline:hover {
    text-decoration: none;
    color: #58932c!important
}

img.nelioefi {
    min-width: 100px;
    min-height: 100px
}

.wordpress-block-content li img {
    float: left;
    display: block;
    margin-right: 15px
}

.wordpress-product-half {
    width: 50%
}

.wordpress-product-half li img {
    float: left;
    display: block;
    margin-right: 15px
}

.wordpress-product-centered {
    width: 50%;
    margin: 0 auto;
    clear: both
}

.wordpress-product-wrap-left {
    width: 50%;
    float: left;
    margin-right: 20px
}

.wordpress-product-wrap-right {
    width: 50%;
    float: right;
    margin-left: 20px
}

.wordpress-product-left {
    width: 50%;
    float: left;
    margin-right: 20px;
    border: none
}

.block .wordpress-block-content {
    padding: 1px 10px
}

.block .wordpress-block-content li.item {
    padding-bottom: 5px;
    margin-bottom: 5px
}

.block .wordpress-block-content li.item.last {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.block .wordpress-block-content .product-name {
    color: #58932c;
    margin-bottom: 0!important
}

.block .wordpress-block-content .button {
    margin-top: 5px
}

.wordpress-product-half-list {
    width: 50%
}

.wordpress-product-half-list li img {
    float: left;
    display: block;
    margin-right: 15px
}

.wordpress-product-list-wrap-left {
    width: 50%;
    float: left;
    margin-right: 20px
}

.wordpress-product-list-wrap-left li img {
    float: left;
    display: block;
    margin-right: 15px
}

.wordpress-product-list-wrap-right {
    width: 50%;
    float: right;
    margin-left: 20px
}

.wordpress-product-list-wrap-right li img {
    float: left;
    display: block;
    margin-right: 15px
}

.block .wordpress-list-block-content {
    padding: 1px 10px
}

.block .wordpress-list-block-content li.item {
    padding-bottom: 5px;
    margin-bottom: 5px
}

.block .wordpress-list-block-content li.item.last {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.block .wordpress-list-block-content .product-name {
    color: #58932c;
    margin-bottom: 0!important
}

.block .wordpress-list-block-content .button {
    margin-top: 5px
}

.wordpress-product-half-row {
    width: 99%;
    clear: both;
    border: none!important
}

.wordpress-product-half-row td img {
    margin-bottom: 8px
}

.block .wordpress-row-block-content {
    padding: 1px 10px
}

.block .wordpress-row-block-content td.item {
    width: 33%;
    text-align: center;
    padding: 0 16px
}

.block .wordpress-row-block-content li.item.last {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.block .wordpress-row-block-content .product-name {
    color: #58932c;
    margin-bottom: 0!important
}

.block .wordpress-row-block-content .button {
    margin-top: 5px
}

.col-2-left {
    width: 48%;
    padding: 0 10px 0 0;
    float: left
}

.col-2-right {
    width: 48%;
    padding: 0 10px 0 0;
    float: right
}

.col-3-left {
    width: 30%;
    padding: 0 10px 0 0;
    float: left
}

.col-3-mid {
    width: 30%;
    padding: 0 10px 0 17px;
    float: left
}

.col-3-right {
    width: 30%;
    padding: 0 10px 0 0;
    float: right
}

.col-twothirds-left {
    width: 65%;
    padding: 0 10px 0 0;
    float: left
}

.col-twothirds-right {
    width: 65%;
    padding: 0 10px 0 0;
    float: right
}

.col-4-left {
    width: 23%;
    padding: 0 10px 0 0;
    float: left
}

.col-4-midleft {
    width: 23%;
    padding: 0 10px 0 5px;
    float: left
}

.col-4-midright {
    width: 23%;
    padding: 0 10px 0 5px;
    float: left
}

.col-4-right {
    width: 23%;
    padding: 0 10px 0 0;
    float: right
}

.col-threefourths-left {
    width: 74%;
    padding: 0 10px 0 0;
    float: left
}

.col-threefourths-right {
    width: 74%;
    padding: 0 10px 0 0;
    float: right
}

.clear {
    clear: both
}

.col-3-left img,.col-3-mid img,.col-3-right img {
    max-width: 200px
}

.post-series-footer {
    width: 100%
}

.post-series-footer-left {
    float: left;
    width: 250px;
    border: 2px solid #e4e4e4
}

.post-series-footer-right {
    float: right;
    width: 250px;
    border: 2px solid #e4e4e4
}

.post-series-footer-title {
    width: 250px;
    background-color: #e4e4e4;
    color: #444;
    font-family: crete round,helveticaneue,helvetica neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 18px;
    display: block;
    padding: 5px 0
}

.series-previous img {
    width: 10px;
    margin-right: 8px;
    margin-top: 2px
}

.series-previous span {
    color: #444;
    font-family: crete round,helveticaneue,helvetica neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 16px
}

.series-next img {
    width: 10px;
    margin-right: 8px;
    margin-top: 2px
}

.series-next span {
    color: #444;
    font-family: crete round,helveticaneue,helvetica neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 16px
}

.post-series-thumb {
    padding: 10px;
    height: 50px
}

.post-series-thumb img {
    float: left;
    width: 50px;
    margin-right: 10px;
    display: block;
    position: relative;
    top: 35%;
    transform: translateY(-35%)
}

.post-series-thumb span {
    font-family: crete round,helveticaneue,helvetica neue,Helvetica,Arial,sans-serif;
    color: #444;
    font-size: 18px;
    line-height: 16px;
    position: relative;
    top: 35%;
    transform: translateY(-35%)
}

.comments-wrapper h2 {
    margin-bottom: 10px
}

.comments-wrapper ul.children {
    margin-left: 20px
}

.comment {
    height: 1%;
    overflow: hidden;
    margin-bottom: 10px
}

.comment .comment-inner {
    border-bottom: 1px solid #eee;
    padding: 10px 0
}

.comment .gravatar {
    float: left;
    margin: 0 10px 10px 0
}

.comment .comment-meta {
    margin-bottom: 10px
}

.comment .comment-when {
    display: block;
    text-decoration: none
}

.comment .comment-entry {
    clear: both;
    font-size: 110%
}

.author-description {
    font-style: italic;
    margin-bottom: 20px
}

.block-blog-pinterest li.item {
    text-align: center
}

.block-blog-pinterest .follow {
    text-align: center;
    margin: 10px 0 15px
}

.shortcode-pinterest {
}

.shortcode-pinterest ul {
    height: 1%;
    overflow: hidden
}

.shortcode-pinterest li {
    list-style: none;
    padding: 0;
    margin: 0 10px 10px;
    float: left
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.625em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

img[class*=align],img[class*=wp-image-],.gallery .gallery-icon img {
    padding: 10px
}

img[class*=align],img[class*=wp-image-],img[class*=attachment-] {
    height: auto;
    margin: 0 auto
}

img.size-full,img.size-large {
    max-width: 97.5%;
    width: auto;
    height: auto
}

img.alignleft,img.alignright,img.aligncenter {
    margin-bottom: 1.625em
}

.wp-caption {
    margin-top: .4em
}

.wp-caption {
    background: #eee;
    margin-bottom: 1.625em;
    max-width: 96%;
    padding: 9px
}

.wp-caption img {
    display: block;
    margin: 0 auto;
    max-width: 98%;
    border-color: #eee
}

.wp-caption .wp-caption-text {
    color: #666;
    font-family: Georgia,serif;
    font-size: 12px
}

.wp-caption .wp-caption-text {
    margin-bottom: .6em;
    padding: 10px 0 5px 40px;
    position: relative
}

.wp-caption .wp-caption-text:before {
    color: #666;
    content: '\2014';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin-right: 5px;
    position: absolute;
    left: 10px;
    top: 7px
}

.wp-caption img {
    border-color: #eee
}

.wp-caption a:focus img,.wp-caption a:active img,.wp-caption a:hover img {
    background: #fff;
    border-color: #ddd
}

.wp-caption .wp-caption-text,.gallery-caption,.entry-caption {
    font-style: italic;
    font-size: 12px;
    font-size: .857142857rem;
    line-height: 2;
    color: #757575
}

div.gallery {
    height: 1%;
    overflow: hidden
}

.gallery-columns-2 dl.gallery-item {
    width: 50%
}

.gallery-columns-3 dl.gallery-item {
    width: 33%
}

.gallery-columns-4 dl.gallery-item {
    width: 25%
}

.gallery-columns-5 dl.gallery-item {
    width: 20%
}

dl.gallery-item {
    float: left
}

dl.gallery-item .gallery-icon {
    overflow: hidden
}

.post-view ul.form-list {
    list-style: none outside none
}

#wp-calendar {
    margin: 0;
    width: 100%;
    padding: 5px 10px
}

#wp-calendar th {
    font-weight: 700
}

#wp-calendar th,#wp-calendar td,#wp-calendar caption {
    text-align: left
}

#wp-calendar #next {
    text-align: right
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail,.yarpp-thumbnail-default,.yarpp-thumbnail-title {
    display: inline-block;
    *display: inline
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    border: 1px solid rgba(127,127,127,.1);
    width: 130px;
    height: 170px;
    margin: 5px;
    margin-left: 0;
    vertical-align: top
}

.yarpp-thumbnail>img,.yarpp-thumbnail-default {
    width: 120px;
    height: 120px;
    margin: 5px
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail>img,.yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
    margin-bottom: 0;
    display: block
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    font-size: 1em;
    max-height: 2.8em;
    line-height: 1.4em;
    margin: 7px;
    margin-top: 0;
    width: 120px;
    text-decoration: inherit;
    overflow: hidden
}

.yarpp-thumbnail-default {
    overflow: hidden
}

.yarpp-thumbnail-default>img.yarpp-thumbnail-default-wide {
    height: 120px;
    max-width: none
}

.yarpp-thumbnail-default>img.yarpp-thumbnail-default-tall {
    width: 120px;
    max-height: none
}

#recipress_recipe {
    clear: both
}

.std ul.mini-products-list {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.std ul.mini-products-list ul.item {
    list-style: none
}

img.max-width {
    max-width: 100%
}

.mini-products-list {
    border: none!important
}

.mini-products-list td {
    border: none!important
}

#fp-gallery {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

#fp-gallery .shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    background: #000 url(https://hydrobuilder.com/skin/frontend/hbh/default/wordpress/ajax-loader.gif) no-repeat center 40px
}

#fp-gallery .inner {
    position: relative;
    z-index: 102;
    background: #fff;
    max-width: 95%;
    margin: 1% auto 0;
    background: #fff;
    border: 4px solid #ddd;
    box-shadow: 4px 4px 4px #666;
    display: inline-block;
    min-width: 400px;
    min-height: 200px
}

#fp-gallery .close {
    display: inline-block;
    position: absolute;
    background: #fff url(https://hydrobuilder.com/skin/frontend/hbh/default/wordpress/lightbox-close.png) no-repeat center center;
    padding: 2px;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    height: 48px;
    width: 48px;
    margin: auto;
    top: 10px;
    right: 10px;
    text-indent: -999999px
}

#block-blog-related .price-box span:first-child {
    padding-left: 0;
    padding-right: 0
}

#block-blog-related .price-box {
    display: inline-block
}

#block-blog-related {
    list-style: none;
    margin: 0
}

#block-blog-related li {
    margin: 0;
    padding: 0 0 10px
}

#block-blog-related .product {
    margin-left: 0
}

.wp-block-buttons {
    margin: 10px 0
}