/* HEADER -------------------------------------------- */

.logo_horizontal {display: none;}
.logo_vertical {display: inline;}

#header, #header_transparent {
    height: 200px;
    margin-bottom: 0;
}

#header img, #header_transparent img {
    height: 160px;
    width: 196px;
    margin-top: 15px;
}

.main_nav {
    display: none;
}

.video #bgvid { 
    display: none;
}

/* .home_bottomright {display: none;} */

/* BODY -------------------------------------------- */

body#home_color {background: #852c2b;}

.body {padding-bottom: 0;}

.body_home {
    min-height: 500px;
}

.body_contact {
    padding-bottom: 0;
}

.wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 0;
}

#nav_rollover {
    display: none;
}

span.hide {
    display: initial;
}



/* HEADER -------------------------------------------- */

.logo, .logo a {
    text-align: center;
    float: none;
}



/* SECONDARY NAV -------------------------------------------- */

#secondary_nav {
    display: none;
    position: fixed;
    height: 40px;
    z-index: 9999;
}

#secondary_nav ul {
    float: right;
}

#secondary_nav li {
    padding: 0 0 0 25px;
    margin-top: 10px;
}

            #menu {
                display:none;
            }
            
            .slicknav_menu {
                display: block;
            }


/* MOBILE NAV -------------------------------------------- */

.main {
    display: initial;
    float: left;
    font-size: 2em;
}

button {
    border: none;
    background: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 5px 12px 8px 0px;
    border-radius: 2px;
    z-index: 9999;
}

button:hover {
    color: #e6e1e5;
}


/* CONTENT -------------------------------------------- */

#content {
    width: 100%;
    min-width: 100%;
    margin: 0;
}

article p, h1, h2, h3, h4, h5, h6 {
    margin-left: 4%;
    margin-right: 4%;
}

h1 {
    font-size: 3em;
}

video {
    display: none;
}

article.text_background {
    width: 100%;
    padding: 20px 0 0 0;
}


/* SEED POTATOES -------------------------------------------- */

.margins {margin: 0 4%;}
ul.seed_varieties {
    position: relative;
    display: inline-block;
    margin: 0 0 20px 0;
    padding: 0;
    width: 50%;
    vertical-align: top;
}

/* HISTORY -------------------------------------------- */

.timeline div.event {
    padding-right: 4%;
    width: 65%;
}

.timeline div.history_arrow {
    display: none;
}

.toggle_float img {
    display: none;
}

/* EMPLOYMENT -------------------------------------------- */

.toggler_jobs {
    padding-right: 0px;
}

.toggler_jobs div {
    margin-left: 0px;
    margin-right: 0px;
}


/* CONTACT -------------------------------------------- */

.map_box {
    position: relative;
    top: 0;
    height: 400px;
}

.map_space {display: none;}

.formbox, .toggler_jobs div.formbox {
    margin: 0 4%;
}


/* BACKGROUNDS -------------------------------------------- */

.bg_fullwidth {
    position: relative;
}

.bg_bottomright {
    position: relative;
    width: 100%;
}

.bg_red {
    position: relative;
    bottom: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.bg_full_seed {display: none;}
.bg_fullwidth-tablet {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    bottom: 0;
    z-index: 0;
}



/* FOOTER -------------------------------------------- */

.footer {
    position: relative;
    background: #852c2b;
    height: 170px;
}
.footer_home {position: absolute;}
.footer ul {margin-left: 4%;}
.footer li {color: #fff; font-size: 1em;}
.footer li a {color: #fff;}
.footer p {color: #fff;}

.footer .signup_slogan {
    margin-right: 4%;
    width: 60%;
}
.footer img.slogan {display: none;}
.footer img.slogan_reversed {display: initial;}

.footer img.secondary_mark {
    display: none;
}



/* SLIDER FULL PAGE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.cb-slideshow {display: initial;}
.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    /* Firefox */height: -moz-calc(100% - 152px);
    /* WebKit */height: -webkit-calc(100% - 152px);
    /* Opera */height: -o-calc(100% - 152px);
    /* Standard */height: calc(100% - 152px);
    min-height: 540px;
    top: -20px;
    left: 0px;
    z-index: 0;
    padding: 0;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.cb-slideshow li {display: block;}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
/*.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px;
    color: rgba(169,3,41, 0.8);
}
*/
.cb-slideshow li:nth-child(1) span { background-image: url(../video/slide1.jpg) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../video/slide2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../video/slide3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../video/slide4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../video/slide5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(../video/slide6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
/*
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
*/
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -webkit-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -moz-transform: scale(1.05);
        -moz-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -moz-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% {
        opacity: 0;
        -o-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -o-transform: scale(1.05);
        -o-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -o-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -o-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -ms-transform: scale(1.05);
        -ms-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -ms-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -ms-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        transform: scale(1.05);
        animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        transform: scale(1.1);
    }
    25% {
        opacity: 0;
        transform: scale(1.1);
    }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
    }
    8% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    17% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        -webkit-transform: scale(10);
    }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% {
        opacity: 0;
        -moz-transform: translateY(200px);
    }
    8% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }
    17% {
        opacity: 1;
        -moz-transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        -moz-transform: scale(10);
    }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% {
        opacity: 0;
        -o-transform: translateY(200px);
    }
    8% {
        opacity: 1;
        -o-transform: translateY(0px);
    }
    17% {
        opacity: 1;
        -o-transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        -o-transform: scale(10);
    }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% {
        opacity: 0;
        -ms-transform: translateY(200px);
    }
    8% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }
    17% {
        opacity: 1;
        -ms-transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        -webkit-transform: scale(10);
    }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% {
        opacity: 0;
        transform: translateY(200px);
    }
    8% {
        opacity: 1;
        transform: translateY(0px);
    }
    17% {
        opacity: 1;
        transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        transform: scale(10);
    }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}