/* Adding Wichita font */

@font-face {
    font-family: Wichita;  
    src: url(https://www.youngfarmers.org/land/wp-content/themes/yfland/fonts/Wichita.ttf);  
    font-weight: normal;  
}

li.sf-field-reset {
    display:block!important;
}

li.sf-field-reset a {
    font-family: "itc-avant-garde-gothic-pro",serif;
    padding: .5rem 1rem;
    margin-right: 1rem;
    border: 2px solid #231f20;
    border-radius: 10px;
    background: none;
    color: #121711;
    text-decoration: none;
}


@media only screen and (max-width: 1023px) {
    .searchandfilter ul li {
        display:block!important;
    }
}

/* 1 Million Acres Styling */

h1, h2, h3 {
    font-family: "Wichita", Arial, sans-serif; 
}

#callouts h3 {
    font-size: 1.6rem;
}

h4, h5, h6 {
    font-family: termina, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.explore-content #title .name h5 {
    font-family: termina, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
}

.explore-content #title .summary h3 {
    font-family: termina, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.5rem;
}

.explore-content #title .name h1 {
    font-size: 2.5rem;
}

.home #hero .hero-text {
    min-height: auto;
}

@media print, screen and (min-width: 64em) {
    .home #hero .hero-text {
        min-height: 606px;
    }
}

footer h4 {
    font-family: termina, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
}

header #top-bar-menu .top-bar-left .menu .sitename h3 a {
    font-size: 1.5rem;
}

header #top-bar-menu .top-bar-right .menu .menu-item a {
    font-family: termina, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: .8rem;
    text-transform: uppercase;
}

header #top-bar-menu .top-bar-right .menu a {
    font-family: termina, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:1rem;
    background-color: #009aae;
}

body {
    font-family: termina, sans-serif;
    font-weight: 400;
    font-style: normal;
    background: #fff;
}

.explore-results #search-form .grid-container .form form ul li label select {
    font-family: termina, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
}

.explore-results #search-form .grid-container .form form ul li h4 {
    font-family: termina, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.explore-results #search-form .grid-container .text h6 {
    font-family: termina, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.explore-results #search-form .grid-container .text h3 {
    font-family: termina, sans-serif;
    font-weight: 700;
    font-style: normal;
}

@media print, screen and (min-width: 40em) {
    .explore-results #search-form .grid-container .text h3 {
        font-size: 1.3rem;
    }
}

li.sf-field-reset a {
    font-family: termina, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.button {
    font-family: termina, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.explore-content #story-content .custom-widget .button {
    font-family: termina, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.button.button-black:hover {
    background: #E7566A;
    border-color: #E7566A;
}

header #top-bar-menu .top-bar-right .menu .menu-item a {
    background-color: #062C5A;

}

header #top-bar-menu .top-bar-right .menu .menu-item a:hover {
    background-color: #256879;
}

.home #farmer-stories .grid-container .story-item .caption {
    font-family: termina, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.home #hero .hero-text p {
    line-height: 1.6;
}

#hero h1 {
    padding-top: 2rem;
}

/* image styling */
a img {
    transition: all .2s ease-in-out;
}

a img:hover {
    opacity: .5
}

.img-contain {
    background-color: #E7566A;
}

footer .img-contain {
    background-color: none;
}

@media print, screen and (min-width: 64em) {
    .home #farmer-stories .grid-container .story-item img {
    margin-top: 0;
    }
}

.home #farmer-stories .grid-container .story-item img {
    margin-top: 0;
}

.story-item {
    margin-top: 3rem;
}

.bg-olive {
     background-color: #062C5A;
}

.bg-tan {
    
}

.bg-gray {
    background-color: #E7566A;
}

.home #farmer-stories .grid-container .story-item img {
    border-radius: 0;
}

.home #callouts .grid-container .callout-item img {
    border-radius: 0;
}

#explore-header .grid-container .graphic-element .element-container {
    border-radius: 0;
}

/* Category colors */

.bg-pink {
    background-color: #F3ECFF;
}