/*!
 * This file is the custom styles that overwrite the base Bootstrap settings were needed
 */




/*------------------------------- ORGANIC PAGES---------------------------------*/

.organic-listing-box .collapse.in {
    display: inline;
}

.spacer1 {
    margin: 0 1.0em;
}

.shadow-bg {
    background-image: url(/static/index/img/shadowbg.png);
    background-repeat: repeat-x;
    background-size: 2px 6px;
    position: absolute;
    z-index: 999;
    width: 100%;
}

.shadow-bg2 {
    background-image: url(/static/index/img/shadowbg2.png);
    background-repeat: repeat-x;
    background-size: 2px 4px;
    position: absolute;
    z-index: 999;
    width: 100%;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.produce-button-row {
    min-width: 13.5em;
    margin-top: 0em;
}
/* featured organics area*/
.organic-body-bg {
    background-color: #f4f2ec;
    box-shadow: 3px 3px 3px #999999;
    z-index: 3;
    /*	position: relative; */
}

.buffer-line-tall {
    min-height: 2.0em;
}

.aboutus h2 {
    text-align: center;
    color: #a6a668;
    font-size: 3.0em;
    line-height: 0.8em;
    font-family: 'SignPainter-HouseScript', 'signpainter', 'Brush Script MT', Arial, sans-serif;
}

.texture-bg {
    background-image: url(/static/index/img/fabric-light-bg.jpg);
    background-size: 95px 117px;
    background-repeat: repeat;
    /*	min-height: 1000px; */
}

.bolder {
    font-family: "Avenir LT W01_95 Black", Helvetica, Arial, sans-serif;
}




/* Then & Now Carousel*/

.then-and-now {
    margin-top: -30em;
    margin-bottom: -20px;
}

.carousel-caption-then {
    position: static;
    right: 15%;
    bottom: 20px;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
    text-shadow: none;
    background-image: url(/static/index/img/our-farm-then3.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px; /* Reduces the testimonial carousel from jumping when different length entries are used (over 1200 media screens). Best to use similar sizes testimonials.*/
}

.carousel-caption-now {
    position: static;
    right: 15%;
    bottom: 20px;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
    text-shadow: none;
    background-image: url(/static/index/img/our-farm-now3.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px; /* Reduces the testimonial carousel from jumping when different length entries are used (over 1200 media screens). Best to use similar sizes testimonials.*/
}

.carousel-control {
    top: 84%;
}

.carousel-control {
    filter: alpha(opacity=100);
    opacity: 1.0;
}

    .carousel-control.left {
        background-image: none;
        background-repeat: no-repeat;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: none;
        background-repeat: no-repeat;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .carousel-control.right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

.now-and-then-carousel p {
    text-align: center;
    color: #362b13;
    font-size: 1.0em;
    font-weight: 300;
    line-height: 1.5em;
    margin: 38em 0 0 0;
    /*	margin: 32em 0 0 0;
*/ height: 10em;
    width: 100%;
    padding-left: 15%;
    padding-right: 15%;
}

.founders-quote a, .founders-quote a:hover, .founders-quote a:focus {
    color: #e8a62d;
    font-weight: 300;
    line-height: 1.6em;
    margin: 2.0em 0 0.5em 0;
    text-decoration: none;
    font-family: 'Avenir LT W01_45 Book Oblique', Helvetica, Arial, sans-serif;
    font-size: 0.75em;
}

.founders-quote cite {
    text-align: center;
    font-size: 0.75em;
    letter-spacing: 0.20em;
    font-style: normal;
    border-right: #adad70 1px solid;
    padding: 0.75em 1.0em 0.75em 0;
    margin: 2.0em 1.0em 0.75em 0;
    text-transform: uppercase;
}

.now-and-then-carousel .carousel-control-container {
    display: inline-block;
}

    .now-and-then-carousel .carousel-control-container img {
        vertical-align: middle;
    }

.carousel-caption .founders-quote a, .carousel-caption p .founders-quote a:hover, .carousel-caption p .founders-quote a:focus {
    text-align: center;
    color: #e8a62d;
    font-size: 0.75em;
}

.carousel-caption .founders-quote cite {
    text-align: center;
    font-size: 0.75em;
    letter-spacing: 0.20em;
    font-style: normal;
    border-right: #adad70 1px solid;
    padding: 0.75em 1.0em 0.75em 0;
    margin: 2.0em 1.0em 0.75em 0;
}

    .carousel-caption .founders-quote cite:before {
        content: "-";
        margin-right: 0.85em;
    }

#carousel1 .carousel-indicators {
    display: none;
}

.up-triangle {
    position: relative;
    z-index: 500;
    margin: -18px auto 0 auto;
    width: 107px;
    height: auto;
    text-align: center;
}

    .up-triangle img {
        position: relative;
        bottom: -555px;
    }

.caption-bar {
    background-color: #f6f5f0;
    padding: 3.0em;
}

    .caption-bar em {
        font-family: "Avenir LT W01_65 Medium", Helvetica, Arial, sans-serif;
        letter-spacing: 0.1em;
        font-style: normal;
        text-transform: uppercase;
    }

/* / Then & Now Carousel */





.organic-hero-mobile {
    display: none;
}

.organic-hero {
    background-image: url(/static/index/img/holding-carrot-bunch-in-field.jpg);
    min-width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: visible;
}

.sustainable-hero {
    background-image: url(/static/index/img/purple-flower-bee.jpg);
    min-width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: visible;
}

.transparent-dotted-textblock-bg {
    width: 38%;
    min-width: 40em;
    height: 100%;
    margin: 15% auto 2% auto;
    background-image: url(/static/index/img/farm-banner-text-box4.png);
    background-size: 80% 100%;
    background-repeat: no-repeat;
    background-position: top;
    overflow: visible;
    position: relative;
    z-index: 100;
    bottom: -420px;
}

.transparent-dotted-textblock {
    text-align: center;
    vertical-align: central;
    padding: 12% 10% 8% 10%;
    margin-bottom: 1.0em;
}

    .transparent-dotted-textblock h1 {
        text-align: center;
        color: #cbcc98;
        font-size: 3.5em;
        line-height: 0.9em;
        font-family: VinylOT-Regular, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-transform: uppercase;
        opacity: 1.0;
        margin-top: 0.1em;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }

    .transparent-dotted-textblock h2 {
        text-align: center;
        color: #ffffff;
        font-size: 2.5em;
        line-height: 1.0em;
        margin-top: -0.15em;
        margin-bottom: 0em;
        font-family: 'SignPainter-HouseScript', 'signpainter', 'Brush Script MT', Arial, sans-serif;
    }

    .transparent-dotted-textblock p {
        text-align: center;
        color: #ffffff;
        font-size: 1.20em;
        line-height: 1.2em;
        margin-bottom: -0.2em;
        font-family: 'Avenir LT W01_45 Book', Arial, sans-serif;
    }

    .transparent-dotted-textblock img {
        width: 22%;
        height: auto;
    }
/* / featured organics area*/
.organic-page {
    min-height: 800px;
}

.organic-page-background {
    width: auto;
    min-height: 500px;
    background-image: url(/static/index/img/mom-daughter-strawberry-field.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.organic-page h2 {
    text-align: center;
    color: #362b13;
    font-size: 3.0em;
    line-height: 0.8em;
    font-family: 'SignPainter-HouseScript', 'signpainter', 'Brush Script MT', Arial, sans-serif;
}

.organic-page .remember-me {
    display: inline-block;
    float: left;
    text-align: left;
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    margin-right: 1.0em;
    font-family: 'Avenir LT W01_65 Medium', Helvetica, Arial, sans-serif;
}

.organic-panel {
    max-width: 80%;
    margin: 35% auto 70px auto;
    padding-bottom: 2.0em;
    background-color: #f4f2ec;
    border: 1px solid transparent;
    border-radius: 0px;
    /*Chrome, Safari*/
    -webkit-box-shadow: 0px 2px 6px #ebebeb;
    /*Firefox*/
    -moz-box-shadow: 0px 2px 6px #ebebeb;
    /*Standard Syntax*/
    box-shadow: 0px 2px 6px #666666;
}

.organic-panel-body {
    padding: 6px 1.0em 0px 1.0em;
}

.organic-panel-heading {
    padding: 0 15px 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/* white-gold button */
.organic-page btn {
    text-align: center;
    width: 100%;
    height: 1.5em;
}

.organic-page-button-row {
    width: 150px;
}

.organic-calendar-icon {
    padding: 1.0em 1.0em 0 1.0em;
    margin: auto;
    text-align: center;
    max-width: 320px;
    max-height: 320px;
}

.organic-select-btn-container {
    margin-bottom: 2.5em;
    margin: 2.0 auto;
}

.organic-select-btn,
.organic-select-btn:hover,
.organic-select-btn:focus,
.organic-select-btn:active .organic-select-btn a,
.organic-select-btn a:hover,
.organic-select-btn a:focus,
.organic-select-btn a:active {
    color: #e8a62d;
    padding: 1.0em 14%;
    height: 3.0em;
    width: 55em;
    font-family: 'Avenir LT W01_65 Medium Oblique', Helvetica, Arial, sans-serif;
    border: 1px solid #e8a62d;
    background-color: #ffffff;
    text-decoration: none;
}
/* / white-gold button */





/* showing organics header bar */
.showing-organics-header-bar-bg {
    background-image: url(/static/index/img/fabric-dark-bg.jpg);
    background-size: 95px 117px;
    background-repeat: repeat;
}

.showing-organics-header-bar-bg2 {
    background-image: url(/static/index/img/fabric-light-bg.jpg);
    background-size: 95px 117px;
    background-repeat: repeat;
    box-shadow: 6px 6px 6px #333333;
    z-index: 2;
    /*	position: relative;*/
}

.showing-organics-header-bar-bg2,
.showing-organics-header-bar-arrow-bg2 {
    background-image: url(/static/index/img/fabric-light-bg.jpg);
    background-size: 95px 117px;
    background-repeat: repeat;
}

.showing-organics-header-bar-arrow-bg3 {
    background-image: url(/static/index/img/fabric-light-bg.jpg);
    background-size: 95px 117px;
    background-repeat: repeat;
    z-index: -3;
    position: relative;
}

.showing-organics-header-bar-arrow {
    text-align: center;
}

    .showing-organics-header-bar-arrow > .container > .row > img {
        margin-top: -6px;
        z-index: 1;
        position: relative;
    }

.showing-organics-header-bar h2 {
    text-align: center;
    color: #362b13;
    font-size: 3.0em;
    line-height: 0.8em;
    font-family: 'SignPainter-HouseScript', 'signpainter', 'Brush Script MT', Arial, sans-serif;
    padding-top: 0.25em;
    margin-bottom: -0.25em;
}

.showing-organics-header-bar em {
    font-family: VinylOT-Regular, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-size: .70em;
}

.showing-organics-header-bar a,
.showing-organics-header-bar a:hover,
.showing-organics-header-bar a:focus,
.showing-organics-header-bar a:active,
.organic-feature a,
.organic-feature a:hover,
.organic-feature a:focus,
.organic-feature a:active {
    text-align: center;
    color: #e8a62d;
    font-size: 1.0em;
    font-weight: 300;
    line-height: 3.5em;
    text-decoration: none;
    font-style: italic;
    font-family: 'Avenir LT W01_65 Medium Oblique', Helvetica, Arial, sans-serif;
    margin-right: 1.0em;
}

.min-row-height {
    min-height: 8.0em;
}

.buffer-line {
    min-height: 0.95em;
}
/* / showing organics header bar */




/* organic-listing-box */

.organic-listing-box {
    max-width: 22em;
    /*	min-height: 37em; */
    padding: 0.5em;
    margin: 2.0em auto 0.5em auto;
    background-color: #f4f2ec;
    display: block;
}

    .organic-listing-box .thumbnail-area {
        margin: 15px 20px 20px 15px;
        display: inline-block;
        float: left;
        color: #c7c794;
        font-family: VinylOT-Regular, sans-serif;
        background-color: #9e9f63;
        padding: 0.25em 0.25em 0em 0.25em;
        font-size: 4.5em;
        text-align: center;
        min-width: 100px;
    }

    .organic-listing-box .summary {
        padding-right: 5%;
        margin-left: 10.0em;
        margin-top: 1.0em;
        margin-bottom: 0.5em;
    }

        .organic-listing-box .summary p {
            margin-bottom: -0.5em;
        }

            .organic-listing-box .summary p em {
                font-family: 'Avenir LT W01_45 Book Oblique', Helvetica, Arial, sans-serif;
            }

        .organic-listing-box .summary h4 {
            color: #362b13;
            font-size: 1.45em;
            font-family: VinylOT-Regular, sans-serif;
            font-weight: normal;
            font-style: normal;
            text-transform: uppercase;
            text-align: left;
        }

        .organic-listing-box .summary h5 {
            color: #362b13;
            font-size: 1.45em;
            font-family: VinylOT-Regular, sans-serif;
            font-weight: normal;
            font-style: normal;
            text-transform: uppercase;
            text-align: left;
        }

        .organic-listing-box .summary h3,
        .organic-listing-box .summary h3 a,
        .organic-listing-box .summary h3 a:hover,
        .organic-listing-box .summary h3 a:focus,
        .organic-listing-box .summary h3 a:active {
            color: #a6a668;
            font-size: 1.6em;
            line-height: 0.8em;
            font-family: 'SignPainter-HouseScript', 'signpainter', 'Brush Script MT', Arial, sans-serif;
            padding-top: 0.25em;
            margin-top: -0.4em;
            font-style: normal;
        }

        .organic-listing-box .summary .special-organic {
            color: #e8a62d;
        }
/* /organic-listing-box */

.btn-bottom-list-container {
    display: inline-block;
    text-align: center;
    margin: 0 auto 3.0em auto;
    max-width: 100%;
}

.btn-bottom-list,
.btn-bottom-list a,
.btn-bottom-list a:hover,
.btn-bottom-list a:focus,
.btn-bottom-list a:active {
    display: inline-block;
    float: left;
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    font-family: 'Avenir LT W01_65 Medium', Helvetica, Arial, sans-serif;
}

.buffer-side {
    margin-left: 2.0em;
}

.bolder {
    font-family: "Avenir LT W01_95 Black", Helvetica, Arial, sans-serif;
}

.myfarmstand-link a, .myfarmstand-link a:hover, .myfarmstand-link a:focus {
    text-align: center;
    color: #e8a62d;
    font-size: 1.0em;
    font-weight: 300;
    line-height: 1.6em;
    margin: 0.5em 0 0.5em 0;
    text-decoration: none;
    font-style: italic;
}

.green-dotted-line {
    background-image: url(/static/index/img/green-dotted-line.png);
    background-repeat: repeat-x;
    margin: 0em 0em -0.5em 0em;
    padding: 2.0em 0em 0em 0em;
    width: 100%;
    text-align: center;
    size: 80%;
}

.organic-charity {
}

.media-heading {
    color: #362b13;
    font-size: 1.45em;
    font-family: VinylOT-Regular, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
}

.media-left {
    padding-right: 1.5em;
}

.organic-detail {
    margin: 1.5em 0 3.5em 0;
}

    .organic-detail h2 {
        color: #a6a668;
        font-size: 2.7em;
        line-height: 1.0em;
        font-family: 'SignPainter-HouseScript', 'signpainter', 'Brush Script MT', Arial, sans-serif;
        padding-top: 0.25em;
        margin-top: -0.4em;
        max-width: 12em;
    }

.organic-charity h2 {
    color: #a6a668;
    font-size: 2.7em;
    line-height: 1.0em;
    font-family: 'SignPainter-HouseScript', 'signpainter', 'Brush Script MT', Arial, sans-serif;
    padding-top: 0.25em;
    margin-top: 0.75em;
    max-width: 12em;
}

.organic-detail p {
    font-size: 1.25em;
    padding-top: 0.25em;
}

.organic-detail-sidebar {
    margin: 2.0em 0;
    /* padding: 2.0em; */
    /* width: 18em; */
}

    .organic-detail-sidebar .text-link a {
        color: #E8A62D;
        text-decoration: none;
    }

    .organic-detail-sidebar h3 {
        color: #362b13;
        font-size: 1.45em;
        font-family: VinylOT-Regular, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-transform: uppercase;
    }

    .organic-detail-sidebar p {
        font-family: 'Avenir LT W01_55 Roman', Helvetica, Arial, sans-serif;
        font-size: 1.0em;
    }

.btn-organic-detail-sidebar,
.btn-organic-detail-sidebar:hover,
.btn-organic-detail-sidebar:focus,
.btn-organic-detail-sidebar:active:hover {
    color: #ffffff;
    background-image: url(/static/index/img/features-btn.png);
    margin: 0.5em 0 -1.7em 0;
    padding: 1.1em 0.40em 1.0em 0.40em;
    border-color: transparent;
    background-color: transparent;
    background-size: 100% auto;
    background-repeat: no-repeat;
    border-radius: 0px;
    background-position: center;
    font-family: 'Avenir LT W01_65 Medium', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.95em;
    width: 12.0em;
    max-width: 240px;
    height: auto;
}

.organic-description a,
.organic-description a:hover,
.organic-description a:focus,
.organic-description a:active {
    color: #e8a62d;
    font-family: 'Avenir LT W01_45 Book Oblique',Helvetica, Arial, sans-serif;
    text-decoration: none;
}

.display-mobile {
    display: none;
}

.organic-detail h3 {
    color: #362b13;
    font-size: 1.45em;
    font-family: VinylOT-Regular, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
}


.putty-dotted-line {
    background-image: url(/static/index/img/putty-dotted-line.png);
    background-repeat: repeat-x;
    margin: -1.5em 0em -2em 0em;
    padding: 2.0em 0em 0em 0em;
    width: 100%;
    text-align: center;
    size: 80%;
}

.putty-dotted-line2 {
    background-image: url(/static/index/img/putty-dotted-line.png);
    background-repeat: repeat-x;
    margin: -2.0em 0em -2.25em 0em;
    padding: 2.0em 0em 0em 0em;
    width: 100%;
    text-align: center;
    size: 80%;
}

.tip-row {
    max-width: 32em;
}




/*  Our Capay Farm  */
.our-capay-farm {
}

.our-capay-farm-bg {
    background-color: #362b13;
    background-image: url(/static/index/img/about-our-farm-video-background3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.our-capay-farm p {
    text-align: center;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.6em;
    margin: 0.5em 14% 1.25em 14%;
}

.our-capay-farm h1 {
    color: #ffffff;
    text-align: center;
    font-size: 1.0em;
    line-height: 0.5em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin: 0.5em 0 0 0;
}

.our-capay-farm h2 {
    color: #ffffff;
}

.our-capay-farm figure {
    padding: 0.5em;
    background-color: #ffffff;
    margin: 3.5em 0;
}

.our-capay-farm figcaption {
    color: #362b13;
    line-height: 1.55em;
    margin: 1.5em;
}

.our-capay-farm .container {
    padding: 6em 0em 8em 0em;
}
/*  / Our Capay Farm  */





/*  Meaning  */

.meaning {
    padding-top: 60px;
    padding-bottom: 40px;
}

    .meaning img {
        border: 8px #ffffff solid;
        box-shadow: 1px 1px 5px #999999;
        width: 80%;
        height: auto;
        margin: 10px 0 auto 5em;
        display: block;
    }

    .meaning iframe {
        border: 8px #ffffff solid;
        box-shadow: 1px 1px 5px #999999;
        max-width: 80%;
        /* height: 80%; */
        margin: 10px 0 auto 5em;
    }

    .meaning h4 {
        color: #a6a668;
        font-size: 2.25em;
        line-height: 1.0em;
        font-family: VinylOT-Regular, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-transform: uppercase;
        text-decoration: none;
    }

    .meaning p {
        max-width: 90%;
    }
/*  / Meaning  */





/*  Kathleen Barsotti quote  */
.founders-quote {
}

.founders-quote-bg {
    background-color: #f4f2ec;
}

.founders-quote p {
    text-align: center;
    color: #362b13;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.6em;
    margin: 0.5em 14.0% 1em 14.0%;
}

.founders-quote .container {
    padding: 2.5em 0em 2.0em 0em;
}

.carousel-caption .founders-quote cite {
    text-align: center;
    font-size: 0.75em;
    letter-spacing: 0.20em;
    font-style: normal;
    border-right: #adad70 1px solid;
    padding: 0.75em 1.0em 0.75em 0;
    margin: 2.0em 1.0em 0.75em 0;
}

.carousel-caption .founders-quote cite {
    text-align: center;
    font-size: 0.75em;
    letter-spacing: 0.20em;
    font-style: normal;
    border-right: #adad70 1px solid;
    padding: 0.75em 1.0em 0.75em 0;
    margin: 2.0em 1.0em 0.75em 0;
}
/*  / Kathleen Barsotti quote  */




/*  Conversion Panel  */

.conversion-panel {
    background-color: #9f9f63;
}

    .conversion-panel img {
        margin: 2.0em 1.0em 2.0em 1.0em;
    }

.aboutus .conversion-panel h2 {
    color: #ffffff;
    font-size: 3.0em;
    line-height: 0.8em;
    font-family: 'SignPainter-HouseScript', 'signpainter', 'Brush Script MT', Arial, sans-serif;
    padding-top: 0.5em;
    margin-bottom: 0.25em;
    padding-left: 20px;
    text-align: left;
}

    .aboutus .conversion-panel h2 em {
        font-family: VinylOT-Regular, sans-serif;
        font-style: normal;
        text-transform: uppercase;
        font-size: .70em;
        line-height: 0.95em;
        display: inline-block;
    }

.conversion-panel p {
    color: #ffffff;
    margin-top: 0.5em;
    margin-bottom: 2.0em;
    max-width: 700px;
    padding-left: 20px;
}

.conversion-panel a,
.conversion-panel a:hover,
.conversion-panel a:focus,
.conversion-panel a:active {
    text-align: left;
    color: #e8a62d;
    font-size: 1.0em;
    font-weight: 300;
    text-decoration: none;
    font-family: 'Avenir LT W01_85 Heavy Oblique', Helvetica, Arial, sans-serif;
    display: inline-block;
}
/*  / Conversion Panel  */




/*  Timeline Carousel  */

#carousel2 .carousel-indicators {
    color: #e8a62d;
    font-family: 'VinylOT-Regular', Helvetica, Arial, sans-serif;
    font-size: 1.0em;
    text-decoration: none;
    letter-spacing: 0.15em;
    position: relative;
    z-index: 700;
    bottom: 14em; /*	overrides bootstrap */
    left: inherit;
    width: inherit;
    margin-left: inherit; /*	 overrides bootstrap */
}

    #carousel2 .carousel-indicators li {
        margin: 0em;
        padding: 0 1.5em;
        display: inline-block;
    }

.timeline .carousel-indicators li .active {
    color: #c86622;
}

#carousel2 .slide {
    font-size: 1.0em;
    text-decoration: none;
    letter-spacing: 0.15em;
    position: static;
    right: 15%;
    bottom: 20px;
    padding-top: 20px;
    padding-bottom: 0px;
    text-align: center;
    text-shadow: none;
    margin: auto 0;
    min-height: 600px; /* Reduces the testimonial carousel from jumping when different length entries are used (over 1200 media screens). Best to use similar sizes testimonials.*/
    width: 99%;
}

.slide .timeline-img {
    padding: 0.65em;
    background-color: #faf9f7;
    box-shadow: 0px -1px 1px #cccccc;
    width: 78%;
}

#carousel2 .caption-bar em {
    background-color: transparent;
    font-family: "Avenir LT W01_65 Medium", Helvetica, Arial, sans-serif;
    letter-spacing: 0.1em;
    font-style: normal;
    text-transform: uppercase;
}

#carousel2 .caption-bar {
    font-family: "Avenir LT W01_65 Medium Oblique", Helvetica, Arial, sans-serif;
    font-style: normal;
    letter-spacing: 0em;
    margin: 5.25em 5% 1em 5%;
    padding: 0;
    background-color: transparent;
    min-height: 11em;
}

.timeline #carousel2 .carousel-indicators li:nth-child(1),
.timeline #carousel2 .carousel-indicators li:nth-child(2),
.timeline #carousel2 .carousel-indicators li:nth-child(3),
.timeline #carousel2 .carousel-indicators li:nth-child(4),
.timeline #carousel2 .carousel-indicators li:nth-child(5),
.timeline #carousel2 .carousel-indicators li:nth-child(6) {
    display: inline-block;
    /* width: 10px; */
    height: 10px;
    margin: 1px;
    /* text-indent: -999px; */
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 0px solid #fff;
    border-radius: 10px;
    color: #e8a62d;
}

.timeline #carousel2 .carousel-indicators li:focus,
.timeline #carousel2 .carousel-indicators li:active,
.timeline #carousel2 .carousel-indicators .active p {
    color: #c86622;
}

.timeline #carousel2 .carousel-indicators li:nth-child(1) .active p {
    color: #c86622;
}

.timeline #carousel2 .carousel-indicators li:nth-child(2) .active p {
    color: #c86622;
}

.timeline #carousel2 .carousel-indicators li:nth-child(3) .active p {
    color: #c86622;
}

.timeline #carousel2 .carousel-indicators li:nth-child(4) .active p {
    color: #c86622;
}

.timeline #carousel2 .carousel-indicators li:nth-child(5) .active p {
    color: #c86622;
}

.timeline #carousel2 .carousel-indicators li:nth-child(6) .active p {
    color: #c86622;
}

.timeline #carousel2 .carousel-indicators p {
    position: relative;
    z-index: 800;
    left: 501px;
    top: -5px;
}

.timeline .carousel-control {
    top: 35%;
}

.our-story-tab {
    margin: 0 auto -21px auto;
    position: relative;
    z-index: 500;
    width: 90px;
}

    .our-story-tab p {
        font-family: "Avenir LT W01_65 Medium", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-size: 0.9em;
        text-transform: uppercase;
        position: relative;
        z-index: 600;
        text-align: center;
        line-height: 1.1em;
        bottom: -53px;
        letter-spacing: 0.1em;
    }

.year {
    display: none;
}
/*  / Timeline Carousel  */





/*  Our Family Gallery Carousel  */
.our-family-carousel {
    background-color: #f1ece3;
}

#carousel3 .carousel-indicators {
    color: #e8a62d;
    font-family: 'VinylOT-Regular', Helvetica, Arial, sans-serif;
    font-size: 1.0em;
    text-decoration: none;
    letter-spacing: 0.15em;
    position: relative;
    z-index: 700;
    bottom: 14em; /*	overrides bootstrap */
    left: inherit;
    width: inherit;
    margin-left: inherit; /*	 overrides bootstrap */
}

    #carousel3 .carousel-indicators li {
        margin: 0 0.10em;
        padding: 0;
        display: inline-block;
        border: 1px #e8a62d solid;
        width: 14px;
        height: 14px;
    }

.family-gallery .carousel-indicators .active {
    color: #e8a62d;
    background-color: #e8a62d;
    width: 14px;
    height: 14px;
}

#carousel3 .slide {
    font-size: 1.0em;
    text-decoration: none;
    letter-spacing: 0.15em;
    position: static;
    right: 15%;
    bottom: 20px;
    padding-top: 20px;
    padding-bottom: 0px;
    text-align: center;
    text-shadow: none;
    margin: auto 0;
    min-height: 600px; /* Reduces the testimonial carousel from jumping when different length entries are used (over 1200 media screens). Best to use similar sizes testimonials.*/
    width: 99%;
}

.slide .family-gallery-img {
    padding: 0.65em;
    background-color: #faf9f7;
    box-shadow: 0px -1px 1px #cccccc;
    width: 78%;
}

#carousel3 .caption-bar em {
    background-color: transparent;
    font-family: "Avenir LT W01_65 Medium", Helvetica, Arial, sans-serif;
    letter-spacing: 0.1em;
    font-style: normal;
    text-transform: uppercase;
}

#carousel3 .caption-bar {
    font-family: "Avenir LT W01_65 Medium Oblique", Helvetica, Arial, sans-serif;
    font-style: normal;
    letter-spacing: 0em;
    margin: 5.25em 5% 1em 5%;
    padding: 0;
    background-color: transparent;
    min-height: 11em;
}

.family-gallery #carousel3 .carousel-indicators p {
    position: relative;
    z-index: 800;
    left: 501px;
    top: -5px;
}

.family-gallery .carousel-control {
    top: 35%;
}

.our-family-tab {
    margin: 0 auto -21px auto;
    position: relative;
    z-index: 500;
    width: 90px;
}

    .our-family-tab p {
        font-family: "Avenir LT W01_65 Medium", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-size: 0.9em;
        text-transform: uppercase;
        position: relative;
        z-index: 600;
        text-align: center;
        line-height: 1.1em;
        bottom: -53px;
        letter-spacing: 0.1em;
    }
/*  / Our Family Gallery Carousel  */





/*  Our Family > Overview  */
.our-family-overview {
}

.our-family-overview-bg {
    background-color: #f4f2ec;
    background-image: url(/static/index/img/family2017.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 71em;
    padding-top: 9em;
}

.our-family-overview p {
    text-align: center;
    color: #362b13;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.6em;
    margin: 0 4em 0 4em;
}

.our-family-overview h1 {
    color: #362b13;
    text-align: center;
    font-size: 1.0em;
    line-height: 0.5em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin: 0.5em 0 0 0;
}

.our-family-overview h2 {
    color: #362b13;
}
/*  Our Family > Overview  */




/*  Our Family > Growing Our Family On The Farm  */
.growing-our-family-bg {
    background-image: url(/static/index/img/fabric-dark-bg.jpg);
    background-size: 95px 117px;
    background-repeat: repeat;
    position: relative;
}

.growing-our-family-bg2 {
    background-image: url(/static/index/img/fabric-light-bg.jpg);
    background-size: 95px 117px;
    background-repeat: repeat;
}

.growing-our-family-arrow {
    text-align: center;
}

.growing-our-family-bg2 {
    background-image: url(/static/index/img/fabric-light-bg.jpg);
    background-size: 95px 117px;
    background-repeat: repeat;
}

.growing-our-family-arrow > .container > .row > img {
    margin-top: -2px;
    position: relative;
}

.growing-our-family h2 {
    text-align: center;
    color: #362b13;
    font-size: 3.0em;
    line-height: 0.8em;
    font-family: 'SignPainter-HouseScript', 'signpainter', 'Brush Script MT', Arial, sans-serif;
    padding-bottom: 0.5em;
    margin-top: 0.125em;
}

.growing-our-family h3 {
    text-align: center;
    color: #a6a668;
    font-size: 2.25em;
    line-height: 1.0em;
    font-family: VinylOT-Regular, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
}

.growing-our-family h4 {
    font-family: 'Avenir LT W01_65 Medium', Helvetica, Arial, sans-serif;
    text-align: center;
    color: #362b13;
    font-size: 1.0em;
    line-height: 0.5em;
    padding-top: 2.0em;
    letter-spacing: 0.15em;
}

.green-dotted-line2 {
    background-image: url(/static/index/img/green-dotted-line.png);
    background-repeat: repeat-x;
    margin: 0em auto -3.5em auto;
    padding: 2.0em 0em 0em 0em;
    width: 85%;
    text-align: center;
    size: 80%;
}

.bios {
    padding-top: 60px;
    padding-bottom: 0px;
}

    .bios img {
        width: 95%;
    }

.thaddeus1 {
    border: 8px #ffffff solid;
    box-shadow: 1px 1px 5px #999999;
    height: auto;
    display: block;
    background-image: url(/static/index/img/thaddeus2017.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    top: 0;
}

.thaddeus2 {
    border: 8px #ffffff solid;
    box-shadow: 1px 1px 5px #999999;
    height: auto;
    display: block;
    background-image: url(/static/index/img/thaddeus-past.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
}

.freeman1 {
    border: 8px #ffffff solid;
    box-shadow: 1px 1px 5px #999999;
    height: auto;
    display: block;
    background-image: url(/static/index/img/freeman2017.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    top: 0;
}

.freeman2 {
    border: 8px #ffffff solid;
    box-shadow: 1px 1px 5px #999999;
    height: auto;
    display: block;
    background-image: url(/static/index/img/freeman-past.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
}

.noah1 {
    border: 8px #ffffff solid;
    box-shadow: 1px 1px 5px #999999;
    height: auto;
    display: block;
    background-image: url(/static/index/img/noah2017.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    top: 0;
}

.noah2 {
    border: 8px #ffffff solid;
    box-shadow: 1px 1px 5px #999999;
    height: auto;
    display: block;
    background-image: url(/static/index/img/noah-past.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
}

.che1 {
    border: 8px #ffffff solid;
    box-shadow: 1px 1px 5px #999999;
    height: auto;
    display: block;
    background-image: url(/static/index/img/che-current.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    top: 0;
}

.che2 {
    border: 8px #ffffff solid;
    box-shadow: 1px 1px 5px #999999;
    height: auto;
    display: block;
    background-image: url(/static/index/img/che-past.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
}

.kathleen1 {
    border: 8px #ffffff solid;
    box-shadow: 1px 1px 5px #999999;
    height: auto;
    display: block;
    background-image: url(/static/index/img/kathleen-newer.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    top: 0;
}

.kathleen2 {
    border: 8px #ffffff solid;
    box-shadow: 1px 1px 5px #999999;
    height: auto;
    display: block;
    background-image: url(/static/index/img/kathleen-past.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
}

.martin1 {
    border: 8px #ffffff solid;
    box-shadow: 1px 1px 5px #999999;
    height: auto;
    display: block;
    background-image: url(/static/index/img/martin-newer.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    top: 0;
}

.martin2 {
    border: 8px #ffffff solid;
    box-shadow: 1px 1px 5px #999999;
    height: auto;
    display: block;
    background-image: url(/static/index/img/martin-past.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
}

.half-circle-gold-btn {
    color: #ffffff;
    font-size: 1.25em;
    font-family: "Avenir LT W01_65 Medium", Helvetica, Arial, sans-serif;
    font-style: normal;
    text-align: center;
    background-image: url(/static/index/img/half-circle-top-gold.png);
    background-size: 3em 1.5em;
    background-position: bottom;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding-top: 0.25em;
    position: relative;
    bottom: 37px;
    cursor: pointer;
}

.half-circle-orange-btn {
    color: #ffffff;
    font-size: 1.25em;
    font-family: "Avenir LT W01_65 Medium", Helvetica, Arial, sans-serif;
    font-style: normal;
    text-align: center;
    background-image: url(/static/index/img/half-circle-top-orange.png);
    background-size: 3em 1.5em;
    background-position: bottom;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding-top: 0.25em;
    position: relative;
    bottom: 37px;
    cursor: pointer;
    z-index: 600;
}

.bios h4 {
    color: #a6a668;
    font-size: 2.25em;
    line-height: 1.0em;
    font-family: VinylOT-Regular, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}

.bios p {
    max-width: 90%;
}

    .bios p a,
    .bios p a:hover,
    .bios p a:focus,
    .bios p a:active {
        font-family: 'Avenir LT W01_65 Medium', Helvetica, Arial, sans-serif;
        text-decoration: none;
        color: #e8a62d;
    }

.overflow-hidden {
    overflow: hidden;
    min-height: 30em;
    background-image: url(/static/index/img/thaddeus-current.jpg);
    background-size: 85%;
    background-position: top;
    background-repeat: no-repeat;
}

.collapsing-toggle {
    position: absolute !important;
    z-index: 20;
    width: 100%;
}

.collapse-toggle.in {
    display: block;
    position: absolute;
    z-index: 20;
    width: 100%;
}

.toggled-img-container {
    position: relative;
}

.toggled-img1 {
    width: 100%;
    position: absolute;
    z-index: 750;
    top: 0;
}

.toggled-img2 {
    width: 100%;
    position: absolute;
    z-index: 750;
    top: 0;
}




/*  / Our Family > Growing Our Family On The Farm  */























/*------------------------------- 3. MEDIA SIZE STYLES ---------------------------------*/

@media (max-width: 480px) {
    .display-block-mobile {
        display: block;
    }
    /* organic-listing-box */
    .organic-listing-box {
        max-width: 22em;
        min-height: 37em;
        padding: 0.5em;
        margin: 2.0em auto 0.5em auto;
        background-color: #f4f2ec;
        display: block;
    }

        .organic-listing-box .summary {
            padding-right: 25%;
        }

            .organic-listing-box .summary p {
                margin-bottom: -0.5em;
            }

    .date-strip,
    .date-strip-special-organic-item {
        display: none;
    }

    .buffer-side {
        display: none;
    }

    .btn-bottom-list-container {
        max-width: 220px;
    }

    .showing-organics-header-bar h2 {
        padding-left: 1.0em;
        padding-right: 1.0em;
    }

    .organic-detail h2 {
        text-align: center;
    }

    .organic-directions-popup p a {
        margin-left: 0em;
    }

    .circle-step-number {
        margin-right: 1.0em;
        margin-bottom: 5%;
    }

    .meaning img {
        border: 4px #ffffff solid;
        width: 92%;
        height: auto;
        margin: auto 0 auto 6em;
        display: block;
    }


    .btn-carousel {
        width: 14.0em;
        background-image: url(/static/index/img/product-btn.png);
    }

        .btn-carousel a, .btn-carousel:hover, .btn-carousel:focus, .btn-carousel:active:hover {
            color: #ffffff;
            background-image: url(/static/index/img/product-btn.png);
            margin: 0.5em 0 -1.7em 0;
            padding: 0.75em 0.60em 0.60em 0.60em;
            border-color: transparent;
            background-color: transparent;
            background-size: 100% auto;
            background-repeat: no-repeat;
            border-radius: 0px;
            background-position: center;
            font-family: 'Avenir LT W01_45 Book', sans-serif;
            font-weight: 400;
            font-size: 1.0em;
            width: 14.0em;
            max-width: 240px;
            height: auto;
        }

    .carousel-caption .founders-quote cite {
        text-align: center;
        font-size: 0.75em;
        letter-spacing: 0.3em;
        font-style: normal;
        border-right: 0;
        padding: 0.75em 0.7em 0.75em 0;
        margin: 2.0em 0.7em 0.75em 0;
        display: inline-block;
    }

        .carousel-caption .founders-quote cite:before {
            content: "-";
            margin-right: 0.85em;
        }

    .conversion-panel p {
        padding: 20px 20px 20px 20px;
    }

    #carousel3 .carousel-control.left {
        left: 29px;
    }

    #carousel3 .carousel-control.right {
        right: 29px;
    }

    .slide .family-gallery-img {
        width: 100%;
    }
}

















@media (max-width: 767px) {
    body {
        font-family: 'Avenir LT W01_45 Book', sans-serif;
    }

    .display-mobile {
        display: inline-block;
    }

    .hide-mobile {
        display: none;
    }

    .organic-hero-mobile {
        display: inline-block;
        width: 100%;
        height: 80%;
    }

        .organic-hero-mobile img {
            width: 100%;
        }

    .organic-hero,
    .sustainable-hero {
        background-image: none;
    }

    .transparent-dotted-textblock-bg {
        width: 100% !important;
        height: 100%;
        margin: 0 0 0 0 !important;
        background-image: none;
        background-color: #362b13;
        opacity: 1.0;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }

    .transparent-dotted-textblock {
        padding: 13% 10.5% 5% 10.5%;
        margin-bottom: 0em;
    }
	
    .transparent-dotted-textblock {
        padding: 0% 0% 0% 0%; /* ΠήΈΔΑΛ*/
        margin-bottom: 0em;
    }

        .transparent-dotted-textblock h1 {
            color: #cbcc98;
            font-size: 3.5em;
            line-height: 1.0em;
            font-family: VinylOT-Regular, sans-serif;
            font-weight: normal;
            font-style: normal;
            text-transform: uppercase;
        }
		
        .transparent-dotted-textblock h1 {
            color: #cbcc98;
            font-size: 0em;
            line-height: 0em;
            font-family: VinylOT-Regular, sans-serif;
            font-weight: normal;
            font-style: normal;
            text-transform: uppercase;
        }

        .transparent-dotted-textblock p {
            text-align: center;
            color: #ffffff;
            font-size: 1.10em;
            line-height: 1.2em;
            margin-bottom: -0.2em;
            font-family: 'Avenir LT W01_45 Book', Arial, sans-serif;
        }

            .transparent-dotted-textblock p img {
                max-height: 4.0em;
            }

        .transparent-dotted-textblock img {
            width: 25%;
            height: 25%;
        }

    .transparent-dotted-textblock-bg {
        min-width: 0;
    }

    .btn-bottom-list-container {
        max-width: 220px;
    }

    .gold-dotted-line {
        background-image: url(/static/index/img/gold-dotted-line.png);
        background-repeat: repeat-x;
        margin: 0em 0em -0.5em 0em;
        width: 100%;
        text-align: center;
        size: 80%;
        margin-top: 2.0em;
    }

    .organic-description h2 {
        padding-top: 0.5em;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .organic-feature {
        background-image: url(/static/index/img/organics-feature-faded.jpg);
        background-size: auto 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #ccc6a6;
    }

        .organic-feature p {
            font-size: 1.4em;
            line-height: 1.5em;
            font-weight: 600;
        }

    .tip-row {
        max-width: none;
    }

    .sustainable-organic-menu-container {
        display: none;
    }

    .meaning p, .meaning h4 {
        margin-left: 6%;
    }

    .bios p, .meaning h4 {
        margin-left: 6%;
    }

    .meaning img {
        max-width: 80%;
        margin: 0 auto 40px auto;
    }
    /*.bios img {
    max-width: 80%;
    margin: 0 auto 40px auto;
}*/
    .meaning iframe {
        max-width: 90%;
        margin: 0 auto 2.0em auto;
    }

    .now-and-then-carousel p {
        margin: 39em 0 0 0;
        height: 20%;
    }

    .up-triangle img {
        bottom: -568px;
    }

    .carousel-control {
        top: 83%;
    }

    .carousel-caption-then {
        position: static;
        right: 15%;
        bottom: 20px;
        padding-top: 20px;
        padding-bottom: 0px;
        color: #fff;
        text-align: center;
        text-shadow: none;
        background-image: url(/static/index/img/our-farm-then3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 892px; /* Reduces the testimonial carousel from jumping when different length entries are used (over 1200 media screens). Best to use similar sizes testimonials.*/
        margin-bottom: -10em;
    }

    .carousel-caption-now {
        position: static;
        right: 15%;
        bottom: 20px;
        padding-top: 20px;
        padding-bottom: 0px;
        color: #fff;
        text-align: center;
        text-shadow: none;
        background-image: url(/static/index/img/our-farm-now3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 892px; /* Reduces the testimonial carousel from jumping when different length entries are used (over 1200 media screens). Best to use similar sizes testimonials.*/
        margin-bottom: -10em;
    }

    .aboutus .conversion-panel h2 {
        text-align: center;
        padding-top: 0em;
        margin: auto 0.5em;
    }

    .aboutus .conversion-panel img {
        margin: 2.0em 1.0em 1.0em 1.0em;
    }

    .timeline .carousel-control {
        top: 31%;
    }

    .year {
        font-size: 1.5em;
        font-family: "VinylOT-Regular", Helvetica, Arial, sans-serif;
        color: #c86622;
        display: block;
        text-transform: none;
    }

    #carousel2 .carousel-indicators {
        display: none;
    }

    #carousel2 .caption-bar {
        margin: 1.25em 5% 1em 5%;
    }

    #carousel3 .carousel-indicators {
        display: none;
    }

    #carousel3 .caption-bar {
        margin: 1.25em 5% 1em 5%;
    }

    .our-family-overview-bg {
        /*background-color: #f4f2ec;
        background-image: url(/static/index/img/family2017.jpg);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100%;*/
        min-height: 55em;
        padding-top: 10em;
    }

    .our-family-overview h2 {
        max-width:300px;
        margin-left:auto;
        margin-right:auto;
    }
    .our-family-overview .container {
        max-width:500px;
        margin-left:auto;
        margin-right:auto;
    }

    .family-gallery .carousel-control {
        top: 29%;
    }

    .bios h4 {
        margin-left: 6%;
    }

    .bios img {
        margin-left: 6%;
        max-width: 90%;
        /*	margin-top: 1.5em;
*/ margin-bottom: 1.5em;
    }

    .half-circle-gold-btn,
    .half-circle-orange-btn {
        bottom: 58px;
    }
}

@media (max-width: 992px) {
    .organic-features-textblock-bg {
        width: 45%;
        margin: 7.5% 0 0 5%;
    }

    .organic-listing-box {
        max-width: 416px;
        min-height: 14em;
        padding: 0.5em;
        margin: 2.0em auto 0em auto;
        background-color: #f4f2ec;
        display: block;
    }

        .organic-listing-box .summary {
            padding-left: 0em;
        }

            .organic-listing-box .summary p {
                margin-bottom: 0em;
            }

    .host-own-organics-sidebar {
        margin: 2.0em 0;
    }

        .host-own-organics-sidebar p {
            max-width: 80%;
            margin: auto;
        }

    .host-own-organics h2 {
        padding-top: 0.5em;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .host-own-organics {
        margin: 0em 0 3.5em 0;
        background-color: f6f5f0;
    }

    .buffer-line-tall {
        min-height: 1.75em;
    }

    .organic-feature p {
        font-family: 'Avenir LT W01_65 Medium', Helvetica, Arial, sans-serif;
    }

    .now-and-then-carousel p {
        /*	min-height: 0em;  */
        min-height: 13em;
    }

    .spawn-block {
        display: inline-block;
        width: 100%;
    }

    .founders-quote cite {
        border-right: 0px;
        padding: 0.75em 0em 0.75em 0;
    }

    .our-family-overview p {
        text-align: center;
        color: #362b13;
        font-size: 1.3em;
        font-weight: 300;
        line-height: 1.6em;
        margin: 0 2em 0 2em;
    }
}

@media (max-width: 1200px) {
    .our-family-overview-bg {
        /*background-color: #f4f2ec;
        background-image: url(/static/index/img/family2015-2.jpg);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100%;*/
        min-height: 65em;
        padding-top: 10em;
    }
}


@media (min-width: 0px) {
    #carousel3 .carousel-indicators {
        color: #e8a62d;
        font-family: 'VinylOT-Regular', Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        text-decoration: none;
        letter-spacing: 0.15em;
        position: relative;
        z-index: 700;
        bottom: 19em; /*	overrides bootstrap */
        left: inherit;
        width: inherit;
        margin-left: inherit; /*	 overrides bootstrap */
    }
}


@media (min-width: 480px) {
}


@media (min-width: 768px) {
    .organic-feature {
        padding-bottom: 1.0em;
        background-position: right;
    }

    .organic-center-vert-div-left3 {
        background-image: url(/static/index/img/dotted-vert-line-short-gold.png);
        background-repeat: repeat-y;
        background-position: left;
        background-size: 4px 45px;
        width: 26px auto;
        text-align: left;
        filter: alpha(opacity=80); /* For IE8 and earlier */
        display: inline-block;
        position: relative;
        margin: 3.0em 0 0 0;
        padding: 0 0 0 3.0em;
    }

    .organic-directions-popup .modal-dialog {
        width: 600px;
        margin: 40px auto;
    }

    .organic-hero,
    .sustainable-hero {
        padding-bottom: 1.0em;
    }

    #carousel2 .carousel-indicators,
    #carousel3 .carousel-indicators {
        color: #e8a62d;
        font-family: 'VinylOT-Regular', Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        text-decoration: none;
        letter-spacing: 0.15em;
        position: relative;
        z-index: 700;
        bottom: 19em; /*	overrides bootstrap */
        left: inherit;
        width: inherit;
        margin-left: inherit; /*	 overrides bootstrap */
    }
}


@media (min-width: 992px) {
    .organic-listing-box {
        max-width: 433px;
        min-height: 220px;
        /*	max-height: 237px; */
        padding: 2em;
        margin: 1.75em 1.75em 0.25em auto;
        background-color: #f4f2ec;
        display: inline-block;
        vertical-align: top;
    }

    .no-organics-sidebar,
    .host-own-organics-sidebar {
        width: 18em;
    }

    .organic-hero,
    .sustainable-hero {
        min-height: 450px;
    }

    .listing-container {
        margin: auto;
        width: 919px;
    }

    #carousel2 .carousel-indicators,
    #carousel3 .carousel-indicators {
        color: #e8a62d;
        font-family: 'VinylOT-Regular', Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        text-decoration: none;
        letter-spacing: 0.15em;
        position: relative;
        z-index: 700;
        bottom: 15em; /*	overrides bootstrap */
        left: inherit;
        width: inherit;
        margin-left: inherit; /*	 overrides bootstrap */
    }
}

@media (min-width: 1200px) {

    .transparent-dotted-textblock-bg {
        max-width: 38em;
    }

    .organic-hero,
    .sustainable-hero {
        padding-bottom: 3.0em;
    }

    .examples-of-organic-section {
        background-image: url(/static/index/img/watercolor-texture4.png);
        background-repeat: repeat-x;
        background-position: center;
        background-size: contain;
        min-height: 1000px;
        padding-top: 30px;
    }

    #carousel2 .carousel-indicators,
    #carousel3 .carousel-indicators {
        color: #e8a62d;
        font-family: 'VinylOT-Regular', Helvetica, Arial, sans-serif;
        font-size: 1.0em;
        text-decoration: none;
        letter-spacing: 0.15em;
        position: relative;
        z-index: 700;
        bottom: 15em; /*	overrides bootstrap */
        left: inherit;
        width: inherit;
        margin-left: inherit; /*	 overrides bootstrap */
    }
}

@media (min-width: 1500px) {
    .our-family-overview-bg {
        min-height: 85em;
    }
}

@media (max-width: 480px) {

    /* organic-listing-box */
    .image-phone {
        height: auto;
        max-width: 255px;
    }

    .organic-box-phone {
        max-width: 270px;
        min-height: 0em;
        padding: 0.95em;
        box-sizing: content-box;
    }

    .organic-summary-phone {
        padding-top: 12em;
        padding-left: 0.7em;
        padding-right: 1.7em;
        max-width: 20em;
        box-sizing: content-box;
    }

    .organic-listing-box .summary {
        padding-left: 0em;
        padding-right: 1.0em;
        padding-top: 0em;
        margin-top: 1.0em;
        margin-left: 1.0em;
        display: block;
        border-left: 0px;
        box-sizing: content-box;
        height: inherit;
    }

    .organic-feature {
        min-height: 46em;
    }

        .organic-feature h2 {
            text-align: center;
            margin-top: 1%;
            margin-bottom: 0em;
        }

    .host-own-organics-sidebar p {
        max-width: none;
    }

    .media-object {
        max-width: 3.5em;
    }

    .organic-listing-box .thumbnail-area {
        margin: 15px 20px 15px 15px;
        display: inline-block;
        float: left;
        color: #c7c794;
        font-family: VinylOT-Regular, sans-serif;
        background-color: #9e9f63;
        padding: 0.25em 0.125em 0em 0.125em;
        font-size: 2.5em;
        text-align: center;
        min-width: 60px;
    }

    .transparent-dotted-textblock {
        padding: 0% 0% 0% 0%;/* ΠήΈΔΑΛ.*/
    }

    .carousel-caption-then {
        position: static;
        right: 15%;
        bottom: 20px;
        padding-top: 20px;
        padding-bottom: 0px;
        color: #fff;
        text-align: center;
        text-shadow: none;
        background-image: url(/static/index/img/our-farm-then3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 1000px; /* Reduces the testimonial carousel from jumping when different length entries are used (over 1200 media screens). Best to use similar sizes testimonials.*/
    }

    .carousel-caption-now {
        position: static;
        right: 15%;
        bottom: 20px;
        padding-top: 20px;
        padding-bottom: 0px;
        color: #fff;
        text-align: center;
        text-shadow: none;
        background-image: url(/static/index/img/our-farm-now3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 1000px; /* Reduces the testimonial carousel from jumping when different length entries are used (over 1200 media screens). Best to use similar sizes testimonials.*/
    }

    .now-and-then-carousel p {
        margin: 40em 0 0 0;
        height: 31.5%;
        min-height: 22em;
    }

    .up-triangle img {
        bottom: -582px;
    }

    .carousel-control {
        top: 78%;
    }

    .timeline .carousel-control {
        top: 5%;
    }

    .slide .timeline-img {
        width: 100%;
    }

    .our-family-overview-bg {
        background-size: 116%;
        min-height: 53em;
        padding-top: 5em;
    }

    .our-family-overview p {
        margin: 0;
    }

    .family-gallery .carousel-control {
        top: 5%;
    }
}