/*
 Theme Name:   ACI Farms
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


@import url('https://fonts.googleapis.com/css2?family=Jockey+One&display=swap');


@media only screen and (max-width: 799px) {
    .mobile-swap {
        flex-direction: column-reverse;
    }
   .mobile-hide {
        display: none;
    }
}

.menu-item img._mi {
    max-width: 25px;
    width: auto;
}


.alignwide {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.wp-block-column {
    word-break: keep-all;
}

.entry-content {
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Jockey One", serif;
    font-weight: 400;
    font-style: normal;
}

.site-content {
    min-height: 100dvh;
}

.align-items-stretch {
    align-items: stretch !Important;
}

@media (max-width: 767px) {

    .mobile-scroll {
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        padding-top: 30px;
    }

    .mobile-scroll>div {
        width: 75%;
        min-width: 75%;
    }

}

/* -- fullwidth does nto take into account global body padding. in this case, 16px. Because of this we must modify the margins to inlclude this padding devided by 2 (16px padding set, so 8px added to each). */

.no-sidebar .entry-content .alignfull {
    margin-right: unset;
    margin-left: unset;
}

/* .no-sidebar .entry-content>.alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
} */

.above-fold .wp-block-cover {
    align-items: stretch !important;
}

.above-fold>.wp-block-cover__inner-container .wp-block-cover__inner-container {
    display: flex;
}

.jockey ul li a {
    font-size: 24px;
    font-family: "Jockey One", serif;
    font-weight: 400;
    font-style: normal;
    color: white !important;
    z-index: 1;
    border: 1px solid white;
    padding: 5px 10px;
    line-height: 1;
    padding-bottom: 10px;
}