/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,17): run-time error CSS1039: Token not allowed after unary operator: '-wic-green'
(23,17): run-time error CSS1039: Token not allowed after unary operator: '-wic-orange'
(27,17): run-time error CSS1039: Token not allowed after unary operator: '-wic-purple'
(31,17): run-time error CSS1039: Token not allowed after unary operator: '-wic-brown'
(35,17): run-time error CSS1039: Token not allowed after unary operator: '-wic-gold'
(105,17): run-time error CSS1039: Token not allowed after unary operator: '-wic-green'
(219,28): run-time error CSS1039: Token not allowed after unary operator: '-wic-green'
(377,21): run-time error CSS1039: Token not allowed after unary operator: '-wic-green'
(411,28): run-time error CSS1039: Token not allowed after unary operator: '-wic-purple'
(431,28): run-time error CSS1039: Token not allowed after unary operator: '-wic-orange'
(438,28): run-time error CSS1039: Token not allowed after unary operator: '-wic-green'
(446,28): run-time error CSS1039: Token not allowed after unary operator: '-wic-brown'
(499,17): run-time error CSS1039: Token not allowed after unary operator: '-wic-brown'
(504,17): run-time error CSS1039: Token not allowed after unary operator: '-wic-brown'
(663,29): run-time error CSS1039: Token not allowed after unary operator: '-wic-green'
(684,28): run-time error CSS1039: Token not allowed after unary operator: '-wic-green'
(694,28): run-time error CSS1039: Token not allowed after unary operator: '-wic-green'
(893,28): run-time error CSS1039: Token not allowed after unary operator: '-wic-purple'
(1151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1175,25): run-time error CSS1039: Token not allowed after unary operator: '-indicator'
(1197,39): run-time error CSS1039: Token not allowed after unary operator: '-divider'
(1218,36): run-time error CSS1039: Token not allowed after unary operator: '-divider'
(1222,39): run-time error CSS1039: Token not allowed after unary operator: '-divider'
(1227,21): run-time error CSS1039: Token not allowed after unary operator: '-wic-green'
(1237,36): run-time error CSS1039: Token not allowed after unary operator: '-divider'
(1584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1595,19): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(1597,17): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1598,18): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1604,21): run-time error CSS1039: Token not allowed after unary operator: '-expanded-width'
(1609,21): run-time error CSS1039: Token not allowed after unary operator: '-expanded-width'
(1639,22): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1639,36): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(1639,53): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(1659,21): run-time error CSS1039: Token not allowed after unary operator: '-mobile-width'
(1665,26): run-time error CSS1039: Token not allowed after unary operator: '-mobile-width'
(1681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1695,32): run-time error CSS1039: Token not allowed after unary operator: '-background-deact'
(1730,42): run-time error CSS1039: Token not allowed after unary operator: '-background-deact'
(1735,36): run-time error CSS1039: Token not allowed after unary operator: '-background-active'
(1740,41): run-time error CSS1039: Token not allowed after unary operator: '-background-active'
 */
:root {
    --wic-gold: #C65D04;
    --wic-brown: #BE5804; /*#f3a157;*/
    --wic-green: #025154;
    --wic-orange: #EF3E33;
    --wic-purple: #904098;
    --wic-violet: #D13FD6;
    --tan-background: #F4F0EA;
    --anni-green: #39B54A;
    --divider: rgb(115, 186, 189);
    --small: 576px;
    --medium: 768px;
    --large: 992px;
    --xlarge: 1200px;
    --xxlarge: 1400px;
}

.wic-green {
    color: var(--wic-green);
}

.wic-orange {
    color: var(--wic-orange);
}

.wic-purple {
    color: var(--wic-purple);
}

.wic-brown {
    color: var(--wic-brown);
}

.wic-gold {
    color: var(--wic-gold);
}

html {
    font-family: 'Open Sans', sans-serif;
    color: #484848;
    background-color: #F5F5F5;
    font-size: 18px;
}

body {
    position: relative;
    min-width: 360px;
}

h1, h2, h3, h4 {
    font-weight: bold;
    line-height: 1.5em;
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 25px;
}

h4 {
    font-size: 20px;
}

.img-100 {
    width: 100%;
    height: auto;
}

.unadorned-list {
    list-style: none;
    padding: 0;
}

.familyListLink {
    font-family: 'Source Sans Pro',sans-serif;
    color: #BE5804;
    font-size: 1.625rem;
    font-weight: bold;
    text-decoration: none;
}

.interestedPageTitle {
    font-family: 'Source Sans Pro',sans-serif;
    color: #DC3545;
    font-size: 1.625rem;
    font-weight: bold;
}

.orangeTitle {
    font-family: 'Source Sans Pro',sans-serif;
    color: #BE5804;
    font-size: 1.625rem;
    font-weight: bold;
}

.subHeading {
    font-family: 'Source Sans Pro',sans-serif;
    color: var(--wic-green);
    font-size: 1.625rem;
    font-weight: bold;
}

    .subHeading a {
        font-weight: normal;
    }

#clinics tr, #cities tr, #citiesGrocer tr, #grocers tr {
    cursor: pointer;
}

#map {
    height: 400px;
    width: 100%;
}

.black {
    color: black;
}

.white, .white a {
    color: white;
}

.purple {
    color: #843c9f;
}

.card-header a {
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-weight: 600;
    font-family: 'Source Sans Pro',sans-serif;
    color: #ffffff;
    font-size: 1.625rem;
}

.card-header {
    background-color: white;
}

@media screen and (min-width: 993px) {
    .border-right-lg {
        border-right: 2px solid #D3D3D3;
    }
}

@media screen and (max-width: 992px) {

    .border-right-lg {
        border-right: 0px;
    }
}

#overlay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.centerimg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.cawiccard-dropdown1 {
    color: #782990;
}

.cawiccard-dropdown2 {
    color: #ef343b;
}

.background-purple {
    color: white;
    background-color: purple;
}

.background-tan {
    background-color: #fff1e4;
}

.background-green {
    background-color: var(--wic-green);
}

.background-lightgrey {
    background-color: #EEEAE5;
}

.roundcorners25 {
    border-radius: 25px;
}

.bottom-align {
    position: absolute;
    width: max-content;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10%;
    color: white;
}

.right-align-45-min-500-45, .right-align-45-50, .Left-Align, .Right-Align, .Center-Align,
.left-align-md, .center-align-md, .right-align-md, .right-align-lg, .right-align-5-50,
.left-align-md-30, .right-align-md-30, .left-align-5-45, .left-align-10-45, .left-align-10-40,
.left-align-5-35, .left-align-5-60, .left-align-35-50, .width-45-react {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.overlay-centered, .overlay-centered-perm {
    position: absolute;
    left: 10%;
    top: 50%;
    width: 80%;
    transform: translateY(-50%);
    text-align: center;
}

.overlay-centered-perm {
    color: white;
}


.width-45-react {
    width: min(45%, 650px);
}

.Left-Align {
    left: 10%;
    width: 45%;
}

.Right-Align {
    right: 10%;
    width: 45%;
}

.right-align-5-50 {
    right: 5%;
    width: 50%;
}

.Center-Align {
    right: 10%;
    width: 50%;
}

.left-align-md {
    left: 5%;
    width: 40%;
}

.left-align-5-60 {
    left: 5%;
    width: 60%;
}

.left-align-5-45 {
    left: 5%;
    width: 45%;
}

.left-align-10-45 {
    left: 10%;
    width: 45%;
}

.left-align-10-40 {
    left: 10%;
    width: 40%;
}

.left-align-5-35 {
    left: 5%;
    width: 35%;
}

.left-align-md-30 {
    left: 10%;
    width: 30%;
}

.left-align-35-50 {
    left: 35%;
    width: 50%;
}

.right-align-45-min-500-45 {
    right: 55%;
    width: min(500px,40%);
}

.right-align-45-50 {
    right: 45%;
    width: 50%;
}

.right-align-md-30 {
    right: 10%;
    width: 30%;
}

.right-align-md, .right-align-lg {
    right: 5%;
    width: 40%;
}

.center-align-md {
    right: 10%;
    width: 50%;
}

.white-to-wicgreen-md {
    color: white;
}

.white-to-black-md {
    color: white;
}

@media screen and (max-width:768px) {
    .left-align-md, .right-align-md, .right-align-5-50, .right-align-25-60, .right-align-45-min-500-45, .right-align-45-50, .center-align-md, .left-align-md-30, .right-align-md-30, .bottom-align,
    .left-align-5-45, .left-align-10-45, .left-align-10-40, .left-align-5-35, .left-align-5-60, .left-align-35-50, .width-45-react, .overlay-centered {
        position: inherit;
        transform: none;
        top: inherit;
        bottom: inherit;
        left: inherit;
        right: inherit;
        width: inherit;
        margin: 1rem 0 1rem 0;
    }

    .bottom-align, .white-to-black-md {
        color: black;
    }

    .white-to-wicgreen-md {
        color: var(--wic-green);
    }
}

@media screen and (max-width: 992px) {
    .right-align-lg {
        position: inherit;
        top: inherit;
        transform: none;
        right: inherit;
        width: inherit;
    }
}

.relative-pos {
    position: relative;
}

.virtual-button-brown, .virtual-button-getWic, .virtual-button-green,
.virtual-button-orange, .virtual-button-purple, .virtual-button-red {
    width: max-content;
    height: max-content;
    text-decoration: none;
}

a .virtual-button-brown, a .virtual-button-getWic, a .virtual-button-green,
a .virtual-button-orange, a .virtual-button-purple {
    text-decoration: none;
}

.virtual-button-purple {
    color: white;
    font-weight: bold;
    text-align: center;
    background-color: var(--wic-purple);
    padding: 1em 1em 1em 1em;
    border-radius: 1em;
    font-size: min(1.25rem, 4.5vw);
}

.virtual-button-red {
    color: white;
    font-weight: bold;
    text-align: center;
    background-color: #D3422A;
    padding: .5em 1em .5em 1em;
    border-radius: 1.25em;
    font-size: min(1.25rem, 4.5vw);
}

.virtual-button-orange {
    color: white;
    font-weight: bold;
    text-align: center;
    background-color: var(--wic-orange);
    padding: 1em 1em 1em 1em;
    border-radius: 1.25em;
    font-size: min(1.25rem, 4.5vw);
}

.virtual-button-getWic {
    background-color: var(--wic-green);
    color: white;
    padding: 1em 3em 1em 3em;
    border-radius: 2em;
    font-size: 1em;
}

.virtual-button-brown {
    background-color: var(--wic-brown);
    color: black;
    padding: .5rem 3rem .5rem 3rem;
    border-radius: 1.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.virtual-button-icon {
    height: 1.25em;
    width: 1.25em;
    margin: 0 0 .25em .25em;
}

.carousel-H1 {
    font-size: 3rem;
    font-weight: 900;
    color: black;
    line-height: 1;
    padding-bottom: 0px;
}

.carousel-H2 {
    font-size: 1.25rem;
    font-weight: 400;
    color: black;
    line-height: 1.1;
    padding-bottom: 0px;
}

@media screen and (max-width:768px) {
    .carousel-H1 {
        font-size: 1.5rem;
    }

    .carousel-H2 {
        font-size: 1rem;
    }
}

.reactive-heading {
    font-family: 'Source Sans Pro',sans-serif;
    font-size: min(5vw, 84px);
    font-weight: bold;
}

.NutritionHealth-Text {
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 26px;
}

.hr-brown {
    border: 5px solid;
    color: var(--wic-brown);
}

.hr-brown-thin {
    border: 2px solid;
    color: var(--wic-brown);
}

.hr-black-thin {
    border: 3px solid;
    color: black;
}

.hr-grey-thin {
    border: 2px solid;
    color: lightgrey;
}

.shadow-top-right {
    box-shadow: 2px -3px 8px #888888;
}

.video-container-50 {
    position: relative;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    height: 0;
    padding-bottom: 30%;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.float-right-50 {
    float: right;
    width: 50%;
}

.flex-react {
    display: flex;
}

@media screen and (max-width:768px) {

    .video-container-50 {
        width: 100%;
        padding-bottom: 60%;
    }

    .float-right-50 {
        float: none;
        width: 100%;
    }

    .virtual-button-purple {
        font-size: 1rem;
    }
}

.hide-mobile {
    display: inherit;
}

.mobile-center-img {
    margin: 0 auto 0 auto;
}


@media only screen and (max-width:768px) {
    .hide-mobile {
        display: none;
    }
}

.navlist {
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 1rem;
    padding-inline-start: 0;
}

    .navlist li {
        float: left;
        margin-right: 10px;
        position: relative;
    }

    .navlist a {
        display: block;
        padding-left: 5px;
        padding-right: 5px;
        text-decoration: none;
        font-weight: normal;
    }

        .navlist a:hover {
            background: #ccc;
            text-decoration: underline;
        }

    .navlist li ul {
        list-style: none;
        position: absolute;
        left: -9999px;
    }

    .navlist ul li {
        padding-top: 1px;
        float: none;
    }

    .navlist ul a {
        white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
    }

    .navlist li:hover ul {
        left: 0;
    }

    .navlist li:hover a {
        background: #ccc;
        text-decoration: none;
    }

    .navlist li:hover ul a {
        text-decoration: none;
    }

    .navlist li:hover ul li a:hover {
        background: #ccc;
        text-decoration: underline;
    }

ul.no-bullets {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/*Requires relative position container*/
.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.width-360 {
    width: 360px;
}

.border-black {
    border: 2px solid black;
}

.border-turq-25 {
    border: 25px solid var(--wic-green) !important;
}

.inverse {
    background-color: #0b1b39;
    color: white;
}

a.inverse:hover {
    color: white;
}

.roundborder {
    border-radius: 50%;
}

ul.no-decore {
    list-style-type: none;
}

.green-box-title {
    border: solid 2px var(--wic-green);
    font-weight: bold;
    font-size: 1.25em;
    padding: 1.5em 2em 1.5em 2em;
}

.virtual-button-green {
    border-radius: 1em;
    color: white;
    font-weight: bold;
    background-color: var(--wic-green);
    padding: 1em 2em 1em 2em;
}

.image-caption-font {
    font-size: 3.25rem;
}

@media screen and (max-width: 768px) {
    .vertical-center {
        position: inherit;
        top: inherit;
        -ms-transform: none;
        transform: none;
    }

    .virtual-button-green {
        background-color: inherit;
        font-weight: inherit;
        color: blue;
        padding: inherit;
        border-radius: inherit;
    }

    .image-caption-font {
        font-size: 1.875rem;
    }

    .vertical-center {
        position: inherit;
        top: inherit;
        -ms-transform: none;
        transform: none;
    }
}

.h1-lg {
    font-size: 2.5rem;
}

@media screen and (max-width: 992px) {
    .h1-lg {
        font-size: 1.75rem;
    }
}

.contact-wic-office {
    padding: 3rem 1rem 3rem 1rem;
    display: grid;
    grid-template-columns: auto max-content;
    gap: 2rem;
}

.contact-grid-2col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    margin: 0 0 2rem 0;
}

.contact-additional {
    width: 50%
}

.cols-2-equal, .cols-3-equal, .cols-4-equal, .cols-2-center, .cols-3-center, .cols-2-auto, .cols-2-1_2, .cols-2-60-40, .cols-2-40-60, .cols-2-max-content,
.cols-2-45-55, .cols-2-55-45 {
    display: grid;
    gap: 2rem;
    margin: 2rem 0rem 2rem 0rem;
}

.cols-2-equal {
    grid-template-columns: 1fr 1fr;
}

.cols-2-center {
    grid-template-columns: minmax(min-content, max-content) minmax(min-content, max-content);
    justify-content: space-evenly;
}

.cols-2-max-content {
    grid-template-columns: max-content max-content;
    gap: 1rem;
}

.cols-2-40-60 {
    grid-template-columns: 2fr 3fr;
}

.cols-2-60-40 {
    grid-template-columns: 3fr 2fr;
}

.cols-2-45-55 {
    grid-template-columns: 9fr 11fr;
}

.cols-2-55-45 {
    grid-template-columns: 11fr 9fr;
}

.cols-2-1_2 {
    grid-template-columns: 1fr 2fr;
}

.cols-3-center {
    grid-template-columns: minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content);
    justify-content: space-evenly;
}

.cols-3-equal {
    grid-template-columns: 1fr 1fr 1fr;
}

.cols-4-equal {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.cols-2-auto {
    grid-template-columns: auto auto;
}

.cols-stack-2-equal {
    display: grid;
    margin: 2rem 0rem 2rem 0rem;
}

.cols-stack-2-equal {
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
}

.cols-2-equal-mobile-union {
    display: grid;
    column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
}

.cols-max-auto {
    display: grid;
    grid-template-columns: max-content auto;
}

.video-frame {
    width: 560px;
    height: 315px;
    border: 0;
}

.match-video-frame {
    width: 560px;
    height: auto;
}

.video-relative-width {
    width: 100%;
    height: calc(calc(40vw - .5rem)*.6);
}

.white-to-black-narrow {
    color: white;
}

@media screen and (max-width: 768px) {
    .contact-grid-2col, .cols-2-equal, .cols-3-equal, .cols-4-equal, .cols-2-center, .cols-3-center,
    .cols-max-auto, .cols-2-1_2, .cols-2-60-40, .cols-2-40-60, .cols-2-max-content, .cols-2-45-55, .cols-2-55-45,
    .cols-stack-2-equal, .mobile-x-margin-1rem, .cols-2-equal-mobile-union {
        grid-template-columns: 1fr;
        margin: 0 1rem 0 1rem;
    }

    .contact-wic-office {
        grid-template-columns: 1fr;
    }

    .contact-additional {
        width: 100%;
    }

    .video-frame {
        width: 280px;
        height: 180px;
    }

    .match-video-frame {
        width: 280px;
    }

    .video-relative-width {
        height: calc(calc(100vw - 30px)*.6);
    }

    .white-to-black-narrow {
        color: black;
    }
}

.btn-video {
    color: #fff;
    background-color: var(--wic-purple);
    border-color: #005cbf;
    text-align: center;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1.5rem;
    line-height: 1.5em;
    border-radius: .25rem;
    cursor: pointer;
}

.margin-y-2rem {
    margin: 2rem 0 2rem 0;
}

.margin-y-3rem {
    margin: 3rem 0 3rem 0;
}

.margin-y-4rem {
    margin: 4rem 0 4rem 0;
}

.margin-bottom-1rem {
    margin-bottom: 1rem;
}

.margin-bottom-2rem {
    margin-bottom: 2rem;
}

.margin-bottom-3rem {
    margin-bottom: 3rem;
}

.margin-bottom-4rem {
    margin-bottom: 4rem;
}

.icon-spacing {
    margin: 0 1em 1em 0;
    height: 2lh;
    width: 2lh;
}

.flex-react {
    display: flex;
}

@media screen and (max-width: 768px) {
    .flex-react {
        flex-direction: column;
    }

    .mobile-center-img {
        margin: 0 auto 0 auto;
    }
}

.section-margin {
    margin: 3rem 20px 3rem 20px;
}

.tub {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.jar {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 576px) {
    .tub {
        max-width: 540px;
    }
}

@media screen and (min-width: 768px) {
    .tub {
        max-width: 720px;
    }
}

@media screen and (max-width: 768px) {
    .jar {
        width: 92%;
    }
}

@media screen and (min-width: 992px) {
    .tub {
        max-width: 960px;
    }
}

@media screen and (min-width: 1200px) {
    .tub {
        max-width: 1140px;
    }
}

.center-text {
    text-align: center;
}

.flex-x-center {
    display: flex;
    flex-direction: row;
    align-content: center;
}

.flex-y-center {
    display: flex;
    align-items: center;
}

.virtual-btn {
    display: flex;
    color: black;
    width: max-content;
    padding: .5em 1em .5em 1em;
    fill: black;
    border: 2px solid black;
    overflow: hidden;
    border-radius: 1.5em;
    font-weight: bold;
    stroke: black;
    line-height: 2.5em;
}

    .virtual-btn svg {
        height: 2.25em;
        width: 2.25em;
        margin: auto 0 auto .5em;
    }

    .virtual-btn:hover {
        color: black;
        stroke: black;
        background-color: #A5CF42;
        border-color: #A5CF42;
        text-decoration: none;
    }

.btn-orange.virtual-btn:hover {
    color: white;
    stroke: white;
    background-color: #D3422A;
    border-color: #D3422A;
    text-decoration: none;
}

.btn-purple.virtual-btn:hover {
    color: white;
    stroke: white;
    background-color: #904098;
    border-color: #904098;
    text-decoration: none;
}

.link-normalize, .link-normalize:hover {
    text-decoration: none;
    color: inherit;
}

.indent-30 {
    margin-left: 30px;
}

.white-cards {
    display: grid;
    grid-template-rows: max-content;
    width: max-content;
    margin: 0 auto 2rem auto;
    padding: 2rem 0rem 2rem 0rem;
}

#Referrals .white-cards {
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 30px;
}

#SubstanceUse .white-cards {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 14px;
}

.white-card {
    background-color: white;
    border: 2px solid white;
    border-radius: 1em;
    margin: 0 auto 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

#Referrals .white-card {
    width: 200px;
    height: 110px;
    box-shadow: 0px 0px 15px 15px hsl(0, 0%, 90%);
}

#SubstanceUse .white-card {
    width: 250px;
    height: 140px;
    justify-content: space-between;
    padding: 15px 15px 0 15px;
    box-shadow: 0px 0px 8px 8px hsl(191, 49%, 80%);
}

.white-cards div:hover {
    border-color: black;
}

#Referrals .white-card img {
    height: 90px;
    width: 180px;
    object-fit: contain;
    margin: auto;
}

#SubstanceUse .white-card img {
    height: 40px;
    width: 40px;
}

#SubstanceUse .white-card svg {
    stroke: black;
    height: 30px;
    width: 30px;
}

@media screen and (max-width:1400px) {
    #Referrals .white-cards {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width:1050px) {
    #Referrals .white-cards, #SubstanceUse .white-cards {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width:550px) {
    #Referrals .white-cards, #SubstanceUse .white-cards {
        grid-template-columns: 1fr;
    }
}

.resources {
    --indicator: #fe9e20;
}

    .resources > details[open] {
        margin-bottom: .5em;
    }

    .resources details > summary {
        background: #EEEAE5;
        font-size: 20px;
        font-weight: bold;
        line-height: 1em;
        list-style-type: none;
        padding: 1em;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: .5em;
    }

        .resources details > summary::after, .resources details[open] > summary::after {
            line-height: 1em;
            font-weight: bold;
            color: var(--indicator);
        }

        .resources details > summary::after {
            content: '+';
        }

    .resources details[open] > summary::after {
        content: '–';
    }

    .resources details > ul > li {
        margin-bottom: 1em;
    }

    .resources .message {
        padding: 0 35px 0 35px;
    }

    .resources.green details > summary {
        font-size: 25px;
        background: none;
        border-bottom: 2px solid var(--divider);
        margin: 0;
        padding: .5em 0 .5em 0;
        align-items: center;
    }

    .resources.green details > p {
        padding-top: .5em;
    }

    .resources.green details > ul > li {
        margin-bottom: 0;
    }

    .resources.green details > summary::after, .resources.green details[open] > summary::after {
        align-items: center;
        font-size: 1.5em;
        bottom: 0;
    }

    .resources.green details:first-child > summary {
        border-top: 2px solid var(--divider);
    }

    .resources.green details[open] {
        border-bottom: 2px solid var(--divider);
        margin-bottom: 0;
    }

    .resources.green details > summary::after, #HowWicHelps .resources details[open] > summary::after {
        color: var(--wic-green);
    }

@media screen and (max-width: 768px) {
    .resources.green details > summary {
        font-size: 16px;
        padding: .5rem 0 .5rem 0;
    }

    .resources.green div:nth-child(2) details > summary {
        border-top: 0px solid var(--divider);
    }

    .resources details > summary::after, .resources details[open] > summary::after {
        font-size: 20px;
    }

    #Referrals .left-align-5-35 {
        margin-inline: 15px;
    }
}

#HowWicHelps .area-image {
    grid-area: area-image;
}

#HowWicHelps .area-text {
    grid-area: area-text;
}

#HowWicHelps .area-grid {
    display: grid;
    column-gap: 2rem;
    grid-template-areas:
        'area-text area-image';
    grid-template-columns: 11fr 9fr;
}

@media screen and (max-width: 768px) {
    #HowWicHelps .area-grid {
        grid-template-areas:
            'area-image'
            'area-text ';
        grid-template-columns: 1fr;
    }

    #HowWicHelps .area-image {
        margin-bottom: 2rem;
    }
}

#FarmersMarkets section {
    margin-bottom: 2rem;
}

#FarmersMarkets li {
    margin-bottom: 1rem;
}

    #FarmersMarkets li > ul > li {
        margin-bottom: 0;
    }

#FarmersMarkets ul {
    margin-top: 1rem;
}

#FarmersMarkets .resources.green details > summary {
    font-size: min(2.9vw, 25px);
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    #FarmersMarkets .cols-2-equal, #FarmersMarkets .cols-2-55-45, #FarmersMarkets .cols-2-45-55 {
        margin: 0 0 1rem 0;
    }
}

details.alerts {
    margin-bottom: 1.5rem;
}

    details.alerts summary {
        color: white;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        padding: 16px 24px 16px 24px;
        border-radius: 3px;
    }

        details.alerts summary div {
            padding: .25em 0 .25em 0;
            border-radius: 5px;
        }

    details.alerts .message {
        background-color: white;
        color: black;
        border: 1px solid lightgrey;
        padding: 20px;
    }

    details.alerts summary::marker {
        content: "";
    }

details.danger summary {
    background-color: hsl(354, 70%, 54%);
}

    details.danger summary:hover div {
        background-color: hsl(354, 70%, 46%);
    }

details.warning summary {
    color: black;
    background-color: hsl(45, 100%, 51%);
}

    details.warning summary:hover div {
        background-color: hsl(45, 100%, 44%);
    }

details.info summary {
    background-color: hsl(188, 78%, 41%);
}

    details.info summary:hover div {
        background-color: hsl(188, 78%, 33%);
    }

details.success summary {
    background-color: hsl(134, 61%, 41%);
}

    details.success summary:hover div {
        background-color: hsl(134, 61%, 33%);
    }


.nav-main-row {
    display: grid;
    grid-template-areas: "logos search navigate";
    grid-template-columns: auto auto auto;
    justify-content: space-between;
}

.menubar {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    margin: auto 20px auto 0;
    grid-area: navigate;
}

    .menubar li:hover .menubar-dropdown {
        left: 0px;
    }

.logos {
    grid-area: logos;
    margin-left: 20px;
}

.search {
    display: flex;
    grid-area: search;
    margin-left: 20px;
    margin-top: 18px;
    align-items: center;
    height: max-content;
}

.menubar-dropdown {
    background-color: #F4F4F4;
    margin: 0vw 5vw 0vw 5vw;
    padding: 20px;
    color: black;
    text-align: left;
    list-style: none;
    position: absolute;
    left: -9999px;
    width: 90vw;
    height: 70vh;
    overflow: auto;
    z-index: 3;
    display: grid;
    grid-template: auto auto;
    gap: 20px;
    align-content: baseline;
}

.menubar-virtualbutton {
    background-color: white;
    padding: 1rem;
    height: max-content;
    width: calc(45vw - 40px);
}

.menubar-virtualbutton-cols {
    display: grid;
    grid-template-columns: max-content auto;
    gap: .5em;
}

.menubar-virtualbutton img {
    padding-right: .75rem;
    height: 2lh;
    width: 2lh;
}

.menubar-virtualbutton:hover {
    border: 3px solid black;
}

.menubar-item {
}

    .menubar-item:hover {
        font-weight: bold;
    }

.menubar-item-title {
    padding: 10px;
    grid-column: 1/ span 2;
}

.menubar-button {
    display: none;
    border: 1px solid grey;
    border-radius: 3px;
    padding: 5px;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    transform: translate(0,11px) rotate(-45deg);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    transform: translate(0,-11px) rotate(45deg);
}

#menubar-links ul {
    margin: 0px;
    text-align: right;
    padding: 0;
    display: flex;
    align-items: center;
}

#menubar-links li {
    list-style: none;
    padding: 0px 14px 0px 14px;
}

    #menubar-links li a {
        text-decoration: none;
        color: black;
        display: block;
        height: 100%;
    }

.menubar-seperator-right {
    border-right: solid 2px black;
}

.menubar-align {
    margin: auto 10px auto auto;
}

.menubar-logos {
    width: 136px;
    margin-left: 20px;
    text-decoration: none;
}


@media screen and (max-width: 768px) {
    .menubar-title {
        display: flex;
    }

    .menubar-button {
        display: inline-block;
    }

    #menubar-links.active {
        display: flex;
        align-self: end;
    }

    .menubar {
        flex-direction: column;
        align-items: flex-start;
    }

    #menubar-links {
        display: none;
        align-self: end;
        overflow: clip;
    }

        #menubar-links ul {
            flex-direction: column;
            z-index: 10;
        }

    .menubar-links ul li {
        padding: .5rem;
    }

    .menubar-seperator-right {
        border-bottom: 1px solid rgba(0,0,0,.125);
        width: 100%;
        border-right: none;
    }

    #menubar-links.active {
        display: flex;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .25rem;
    }

    .menubar-virtualbutton {
        grid-column: 1/ span 2;
        width: calc(90vw - 40px);
    }

    .menubar-logos {
        width: 80px;
    }
}

.flex-rt-just {
    display: flex;
    justify-content: flex-end;
    margin: auto 20px auto 0;
}

.gsc-input-box {
    width: 160px;
}

.search-bar {
    --size: 2.4rem;
    --padding: 4px;
    --expanded-width: max(23vw, 120px);
    --mobile-width: 80vw;
    /*    --mobile-width: calc(100vw - 250px);*/
    display: flex;
    justify-content: flex-end;
    background-color: #fff;
    border-radius: 100px;
    outline: 1px solid transparent;
    overflow: hidden;
    padding: var(--padding);
    margin-inline: auto;
    width: var(--size);
    height: var(--size);
    max-width: 100%;
    transition: width 0.5s, outline 0.5s;
}

    .search-bar:focus-within {
        width: var(--expanded-width);
        outline: 1px solid #2e2e2e;
    }

    .search-bar:hover {
        width: var(--expanded-width);
        outline: 1px solid #2e2e2e;
    }

.search-input {
    font-size: 18px;
    color: #3a3a3a;
    background-color: transparent;
    border: none;
    outline: none;
    margin-inline: .5em;
    flex: auto;
    opacity: 0;
    transition: opacity 0.5s;
}

.search-bar:focus-within .search-input {
    opacity: 1;
}

.search-submit {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
    background-color: #904098;
    border-radius: 50%;
    border: none;
    width: calc(var(--size) - var(--padding) - var(--padding));
    aspect-ratio: 1;
    cursor: pointer;
}

.magglass {
    font-size: 1em;
    color: white;
    transform: rotate(-45deg);
}
#search-nav {
    display: flex;
}

#search-lower {
    display: none;
}

@media screen and (max-width: 768px) {
    .search-bar, .search-bar:focus-within, .search-bar:hover {
        width: var(--mobile-width);
        outline: 1px solid #2e2e2e;
        margin: 3px 0 3px 0;
    }

    .search-input {
        width: calc(var(--mobile-width) - 45px);
    }
    #search-nav {
        display: none;
    }
    #search-lower {
        display: flex;
    }
}

.gsc-input-box {
    width: 100%;
}


.breadcrumb-wic {
    --background-active: #767676;
    --background-deact: lightgrey;
    overflow: hidden;
    list-style-type: none;
    padding: 0px;    
    margin-left: 20px;
}

    .breadcrumb-wic li a {
        float: left;
        text-decoration: none;
        position: relative;
        display: block;
        padding: 5px 0px 5px 40px;
        background-color: var(--background-deact);
    }

    .breadcrumb-wic li a {
        color: black;
        cursor: default;
        fill: black;
    }
        .breadcrumb-wic li a svg {
            height: 16px;
            width: 16px;
        }            

            .breadcrumb-wic li a::before,
            .breadcrumb-wic li a::after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

        .breadcrumb-wic li a::before {
            border-left: 30px solid white;
            margin-left: 1px;
            z-index: 1;
        }

        .breadcrumb-wic li a::after {
            border-left: 30px solid var(--background-deact);
        }

        .breadcrumb-wic li a:hover {
            color: white;
            background-color: var(--background-active);
            fill: white;
        }

            .breadcrumb-wic li a:hover:after {
                border-left-color: var(--background-active);
            }

    .breadcrumb-wic li:first-child a {
        padding: 5px 0px 5px 20px;
    }

    .breadcrumb-wic li:last-child a,
    .breadcrumb-wic li:last-child a:hover,
    .breadcrumb-wic li:last-child a::before {
        background: transparent !important;
        color: black;
        pointer-events: none;
        cursor: default;
    }

        .breadcrumb-wic li:last-child a::after {
            border: 0px;
        }

@media screen and (max-width: 768px) {
    .breadcrumb-wic {
        display: none;
    }
}


.shareBtn {
    position: fixed;
    Right: 20px;
    /*transform: translateX(-50%);*/
    bottom: 10px;
    cursor: pointer;
    z-index: 5;
}

.shareBtnBreak {
    display: none;
}

.sharing-button__link,
.sharing-button__icon {
    display: inline-block;
}

.sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 1px;
}

.sharing-button {
    border-radius: 5px;    
    padding: 5px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.sharing-button__icon svg {
    width: 20px;
    height: 25px;
    margin: 0em;
    vertical-align: top
}

.sharing-button--small svg {
    margin: 0;
    vertical-align: middle
}
/* Non solid icons get a stroke */
.sharing-button__icon {
    stroke: #fff;
    fill: none
}
/* Solid icons get a fill */
.sharing-button__icon--solid,
.sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none
}

.sharing-button--twitter {
    background-color: #55acee
}

    .sharing-button--twitter:hover {
        background-color: #2795e9
    }

.sharing-button--pinterest {
    background-color: #bd081c
}

    .sharing-button--pinterest:hover {
        background-color: #8c0615
    }

.sharing-button--facebook {
    background-color: #3b5998
}

    .sharing-button--facebook:hover {
        background-color: #2d4373
    }

.sharing-button--email {
    background-color: #777
}

    .sharing-button--email:hover {
        background-color: #5e5e5e
    }

.sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

    .sharing-button--facebook:hover,
    .sharing-button--facebook:active {
        background-color: #2d4373;
        border-color: #2d4373;
    }

.sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}

    .sharing-button--twitter:hover,
    .sharing-button--twitter:active {
        background-color: #2795e9;
        border-color: #2795e9;
    }

.sharing-button--email {
    background-color: #777777;
    border-color: #777777;
}

    .sharing-button--email:hover,
    .sharing-button--email:active {
        background-color: #5e5e5e;
        border-color: #5e5e5e;
    }

.sharing-button--pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
}

    .sharing-button--pinterest:hover,
    .sharing-button--pinterest:active {
        background-color: #8c0615;
        border-color: #8c0615;
    }

.scrollBtn {
  color: white;
  background-color: hsl(211, 100%, 40%);  
  width: auto;
  font-size: .7rem;  
  text-align: center;
  vertical-align: middle;
  border-radius: 5px;    
  line-height:1.1em;
}
  .scrollBtn:hover {
    color: white;
    background-color: hsl(211, 100%, 30%);    
  }
footer {
    padding: 3rem 0rem 2rem 0rem;
    background-color: #F3F3F3;
}

.footerBody1 {
    grid-area: body1;
}

.footerDivide1 {
    grid-area: divide1;
    border-right: 1px solid;
    width: 1px;
    margin: 0 1rem 0 1rem;
}

.footerDivide2 {
    grid-area: divide2;
    width: 1px;
    margin: 0 1rem 0 1rem;
}

.footerBody2 {
    grid-area: body2;
}

.footerBody3 {
    grid-area: body3;
}

footerBody4 {
    grid-area: body4;
}

.footerBottom1 {
    grid-area: bottom1;
    margin-top: 1rem;
}


.footerBody2, .footerBody3, .footerBody4,
.footerBottom1,
.footerCopyRight {
    margin-bottom: 1rem;
}

.footerBody2, .footerBody3 {
    margin-right: 1rem;
}

    .footerBody1 a, .footerBody2 a, .footerBody3 a, .footerBody4 a,
    .footerBottom1 a {
        color: black;
    }

.footerCopyright {
    color: white;
    padding: 1rem 0rem 3rem 0rem;
}

    .footerCopyright a, footerCopyright a:hover {
        color: white;
        padding: 0px 0px 2rem 0px;
    }

.grid-4-footer {
    display: grid;
    grid-template:
        'body1   divide1  body2   body3   body4'
        'bottom1 divide2  body2   body3   body4';
}

@media screen and (max-width: 768px) {
    .grid-4-footer {
        grid-template:
            'body1'
            'bottom1'
            'body2'
            'body3'
            'body4';
    }

    .footerBody1 {
        border-right: none;
    }

    .footerDivide1, .footerDivide2, .footerHeader4Space {
        display: none;
    }
}

