/* ------------------------------------------- */
/*  Start Mixins */
/* ------------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Raleway:400,500,600,700");
@font-face {
    font-family: "debbyscript";
    src: url("../grapes/assets/fonts/debby-webfont.woff2") format("woff2"),
        url("../grapes/assets/fonts/debby-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------------------- */
/*  Start Variables */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Global */
/* ------------------------------------------- */
.html5boxSeekerPlay,
div.html5boxSeekerPlay {
    background-color: #80aa20 !important;
}

.html5boxVolumeBarActive {
    background-color: #702040 !important;
}

select::-ms-expand {
    display: none;
}

@media (min-width: 1350px) {
    .container {
        width: 1350px !important;
    }
}

@media (max-width: 1500px) {
    .container {
        width: 100% !important;
    }
}

video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
    /* Adjust as needed */
}

a {
    cursor: pointer;
}

.vertical {
    position: relative;
    top: 50%;
    transform: translateY(50%);
}

.vertical-25 {
    position: relative;
    top: 25%;
    transform: translateY(25%);
}

.debby {
    font-family: "debbyscript", serif;
    padding-left: 10px;
    padding-right: 10px;
    font-style: normal;
    font-size: 64px;
    line-height: 24px;
    font-weight: normal;
    text-transform: lowercase;
    letter-spacing: -1px;
}
.debby span.non-deb {
    font-family: "Raleway", sans-serif;
    font-style: italic;
    font-weight: 700;
    text-align: center;
    color: #333;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

h3 .debby {
    line-height: 60px;
}

.drop-shadow {
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
}

.grn {
    color: #80aa20;
}

.prp {
    color: #702040 !important;
}

.g-red {
    color: #c41720;
}

.blk-grp {
    color: #9d1266;
}

.wht {
    color: #fff;
}

.slate-grey-color {
    color: #333;
}

.white-bg {
    background-color: #fff;
}

.shade-bg {
    background-color: #dbdee5;
}

.white-bg-b {
    background-color: #fff;
    border: 1px solid #ddd;
}

.light-gray-bg {
    background: #f2f2f2;
}

.swoosh {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.rag-wrap {
    position: relative;
}
.rag-wrap img {
    position: absolute;
    bottom: 0;
    z-index: 11;
    width: 110%;
    left: -10px;
}

.flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.full-width-video .triangle-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 30px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30%;
    margin: 0 auto;
}

.full-width-video .animated.flash {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.triangle-left {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 35px 35px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    right: 0;
    top: 35%;
}

.triangle-right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 0 35px 35px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    left: 0;
    top: 35%;
}

.spacer-cta {
    padding-top: 30px;
    padding-bottom: 30px;
}

.dots {
    font-size: 11px;
    padding-right: 10px;
}

.dots-right {
    font-size: 11px;
    padding-left: 10px;
}

.pull-right-lg {
    float: right;
}

.pull-left-lg {
    float: left;
}

.z-10 {
    z-index: 10;
}

/* ------------------------------------------- */
/*  Start Mixin's */
/* ------------------------------------------- */
.no-point {
    pointer-events: none !important;
}

.mb--10 {
    margin-bottom: -10px;
}

.mt--10 {
    margin-top: -10px;
}

.mt--20 {
    margin-top: -20px;
}

.mt--30 {
    margin-top: -30px;
}

.mt--60 {
    margin-top: -60px;
}

.mb--30 {
    margin-bottom: -30px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mt-0 {
    margin-top: 0px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-60 {
    margin-top: 60px;
}

.ms-10 {
    margin-left: 10%;
    margin-right: 10%;
}

.ms-5 {
    margin-left: 5%;
    margin-right: 5%;
}

.full-wide {
    padding: 4% 10% 2.5% 10%;
    position: relative;
}

.cell-pad {
    padding: 2% 4% 2% 4% !important;
}

.text-center {
    margin: 0 auto;
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.small-text {
    font-size: 12px !important;
    line-height: 14px !important;
}

.img-circle {
    border-radius: 50%;
}

.img-responsive {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
}

.no-side-pad {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.ps-20 {
    padding-left: 20%;
    padding-right: 20%;
}

.ps-15 {
    padding-left: 15%;
    padding-right: 15%;
}

.ps-0 {
    padding-left: 0;
    padding-right: 0;
}

.ps-10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.ps-5 {
    padding-left: 5% !important;
    padding-right: 5% !important;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-80 {
    padding-bottom: 80px;
}

.ptb-15 {
    padding: 15px 0;
}

.ptb-30 {
    padding: 30px 0;
}

.pd30-45 {
    padding: 30px 45px;
}

.pd30-50 {
    padding: 30px 50px;
}

.pd30-60 {
    padding: 30px 60px;
}

.pad-cont10 {
    padding-top: 20px;
    padding-left: 10%;
    padding-bottom: 20px;
    padding-right: 10%;
}

.pad-cont20 {
    padding-top: 20px;
    padding-left: 20%;
    padding-bottom: 20px;
    padding-right: 20%;
}

.pa-15 {
    padding: 15px;
}

.rel {
    position: relative;
}

.abs {
    position: absolute !important;
}

.h100 {
    max-height: 100px;
}

.updated.fade {
    display: none !important;
}

.opac {
    opacity: 1 !important;
}

.opac-0 {
    opacity: 0 !important;
}

.cd-timeline-content .the-excerpt {
    margin-left: 7px;
}

.xs-show {
    display: none;
}

.img-elastic {
    max-width: 100%;
    height: auto;
}

.size-medium {
    border: 5px solid #f2f2f2;
}

/* ------------------------------------------- */
/*  End Mixin's */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Bootstrap over-rides / add ons */
/* ------------------------------------------- */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent !important;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-repeat: none !important;
    border-radius: 0;
    background-repeat: repeat-x;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.dropdown-menu {
    display: block !important;
    opacity: 0;
    height: 0;
    border-radius: 2px !important;
    pointer-events: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.col-sm-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20% !important;
        float: left;
    }
}

/* ------------------------------------------- */
/*  End Bootstrap over-rides */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Hamburger Helper Start */
/* ------------------------------------------- */
button#responsive-menu-pro-button.responsive-menu-pro-button {
    width: 55px;
    height: 55px;
    background: transparent !important;
    position: absolute;
    top: 68px !important;
    right: 6px !important;
    -webkit-transition: all 1s ease-in 0.2s;
    transition: all 1s ease-in 0.2s;
}

button#responsive-menu-pro-button.responsive-menu-pro-button.low {
    top: 91px !important;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

button#responsive-menu-pro-button .responsive-menu-pro-box {
    color: #fff;
    top: -7px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

button.responsive-menu-pro-button.responsive-menu-pro-accessible.responsive-menu-pro-elastic.is-active {
    position: fixed !important;
}

#responsive-menu-pro {
    margin-top: 164px !important;
}

button#responsive-menu-pro-button .responsive-menu-pro-box {
    color: #80aa20 !important;
}

.responsive-menu-pro-inner,
.responsive-menu-pro-inner::before,
.responsive-menu-pro-inner::after {
    background-color: #80aa20 !important;
}

.responsive-menu-pro-inner,
.responsive-menu-pro-inner::before,
.responsive-menu-pro-inner::after {
    width: 35px !important;
    height: 3px;
    background-color: #80aa20 !important;
    border-radius: 0px !important;
}

#responsive-menu-pro-container #responsive-menu-pro-wrapper {
    background: transparent !important;
}

#responsive-menu-pro-container li.responsive-menu-pro-item a {
    padding: 0 65px !important;
}

#responsive-menu-pro-container ul.responsive-menu-pro-submenu .responsive-menu-pro-item a {
    padding: 0 95px !important;
}

.responsive-menu-pro-submenu-depth-2 {
    margin-left: 30px !important;
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

a,
a:visited,
a:hover,
a:active {
    /*color: inherit;*/
    text-decoration: none;
    outline: none !important;
    outline-offset: 0 !important;
}

.outer-menu {
    position: absolute;
    /*top: 20px;*/
    left: 10px;
    z-index: 1;
}

.outer-menu .checkbox-toggle {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 20;
    cursor: pointer;
    width: 60px;
    height: 60px;
    opacity: 0;
}

.outer-menu .checkbox-toggle:checked + .hamburger > div {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    background: #fff;
}

.outer-menu .checkbox-toggle:checked + .hamburger > div:before,
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #fff;
}

.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
    opacity: 0;
}

.outer-menu .checkbox-toggle:checked ~ .menu {
    pointer-events: auto;
    visibility: visible;
}

.outer-menu .checkbox-toggle:checked ~ .menu > div {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
}

.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease 0.4s;
    transition: opacity 0.4s ease 0.4s;
}

.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.outer-menu .hamburger {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 1;
    width: 60px;
    height: 40px;
    padding: 0.5em 1em;
    background: none;
    border-radius: 0 0.12em 0.12em 0;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.outer-menu .hamburger > div {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    height: 2px;
    background: #111;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.outer-menu.desktop .hamburger > div {
    background: #80aa20;
    height: 3px;
}
.outer-menu.desktop .hamburger > div:after,
.outer-menu.desktop .hamburger > div:before {
    height: 3px;
}

.outer-menu .hamburger > div:before,
.outer-menu .hamburger > div:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 0;
    width: 100%;
    height: 2px;
    background: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.outer-menu .hamburger > div:after {
    top: 10px;
}

.outer-menu .menu {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.outer-menu .menu > div {
    width: 300%;
    height: 175%;
    color: #fff0dd;
    background: rgba(79, 24, 31, 0.97);
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.outer-menu .menu > div > div {
    text-align: center;
    max-width: 90%;
    max-height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    overflow-y: auto;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.outer-menu .menu > div > div > ul {
    list-style: none;
    padding: 0 1em;
    margin: 0;
    display: block;
    max-height: 100%;
}

.outer-menu .menu > div > div > ul > li {
    padding: 0;
    display: block;
}

.outer-menu .menu > div > div > ul > li > a {
    position: relative;
    display: inline;
    cursor: pointer;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

.outer-menu .menu > div > div > ul > li > a:hover {
    color: #fff;
}

.outer-menu .menu > div > div > ul > li > a:hover:after {
    width: 100%;
}

.outer-menu .menu > div > div > ul > li > a:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -0.15em;
    left: 0;
    width: 0;
    height: 2px;
    background: #e5e5e5;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
}

.outer-menu.desktop .menu > div > div > ul > li.dropdown > a .caret {
    background-image: url(../grapes/assets/svg/accents/plus.svg);
    position: absolute;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: -3px 0px;
    z-index: 1;
    bottom: 0.6em;
    width: 28px;
    height: 28px;
    border-top: 4px transparent;
    border-top: 4px transparent\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.outer-menu.desktop .dropdown .dropdown-menu {
    position: absolute;
    max-height: 0;
    top: 100%;
    display: block;
    min-width: 450px;
    padding: 0;
    margin: 0;
    background-color: rgba(79, 24, 31, 0.97);
    border: 0;
    font-size: 14px;
    text-align: left;
    max-height: 1000px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.outer-menu.desktop .dropdown .dropdown-menu a {
    border: 0;
}

.outer-menu.desktop .dropdown.open .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    height: auto;
    z-index: 1000;
    float: none;
    background-color: rgba(79, 24, 31, 0.97);
    background-clip: padding-box;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 6px 12px transparent;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.outer-menu.desktop .dropdown.open .dropdown-menu a {
    border: 0;
}

.outer-menu.desktop .menu > div > div > ul > li.dropdown.open > a .caret {
    transition: width 0.4s ease;
    bottom: 0.6em !important;
    -ms-transform: rotate(135deg);
    /* IE 9 */
    -webkit-transform: rotate(135deg);
    /* Chrome, Safari, Opera */
    transform: rotate(135deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.outer-menu.desktop li {
    margin: 0.5em;
}

.outer-menu.desktop .open > a {
    background: transparent;
    background-image: none !important;
}

.outer-menu.desktop .menu > div > div > ul > li.dropdown > a.caret:hover {
    -ms-transform: rotate(135deg);
    /* IE 9 */
    -webkit-transform: rotate(135deg);
    /* Chrome, Safari, Opera */
    transform: rotate(135deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.outer-menu.desktop .dropdown-menu {
    position: relative;
    z-index: 1000;
    float: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 0 auto;
    text-align: center;
}

/* ------------------------------------------- */
/*  Hamburger Helper End */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Navigation styles */
/* ------------------------------------------- */
nav.navbar {
    min-height: 130px;
    margin-bottom: 0px;
}
nav.navbar li a:hover {
    background-color: transparent;
}
nav.navbar .navbar-header {
    margin-top: 20px;
    margin-left: 25px;
    padding-bottom: 20px;
    z-index: 101;
    float: left;
}
nav.navbar nav.partners-nav {
    position: absolute;
    margin-top: 28px;
    margin-right: 30px;
    width: 100%;
    right: 0;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
}
nav.navbar nav.partners-nav ul {
    float: right;
}
nav.navbar nav.partners-nav a {
    color: #891924;
    margin-right: 35px;
}
nav.navbar #menu-internal-1,
nav.navbar .partners-nav,
nav.navbar #menu-internal,
nav.navbar #menu-retailers,
nav.navbar #menu-foodservice-nav {
    float: right;
}
nav.navbar #menu-internal-1 li,
nav.navbar .partners-nav li,
nav.navbar #menu-internal li,
nav.navbar #menu-retailers li,
nav.navbar #menu-foodservice-nav li {
    float: left;
}
nav.navbar #menu-internal-1 li a,
nav.navbar .partners-nav li a,
nav.navbar #menu-internal li a,
nav.navbar #menu-retailers li a,
nav.navbar #menu-foodservice-nav li a {
    padding: 5px 0;
}
nav.navbar #menu-internal-1 li a:focus,
nav.navbar .partners-nav li a:focus,
nav.navbar #menu-internal li a:focus,
nav.navbar #menu-retailers li a:focus,
nav.navbar #menu-foodservice-nav li a:focus {
    text-decoration: none;
    background-color: transparent;
    outline: none;
}
nav.navbar .navbar-collapse.collapse {
    float: right;
    width: 100%;
    margin-bottom: 18px;
    margin-right: 35px;
    margin-top: -52px;
}
nav.navbar .navbar-collapse.collapse #menu-internal-1,
nav.navbar .navbar-collapse.collapse #menu-internal,
nav.navbar .navbar-collapse.collapse #menu-retailers,
nav.navbar .navbar-collapse.collapse #menu-foodservice-nav {
    margin-top: 0px;
    text-transform: uppercase;
}
nav.navbar .navbar-collapse.collapse #menu-internal-1 li a,
nav.navbar .navbar-collapse.collapse #menu-internal li a,
nav.navbar .navbar-collapse.collapse #menu-retailers li a,
nav.navbar .navbar-collapse.collapse #menu-foodservice-nav li a {
    position: relative;
    margin-right: 12px;
    margin-left: 10px;
    display: inline;
    color: #272525;
    font-weight: 500;
    padding-bottom: 1px;
    border-bottom: solid 3px transparent;
}
nav.navbar .navbar-collapse.collapse #menu-internal-1 li:hover a,
nav.navbar .navbar-collapse.collapse #menu-internal-1 li.active a {
    position: relative;
    display: inline;
    margin-right: 12px;
    margin-left: 10px;
    padding-bottom: 1px;
    color: #171717;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-bottom: solid 3px #88bb16;
}
nav.navbar .navbar-collapse.collapse #menu-internal li:hover a,
nav.navbar .navbar-collapse.collapse #menu-internal li.active a {
    position: relative;
    display: inline;
    margin-right: 12px;
    margin-left: 10px;
    padding-bottom: 1px;
    color: #171717;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-bottom: solid 3px #88bb16;
}
nav.navbar .navbar-collapse.collapse #menu-retailers li:hover a,
nav.navbar .navbar-collapse.collapse #menu-retailers li.active a {
    position: relative;
    display: inline;
    margin-right: 12px;
    margin-left: 10px;
    padding-bottom: 1px;
    color: #171717;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-bottom: solid 3px #88bb16;
}
nav.navbar .navbar-collapse.collapse #menu-foodservice-nav li:hover a,
nav.navbar .navbar-collapse.collapse #menu-foodservice-nav li.active a {
    position: relative;
    display: inline;
    margin-right: 12px;
    margin-left: 10px;
    padding-bottom: 1px;
    color: #171717;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-bottom: solid 3px #88bb16;
}
nav.navbar .navbar-collapse.collapse #menu-internal-1 li.current-page-ancestor a,
nav.navbar .navbar-collapse.collapse #menu-internal li.current-page-ancestor a,
nav.navbar .navbar-collapse.collapse #menu-retailers li.current-page-ancestor a,
nav.navbar .navbar-collapse.collapse #menu-foodservice-nav li.current-page-ancestor a {
    position: relative;
    display: inline;
    margin-right: 12px;
    margin-left: 18px;
    padding-bottom: 1px;
    color: #171717;
    border-bottom: solid 3px #88bb16;
}
nav.navbar .searchbar {
    right: 0;
    position: relative;
    margin-top: 30px;
    margin-right: 20px;
    padding-bottom: 68px;
    opacity: 0;
}
nav.navbar .searchbar.closed {
    opacity: 1;
    right: 0;
    width: 10px;
    float: right;
    position: relative;
    margin-top: 30px;
    margin-right: 20px;
    -webkit-transition: all 0.5s ease-in-out 0.5s;
    -moz-transition: all 0.5s ease-in-out 0.5s;
    -o-transition: all 0.5s ease-in-out 0.5s;
    transition: all 0.5s ease-in-out 0.5s;
}
nav.navbar .searchbar.open {
    opacity: 1;
    float: right;
    position: relative;
    margin-top: 65px;
    margin-right: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
nav.navbar #searchform {
    position: relative;
    height: 30px;
}
nav.navbar #searchform .search {
    position: absolute;
    right: 25px;
}
nav.navbar .icon.lock {
    height: 15px;
    width: 15px;
    float: left;
    fill: #891924;
    margin-top: 1px;
}
nav.navbar #searchform form {
    float: right;
}
nav.navbar #searchform #s.closed {
    width: 0px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
nav.navbar #searchform #s.open {
    width: 180px;
    border-bottom: 3px solid #8dc63f;
    -webkit-transition: all 0.5s ease-in-out 0.5s;
    -moz-transition: all 0.5s ease-in-out 0.5s;
    -o-transition: all 0.5s ease-in-out 0.5s;
    transition: all 0.5s ease-in-out 0.5s;
}

 nav.navbar .searchbar:focus #searchform #search-icon {
    background: url(../grapes/assets/svg/icons/search-green.svg);
    }
    
nav.navbar #searchform #search-icon {
    cursor: pointer;
    height: 20px;
    width: 20px;
    background: url(../svg/icons/search.svg);
    background-size: 100% 100%;
    border: none;
    background-repeat: none;
    float: right;
    margin-top: 5px;
}
nav.navbar #searchform ::-webkit-input-placeholder {
    color: #8dc63f;
    font-weight: 400;
}
nav.navbar #searchform :-moz-placeholder {
    /* Firefox 18- */
    color: #8dc63f;
    font-weight: 400;
}
nav.navbar #searchform ::-moz-placeholder {
    /* Firefox 19+ */
    color: #8dc63f;
    font-weight: 400;
}
nav.navbar #searchform :-ms-input-placeholder {
    color: #8dc63f;
    font-weight: 400;
}

.navbar-brand.fdin {
    opacity: 1;
    z-index: 20;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.partners-nav .nav.navbar-nav {
    opacity: 0;
}
.partners-nav .nav.navbar-nav.fdin {
    opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.menu-label {
    font-style: normal;
    font-weight: 500;
    color: #000;
    padding-left: 54px;
    padding-top: 46px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    text-transform: uppercase;
    opacity: 0;
}
.menu-label.fdin {
    opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.outer-menu {
    display: none;
}
.outer-menu .hamburger {
    top: 10px;
    opacity: 0;
}
.outer-menu .hamburger.fdin {
    opacity: 1;
    z-index: 12;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.outer-menu.desktop {
    display: block;
    right: 0;
    left: auto;
    z-index: 125;
}
.outer-menu.desktop .checkbox-toggle {
    top: -75px;
}
.outer-menu.desktop .hamburger {
    top: -66px;
    left: -5px;
}

#menu-ham-nav-low,
#menu-desktop-hamburger {
    overflow: hidden;
    max-width: 480px;
}

#menu-ham-nav-low li,
#menu-desktop-hamburger li {
    padding: 0;
    margin: 1.8em;
    display: block;
}

#menu-ham-nav-low li:hover a,
#menu-desktop-hamburger li:hover a {
    margin-right: 0;
}

#menu-ham-nav-low a,
#menu-desktop-hamburger a {
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    color: #fff0dd;
    text-transform: uppercase;
    background-color: transparent !important;
}

#menu-ham-nav-low a::selection,
#menu-ham-nav-low a:active,
#menu-ham-nav-low a:focus {
    background: transparent;
    /* WebKit/Blink Browsers */
}

#menu-desktop-hamburger a::selection,
#menu-desktop-hamburger a:active,
#menu-desktop-hamburger a:focus {
    background: transparent;
    /* WebKit/Blink Browsers */
}

#menu-ham-nav-low a::-moz-selection {
    background: transparent;
    /* Gecko Browsers */
}

#menu-desktop-hamburger a::-moz-selection {
    background: transparent;
    /* Gecko Browsers */
}

#menu-desktop-hamburger li {
    text-align: left;
}
#menu-desktop-hamburger li a {
    margin-left: 30px;
}
#menu-desktop-hamburger li .dropdown-menu ul {
    margin-left: 30px;
}
#menu-desktop-hamburger li .dropdown-menu ul a {
    margin-left: 0px;
}

.navbar-collapse.collapse.in {
    overflow-y: visible !important;
}

.navbar.navbar-default {
    background-color: white;
}

.navbar-default .navbar-nav > .active > a {
    background-color: white !important;
    background-image: none !important;
    box-shadow: none !important;
}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: white !important;
    background-image: none !important;
    box-shadow: none !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
    background-image: none;
    box-shadow: none;
}

.navbar-default .partners-nav .navbar-nav > li > a:focus,
.navbar-default .partners-nav .navbar-nav > li > a:hover {
    color: #560938;
    background-color: transparent;
}

.dropdown.open .caret {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.dropdown .caret {
    display: none;
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.caret {
    display: none;
    background-image: url("../images/triangle.svg");
    background-size: 100%;
}

#crumbs a {
    color: #891924;
    font-size: 16px;
    line-height: 16px;
    font-weight: 100;
    background: none;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#crumbs a:hover,
#crumbs a:active,
#crumbs a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #8dc63f;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#menu-desktop-hamburger span.caret {
    display: block;
}

#menu-desktop-hamburger li {
    width: 100% !important;
    margin: 1.25em;
}

#menu-desktop-hamburger .dropdown-menu li {
    background: transparent;
    margin: 0.25em !important;
}
#menu-desktop-hamburger .dropdown-menu li a {
    background-color: #fff0dd !important;
    color: #4e1920 !important;
    padding: 8px;
}
#menu-desktop-hamburger .dropdown-menu li a:hover {
    background-color: white !important;
    background-image: none;
    padding: 8px;
}

/* ------------------------------------------- */
/*  End Navigation styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Basic Responsive Video Start
/* ------------------------------------------- */
.full-video {
    padding: 56.25% 0 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    background-size: cover;
    background-repeat: no-repeat;
}

.vid-wrap-e,
.vid-wrap-f {
    position: relative;
}

.full-video.open {
    position: fixed;
    padding: 56.25% 0 0;
    width: 70%;
    top: 0px;
    z-index: 13;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    background-image: none !important;
}

.video-embed {
    width: 100%;
    height: 75%;
    position: absolute;
    left: 0;
    top: 100px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    opacity: 0;
}

.full-video.open > .video-embed {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.basic-modal-bg,
.image-modal-bg {
    opacity: 0;
    display: block;
    z-index: 12;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.basic-modal-bg.popped,
.image-modal-bg.popped {
    height: 2000%;
    width: 100%;
    background-color: black;
    opacity: 0.4;
    position: fixed;
    top: -1000%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 12;
    display: block;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.playbtn {
    position: absolute;
    height: 60px;
    width: 60px;
    right: 0;
    bottom: 0;
    padding: 5px;
    z-index: 12;
}

.grn-playbtn {
    height: 45px;
    width: 45px !important;
    z-index: 12;
}

.full-video.open .playbtn {
    display: none;
}

#recipe-video {
    width: 100%;
    height: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#recipe-video.page-vid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vid-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.vid-wrap button {
    position: absolute;
    background-color: transparent;
    border: none;
    width: 25%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.vid-wrap button:focus {
    outline: none;
}

.vid-wrap button svg {
    height: 150px;
    width: 150px;
}

.video-content,
.video-content-2 {
    display: block;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.video-content.away,
.video-content-2.away {
    display: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    pointer-events: none;
}

/* ------------------------------------------- */
/*  Basic Responsive Video End
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Buttons */
/* ------------------------------------------- */
.grn-btn,
.single-page .grn-btn {
    background-color: #80aa20;
    padding: 16px 24px;
    color: white;
    font-size: 16px;
    line-height: 16px;
    border: solid 2px #80aa20;
    text-transform: uppercase;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.grn-btn:hover,
.grn-btn:active,
.grn-btn:focus,
.single-page .grn-btn:hover,
.single-page .grn-btn:active,
.single-page .grn-btn:focus {
    background-color: white;
    color: #80aa20;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.single-page a.child-page-menu {
    margin-right: 5px;
    margin-left: 5px;
}

.grn-btn-dl {
    display: block;
    margin: 0 auto;
    width: 170px;
    text-align: center;
    background-color: #80aa20;
    padding: 20px 24px;
    color: white;
    font-size: 16px;
    line-height: 16px;
    border: solid 2px #80aa20;
    border-radius: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.grn-btn-dl:hover,
.grn-btn-dl:active,
.grn-btn-dl:focus {
    background-color: white;
    color: #80aa20;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.red-btn {
    background-color: #c41720;
    padding: 16px 24px;
    color: white;
    font-size: 16px;
    line-height: 16px;
    border: solid 2px #c41720;
    border-radius: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.red-btn:hover,
.red-btn:active,
.red-btn:focus {
    background-color: white;
    text-decoration: none;
    color: #c41720;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.prp-btn {
    background-color: #702040;
    padding: 16px 24px;
    color: white;
    font-size: 16px;
    line-height: 16px;
    border: solid 2px #702040;
    border-radius: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.prp-btn:hover,
.prp-btn:active,
.prp-btn:focus {
    background-color: white;
    color: #702040;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.prp-btn-dl {
    display: block;
    width: 260px;
    text-align: center;
    background-color: #702040;
    padding: 16px 24px;
    color: white;
    font-size: 16px;
    line-height: 16px;
    border: solid 2px #702040;
    border-radius: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.prp-btn-dl:hover,
.prp-btn-dl:active,
.prp-btn-dl:focus {
    background-color: white;
    color: #702040;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.white-prp-btn {
    background-color: #fff;
    padding: 16px 24px;
    color: #702040;
    font-size: 16px;
    line-height: 16px;
    border: solid 2px #fff;
    text-transform: uppercase;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.white-prp-btn:hover,
.white-prp-btn:active,
.white-prp-btn:focus {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.white-grn-btn {
    background-color: #fff;
    padding: 16px 24px;
    color: #80aa20;
    font-size: 16px;
    line-height: 16px;
    border: solid 2px #fff;
    text-transform: uppercase;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.white-grn-btn:hover,
.white-grn-btn:active,
.white-grn-btn:focus {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.grn-prp-btn,
span.grn-prp-btn a {
    color: #80aa20;
    font-size: 16px;
    line-height: 16px;
    font-weight: 100;
    background: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.grn-prp-btn:hover,
.grn-prp-btn:active,
.grn-prp-btn:focus,
span.grn-prp-btn a:hover,
span.grn-prp-btn a:active,
span.grn-prp-btn a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #9d1266;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.single-page a,
.prp-grn-btn,
span.prp-grn-btn a,
.more-link,
.nav-side-menu a {
    color: #9d1266;
    font-size: 16px;
    line-height: 16px;
    font-weight: 100;
    background: none;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.single-page a:hover,
.single-page a:active,
.single-page a:focus,
.prp-grn-btn:hover,
.prp-grn-btn:active,
.prp-grn-btn:focus,
span.prp-grn-btn a:hover,
span.prp-grn-btn a:active,
span.prp-grn-btn a:focus,
.more-link:hover,
.more-link:active,
.more-link:focus,
.nav-side-menu a:hover,
.nav-side-menu a:active,
.nav-side-menu a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #80aa20;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.wht-grn-btn,
span.wht-grn-btn a {
    color: white;
    background: none;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.wht-grn-btn:hover,
.wht-grn-btn:active,
.wht-grn-btn:focus,
span.wht-grn-btn a:hover,
span.wht-grn-btn a:active,
span.wht-grn-btn a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #80aa20;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

/* ------------------------------------------- */
/*  End Buttons */
/* ------------------------------------------- */
html,
body {
    font-family: "Raleway", sans-serif !important;
    overflow-x: hidden;
    width: 100%;
    min-height: 100%;
    height: 100%;
}

html {
    position: relative;
    min-height: 100%;
}

h2 {
    font-style: italic;
    font-weight: 700;
    text-align: center;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

h3 {
    font-weight: 500;
    text-align: center;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 14px;
    padding-left: 10%;
    padding-right: 10%;
}

p {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 26px;
}

*:focus {
    outline: none;
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

li {
    line-height: 1.5em;
    padding-bottom: 15px;
}

.cs-select li {
    line-height: 1em;
    padding-bottom: 0;
}

.cs-select.cs-skin-underline {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -op-appearance: none;
    appearance: none;
    width: 35% !important;
    border-bottom: 3px solid #702040;
    border-radius: 0px;
    color: #702040;
    font-size: 1.3em;
    padding: 15px 0px 16px 8px;
    border-top: none;
    border-left: none;
    border-right: none;
    background: #fff;
    background: url(../grapes/assets/svg/icons/button-chevron-down.svg);
    background-size: 177% 25%;
    background-repeat: no-repeat;
    background-position: 5px 25px;
}

.cs-skin-underline > span {
    border-bottom: 3px solid #702040 !important;
}

/* ------------------------------------------- */
/*  End Global */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Navigation styles */
/* ------------------------------------------- */
nav.navbar {
    min-height: 130px;
    margin-bottom: 0px;
}
nav.navbar li a:hover {
    background-color: transparent;
}
nav.navbar .navbar-header {
    margin-top: 20px;
    margin-left: 25px;
    padding-bottom: 20px;
    z-index: 101;
    float: left;
}
nav.navbar nav.partners-nav {
    position: absolute;
    margin-top: 28px;
    margin-right: 30px;
    width: 100%;
    right: 0;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
}
nav.navbar nav.partners-nav ul {
    float: right;
}
nav.navbar nav.partners-nav a {
    color: #9d1266;
    margin-right: 35px;
}
nav.navbar #menu-internal-1,
nav.navbar .partners-nav,
nav.navbar #menu-internal,
nav.navbar #menu-retailers,
nav.navbar #menu-foodservice-nav {
    float: right;
}
nav.navbar #menu-internal-1 li,
nav.navbar .partners-nav li,
nav.navbar #menu-internal li,
nav.navbar #menu-retailers li,
nav.navbar #menu-foodservice-nav li {
    float: left;
}
nav.navbar #menu-internal-1 li a,
nav.navbar .partners-nav li a,
nav.navbar #menu-internal li a,
nav.navbar #menu-retailers li a,
nav.navbar #menu-foodservice-nav li a {
    padding: 5px 0;
}
nav.navbar #menu-internal-1 li a:focus,
nav.navbar .partners-nav li a:focus,
nav.navbar #menu-internal li a:focus,
nav.navbar #menu-retailers li a:focus,
nav.navbar #menu-foodservice-nav li a:focus {
    text-decoration: none;
    background-color: transparent;
    outline: none;
}
nav.navbar .navbar-collapse.collapse {
    float: right;
    width: 100%;
    margin-bottom: 18px;
    margin-right: 35px;
    margin-top: -52px;
}
nav.navbar .navbar-collapse.collapse #menu-internal-1,
nav.navbar .navbar-collapse.collapse #menu-internal,
nav.navbar .navbar-collapse.collapse #menu-retailers,
nav.navbar .navbar-collapse.collapse #menu-foodservice-nav {
    margin-top: 0px;
    text-transform: uppercase;
}
nav.navbar .navbar-collapse.collapse #menu-internal-1 li a,
nav.navbar .navbar-collapse.collapse #menu-internal li a,
nav.navbar .navbar-collapse.collapse #menu-retailers li a,
nav.navbar .navbar-collapse.collapse #menu-foodservice-nav li a {
    position: relative;
    margin-right: 12px;
    margin-left: 18px;
    display: inline;
    color: #777;
    font-weight: 500;
    padding-bottom: 1px;
    border-bottom: solid 3px transparent;
}
nav.navbar .navbar-collapse.collapse #menu-internal-1 li:hover a,
nav.navbar .navbar-collapse.collapse #menu-internal-1 li.active a,
nav.navbar .navbar-collapse.collapse #menu-internal li:hover a,
nav.navbar .navbar-collapse.collapse #menu-internal li.active a,
nav.navbar .navbar-collapse.collapse #menu-retailers li:hover a,
nav.navbar .navbar-collapse.collapse #menu-retailers li.active a,
nav.navbar .navbar-collapse.collapse #menu-foodservice-nav li:hover a,
nav.navbar .navbar-collapse.collapse #menu-foodservice-nav li.active a {
    position: relative;
    display: inline;
    margin-right: 12px;
    margin-left: 18px;
    padding-bottom: 1px;
    color: #171717;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-bottom: solid 3px #88bb16;
}
nav.navbar .navbar-collapse.collapse #menu-internal-1 li.current-page-ancestor a,
nav.navbar .navbar-collapse.collapse #menu-internal li.current-page-ancestor a,
nav.navbar .navbar-collapse.collapse #menu-retailers li.current-page-ancestor a,
nav.navbar .navbar-collapse.collapse #menu-foodservice-nav li.current-page-ancestor a {
    position: relative;
    display: inline;
    margin-right: 12px;
    margin-left: 18px;
    padding-bottom: 1px;
    color: #171717;
    border-bottom: solid 3px #88bb16;
}
nav.navbar .searchbar {
    right: 0;
    position: relative;
    margin-top: 30px;
    margin-right: 20px;
    padding-bottom: 68px;
    opacity: 0;
}
nav.navbar .searchbar.closed {
    opacity: 1;
    right: 0;
    width: 10px;
    float: right;
    position: relative;
    margin-top: 30px;
    margin-right: 20px;
    -webkit-transition: all 0.5s ease-in-out 0.5s;
    -moz-transition: all 0.5s ease-in-out 0.5s;
    -o-transition: all 0.5s ease-in-out 0.5s;
    transition: all 0.5s ease-in-out 0.5s;
}
nav.navbar .searchbar.open {
    opacity: 1;
    float: right;
    position: relative;
    margin-top: 55px;
    margin-right: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
nav.navbar #searchform {
    position: relative;
    height: 30px;
}
nav.navbar #searchform .search {
    position: absolute;
    right: 25px;
}
nav.navbar .icon.lock {
    height: 15px;
    width: 15px;
    float: left;
    fill: #702040;
    margin-top: 1px;
}
nav.navbar #searchform form {
    float: right;
}
nav.navbar #searchform #s.closed {
    width: 0px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
nav.navbar #searchform #s.open {
    width: 180px;
    border-bottom: 3px solid #80aa20;
    -webkit-transition: all 0.5s ease-in-out 0.5s;
    -moz-transition: all 0.5s ease-in-out 0.5s;
    -o-transition: all 0.5s ease-in-out 0.5s;
    transition: all 0.5s ease-in-out 0.5s;
}
nav.navbar #searchform #search-icon {
    cursor: pointer;
    height: 20px;
    width: 20px;
    background: url(../grapes/assets/svg/icons/search.svg);
    background-size: 100% 100%;
    border: none;
    background-repeat: none;
    float: right;
    margin-top: 5px;
}
nav.navbar #searchform ::-webkit-input-placeholder {
    color: #80aa20;
    font-weight: 400;
}
nav.navbar #searchform :-moz-placeholder {
    /* Firefox 18- */
    color: #80aa20;
    font-weight: 400;
}
nav.navbar #searchform ::-moz-placeholder {
    /* Firefox 19+ */
    color: #80aa20;
    font-weight: 400;
}
nav.navbar #searchform :-ms-input-placeholder {
    color: #80aa20;
    font-weight: 400;
}

.navbar-brand.fdin {
    opacity: 1;
    z-index: 20;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.partners-nav .nav.navbar-nav {
    opacity: 0;
}

.partners-nav .nav.navbar-nav.fdin {
    opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.menu-label {
    font-style: normal;
    font-weight: 500;
    color: #000;
    padding-left: 54px;
    padding-top: 46px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    text-transform: uppercase;
    opacity: 0;
}

.menu-label.fdin {
    opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.outer-menu {
    display: none;
}
.outer-menu .hamburger {
    top: 10px;
    opacity: 0;
}
.outer-menu .hamburger.fdin {
    opacity: 1;
    z-index: 12;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.outer-menu.desktop {
    display: block;
    right: 0;
    left: auto;
    z-index: 125;
}
.outer-menu.desktop .checkbox-toggle {
    top: -75px;
}
.outer-menu.desktop .hamburger {
    top: -66px;
    left: -5px;
}

#menu-ham-nav-low,
#menu-desktop-hamburger {
    overflow: hidden;
    max-width: 480px;
}
#menu-ham-nav-low li,
#menu-desktop-hamburger li {
    padding: 0;
    margin: 1.8em;
    display: block;
}
#menu-ham-nav-low li:hover a,
#menu-desktop-hamburger li:hover a {
    margin-right: 0;
}
#menu-ham-nav-low a,
#menu-desktop-hamburger a {
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    color: #fff0dd;
    text-transform: uppercase;
    background-color: transparent !important;
}
#menu-ham-nav-low a::selection,
#menu-ham-nav-low a:active,
#menu-ham-nav-low a:focus,
#menu-desktop-hamburger a::selection,
#menu-desktop-hamburger a:active,
#menu-desktop-hamburger a:focus {
    background: transparent;
    /* WebKit/Blink Browsers */
}
#menu-ham-nav-low a::-moz-selection,
#menu-desktop-hamburger a::-moz-selection {
    background: transparent;
    /* Gecko Browsers */
}

#menu-desktop-hamburger li {
    text-align: left;
}
#menu-desktop-hamburger li a {
    margin-left: 30px;
}
#menu-desktop-hamburger li .dropdown-menu ul {
    margin-left: 30px;
}
#menu-desktop-hamburger li .dropdown-menu ul a {
    margin-left: 0px;
}

.navbar-collapse.collapse.in {
    overflow-y: visible !important;
}

.navbar.navbar-default {
    background-color: white;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: white !important;
    background-image: none !important;
    box-shadow: none !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
    background-image: none;
    box-shadow: none;
}

.navbar-default .partners-nav .navbar-nav > li > a:focus,
.navbar-default .partners-nav .navbar-nav > li > a:hover {
    color: #560938;
    background-color: transparent;
}

.dropdown.open .caret {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.dropdown .caret {
    display: none;
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.caret {
    display: none;
    background-image: url("../grapes/assets/images/triangle.svg");
    background-size: 100%;
}

#crumbs a {
    color: #9d1266;
    font-size: 16px;
    line-height: 16px;
    font-weight: 100;
    background: none;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#crumbs a:hover,
#crumbs a:active,
#crumbs a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #80aa20;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#menu-desktop-hamburger span.caret {
    display: block;
}

#menu-desktop-hamburger li {
    width: 100% !important;
    margin: 1.25em;
}

#menu-desktop-hamburger .dropdown-menu li {
    background: transparent;
    margin: 0.25em !important;
}
#menu-desktop-hamburger .dropdown-menu li a {
    background-color: #fff0dd !important;
    color: #4e1920 !important;
    padding: 8px;
}
#menu-desktop-hamburger .dropdown-menu li a:hover {
    background-color: white !important;
    background-image: none;
    padding: 8px;
}

/* ------------------------------------------- */
/*  End Navigation styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start header styles */
/* ------------------------------------------- */
header a.navbar-brand {
    position: relative;
    padding: 0px 15px !important;
    display: block;
    z-index: 0;
    opacity: 0;
}
header a.navbar-brand img.logo {
    width: 80px;
    height: 90px;
    border: 0;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent !important;
}

/* ------------------------------------------- */
/*  End header area styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Video Blade */
/* ------------------------------------------- */
.full-width-video {
    position: relative;
    padding: 56.25% 0 0;
}
.full-width-video .swoosh {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
}
.full-width-video #video-header {
    width: 100%;
    height: 100%;
    background: url(../grapes/assets/images/hero-image-still-dt.jpg);
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.full-width-video h1.animated {
    position: absolute;
    text-transform: inherit;
    font-style: normal;
    font-weight: normal;
    font-size: 90px;
    top: 20%;
    left: 40px;
    color: white;
    line-height: 1;
}

.page-template-recipes #video-header {
    width: 100%;
    height: 100%;
    background: url(../grapes/assets/images/grapesicles-header.jpg);
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

/* ------------------------------------------- */
/*  End Video Blade */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Page Header Blade */
/* ------------------------------------------- */
.full-width-header {
    position: relative;
}
.full-width-header .swoosh {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
}
.full-width-header h1.animated {
    position: absolute;
    text-transform: inherit;
    font-style: normal;
    font-weight: normal;
    font-size: 90px;
    top: 25%;
    left: 40px;
    color: white;
    line-height: 1;
    opacity: 0;
}
.full-width-header h1.animated.bounceInLeft {
    opacity: 1;
}

.page-id-150 .full-width-header h1.animated {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
}

.page-id-150 tro-headline {
    padding-bottom: 0;
    padding-top: 0;
}
.page-id-150 tro-headline h2 {
    margin-bottom: 15px;
}

.page-id-150 div.pad-cont20 {
    padding-top: 0px;
}
.page-id-150 div.pad-cont20 p {
    margin-top: 10px;
}

/* ------------------------------------------- */
/*  End Page Header Blade */
/* ------------------------------------------- */
ul.secondary-nav ul.dropdown-menu li {
    border-right: 0;
    color: #171717;
    transition: all 0.5s;
    text-decoration: none;
}

ul.secondary-nav .dropdown-menu > li {
    display: block;
    padding: 8px;
    width: 100%;
    opacity: 0;
}
ul.secondary-nav .dropdown-menu > li a {
    padding: 3px 20px 3px 0;
    display: inline !important;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
}

ul.secondary-nav .dropdown-menu > li:hover,
ul.secondary-nav .dropdown-menu > li:focus {
    background-color: #fff;
    color: #9d1266;
    border-bottom: solid 3px transparent;
}
ul.secondary-nav .dropdown-menu > li:hover a,
ul.secondary-nav .dropdown-menu > li:focus a {
    color: #702040 !important;
}

ul.secondary-nav .dropdown-menu > li > a:hover,
ul.secondary-nav .dropdown-menu > li > a:focus {
    background-color: transparent;
    background-image: none;
    background-repeat: none;
}

.open > .dropdown-menu {
    display: block;
    opacity: 1;
    height: auto;
    background-color: #702040;
    pointer-events: inherit;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

/* ------------------------------------------- */
/*  End Grapes Health General Styles 
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start LG-Center Call out Blade */
/* ------------------------------------------- */
section.lg-center-info {
    padding: 2% 20% 2.5% 20%;
}
section.lg-center-info h1 {
    font-style: italic;
    font-weight: 700;
    text-align: center;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 4px;
    text-transform: uppercase;
}
section.lg-center-info h1 span {
    font-size: 2.1em;
}

/* ------------------------------------------- */
/*  End LG-Center Call out Blade */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Content Slider Blade */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  End Content Slider Blade */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Annual Cycle Blade */
/* ------------------------------------------- */
/* ------------------------------------------- */
/* Start Growers SUB Menu */
/* ------------------------------------------- */
.category-filter {
    margin: 0 auto;
    width: 90%;
    z-index: 20;
}
.category-filter .abs {
    position: absolute;
    right: 0;
    width: 400px;
    height: 40px;
    z-index: 123;
    top: 30px;
}
.category-filter ::-webkit-input-placeholder {
    color: #9d1266;
}
.category-filter :-moz-placeholder {
    /* Firefox 18- */
    color: #9d1266;
}
.category-filter ::-moz-placeholder {
    /* Firefox 19+ */
    color: #9d1266;
}
.category-filter :-ms-input-placeholder {
    color: #9d1266;
}
.category-filter #s {
    width: 180px;
    display: block;
    float: left;
    border: none;
    border-bottom: 2px solid #9d1266;
    padding: 10px 0;
    margin-right: 15px;
    font-weight: 600;
    background-image: url(assets/images/search.svg);
    background-color: white;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 100% 11px;
}
.category-filter input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.category-filter .prp-btn {
    padding: 10px 36px;
}
.category-filter span.holder {
    float: left;
    color: #9d1266;
}

.growers-subnav {
    /*
   * Vortex
   */
}
.growers-subnav h1 {
    font-size: 24px;
    color: #702040;
    left: 115px;
    margin-top: 10px;
    text-transform: uppercase;
}
.growers-subnav .navbar {
    margin-top: 0 !important;
    margin-top: 0;
    min-height: 170px;
}
.growers-subnav .subnav {
    padding-top: 30px;
    padding-bottom: 20px;
}
.growers-subnav nav.navbar .navbar-header {
    margin-left: 0;
}
.growers-subnav .secondary-nav > li {
    float: left;
}
.growers-subnav .secondary-nav > li.dropdown::after {
    content: "";
    width: 18px;
    height: 18px;
    float: right;
    background-image: url(assets/images/triangle.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 98% 6px;
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.growers-subnav .secondary-nav > li.dropdown:hover::after {
    content: "";
    width: 18px;
    height: 18px;
    float: right;
    background-image: url(assets/images/triangle.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 98% 4px;
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.growers-subnav .secondary-nav {
    width: 90%;
    margin: 0 auto;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 0px;
    text-transform: none;
    text-align: center;
    padding-left: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.growers-subnav .secondary-nav li {
    display: inline-block;
    padding-right: 1%;
    padding-left: 1%;
    margin: 0;
    padding-bottom: 1px;
    border-bottom: solid 3px rgba(255, 0, 255, 0);
    border-right: 1px solid #ddd;
    width: 18%;
}
.growers-subnav .secondary-nav li:hover,
.growers-subnav .secondary-nav li.active {
    color: #171717;
    transition: all 0.5s;
    border-bottom: solid 3px #702040;
    text-decoration: none;
}
.growers-subnav .secondary-nav li a {
    color: #777;
}
.growers-subnav .secondary-nav li a:focus,
.growers-subnav .secondary-nav li a:hover {
    text-decoration: none;
    outline: none;
}
.growers-subnav .hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.growers-subnav .hamburger:hover {
    opacity: 0.7;
}
.growers-subnav .hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}
.growers-subnav .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
.growers-subnav .hamburger-inner,
.growers-subnav .hamburger-inner::before,
.growers-subnav .hamburger-inner::after {
    width: 34px;
    height: 2px;
    background-color: #000;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.growers-subnav .hamburger-inner::before,
.growers-subnav .hamburger-inner::after {
    content: "";
    display: block;
}
.growers-subnav .hamburger-inner::before {
    top: -10px;
}
.growers-subnav .hamburger-inner::after {
    bottom: -10px;
}
.growers-subnav .hamburger--vortex .hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.growers-subnav .hamburger--vortex .hamburger-inner::before,
.growers-subnav .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear;
}
.growers-subnav .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity;
}
.growers-subnav .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform;
}
.growers-subnav .hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.growers-subnav .hamburger--vortex.is-active .hamburger-inner::before,
.growers-subnav .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s;
}
.growers-subnav .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}
.growers-subnav .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
}
.growers-subnav .hamburger--vortex.is-active:hover .hamburger-inner {
    transform: rotate(675deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.growers-subnav .secondary-nav ul.dropdown-menu li:hover a {
    color: #171717;
    text-decoration: none;
}
.growers-subnav .has-right-divider-line {
    border-right: 1px solid #ddd;
}
.growers-subnav nav.navbar .navbar-collapse.collapse {
    margin-top: 0px;
    margin-bottom: 0;
}
.growers-subnav .hamburger,
.growers-subnav .navbar-header h3 {
    display: none;
}

.page-template-growers-shippers .category-filter .abs {
    width: 350px;
}

.page-template-growers-shippers .intro {
    padding: 3.5% 20% 2.5% 20%;
    position: relative;
}

.page-template-growers-shippers a.red-btn {
    max-width: 280px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.page-template-growers-shippers .fact-sheet ul {
    padding-left: 30px;
}

.page-template-growers-shippers .fact-sheet li {
    list-style: disc;
    padding-bottom: 20px;
    font-size: 16px;
}

.page-template-growers-shippers .fact-sheet p {
    font-weight: 700;
    margin-left: 30px;
}

.page-template-growers-shippers .sidebar p {
    font-size: 12px;
    line-height: 19px;
}

.page-template-growers-shippers .growers-shippers-body h3 {
    padding-bottom: 10px;
    font-style: italic;
    color: #80aa20;
}

.page-template-growers-shippers .growers-shippers-body span {
    display: block;
    width: 75%;
    margin: 0 auto;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
}

.page-template-growers-shippers .growers-shippers-body p {
    text-align: center;
}
.page-template-growers-shippers .growers-shippers-body p a {
    color: #9d1266;
    border-bottom: solid 3px transparent;
    padding-bottom: 3px;
}
.page-template-growers-shippers .growers-shippers-body p a:hover {
    color: #171717;
    transition: all 0.1s;
    border-bottom: solid 3px #702040;
    text-decoration: none;
    padding-bottom: 3px;
}

/* ------------------------------------------- */
/* End Growers SUB Menu */
/* ------------------------------------------- */
.nav-side-menu {
    min-height: 50vh !important;
    z-index: 1;
    position: relative;
}
.nav-side-menu ul {
    padding-left: 15px;
}
.nav-side-menu ul li {
    float: none;
    border-bottom: 1px solid white;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.nav-side-menu ul li.menu-item-has-children a {
    margin-bottom: 12px;
    display: inline-block;
}
.nav-side-menu ul li a {
    padding: 0;
    background: transparent;
    margin-top: 0px;
    margin-bottom: 0px;
}
.nav-side-menu ul li a:hover {
    background: transparent;
}

.about-ca-grapes,
footer {
    background: white;
    z-index: 5;
    position: relative;
}

/* ------------------------------------------- */
/*  Start Features Content Block  */
/* ------------------------------------------- */
/* ---------------------------------- */
/*  End Features Content Block  */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start main styles */
/* ------------------------------------------- */
.main-wrap {
    overflow-x: hidden;
}
.main-wrap .single-page {
    min-height: 50%;
}

main.recipes-page {
    overflow: hidden;
}

#searchsubmit {
    margin-left: 10px;
    margin-top: 7px;
}

/* ------------------------------------------- */
/*  End main area styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Single Page template styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  End Single Page template styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Search Results Page  */
/* ------------------------------------------- */
.search-results .search-results-page {
    padding-bottom: 60px;
}
.search-results .search-results-page .col-sm-12 {
    display: flex;
    align-items: center;
}
.search-results .search-results-page .col-sm-12 .search-inner {
    width: 80%;
    border-bottom: 1px solid white;
    margin: 0 auto;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
}

.search-results .page-header {
    margin: 40px 0 0;
}

.search-results h1.text-left {
    margin-top: 0;
}
.search-results h1.text-left a,
.search-results h1.text-left .search-results {
    font-size: 0.6em;
    text-transform: capitalize;
    font-weight: 600;
    font-style: italic;
}
.search-results h1.text-left a {
    position: relative;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.search-results h1.text-left a:before {
    content: "";
    position: absolute;
    height: 24px;
    width: 19px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -30px;
    top: 0px;
}
.search-results h1.text-left a.pdf-icon:before {
    background-image: url(assets/images/pdf_icon.svg);
}
.search-results h1.text-left a.xls-icon:before {
    background-image: url(assets/images/xls_icon.svg);
}
.search-results h1.text-left a.jpg-icon:before {
    background-image: url(assets/images/jpg_icon.svg);
}
.search-results h1.text-left a.psd-icon:before {
    background-image: url(assets/images/psd_icon.svg);
}


input.prp-btn:hover,
input.prp-btn:active {
    background-color: white !important;
}

/* ------------------------------------------- */
/*  End Search Results Page  */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start footer styles */
/* ------------------------------------------- */
footer {
    position: relative;
    min-height: 200px;
    width: 100%;
    background-color: #191919;
}
footer .footer-nav {
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-left: 1vw;
    margin-right: 1vw;
    color: #aaa;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 3.5%;
    border-bottom: solid 1px #333;
    margin-bottom: 1%;
}
footer .footer-nav li {
    display: inline;
    margin-right: 3.2%;
    padding-bottom: 1px;
    border-bottom: solid 3px rgba(255, 0, 255, 0);
}
footer .footer-nav a {
    color: #aaa;
}
footer .legal {
    padding-left: 100px;
    padding-right: 100px;
}
footer .legal .pull-right {
    width: 50%;
}
footer .legal .pull-right svg {
    height: 20px;
    width: 20px;
    fill: white;
}
footer .legal .pull-right svg:hover {
    fill: #80aa20;
}
footer .legal .pull-left {
    width: 50%;
}
footer .legal p {
    font-style: italic;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 24px;
    letter-spacing: 2px;
    color: #fff;
}
footer .social {
    text-align: right;
}
footer .social li:first-of-type {
    vertical-align: top;
    vertical-align: -webkit-baseline-top;
}
footer .social li {
    display: inline;
    margin-right: 1%;
    padding-bottom: 1px;
    border-bottom: solid 3px rgba(255, 0, 255, 0);
    font-style: italic;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 24px;
    letter-spacing: 2px;
    color: #fff;
}

/* ------------------------------------------- */
/*  End footer styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Single.php template styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  End Single.php template styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  End Login Form template styles */
/* ------------------------------------------- */
.custom-login-error,
.custom-username-error {
    margin: 0 auto;
    width: 33%;
    min-width: 340px;
}

.custom-login-error {
    padding-top: 50px;
}

.password-recovery {
    width: 35%;
    min-width: 340px;
    margin: 0 auto;
}
.password-recovery input#user_login {
    padding: 8px 26px;
    width: 100%;
    border-color: transparent;
    -o-border-image: none;
    border-image: none;
}
.password-recovery .success {
    color: #80aa20;
    font-size: 2em;
}

#loginform {
    padding-top: 50px;
    padding-bottom: 75px;
    margin: 0 auto;
    width: 33%;
    min-width: 340px;
}
#loginform input {
    padding: 8px 26px;
    width: 100%;
    border-color: transparent;
    border-image: none;
    padding: 8px 26px;
    background-color: #eeeff3;
}
#loginform #wp-submit {
    background-color: #702040;
    padding: 16px 24px;
    color: white;
    font-size: 16px;
    line-height: 16px;
    border: solid 2px #702040;
    border-radius: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#loginform #wp-submit:hover,
#loginform #wp-submit:active,
#loginform #wp-submit:focus {
    background-color: white;
    color: #702040;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#loginform input[type="checkbox"] {
    border: 1px solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    height: 20px;
    margin: -4px 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    min-width: 20px;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.05s border-color ease-in-out;
    transition: 0.05s border-color ease-in-out;
}
#loginform input[type="checkbox"]:checked:before {
    content: "\2713";
    margin: -3px 0 0 -1px;
    color: #80aa20;
}

/* ------------------------------------------- */
/*  End Login Form template styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Community Child Page template styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  End Community Child Page template styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Simple Category template styles */
/* ------------------------------------------- */
.simple-cat {
    padding-top: 40px;
    padding-right: 20px;
    padding-left: 40px;
    background-color: #dbdee5;
}
.simple-cat span a {
    line-height: 1.7em;
}

/* ------------------------------------------- */
/*  End Simple Category template styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Single Recipes Page  */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Recipes Category / Search Results Page  */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Foodservice page styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Media page styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  End Media page styles */
/* ------------------------------------------- */
/* ------------------------------------------- */
/*  Start Component styles */
/* ------------------------------------------- */
#searchform .search {
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -1px;
    color: #000;
    background: none;
    border: none;
    border-bottom: solid 3px rgba(255, 0, 255, 0);
}

/* -------------------------------------------- */
/* Start Retailers  */
/* -------------------------------------------- */
.page-id-1732 .cc-repeater li {
    list-style-type: none;
}

.page-id-1383 .repeater-cols .col-sm-4 img {
    border-radius: 50%;
}

.page-id-1383 img.wp-image-2226 {
    border-radius: 50%;
}

.page-template-grants-scholarships .cc-repeater img {
    border: 12px solid #e6e6e6;
}

.page-template-ebook-content-repeater .left {
    text-align: left;
}

.page-template-ebook-content-repeater .right {
    text-align: right;
}

/* ------------------------------------------- */
/*  @media 2000px */
/* ------------------------------------------- */
@media only screen and (min-width: 2000px) {
    .full-width-header img {
        margin-top: -100px;
    }
    .main-wrap .full-width-header .rel {
        height: 850px !important;
        overflow: hidden;
    }
}

/* ------------------------------------------- */
/*  @media 1900px */
/* ------------------------------------------- */
@media only screen and (max-width: 1900px) {
    .lessons .btn1.prev,
    .lessons .btn1.prev-col,
    .activity .btn1.prev,
    .activity .btn1.prev-col {
        left: 5%;
    }
    .lessons .btn1.next,
    .lessons .btn1.next-col,
    .activity .btn1.next,
    .activity .btn1.next-col {
        /* right arrow */
        right: 15%;
    }
}

/* ------------------------------------------- */
/*  @media 1540px */
/* ------------------------------------------- */
@media only screen and (min-width: 1540px) {
    #menu-internal-1,
    #menu-internal,
    #menu-retailers,
    #menu-foodservice-nav {
        transition: all 1s;
        font-size: 18px;
        line-height: 41px;
    }
    .main-wrap .full-width-header .rel {
        height: 650px;
        overflow: hidden;
    }
    .features h4 {
        padding-top: 5%;
    }
    .page-template-all-about-grapes .full-width-header .img-responsive {
        margin-top: -180px;
    }
    .full-width-header img {
        margin-top: -40px;
    }
    .page-template-growers-shippers .category-filter .abs {
        width: 30%;
    }
}

@media only screen and (max-width: 1540px) {
    .lessons .btn1.prev,
    .lessons .btn1.prev-col,
    .activity .btn1.prev,
    .activity .btn1.prev-col {
        left: 5%;
    }
    .lessons .btn1.next,
    .lessons .btn1.next-col,
    .activity .btn1.next,
    .activity .btn1.next-col {
        /* right arrow */
        right: 5%;
    }
    button#responsive-menu-pro-button.responsive-menu-pro-button {
        top: 65px !important;
    }
    .page-id-152 .full-width-header .rel {
        height: 750px;
        overflow: hidden;
    }
}

/* ------------------------------------------- */
/*  @media 1300px */
/* ------------------------------------------- */
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1300px) {
    .full-width-header .rel {
        height: 550px;
        overflow: hidden;
    }
    .page-id-35 .full-width-header .rel,
    .page-id-731 .full-width-header .rel,
    .page-id-11 .full-width-header .rel,
    .page-id-141 .full-width-header .rel,
    .page-id-148 .full-width-header .rel,
    .page-id-152 .full-width-header .rel,
    .page-id-146 .full-width-header .rel {
        height: auto;
        overflow: hidden;
    }
}

/* ------------------------------------------- */
/*  @media 1300px */
/* ------------------------------------------- */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1300px) {
    button#responsive-menu-pro-button.responsive-menu-pro-button {
        top: 64px !important;
    }
}

/* ------------------------------------------- */
/*  @media 1200px */
/* ------------------------------------------- */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
    .fw-layout div.bg-img {
        height: 420px;
        background-size: cover;
    }
}

/* ------------------------------------------- */
/*  @media 1100px */
/* ------------------------------------------- */
/* Medium Devices, Desktops */
/* ------------------------------------------- */
/*  @media 1080px */
/* ------------------------------------------- */
/* Medium Devices, Desktops */
/* ------------------------------------------- */
/*  @media 992px */
/* ------------------------------------------- */
@media only screen and (max-width: 992px) {
    .growers-subnav .secondary-nav {
        width: 100%;
    }
    .growers-subnav .secondary-nav li {
        width: 20%;
    }
    .fw-layout .col-sm-6 div.bg-img {
        background-position-x: -75px;
        height: 350px;
        background-size: cover;
    }
    .fw-layout .col-sm-6:nth-of-type(2) div.bg-img {
        background-size: cover;
        background-position-x: 0px;
    }
    li.searchbar {
        float: right;
    }
    #searchform .search {
        right: 20px;
    }
    .full-width-video h1.animated {
        top: 15%;
    }
    .full-width-header h1.animated {
        font-size: 75px;
        top: 10%;
    }
    #video-slide .full-video {
        margin-top: -60%;
    }
    #video-slide .full-video .video-embed {
        width: 100%;
    }
    button#responsive-menu-pro-button.responsive-menu-pro-button {
        top: 68px !important;
        -webkit-transition: all 1s ease-in 0.4s;
        transition: all 1s ease-in 0.4s;
    }
    button#responsive-menu-pro-button.responsive-menu-pro-button.low {
        top: 86px !important;
    }
    button#responsive-menu-pro-button .responsive-menu-pro-box {
        color: #fff;
        top: -10px;
    }
}

@media only screen and (min-width: 769px) {
    .hide-lg {
        display: none;
    }
}

/* Small Devices, Tablets */
/* ------------------------------------------- */
/*  @media 768px */
/* ------------------------------------------- */
@media only screen and (max-width: 768px) {
    .features {
        background-color: #f2f2f2;
        padding: 0px 30px;
    }
    .rag-wrap img {
        bottom: -1px;
    }
    .features .features-info-lg {
        position: relative;
        margin-left: 0%;
        margin-right: 0%;
    }
    .hide-md {
        display: none !important;
    }
    .growers-subnav .navbar {
        min-height: 140px;
    }
    .page-template-ebook-content-repeater .left {
        text-align: center;
    }
    .page-template-ebook-content-repeater .right {
        text-align: center;
    }
    .simple-cat {
        padding-top: 30px;
        padding-right: 20px;
        padding-left: 30px;
        background-color: #dbdee5;
    }
    .simple-cat .main.row {
        background-color: white;
        border-top: 1px solid #dbdee5;
    }
    .navbar-nav {
        float: none;
        margin: 0;
    }
}

/* Small Devices, Tablets */
/* ------------------------------------------- */
/*  @media 767px */
/* ------------------------------------------- */
@media only screen and (min-width: 768px) {
    .nav-side-menu .navbar-nav {
        float: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .growers-subnav button.hamburger {
        display: block;
        z-index: 0;
        position: relative;
        float: left;
        top: -10px;
    }
    .growers-subnav .navbar-header h3 {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .growers-subnav nav.navbar .navbar-header {
        width: 100%;
        margin-left: 0;
    }
    .growers-subnav .secondary-nav {
        width: 100%;
        position: relative;
    }
    .growers-subnav .secondary-nav li {
        display: block;
        border-right: none;
        padding-bottom: 5px;
        margin-bottom: 5px;
        width: 100%;
    }
    .growers-subnav nav.navbar .navbar-collapse.collapsing {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px;
        padding-top: 10px;
        float: none;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .growers-subnav nav.navbar .navbar-collapse.collapse.in {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px;
        float: none;
        padding-top: 10px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .growers-subnav nav.navbar .navbar-collapse.collapse {
        width: 100%;
        margin-bottom: 0px;
        margin-right: 0;
        margin-top: 50px;
        padding-top: 10px;
        float: none;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .growers-subnav .dropdown-menu {
        width: 100%;
        margin-top: 2px;
        margin: 0 auto;
        text-align: center;
        right: 0;
        left: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .growers-subnav nav.navbar {
        min-height: 110px;
    }
    .page-template-growers-shippers .category-filter .abs {
        width: 340px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    #lessons .btn-next,
    #activity .btn-next {
        right: 90px;
    }
    .page-template-page-recipe-category .recipes-search-filter fieldset {
        margin-left: 0px;
        float: left;
        width: auto;
    }
    .single-recipes-page .recipes-search-filter fieldset {
        margin-left: 0;
        float: left;
        width: auto;
    }
    .recipes-search-filter {
        padding-bottom: 60px;
    }
    .ads-slider .col-sm-4.mag img {
        float: none !important;
    }
    .ads-slider .col-sm-8 {
        text-align: center !important;
    }
    .features {
        background-color: #f2f2f2;
        padding: 0px 30px 30px;
    }
    .nav-side-menu {
        min-height: 10vh !important;
        height: auto;
        z-index: 1;
        position: relative;
    }
    .nav-side-menu .navbar-nav > li {
        float: none;
    }
    #menu-sidebar {
        float: none;
    }
    .simple-cat {
        padding-top: 30px;
        padding-left: 0px;
        padding-right: 0px;
        background-color: #dbdee5;
    }
    .simple-cat .main.row {
        background-color: white;
        border-top: 1px solid #dbdee5;
    }
}

/* Between Sizes*/
/* ------------------------------------------- */
/*  @media 705px */
/* ------------------------------------------- */
/* Between Sizes*/
/* ------------------------------------------- */
/*  @media 705px */
/* ------------------------------------------- */
@media only screen and (max-width: 704px) {
    .xs-show,
    .outer-menu {
        display: block;
    }
    .outer-menu.desktop {
        display: none;
    }
    nav.navbar .searchbar {
        display: none;
    }
    /*
 NAVIGATION STYLES
*/
    /*
 NAVIGATION STYLES
*/
    #grapes-on-menu .grapes-on-menu-content {
        width: 100%;
        top: 0%;
        right: 0px;
        padding: 0 5%;
    }
    .recipes-search-filter form {
        float: left;
        margin: 0 auto;
        width: auto;
        padding-left: 15px;
    }
    button#responsive-menu-pro-button.responsive-menu-pro-button {
        top: 35px !important;
    }
    .growers-subnav .rel {
        padding-top: 60px;
    }
    .cs-select.cs-skin-underline {
        width: 54% !important;
    }
    .hide-sm {
        display: none;
    }
    .dietitian-recipes fieldset {
        width: auto;
        margin-left: 0px !important;
        float: none !important;
    }
    .dietitian-recipes .recipes-search-filter form,
    .search-results .recipes-search-filter form,
    .single-recipes-page .recipes-search-filter form,
    .tax-recipecategory .recipes-search-filter form {
        float: left;
        margin-right: -30px;
    }
    #searchsubmit {
        position: absolute;
        left: 0;
        margin-left: 0;
        bottom: -10px;
    }
}

/* Extra Small Devices, Phones */
/* ------------------------------------------- */
/*  @media 544px */
/* ------------------------------------------- */
@media only screen and (max-width: 544px) {
    section.video-carousel .video-btn.popped ~ div > .embed-container {
        top: -100%;
        padding-bottom: 106.25%;
    }
    section.video-carousel .video-btn.file.popped ~ div > .video-embed {
        width: 100%;
        height: 100%;
        top: -115px;
    }
    footer {
        padding-bottom: 40px;
    }
    footer .footer-nav {
        padding-left: 0;
    }
    footer .legal .pull-right {
        width: 100%;
    }
    footer .legal .pull-left {
        width: 100%;
    }
    .full-width-video h1.animated {
        font-size: 40px;
        top: 18%;
        left: 0px;
        letter-spacing: 0.02em;
    }
    .outer-menu .menu > div > div > ul > li > a:after {
        display: none;
    }
    .text-xs-left {
        text-align: left !important;
    }
    .text-xs-right {
        text-align: right !important;
    }
    .text-xs-center {
        text-align: center !important;
    }
    .text-xs-justify {
        text-align: justify !important;
    }
    .cell-pad {
        padding: 2% 12% 2% 12% !important;
    }
    .ps-10 {
        padding-left: 8%;
        padding-right: 8%;
    }
    main.grape-health-page .intro,
    .grape-health-child-page .intro {
        padding: 3.5% 10% 2.5% 10%;
        position: relative;
    }
    .content-slider .owl-item {
        padding: 50px 40px 30px;
    }
    .prp-btn,
    .grn-btn,
    .red-btn,
    .grn-btn-dl,
    .prp-btn-dl,
    .white-prp-btn,
    .white-grn-btn {
        font-size: 14px;
    }
    .partners-nav {
        display: none;
    }
    header nav.navbar .navbar-collapse.collapse {
        display: none;
    }
    .pull-right-lg {
        float: none;
    }
    .pull-left-lg {
        float: none;
    }
    .features .row.inner p:first-of-type {
        margin-top: 0;
    }
    .xs-hide {
        display: none !important;
    }
    .foodservice-page h1.title {
        top: 20px;
        font-size: 18px;
    }
    #grapes-on-menu.owl-carousel img {
        max-height: 100%;
        max-width: 100%;
    }
    #grapes-on-menu.owl-carousel .grapes-on-menu-content {
        position: absolute;
        width: 100%;
        top: 0%;
        right: 0px;
        height: 100%;
        padding: 0 5%;
        color: inherit;
    }
    #grapes-on-menu.owl-carousel .grapes-on-menu-content h1 {
        color: white;
        margin-top: 60px;
    }
    #lessons h1,
    #activity h1 {
        text-align: center !important;
    }
    #lessons .btn-next,
    #activity .btn-next {
        right: 30px;
    }
    #lessons .btn-prev,
    #activity .btn-prev {
        left: -55px;
    }
    .recipes-search-filter input.search {
        margin-left: 0px;
    }
    #dietitian .diet-vid-btn span,
    #dietitian .diet-vid-btn-f span {
        width: 80%;
    }
    .diet.full-video.open {
        width: 90%;
        top: 30px;
    }
    .recipes-search-filter {
        padding-bottom: 60px;
    }
    .category-filter .abs {
        padding-left: 25px;
        top: 0;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .single-recipes-page .icon {
        max-height: 70px;
        max-width: 70px;
    }
    .dietitian-recipes .recipes-search-filter form,
    .search-results .recipes-search-filter form,
    .single-recipes-page .recipes-search-filter form,
    .tax-recipecategory .recipes-search-filter form {
        margin-right: -30px;
    }
    .pt-30.pb-30.bread {
        padding: 0 !important;
    }
    section.recipe-cookbook h1 {
        margin-top: 20px;
        color: white;
        font-size: 24px;
    }
    section.recipe-cookbook p.bt {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    section.recipe-cookbook h2 {
        color: white;
        margin-top: 10px;
    }
    .grn-btn,
    .prp-btn,
    .white-prp-btn {
        padding: 12px 18px;
    }
    #feature-recipes .owl-item {
        padding: 10px 40px 30px;
    }
    .page-template-advertising #feature-recipes .owl-item {
        padding: 10px 40px 0px;
    }
    .fw-layout .col-sm-6:nth-of-type(2) div.bg-img {
        background-position-x: -15px;
    }
    .full-width-video .triangle-down {
        border-width: 20px 20px 0 20px;
        border-color: #ffffff transparent transparent transparent;
        bottom: 20%;
    }
    .search-results .recipes-search-filter form fieldset {
        width: auto;
        float: left;
    }
    .error404 .recipes-search-filter input.search {
        padding: 9px 0px 7px 8px;
    }
    .page-template-growers-shippers .category-filter .abs {
        width: 360px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
}

/* Custom, iPhone Retina */
/* ------------------------------------------- */
/*  @media 320px */
/* ------------------------------------------- */
@media only screen and (max-width: 320px) {
    .triangle-down {
        display: none;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .rag-wrap img {
        position: absolute;
        top: -30px !important;
        bottom: inherit !important;
        margin-right: 0;
        margin-left: 0;
    }
}

@media screen\0 {
    .rag-wrap img {
        position: absolute;
        top: -30px !important;
        bottom: inherit !important;
        margin-right: 0;
        margin-left: 0;
    }
}

/* IE styles */
/* ------------------------------------------- */
/*  IE Styles */
/* ------------------------------------------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .outer-menu .menu > div {
        width: 230% !important;
        height: 230% !important;
        border-radius: 0 !important;
    }
    .outer-menu .menu > div > div {
        max-width: 100% !important;
    }
    #menu-desktop-hamburger {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    position: relative;
    /*Added Line*/
    .full-width-header h1 {
        z-index: 1;
    }
    #video-header h1 {
        z-index: 1;
    }
    .rag-wrap img {
        top: -30px !important;
    }
    .img-responsive.ps-5 {
        padding-left: 0;
        padding-right: 0;
    }
    .circle-images-and-text .img-responsive.ps-15 {
        padding-left: 0;
        padding-right: 0;
        width: 80%;
        margin: 0 auto;
    }
    .outer-menu.desktop .hamburger > div {
        background: #80aa20;
        height: 3px;
    }
    .outer-menu.desktop .hamburger > div:after,
    .outer-menu.desktop .hamburger > div:before {
        height: 3px;
        display: block;
    }
    .outer-menu .hamburger > div:before,
    .outer-menu .hamburger > div:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: -10px;
        left: 0;
        width: 100%;
        height: 2px;
        background: inherit;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .h100 {
        max-height: 100px !important;
        height: 100px !important;
    }
}

@media only screen and (-ms-high-contrast: active) and (min-width: 1451px),
    only screen and (-ms-high-contrast: none) and (min-width: 1451px) {
    .rag-wrap img {
        top: -40px !important;
    }
    .recipes-page .rag-wrap img {
        top: -25px !important;
        left: -10px;
        width: 115%;
    }
}

@media only screen and (-ms-high-contrast: active) and (max-width: 1450px),
    only screen and (-ms-high-contrast: none) and (max-width: 1450px) {
    .rag-wrap img {
        top: -30px !important;
    }
    .about-grape-page .rag-wrap img {
        top: -40px !important;
        left: -15px;
    }
    .recipes-page .rag-wrap img {
        top: -25px !important;
        left: -10px;
        width: 115%;
    }
    .page-template-growers-shippers .category-filter .abs {
        width: 390px;
    }
}

@media only screen and (-ms-high-contrast: active) and (max-width: 1250px),
    only screen and (-ms-high-contrast: none) and (max-width: 1250px) {
    .about-grape-page .rag-wrap img {
        top: -30px !important;
        left: -10px;
        width: 115%;
    }
}

@media only screen and (-ms-high-contrast: active) and (max-width: 992px),
    only screen and (-ms-high-contrast: none) and (max-width: 992px) {
    .rag-wrap img {
        top: -20px !important;
    }
    .about-grape-page .rag-wrap img {
        top: -30px !important;
        left: -15px;
    }
}

@media only screen and (-ms-high-contrast: active) and (max-width: 768px),
    only screen and (-ms-high-contrast: none) and (max-width: 768px) {
    .rag-wrap img {
        top: -10px !important;
        left: -15px;
    }
    .about-grape-page .rag-wrap img {
        top: -15px !important;
        left: -15px;
    }
}

/* Print Styles */
/* ------------------------------------------- */
/*  PRINT STYLES */
/* ------------------------------------------- */
@media print {
    .single-recipes .legal,
    .single-recipes .footer-nav,
    .single-recipes .title-swoosh,
    .single-recipes .about-ca-grapes,
    .single-recipes .additional-recipes,
    .single-recipes .single-recipes-page > .row,
    .single-recipes .essb_displayed_shortcode,
    .single-recipes .col-sm-3.col-lg-2,
    .single-recipes #crumbs,
    .single-recipes .recipes-search-filter,
    .single-recipes .col-sm-12 {
        display: none !important;
    }
    .single-recipes h1 {
        font-size: 25px !important;
    }
    .single-recipes h3 {
        padding-left: 0 !important;
    }
    .single-recipes h3 span.debby {
        font-size: 30px !important;
    }
    .single-recipes .col-sm-8 img {
        width: 100mm !important;
    }
    .single-recipes .print-directions {
        display: block !important;
    }
    .single-recipes .print-box {
        display: block !important;
        width: 170mm !important;
    }
    .single-recipes-page .directions {
        display: none !important;
    }
}