/*
Theme Name: Multipurpose Compost
Template: twentytwentyfive
Author: Reece Neumann (I Speak Human Too)
Version: 1.0
*/

/* Toggles */

.mpc-whats-in-the-bag-read-more-title {
    display: none;
}

/* Tools */

.mpc-hide {
    display: none !important;
}

/* Global */

html {
  scroll-behavior: smooth;
}

a {
    color:#00a21b;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: #00a21b;
}

h1 {
    text-decoration: underline;
    text-underline-offset: 12px;
    text-decoration-thickness: 6px;
    text-decoration-color: #00a21b;
    line-height: 1.7;
}
h2 {
    line-height: 150%;
}

/* Custom Style Tags */

.mpc-feature-heading {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration-thickness: 4px;
    text-decoration-color: #00a21b;
}

.mpc-feature-heading2 {
    color: #00a21b;
}

.mpc-text-box1 {
    background-color: #fefcf8;
    padding: 40px;
    margin-block-start: 0px;
}
.mpc-text-box2 {
    background-color: #fefcf8;
    padding: 40px;
}
.mpc-text-box2 > div {
    /* aspect-ratio: 1 / 1; */
    width: 100%;
}

.mpc-text-box2 li::marker {
    font-size: 30px;
}

.mpc-gap-a {
    gap: 30px !important;
    /*margin-block-start: 0.9rem;*/
    margin-top: 30px;
}

.mpc-margin-a {
    margin-top: 40px;
    margin-bottom: 40px;
}
.mpc-margin-b {
    margin-top: 100px;
    margin-bottom: 100px;
}

.mpc-hero-image-box1 {
    background-color: #f5eedf;
    padding: 60px;
    text-align: center;
}
.mpc-hero-image-box1 img {
    max-width: 350px;
}

.mpc-hero-image-box2 {
    background-color: #f5eedf;
    padding: 30px;
    text-align: center;
    vertical-align: bottom;
    height: 250px;
    display: grid;
    align-items: end;
    justify-items: center;
}
.mpc-hero-image-box2-align-bottom {
    background-color: #f5eedf;
    text-align: center;
    min-height: 310px;
    display: grid;
    align-items: end;
    justify-items: center;
    padding-bottom: 0;
}
.mpc-hero-image-box2 img {
    max-height: 250px;
    width: auto;
}

.mpc-hero-image-box2-align-bottom img {
    max-height: 280px;
    width: auto;
}

.mpc-hero-image-box3 {
    background-color: #f5eedf;
    padding: 30px;
    text-align: center;
}
.mpc-hero-image-box3 img {
    max-width: 310px;
}

.mpc-read-more1, .mpc-read-more1 a {
    color: black !important;
    text-decoration: underline !important;
    text-underline-offset: 8px !important;
    text-decoration-color: #00a21b !important;
    text-decoration-thickness: 3px !important;
    font-weight: 700 !important;
}
.mpc-read-more2 a {
    color: black !important;
    text-decoration: underline !important;
    text-underline-offset: 6px !important;
    text-decoration-color: #00a21b !important;
    text-decoration-thickness: 1px !important;
}

.mpc-heading-area1 {
    text-decoration: none;
    border-top: 10px double black;
    border-bottom: 10px double black;
    padding: 5px;
}
.mpc-heading-area1-heading-width {
    text-decoration: none;
    border-top: 10px double black;
    border-bottom: 10px double black;
    padding: 5px;
    width: fit-content;
}
.mpc-force-align-left {
    margin-left: 0px !important;
    margin-right: auto !important;
}
.mpc-heading-area2 {
    margin-top:40px;
    margin-bottom: 80px;
}

.mpc-heading-area3 {
    border-bottom: 2px solid #00a21b;
    padding-bottom: 10px;
}

/* Tooltips */

.bluet_text_content a {
    color: white;
}

/* Related Posts */

.crp-list-title {
    padding-top: 20px;
    border-top: 1px solid black;
}

/* Social Widget */

.mpc-social-widget {
    background: white;
    padding: 15px 25px;
    width: fit-content;
    border-radius: 100px;
}

.mpc-social-widget img {
    max-width: 30px;
}


/* Page Hero */

.mpc-page-hero-box-full {
    min-height: 600px;
    padding-top: 30px;
    background-position: top;
    background-size: cover;
    background-color: #f5eedf;
    text-align: center;
}
.mpc-page-hero-box-full h1, .mpc-page-hero-box-standard h1 {
    font-weight: 400;
    font-size: 74px;
}
.mpc-page-hero-box-full h2, .mpc-page-hero-box-standard h2 {
    display: inline-block;
    background-color: #00a21b;
    color: white;
    padding: 2px 5px 2px 5px;
    font-size: 28px;
}
.mpc-hero-box-full-info-box {
    background-color: white;
    padding: 30px 50px;
    width: 90%;
    margin-top: -220px;
}

.mpc-page-hero-box-standard {
    background-position: top;
    background-size: cover;
    background-color: #f5eedf;
    text-align: center;
    padding: bottom;
    padding: 50px;
}
.mpc-page-hero-box-standard-info-box {
    background-color:#fefcf8;
    padding: 30px 50px;
}


/* Blocks */

.wp-block-columns {
  gap: 0;
}


/* Header */

.mpc-navbar-wrapper {
    display: grid;
    padding: 10px 50px 50px 50px;
}
.mpc-navbar-right-navigation-wrapper a {
    color: black;
}
.mpc-navbar-right-navigation-wrapper a:hover {
    text-underline-offset: 8px;
    text-decoration-thickness: 4px !important;
}

.mpc-navbar {
    display: flex;
    justify-content: space-between; /* logo left, right wrapper right */
    align-items: stretch;           /* equal height */
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
}

.mpc-nav-logo {
    padding-bottom: 9px;
}
.mpc-navbar-logo-wrapper {
    float:left;
    margin-left: -30px;
    padding-top: 20px;
    margin-right: 40px;
}
.mpc-nav-logo img {
  width: 200px !important;
  height: auto !important;
}

.mpc-navbar-right-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* hero button at top, nav at bottom */
    align-items: flex-end;          /* keep nav aligned to right edge */
    flex: 1; 
}

.mpc-navbar-right-navigation-wrapper {
  width: 100%;            /* fill wrapper */
  max-width: 100%;        /* prevent overflow */
  box-sizing: border-box; /* include padding in width calc */
  display: flex;
  justify-content: flex-end;
}
.mpc-navbar-right-navigation-wrapper nav {
    max-width: 100%;
    flex: 0 1 auto;         /* don’t grow beyond parent */
    font-weight: 600;
}

.wp-block-navigation__submenu-container {
    white-space: nowrap;
}
.wp-block-navigation__submenu-container span {
    font-size: 24px;
}

@media (max-width:449px){
    .mpc-navbar{display: block;}
    .mpc-navbar-logo-wrapper {
        display: block;
        margin: unset;
    }
    .mpc-navbar-right-wrapper {display: block;}
    .mpc-nav-hero-button a {
        margin-top:20px;
        width: 100%;
    }
    .mpc-navbar-right-navigation-wrapper {
        justify-content: center;
        margin-top: 40px;
    }
    .mpc-nav-logo img {
        padding-block: 20px;
        width: 100% !important;
    }
}


/* Footer */

.mpc-footer-wrapper {
    padding-bottom: 40px !important;
}

.mpc-footer-inner {
    display: flex;
}

.mpc-footer-nav {
    float: left;
    width: 100%;
}

.mpc-footer-navs {
    align-items: stretch;
}
/*
.mpc-footer-navs > nav {
  max-width: 250px;
}
*/
.mpc-footer-nav-right {
    justify-content: space-between;
}

.mpc-footer-logo {
    align-self: flex-end;
    margin-left: auto !important;
}

.mpc-footer-logo img {
    height: auto;
    width: 180px !important;
}

.mpc-footer-scroll-up-wrapper {
    text-align: center;
    clear: left;
    padding-top: 60px;
}

.mpc-footer-scroll-up-wrapper img {
    width: 50px;
    height: auto;
}

.mpc-footer-nav a{
    color: black;
}
.mpc-footer-nav a, .mpc-footer-nav a:hover {
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-color: #00a21b;
}

.mpc-footer-nav a:hover {
    color: #00a21b !important;
}

/* Footer Signup */

.mpc-footer-signup-form {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
#mpc-footer-signup-email-input {
    float: left;
    width: 100%;
    height: 70px;
    border-radius: 50px;
    border: 1px solid black;
    font-size: 30px;
    color: black;
    padding: 0 40px 0 40px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
#mpc-footer-signup-email-input::placeholder {
    color: black;
}

#mpc-footer-signup-terms-checkbox {
    /*appearance: none;*/
    width: 25px;
    height: 25px;
    border: 1px solid black;
    border-radius: 0;
    cursor: pointer;
}

#mpc-footer-signup-terms-checkbox:checked {
  background-color: #00a21b;
}

#mpc-footer-signup-terms-label {
    clear: left;
    float: left;
    padding-bottom: 35px;
}
#mpc-footer-signup-submit-button {
    clear: left;
    float: left;
    width: 100%;
    height: 70px;
    background-color: black;
    border: none;
    border-radius: 50px;
    font-size: 30px;
    color: white;
    padding: 0 40px 0 40px;
    box-sizing: border-box;
    cursor: pointer;
    
}
#mpc-footer-signup-submit-button:hover {
    background-color: #00a21b;
}

/* How To */

.mpc-card-a {
    padding: 20px;
    background: #fefcf8;
    border-radius: 20px;
    border: 1px solid black;
    height: 100%;
}

.mpc-card-a img {
    max-width: 150px;
    height: auto;
}

.mpc-how-to-topic-info-box-img-left {
    background-color: #fefcf8;
    padding: 30px 50px;
}
.mpc-how-to-topic-info-box-img-left .wp-block-list {
    padding-left: 20px;
}
.mpc-how-to-topic-info-box-img-left .wp-block-list li::marker {
    font-size: 30px;
}
.mpc-how-to-topic-info-box-img-left > div:nth-of-type(1) > h2 {
    text-align: left;
    margin-bottom: 30px; 
}
.mpc-how-to-topic-info-box-img-left > div:nth-of-type(1) > figure {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto; 
}
.mpc-how-to-topic-info-box-img-left > div:nth-of-type(2) h2 {
    text-align: right;
    padding-right: 20px;   
}

.mpc-how-to-topic-info-box-img-right {
    background-color: #fefcf8;
    padding: 30px 50px;
}
.mpc-how-to-topic-info-box-img-right .wp-block-list {
    padding-left: 20px;
}
.mpc-how-to-topic-info-box-img-right .wp-block-list li::marker {
    font-size: 30px;
}
.mpc-how-to-topic-info-box-img-right > div:nth-of-type(2) > h2 {
    text-align: center;   
}
.mpc-how-to-topic-info-box-img-right > div:nth-of-type(2) > figure {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto; 
}
.mpc-vertical-middle {
    display: flex;
}
.mpc-vertical-middle figure {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.mpc-how-to-topic-info-box-img-right > div:nth-of-type(1) > h2:nth-of-type(1) {
    text-align: left;
    margin-bottom: 30px;   
}
.mpc-how-to-topic-info-box-img-right > div:nth-of-type(1) h2 {
    text-align: right;
    padding-right: 20px;   
}

/* Ads */

.mpc-ad-faq-large {
    padding: 30px 0;
    background: #fefcf8;
    border-radius: 20px;
    border: 1px solid black;
    height: 100%;
}
.mpc-ad-faq-large > div:first-of-type {
    padding-left: 60px;
}

.mpc-ad-faq-large img {
    max-height: 200px;
    width: auto;
}

.mpc-ad-how-to-large {
    padding-top: 30px;
    background: #fefcf8;
    border-radius: 20px;
    border: 1px solid black;
    height: 100%;
}
.mpc-ad-how-to-large > div:first-of-type > div:first-of-type {
    padding-left: 60px;
}
.mpc-ad-how-to-large > div:first-of-type > div:first-of-type > div:first-of-type {
    padding-bottom: 30px;
}

.mpc-ad-how-to-large figure {
    display: flex;
    height: 100%;
}

.mpc-ad-how-to-large img {
    max-height: 200px;
    width: auto;
    margin-top: auto;
}

.mpc-ad-small {
    background: #fefcf8;
    border-radius: 20px;
    border: 1px solid black;
    padding: 30px;
}
.mpc-ad-small figure {
    display: flex;
    height: 100%;
}
.mpc-ad-small img {
    margin-top: auto;
    padding-bottom: 30px;
}

/* FAQs */

.mpc-info-box1 {
    padding: 30px 0;
    background: #fefcf8;
    height: 100%;
}
.mpc-info-box1 > div:first-of-type {
    padding-left: 60px;
}
.mpc-info-box1 img {
    max-height: 200px;
    width: auto;
    padding: 10px;
}

.wp-block-accordion-item {
    padding: 15px 40px 40px 40px;
    background-color: #fefcf8;
}
.wp-block-accordion-item h3 {
    font-weight: 500;
    border-bottom: 3px solid #00a21b;
}

.wp-block-accordion-item h3 .wp-block-accordion-heading__toggle-icon {
    font-size: 60px;
    font-weight: 200;
    color: #00a21b;
    height: 40px;
}

/* About */

.mpc-content-box1 {
    background: #fefcf8;
}
.mpc-content-box1 figure {
    display: flex;
    height: 100%;
}
.mpc-content-box1 img {
    margin-top: auto;
    padding-left: 20px;
}
.mpc-content-box2 {
    background: #fefcf8;
}
.mpc-content-box2 figure {
    display: flex;
    height: 100%;
}
.mpc-content-box2 img {
    margin-top: auto;
    margin-bottom: auto;
    padding: 20px;
}

.mpc-content-box-textbox {
    padding: 20px;
}
.mpc-content-box-textbox > * {
    padding: 0 20px 0 20px;
}

/* Archives */

.wp-block-search__inside-wrapper{
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}
.wp-block-search__input {
    border: 1px solid black;
}
.wp-block-search__button:hover {
    background-color: #00a21b;
}

.mpc-archive-featured-queryloop > li {
    background-color: #fefcf8;
    border: 1px solid black;
    border-radius: 10px;
}
.mpc-archive-featured-queryloop > li h2 {
    font-weight: 500;
}

.mpc-archive-featured-queryloop2 > li {
    background-color: #fefcf8;
}
.mpc-archive-featured-queryloop2 > li h2 {
    font-weight: 500;
}

/* Breadcrumbs */

.mpc-post-breadcrumb {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Post */

.mpc-post-info {
    max-width: 500px;
    display: flex;
}
.mpc-post-info a {
    color: #00a21b;
}

.mpc-post-info > * {
    float: left;
    margin-right: 10px !important;
    display: flex;
    margin: 0;
}
.mpc-post-info > * > * {
    margin: 0;
}
.mpc-post-info > * > p {
    margin-right: 10px !important;
}

.mpc-post-info time {
    font-size: var(--wp--preset--font-size--medium);
    color: black;
}

.wp-block-post-content {
    clear: left;
    margin-top: 60px;
}

.mpc-article {
    background: #fefcf8;
    padding: 50px 90px;
}

@media (max-width:599px) {
    .mpc-article {
        padding: 20px 20px;
    }
}

.mpc-article h1, .mpc-article h2, .mpc-article h3, .mpc-article h4, .mpc-article h5, .mpc-article h6 {
    margin-top: 60px;
    margin-bottom: 40px;
}

.mpc-article > .wp-block-post-title {
    text-align: center;
    font-size: 74px;
    text-decoration: underline;
    text-underline-offset: 24px;
    text-decoration-thickness: 6px;
    text-decoration-color: #00a21b;
    line-height: 100px;
}

/*.mpc-article > .wp-block-post-content > h1:nth-of-type(n+2){
    margin-top: 60px;
}*/

/* Post User Styles */

.mpc-post-card1 {
    background-color: #f5eedf;
    padding: 40px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
}

.mpc-post-card2 {
    background-color:#00a21b;
    color: white;
    padding: 40px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
}

.mpc-table0 * {
    border: none !important;
}

.mpc-table1 * {
    border: none !important;
}
.mpc-table1 table > thead > tr:nth-of-type(1) {
    border-bottom: 2px solid black !important;
    color:#00a21b;
}

.mpc-article-bullet-points-large li::marker{
    font-size: 30px;
}

/* Search */

ul.mpc-search-result-post li.wp-block-post {
    background: white;
    margin: 20px;
}

.mpc-search-more-results {
    padding: 20px;
    border: 1px solid black;
    border-radius: 5px;
}

ul.mpc-search-result-post figure.wp-block-post-featured-image {
    aspect-ratio: 6/2 !important;
}

ul.mpc-other-search-result-post li.wp-block-post {
    background: white;
    margin: 20px;
}

ul.mpc-other-search-result-post figure.wp-block-post-featured-image img {
    aspect-ratio: 6/2 !important;
}

/* Contact */

.mpc-email-box {
    background-color: #f5eedf;
    padding:40px 30px;
}
.mpc-email-box img {
    display: flex;
}
.mpc-email-box img {
    max-width: 150px;
    margin: auto;
}
.mpc-contact-form {
    background-color: #fefcf8;
    padding: 40px;
}
.mpc-contact-form label {
    font-size: 24px !important;
    font-weight: 500 !important;
}
.mpc-contact-form input {
    border-radius: 100px !important;
    border: 1px solid black !important;
}
.mpc-contact-form textarea {
    border-radius: 25px !important;
    border: 1px solid black !important;
}
.mpc-contact-form button {
    background-color: #00a21b !important;
    border-radius: 100px !important;
    padding: 0 25px 0 25px !important;
}
.mpc-contact-form button:hover {
    background-color: black !important;
}
.mpc-contact-form textarea {
    border-radius: 25px !important;
}
.mpc-contact-form .wpforms-error {
    color: #00a21b !important;
}
.mpc-contact-form .wpforms-error:before {
    display: none !important;
}

.mpc-contact-form input.wpforms-error, .mpc-contact-form textarea.wpforms-error {
    border: 1px solid black !important;
    box-shadow: 0 0 2px 0 #000000 !important;
}
.mpc-contact-form .wpforms-required-label {
    color: #00a21b !important;
}
.mpc-info-page {
    background-color: #fefcf8;
    padding: 70px 90px 90px 90px;
}

.wpforms-recaptcha-container {
    margin-bottom: 20px !important;
}

/* Global Mobile */
@media (max-width:599px) {
    h2 {line-height: 170%;}
    .wp-block-navigation__submenu-container {
        white-space: normal;
    }
    .mpc-page-hero-box-standard h1 {font-size: 3.8rem !important;}
    .mpc-hero-image-box1 img, .mpc-hero-image-box3 img {
        width: 100%;
    }
    .mpc-ad-faq-large > div:first-of-type, .mpc-info-box1 > div:first-of-type  {
        padding: 0px 20px;
    }
    .mpc-how-to-topic-info-box-img-left > div:nth-of-type(1) > figure {
        margin-bottom: 20px;
    }
    .mpc-how-to-topic-info-box-img-right > div:nth-of-type(2) > figure {
        margin-top: 20px;
    }
    .mpc-how-to-topic-info-box-img-right > div:nth-of-type(1) h2, .mpc-how-to-topic-info-box-img-left > div:nth-of-type(2) h2 {
        text-align: left;
        margin-bottom: 20px;
    }
    .mpc-ad-faq-large img {
        margin-top: 35px;
    }
    .mpc-content-box1 img {
        padding: 20px 20px 0px 20px;
    }

    .mpc-vertical-middle {margin-top: 20px !important;}

    .mpc-article > .wp-block-post-title {font-size: 2.5rem;}
}