@import url("https://fonts.googleapis.com/css?family=PT+Sans:300,400,700|Open+Sans:300,400,700");

      :root {
        --font: PT Sans;
        --alt-font: Open Sans;
        --accent-color: #009cde;
        --secondary-color: #3f9c35;
        --link-color: #009cde;
        --accent-highlight-color: #00425f;
        --accent-highlight-background-color: #c4eeff;
        --accent-tinted-color-70: #b3e1f5;
        --accent-tinted-color-80: #ccebf8;
        --accent-tinted-color-90: #e6f5fc;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #12b9ff;
        --secondary-hover-color: #50c044;
        --secondary-contrast-color: #fff;
        --link-hover-color: #45c8ff;
      }
      



/* =========================================================
   GROWER ACCOUNTING HERO
   Fully responsive hero banner
   ========================================================= */

.grower-accounting-hero .hero {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    aspect-ratio: auto !important;
}

.grower-accounting-hero .hero picture {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.grower-accounting-hero .hero img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: unset !important;
    object-position: center !important;
    padding: 0 !important;
    margin: 0 !important;
}