/* Master*/
html, body {
    padding: 0;
    margin: 0;
}

body {
    color: #1a1a1a;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 400;
}

main {
    overflow: hidden;
}

a, a:focus, input:focus, select:focus, textarea:focus, button:focus {
    outline: none
}

sup {
    top: -0.2em;
}

.hide {
    display: none;
}

.product-faq-title {
    text-align: center;
}

.offers sup {
    font-size: 80%;
}

a sup {
    vertical-align: 6px;
}

.nowrap {
    white-space: nowrap;
}

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

.header {
    position: fixed;
    padding: 23px 2% 0;
    align-items: flex-start;
    justify-content: space-between;
    background: url(/wp-content/themes/nakanoflavors/media/1612/bg-header.png) left top repeat;
    height: 165px;
    z-index: 14;
}

body.frontpage .header:not(.header--fixed) .nav-link {
    color: #1a1a1a;
    border-bottom: 24px solid transparent;
    display: block;
    margin: 60px 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 27px;
    font-weight: 700;
    padding: 0 5px 21px;
    white-space: nowrap;
    letter-spacing: 0;
}

body.frontpage .header:not(.header--fixed) .hamburger span,
body.frontpage .header:not(.header--fixed) .hamburger span::after,
body.frontpage .header:not(.header--fixed) .hamburger span::before {
    background-color: #997d43;
}

body.frontpage .header:not(.header--fixed) .nav-link--active,
body.frontpage .header:not(.header--fixed) .nav-link:hover {
    border-bottom: 24px solid #997d43;
}

.nav-bar {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 71px
}

.nav-link--home {
    margin-right: 0;
}

.mobile-top {
    color: #000;
    padding: 10px 15px;
    display: none;
    width: 100%;
    text-align: right;
}

.mobile-top a {
    color: #000;
    text-decoration: none;
    margin-left: 5%;
}

.mobile-nav {
    z-index: -1;
    padding-top: 100px;
}

.mobile-nav.zindex {
    z-index: 10;
}

.main-header {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.logo {
    padding: 0;
    width: 22%;
}

.logo-image {
    width: 100%;
    max-width: 284px;
    max-height: 131px;
    margin-bottom: 24px;
    margin-left: 0;
}
/*.right-header {width:58%;} with offers link*/
.right-header {
    width: 50%;
}

.nav-bar a {
    display: block;
    height: 50px;
}

.soc-search {
    justify-content: flex-end;
    display: flex;
    height: 51px;
}

.social-head a {
    padding: 5px;
}

.social-head a:hover {
    opacity: 0.7;
}

.social-mobile {
    display: none;
}

.mobile-search {
    display: none;
}

#SiteSearchTerm, .search-head input {
    background: url(/wp-content/themes/nakanoflavors/media/1613/bg-search.png) left top no-repeat;
    width: 311px;
    height: 46px;
    text-transform: uppercase;
    margin-left: 10px;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 30px;
}

footer {
    background-color: #1a1a1a;
    padding: 50px 30px 60px;
}

footer .col-md-12 {
    display: flex;
    justify-content: space-between;
}

.follow-us {
    color: #dcc675;
    margin: 0 0 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: 500;
}

.social-footer a {
    padding: 0 10px 0 0;
}

.social-footer a.first {
    padding-left: 0;
}

.social-footer a:hover {
    opacity: 0.7;
}

footer .flexfooter {
    display: flex;
    justify-content: space-between;
}

footer .nav-link, .footer .nav-link:active {
    color: #dcc675;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
}

footer .lower {
    margin-top: 30px;
    color: #898989;
    display: flex;
    justify-content: flex-end;
}

footer .lower a, footer .lower div a span {
    color: #fff;
    margin: 0 4%;
    text-decoration: none;
    font-size: 28px;
    font-weight: 500;
    white-space: nowrap;
}

.evidon-consent-link-image {
    vertical-align: baseline !important;
}

#_evidon-message a {
    color: #f0f8ff;
}

#evidon-navigation-wrapper-element {
    font-size: 16px;
}

footer .lower div {
    margin: 0 5%;
}

footer .lower a:last-child, footer .lower div:last-child {
    margin-right: 0;
}

footer .lower span:not(._evidon-link-text) {
    display: inline-block;
    margin: 0 15px;
}

footer .legal {
    color: #fff;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 15px;
    padding: 0;
}

footer .legal p {
    margin: 0;
}

footer .links {
    width: 75%;
}

footer .upper {
    display: flex;
    justify-content: space-between;
}

footer .upper .nav-link {
    margin: 0;
    white-space: nowrap;
}

@media (max-width:1090px) {
    .right-header {
        width: 58%;
    }
    /*no offer link*/
}

@media (max-width:992px) {
    .header .nav-bar {
        display: flex;
        flex-direction: row;
    }
}

@media (max-width:950px) {
    .right-header {
        width: 70%;
    }
}

@media only screen and (min-width:768px) and (max-width:1540px) {
    body.frontpage .header:not(.header--fixed) .nav-link {
        font-size: calc(16px + 12 * ((100vw - 768px) / 772));
    }
    /* 16 28*/
    footer .lower a {
        font-size: calc(15px + 13 * ((100vw - 768px) / 772)); /*28 15*/
    }

    footer .upper .nav-link {
        font-size: calc(14px + 14 * ((100vw - 768px) / 772)); /*28 14*/
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    footer .lower a {
        font-size: calc(14px + 12 * ((100vw - 320px) / 447));
    }
    /* 24 12*/
    footer .flexfooter {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (width:768px) {
    .header {
        height: 150px;
    }

    body.frontpage .header:not(.header--fixed) .nav-link {
        margin-top: 30px;
    }
}

@media only screen and (max-width:767px) {
    body {
        font-size: 16px;
    }

    .header {
        padding: 2px 0;
        display: initial;
        height: 92px;
    }
    /*.header {padding: 2px 0;display:initial;}  header relative position */

    /*.right-header {width:45%;} */
    .search-head {
        width: 100%;
        display: none;
    }

    .logo {
        width: 29%;
        margin: 1%;
    }

    .logo-image {
        width: 100%;
        height: auto;
        margin-bottom: 0;
        margin-left: 10px;
    }

    .mobile-nav .nav-link {
        margin: 20px 0;
        font-size: 25px;
    }

    .nav-link--home {
        margin: 0;
    }

    #SearchTerm {
        width: 85%;
        margin-left: 20px;
    }

    .mobile-nav-handler {
        margin: 10px;
        width: 9%;
        height: auto;
    }

    .hamburger {
    }

    .mobile-top {
        display: block;
        padding: 0 15px 3px;
    }

    .mobile-top a {
        font-size: 14px;
    }

    .main-header {
        color: #1a1a1a;
    }
    /*.hidden-xs {display:none;} */
    .mobile-nav {
        width: 100vw;
        height: 100%;
        margin-top: 92px;
        justify-content: flex-start;
        align-items: flex-start;
        background: url(/wp-content/themes/nakanoflavors/media/1696/mobile-nav-bg.png) left top repeat;
    }

    body.frontpage .header:not(.header--fixed) .hamburger span {
        background-color: #313c4d;
    }

    #toggle-nav {
        width: 100%;
        height: 100%;
        margin: 0 10px 0 0;
    }

    #toggle-nav img {
        max-width: 100%;
        display: block;
        height: auto;
    }

    #toggle-nav.active {
        display: block;
        top: 10px;
        text-align: right;
    }

    #toggle-nav span.hideMenu {
        display: none;
    }

    .nav-bar {
        display: block;
        margin: 0 auto 0;
        text-align: center;
    }

    .nav-bar a {
        color: #fff;
        height: auto;
    }

    .header .nav-bar {
        display: none;
    }

    .social-mobile {
        display: block;
    }

    .social-mobile a {
        display: inline-block;
        margin: 0 5% 0 15px;
    }

    footer {
        padding: 20px 2%;
    }

    footer .row > div {
        display: block;
    }

    footer .links {
        width: 100%;
    }

    footer .nav-link {
        margin: 10px 40px 10px 0;
        letter-spacing: normal;
        display: inline-block;
        font-size: 18px;
        line-height: 1.8;
    }

    footer .upper {
        margin-top: 30px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    footer .upper .nav-link {
        margin-right: 8%;
    }

    footer .upper .nav-link:first-child {
        margin-left: 0;
    }

    footer .lower, footer .legal {
        justify-content: space-between;
        text-align: left;
    }

    footer .lower a {
        margin: 0 4% 0 0;
    }

    footer .lower a:last-child {
        margin: 0;
    }

    body {
        font-size: 23px;
    }

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

    .social-head {
        width: 100%;
        text-align: right;
        padding-top: 2%;
    }

    .social-head a {
        width: 20%;
        height: auto;
        display: inline-block;
    }

    .social-head a img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    .social-head a.img-youtube {
        width: 22%;
        height: auto;
    }

    .social-head .img-search {
        width: 15%;
        height: auto;
    }

    .search-head {
        width: 70%;
        min-width: 175px;
        padding-top: 4px;
    }

    .soc-search {
        height: auto;
        width: 100%;
    }

    .soc-search #SiteSearchTerm {
        background-color: #313c4d;
        color: #fff;
        margin-top: 6px;
        padding-left: 5px /*border:1px solid #313c4d;*/
    }

    .soc-search #SiteSearchTerm::placeholder {
        color: #fff;
        opacity: 1;
    }

    .soc-search #SiteSearchTerm::-webkit-input-placeholder {
        color: #fff;
        opacity: 1;
    }

    .soc-search #SiteSearchTerm::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    .soc-search #SiteSearchTerm:-ms-input-placeholder {
        color: #fff;
        opacity: 1;
    }

    .soc-search #SiteSearchTerm:-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    .mobile-search-container {
        position: absolute;
        width: 100vw;
        height: 100vh;
        background: url(/wp-content/themes/nakanoflavors/media/1696/mobile-nav-bg.png) left top repeat;
        z-index: 10;
        display: block;
    }

    #SiteSearchTerm {
        background-image: none;
        border: 1px solid #000;
        background-color: #fff;
        width: 90%;
        margin: 150px auto 20px;
        display: block;
    }
}

@media only screen and (min-width:768px) {
    .hidden-xs {
        display: block;
    }

    .mobile-nav-handler {
        display: none;
    }
}

@media only screen and (min-width:601px) and (max-width:767px) {
    .header {
        height: 80px;
    }

    .mobile-nav {
        margin-top: 80px;
    }
}

@media only screen and (min-width:410px) and (max-width:600px) {
    .header {
        height: 66px;
    }

    .mobile-nav {
        margin-top: 66px;
    }
}

@media only screen and (min-width:320px) and (max-width:409px) {
    .header {
        height: 52px;
    }

    .mobile-nav {
        margin-top: 52px;
    }
}

/* Global*/
.section {
    position: relative;
    padding: 20px;
}

.section__hero-content {
    position: absolute;
}

.container {
    max-width: 1540px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.container1323 {
    max-width: 1323px;
    margin: 0 auto;
    width: 100%;
}

.container1410 {
    max-width: 1410px;
    margin: 0 auto;
    width: 100%;
}

h1 {
    text-transform: uppercase;
    width: 100%;
    font-size: 63px;
    line-height: 1;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

h2 {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    margin: 50px 0;
    line-height: 1;
    font-family: 'Roboto', sans-serif;
    font-size: 63px;
}

h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 60px;
    margin: 0;
    line-height: 1;
}

/* https://css-tricks.com/snippets/css/fluid-typography/ font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */
@media only screen and (min-width:320px) and (max-width:1540px) {
    /*h1 {font-size: calc(18px + 45 * ((100vw - 320px) / 1220));} */ /* 63 18*/
    h2 {
        font-size: calc(18px + 45 * ((100vw - 320px) / 1220));
    }
    /* 80 18*/
}

@media only screen and (min-width:768px) and (max-width:1540px) {
    h1 {
        font-size: calc(28px + 35 * ((100vw - 768px) / 772));
    }
    /* 63 28*/
}

@media only screen and (min-width:320px) and (max-width:767px) {
    h1 {
        font-size: calc(18px + 10 * ((100vw - 320px) / 447));
    }
    /* 28 18*/
}

.hero {
    background-repeat: no-repeat;
    background-size: cover;
}

.section__hero-content {
    text-align: left;
    max-width: 1340px;
    color: #fafbfb;
}

.section__description {
    margin: 15px 0 25px;
    color: #1a1a1a;
    font-family: Robato, sans-serif;
    font-size: 28px;
    line-height: 1.7;
}

.button {
    text-indent: -9999px;
    direction: ltr;
    text-decoration: none;
    border: none;
    outline: none;
}

.gradient {
    background: url(/wp-content/themes/nakanoflavors/media/1615/bg-texture.png) right bottom no-repeat, linear-gradient(#ffffff, #bbcc91);
}

.gradient.repeat-texture {
    background: url(/wp-content/themes/nakanoflavors/media/1615/bg-texture.png) right bottom repeat-y, linear-gradient(#ffffff, #bbcc91);
}

.get-cooking {
    width: 100%;
    max-width: 1323px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 2%;
}

.get-cooking:before, .get-cooking:after {
    display: none;
}

.get-cooking .gc-item {
    max-width: 421px;
    width: 31%;
    margin: 0 0 75px;
}

.get-cooking .gc-img {
    position: relative;
}

.gc-link-upper {
    display: block;
    text-decoration: none;
    width: 80%;
    height: 26%;
    position: absolute;
    top: 0;
    left: 0;
}

.gc-link-lower {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 74%;
    position: absolute;
    top: 26%;
    left: 0;
}

.pin {
    position: absolute;
    top: 4%;
    right: 2%;
}

.get-cooking p {
    color: #997d43;
    height: 106px;
    font-size: 27px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 25px;
    position: relative;
}

.see-recipe {
    color: #313c4d;
    text-decoration: none;
    font-size: 23px;
    font-weight: 700;
    margin-top: 15px;
    display: block;
    text-transform: uppercase;
}

.see-recipe:hover {
    text-decoration: underline;
}

.see-recipe img {
    display: inline-block;
    margin-left: 10px;
    width: 13px;
    height: 17px;
    margin-bottom: 1px;
}
/*.view-all {width:323px; margin:0 auto;} */
.view-all {
    width: 43%;
    height: auto;
    max-width: 323px;
    max-height: 63px;
    margin: 0 auto 40px;
}
/*.btn-view-all {background:url(/wp-content/themes/nakanoflavors/media/1623/btn-view-all-recipes.png) left top no-repeat; width:323px; height:63px;  display:inline-block;} */
.view-all a {
    padding: 0;
}

.view-all img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.field-validation-error, .field-validation-valid {
    color: red;
    font-size: 16px;
}


@media only screen and (min-width:320px) and (max-width:767px) {
    .section__description {
        font-size: calc(10px + 14 * ((100vw - 320px) / 447));
        line-height: 1.2;
        margin-bottom: 10px;
    }
    /*24 10*/
    .top-recipes h2 {
        font-size: calc(30px + 33 * ((100vw - 320px) / 447)); /*63 30*/
        margin: 30px 0;
    }

    .get-cooking p {
        font-size: calc(20px + 7 * ((100vw - 320px) / 447));
    }
    /*27 20*/
}

@media only screen and (min-width:768px) and (max-width:1540px) {
    .section__description {
        font-size: calc(13px + 15 * ((100vw - 768px) / 772));
    }
    /*28 13*/
    .get-cooking p {
        font-size: calc(20px + 7 * ((100vw - 768px) / 772));
    }
    /*27 20*/
    .see-recipe {
        position: absolute;
        bottom: 0;
    }
}

@media only screen and (max-width:767px) {
    .section {
        padding: 0 10px;
    }

    .get-cooking p {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .get-cooking .gc-item {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .see-recipe {
        margin-top: 10px;
    }
}

/*Home*/
.hero.home {
    padding: 0 0 74%;
    position: relative;
}

.home1 {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.home1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 48%;
    width: 100%;
    display: block;
    background: white;
    opacity: 90%;
}

.hero.home .container {
    position: relative;
    z-index: 5;
}

.home1 h1 {
    margin-top: 62%;
}

.home-bottles {
    margin-bottom: 20px;
}

.button-div {
    width: 27%;
    height: auto;
    max-width: 237px;
    max-height: 63px;
    margin-bottom: 15px;
}

.button-div a {
    padding: 0;
}

.btn-learn a {
    padding: 0;
}

.btn-learn img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.hero.home2 {
    padding: 4% 0 103%;
    position: relative;
}

.hero.home2 .section__hero-content {
    width: 100%;
}

.hero.home2 h1 {
    background: url(/wp-content/themes/nakanoflavors/media/1630/txt-eight.png) left top no-repeat;
    background-size: contain;
    color: #dcc675;
    text-shadow: 2px 2px 8px #000;
    padding: 10% 0 2% 4%;
}

.history {
    background: white;
    opacity: 90%;
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 13% 7%;
}

.history .section__description {
    text-align: center;
    max-width: 84%;
    margin: 0 auto;
}

.discover-button-div {
    width: 41%;
    height: auto;
    max-width: 303px;
    max-height: 63px;
    margin: 9% auto 0;
}
/*.btn-discover {background:url(/wp-content/themes/nakanoflavors/media/1621/btn-discover-more.png) left top no-repeat; width:303px; height:63px; margin:115px auto 0; display:block;}*/
.discover-button-div a, .btn-discover a {
    padding: 0;
}

.btn-discover img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    /*.home h1 {font-size: calc(20px + 20 * ((100vw - 320px) / 447));} */ /* */
}

@media only screen and (min-width:768px) and (max-width:1540px) {
    .button-div {
        width: 36%;
        height: auto;
    }

    .discover-button-div {
        width: 36%;
        height: auto;
    }

    .btn-learn, .btn-discover, .btn-view {
        width: 100%;
        display: block;
    }
}

@media only screen and (max-width:767px) {
    .section__description {
        margin: 10px 0;
    }

    .home h1 {
        margin-top: -5%;
    }

    .hero.home {
        padding: 0 0 114%;
    }

    .hero.home .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hero.home2 .container {
        padding-left: 0;
    }
    /*.btn-learn {background:url(/wp-content/themes/nakanoflavors/media/1671/btn-learn-more-mobile-2x.png) left top no-repeat; background-size:83px 16px;
            width:165px; height:32px;} */
    .button-div {
        margin-bottom: 5px;
    }

    .discover-button-div {
        margin: 3% auto 0;
    }

    .btn-discover {
        margin: 5px auto 0;
    }

    .history {
        padding: 1% 7%;
    }

    .history h2 {
        margin: 20px 0;
    }

    .history .section__description {
        max-width: 100%;
    }
}


/*Products Flavors*/
.hero.products {
    position: relative;
    background-size: 100%;
    background-color: #bbcc91;
}

.hero.products .section__hero-content {
    top: 33%;
    left: 0;
    padding: 4.5%;
    background: white;
    opacity: 90%;
    width: 70%;
}

.hero.products .section__hero-content h1 {
    color: #1a1a1a;
}

.hero.products .section__description {
    width: 80%;
}

.products-slider {
    width: 89%;
    margin: 80% auto 60px;
}

.products-slider .item-content {
    display: none;
    background-image: radial-gradient(circle closest-side,#fff,transparent );
    width: 70%;
}

.products-slider .item-content:hover {
    background-image: radial-gradient(circle closest-side,#fff 40%,transparent );
}

.products-slider.slick-initialized .item-content {
    display: block;
    text-align: center;
}

.slick-slide a {
    text-decoration: none;
}

.slick-slide img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.slick-slide p {
    text-align: center;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 10px auto 15px;
    width: 82%;
}

.slick-slide p sup {
    top: 2px;
}

.slick-slide .item-content {
    margin: 0 10%;
}

.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 43px;
    height: 78px;
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 0;
    line-height: 0;
}

.slick-prev {
    background: url(/wp-content/themes/nakanoflavors/media/1642/prev-nak.png) left top no-repeat;
    left: -7%;
}

.slick-next {
    background: url(/wp-content/themes/nakanoflavors/media/1640/next-nak.png) left top no-repeat;
    right: -7%;
}

.slick-prev::before, .slick-next::before {
    content: '';
}

.slick-dots {
    position: absolute;
    bottom: -40px;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    padding: 0;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    border: none;
    border-radius: 50%;
    outline: none;
    background-color: #fff;
}

.slick-dots li.slick-active button, .slick-dots li:hover button {
    background-color: #997d43;
    opacity: 0.7;
}

.product-info {
    background: url(/wp-content/themes/nakanoflavors/media/1615/bg-texture.png) right bottom no-repeat, linear-gradient(#bbcc91, #ffffff);
}

.product-info .container {
    background: white;
    opacity: 90%;
    padding: 6% 6% 0;
    width: 90%;
    box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.2);
}

.product-info span {
    font-family: 'Nanum Myeongjo', serif;
    font-size: 49px;
    display: block;
}

.product-info span.piTitle {
    text-transform: uppercase;
}

.product-info p {
    margin: 0 0 8%;
    font-size: 30px;
}

.product-info sup {
    top: -0.8em;
    font-size: 50%;
}

.section.product.gradient {
    background: linear-gradient(#bbcc91, #fff);
}

.product-faq-title {
    text-align: center;
    font-size: 33px;
}

@media only screen and (max-width:1100px) {
    .hero.products .section__hero-content {
        top: 25%;
    }
}

@media only screen and (max-width:768px) {
    .products-slider {
        margin: 93% auto 60px;
    }

    .slick-slide img {
        max-width: 80%;
    }

    .product-info .container {
        width: 100%;
    }

    .slick-prev, .slick-next {
        background-size: cover;
        width: 20px;
        height: 36px;
    }
}

@media only screen and (min-width:320px) and (max-width:1540px) {
    .product-info span {
        font-size: calc(14px + 35 * ((100vw - 320px) / 1220));
    }
    /* 49 14*/
    .product-info p {
        font-size: calc(12px + 18 * ((100vw - 320px) / 1220));
    }
    /* 30 12*/
}

@media only screen and (min-width:768px) and (max-width:1540px) {
    .slick-slide p {
        font-size: calc(13px + 6 * ((100vw - 768px) / 772));
    }
    /*19  13 */
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .slick-slide p {
        font-size: calc(8px + 11 * ((100vw - 320px) / 447));
    }
    /*19 8*/
}

@media only screen and (max-width:600px) {
    .hero.products .section__description {
        width: 100%;
    }

    .slick-slide img {
        max-width: 100%;
    }
}

@media only screen and (max-width:480px) {
    .hero.products .section__hero-content {
        width: 77%;
        padding: 4.5% 4.5% 1%;
    }
}

@media only screen and (max-width:414px) {
    .hero.products .section__hero-content {
        width: 83%;
        top: 21%;
    }
}

@media only screen and (max-width:375px) {
    .hero.products .section__hero-content {
        width: 89%;
    }
}

/*Breadcrumbs*/
.breadcrumb-section, section.section.breadcrumb-section {
    padding-bottom: 0;
}

#breadcrumbs, ul#breadcrumbs.recipe-container {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    text-transform: uppercase;
}

#breadcrumbs li {
    display: inline;
    font-size: 18px;
}

#breadcrumbs li a {
    color: #1a1a1a;
    text-decoration: none;
}

#breadcrumbs li span {
    padding: 0 2px;
}

#breadcrumbs li:last-child span {
    display: none;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #breadcrumbs li {
        font-size: 10px;
    }
}

/*Product Detail*/
.hero.product-hero {
    position: relative;
    padding: 0 0 42%;
}

.product .container {
    overflow: visible;
}

.product-image-container {
    padding-top: 20px;
    position: relative;
    z-index: 2;
}

.product h1 {
    font-size: 62px;
    margin-bottom: 10px;
}

.prod-info {
    background: white;
    opacity: 90%;
    padding: 70px 70px 70px 9%;
    width: 80%;
    margin-left: -10%;
    margin-top: 8%;
    box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.2);
}

.prod-description {
    margin: 20px 0 20px;
    font-size: 28px;
}

.nutrition-info {
    width: 100%;
    padding: 10px 0;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 33px;
    border-bottom: solid 2px #1a1a1a;
    margin-bottom: 10px;
}

.nutrition-info img {
    float: right;
    margin-top: 10px;
    display: block;
}

.nutrition-info img.rotate {
    transform: rotate(180deg);
}

.ingredient-detail p {
    margin: 0 0 15px;
    font-size: 28px;
}

.collapse {
    display: none;
    width: 100%;
}

.collapse p {
    margin: 0 0 15px;
    font-size: 28px;
}

.collapse p.collapse-title {
    text-transform: uppercase;
    font-size: 31px;
    border-bottom: solid 2px #1a1a1a;
    padding: 50px 0 10px;
}

.collapse-title + p {
    line-height: 1.7;
}

.mikmak-discover {
    color: #313c4d;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 14px;
    display: block;
    text-transform: uppercase;
    background: #cca847;
}

@media (max-width:787px) {
    .mikmak-discover {
        width: 100%;
        font-size: 23px;
    }
}

@media only screen and (min-width:320px) and (max-width:1080px) {
    .product h1 {
        font-size: calc(21px + 41 * ((100vw - 320px) / 760));
    }
    /*62 21*/
    .prod-description, .ingredient-detail p, .collapse p {
        font-size: calc(14px + 14 * ((100vw - 320px) / 760));
    }
    /*28 14*/
    .nutrition-info, .collapse p.collapse-title {
        font-size: calc(17px + 16 * ((100vw - 320px) / 760));
    }
    /*33 17*/
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product h1 {
        margin-bottom: 10px;
    }

    .prod-info {
        padding: 7% 3% 3% 9%;
    }

    .nutrition-info {
        padding: 0;
    }

    .nutrition-info img {
        width: 15px;
        height: 10px;
        margin-top: 4px;
    }

    .collapse p.collapse-title {
        margin-top: 25px;
    }
}

/*Story*/
.hero.story {
    padding: 0 0 125%;
}

.hero.story .section__hero-content {
    width: 100%;
    margin-top: 15%;
}

.hero.story h1 {
    background: url(/wp-content/themes/nakanoflavors/media/1630/txt-eight.png) left top no-repeat;
    background-size: contain;
    color: #dcc675;
    text-shadow: 2px 2px 8px #000;
    padding: 10% 0 2% 4%;
}

.hero.story .story-history {
    position: absolute;
    bottom: 0;
    width: 90%;
    background: white;
    opacity: 90%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    padding: 10% 7% 8%;
}

.story-history {
    font-size: 33px;
    letter-spacing: 1px;
}

.story-info {
    font-family: 'Nanum Myeongjo', serif;
    font-size: 60px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
}

@media only screen and (min-width:320px) and (max-width:1540px) {
    .story-info {
        font-size: calc(18px + 42 * ((100vw - 320px) / 1220));
    }
    /* 60 18*/
    .story-history {
        font-size: calc(9px + 24 * ((100vw - 320px) / 1220));
    }
    /* 33 9*/
}

@media only screen and (max-width:767px) {
    .hero.story .story-history {
        padding: 3%;
    }
}

/*Recipes*/
.hero.recipes {
    padding: 0 6% 56%;
}

.hero.recipes .section__hero-content {
    top: 72%;
    left: 5%;
}

.hero.recipes .section__hero-content h1 {
    font-size: 79px;
}

.hero.recipes .section__hero-content .section__description {
    color: #fff;
    width: 70%;
}

.search-header {
    background: white;
    opacity: 90%;
}

.search-inputs-wrapper {
    background: white;
    opacity: 90%;
    box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
}

.search-inputs {
    padding-bottom: 20px;
}

#SearchTerm {
    background-image: url(/wp-content/themes/nakanoflavors/media/1612/bg-header.png),url(/wp-content/themes/nakanoflavors/media/1703/icon-search-recipes.png);
    background-position: left top, 95% center;
    background-repeat: repeat, no-repeat;
    background-size: 100% 100%, 37px 37px;
    background-color: transparent;
    padding: 0 50px 0 20px;
    border: 2px solid #1a1a1a;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 60px;
    width: 100%;
    text-transform: uppercase;
}

#Products {
    border: 2px solid #1a1a1a;
    height: 60px;
    background: url(/wp-content/themes/nakanoflavors/media/1612/bg-header.png) left top repeat transparent;
    width: 66%;
    padding-left: 20px;
    text-transform: uppercase;
}

#recipeSearchForm #submit-button {
    height: 0;
    line-height: 0;
    font-size: 0;
    border: none;
    padding: 0;
    margin: 0;
}

.show-recipes {
    text-transform: uppercase;
}

.recipe-categories {
    padding: 20px 0;
    display: flex;
    justify-content: center;
    max-width: 1323px;
    margin: 0 auto;
}

.recipe-categories a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
    font-size: 31px;
    color: #000;
    line-height: 1.4;
}

.recipe-categories a.active, .recipe-categories a:hover {
    color: #997d43;
}

.recipe-categories a > span {
    display: none;
}

.pipe {
    font-size: 32px;
    line-height: 1;
    padding: 0.3% 2%;
}

.pager {
    text-align: center;
    margin: 40px 0;
}

.pager a,
.pager span.current,
.pager button {
    display: inline-block;
    vertical-align: middle;
    border: none;
    background-color: #fff;
    color: transparent;
    margin: 0 5px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-decoration: none;
    overflow: hidden;
    line-height: 17px;
    padding: 0;
}

.pager a.current,
.pager span.current,
.pager button.current {
    background-color: #997d43;
}

.pager a.pager-next,
.pager a.pager-prev,
.pager button.pager-next,
.pager button.pager-prev {
    background-color: transparent;
    width: 21px;
    height: 33px;
    border-radius: 0;
    overflow: visible;
}

.pager a.pager-last,
.pager a.pager-first,
.pager button.pager-last,
.pager button.pager-first {
    color: #fff;
    width: 30px;
    height: 33px;
    background-color: transparent;
    border-radius: 0;
    overflow: visible;
}

.pager a.pager-next img,
.pager a.pager-prev img,
.pager a.pager-last img,
.pager a.pager-first img,
.pager button.pager-next img,
.pager button.pager-prev img,
.pager button.pager-last img,
.pager button.pager-first img {
    display: block;
    width: 100%;
    height: auto;
}

#recipe-search-results p.no-results {
    margin: 0;
    padding: 100px;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
}

@media only screen and (min-width:320px) and (max-width:1540px) {
    .hero.recipes .section__hero-content h1 {
        font-size: calc(18px + 61 * ((100vw - 320px) / 1220));
    }
    /* 79 18*/
    .recipe-categories a {
        font-size: calc(10px + 21 * ((100vw - 320px) / 1220));
    }
    /* 31 10*/
    .pipe {
        font-size: calc(10px + 22 * ((100vw - 320px) / 1220));
    }
    /* 32 10*/
}

@media only screen and (min-width:768px) and (max-width:1540px) {
    .show-recipes, #SearchTerm, #Products {
        font-size: calc(12px + 13 * ((100vw - 768px) / 772));
    }
    /*25  12 */
}

@media only screen and (width:768px) {
    #SearchTerm, #Products {
        height: 40px;
    }

    #SearchTerm {
        background-size: 100% 100%, 27px 27px;
    }
}

@media only screen and (max-width:767px) {
    #recipeSearchForm #SearchTerm {
        margin-bottom: 20px;
    }

    .show-recipes {
        width: 100%;
        text-align: center;
        display: block;
    }

    #SearchTerm, #Products {
        margin-left: 0;
        width: 100%;
    }

    #SearchTerm, #Products, .show-recipes {
        font-size: 16px;
    }
}


/*Recipe Details*/

.hero.recipe-detail {
    display: -webkit-flex;
    display:flex;
    flex-wrap: wrap;
    padding: 165px 6% 0;
    width:100% !important;
}

.hero.recipe-detail .recipe-image {
    width: 64%;
}
.hero.recipe-detail .recipe-image img {
    width:100%;
}
.hero.recipe-detail .recipe-product {
    width: 36%;
    display: inherit;
    flex-wrap: wrap;
    justify-content:center;
    align-items: center;
}
.hero.recipe-detail .recipe-product .recipe-product-image {
    width:100%;
    text-align: center;
}
.hero.recipe-detail .recipe-product .recipe-product-image img {
    width:25%;
}
.hero.recipe-detail {
    display: -webkit-flex;
    display:flex;
    flex-wrap: wrap;
    padding: 165px 6% 0;
    width:100% !important;
}

.hero.recipe-detail .recipe-image {
    width: 64%;
}
.hero.recipe-detail .recipe-image img {
    width:100%;
}
.hero.recipe-detail .recipe-product {
    width: 36%;
    display: inherit;
    flex-wrap: wrap;
    justify-content:center;
    align-items: center;
}
.hero.recipe-detail .recipe-product .recipe-product-image {
    width:100%;
    text-align:center;
}
.hero.recipe-detail .recipe-product .recipe-product-image img {
    width:25%;
}
@media (max-width: 1024px) {
    .hero.recipe-detail .recipe-image,
    .hero.recipe-detail .recipe-product {
        width: 100%;
    }
    .hero.recipe-detail .recipe-product .recipe-product-image img {
        width:15%
    }
}

.recipe .container {
    padding: 4.5% 7% 2%;
}

.recipe .container h1 {
    letter-spacing: 2px;
    line-height: 1.2;
}

.recipe-info {
    margin: 60px 0;
    text-transform: uppercase;
    font-size: 32px;
}

.recipe-info .pipe {
    padding: 0 10px;
}

.tip {
    width: 100%;
    background: white;
    opacity: 90%;
    box-shadow: 3px 10px 13px -7px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}

.tips {
    padding: 15px 100px;
    font-size: 32px;
    margin: 0;
    text-align: center;
}

.tips span:first-child {
    font-family: 'Nanum Myeongjo', serif;
    font-size: 49px;
    text-transform: uppercase;
}

.tips sup {
    top: -0.3em;
}

.ingredients h3, .directions h3 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 44px;
    margin-top: 30px;
}

.ingredients-container p.group-title {
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 1px;
    margin: 10px 0;
}

.ingredients-container ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0 0 30px;
}

.ingredients-container ul li {
    font-size: 30px;
    letter-spacing: 1px;
    padding-bottom: 10px;
}

.ingredients-container sup {
    top: -0.2em;
}

.directions ol {
    padding-left: 35px;
    margin: 10px 0 60px;
}

.directions ol li {
    font-size: 30px;
    letter-spacing: 1px;
    padding-bottom: 10px;
}

.ingredients a, .directions a, .tips a {
    color: #1a1a1a;
    text-decoration: none;
    border-bottom: 2px solid #1a1a1a;
}

.ingredients a:hover, .directions a:hover, .tips a:hover {
    border-bottom: none;
}

.share-this {
    text-align: center;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 500;
    color: #997d43;
    margin: 0 0 0;
}

.share-this a {
    border: none;
}

.share-this img {
    padding-top: 3px;
    margin-left: 10px;
    height: 37px;
    width: auto;
    vertical-align: middle;
}

.share-this span {
    display: inline-block;
}

.at-style-responsive .at-share-btn.at-svc-facebook {
    display: none;
}

.share-this .at-style-responsive .at-share-btn.at-svc-facebook {
    display: inline-block;
}

.share-this .addthis_inline_share_toolbox {
    display: inline-block;
    vertical-align: middle;
}

.share-this .at-resp-share-element .at-share-btn {
    margin: 0 15px;
    width: 43px;
}

.print {
    cursor: pointer;
}

.at-resp-share-element .at-share-btn:focus, .at-resp-share-element .at-share-btn:hover {
    transform: none !important;
}

.ingredients a.nak-basketful {
    border: 1px solid #1a1a1a !important;
    padding: 5px 10px;
}

a.nak-basketful:hover {
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid #1a1a1a;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .recipe-info {
        font-size: calc(14px + 18 * ((100vw - 320px) / 447));
        margin: 20px 0;
    }
    /*32 14*/
    .ingredients h3, .directions h3 {
        font-size: calc(19px + 25 * ((100vw - 320px) / 447));
    }
    /*44 19*/
    .ingredients-container p.group-title, .ingredients-container ul li, .directions ol li,
    .tips {
        font-size: calc(16px + 14 * ((100vw - 320px) / 447));
    }
    /*30 16*/
    .tips {
        padding: 15px 5%;
    }

    .tips span:first-child {
        font-size: calc(20px + 28 * ((100vw - 320px) / 447)); /* 48 20*/
    }

    .recipe-info .pipe {
        display: none;
    }

    .ingredients ul, .directions ol {
        margin-bottom: 30px;
    }

    .directions ol {
        padding-left: 20px;
    }

    .share-this {
        margin-top: 50px;
    }

    .share-this > span {
        font-size: 26px;
        margin-bottom: 20px;
    }
}

/*Contact Us*/
.hero.contact {
    padding: 0 6% 43%;
    background-size: cover;
}

.hero.contact .section__hero-content {
    top: 41%;
    left: 5%;
}

.contact h4 {
    font-family: 'Nanum Myeongjo', serif;
    text-align: center;
    font-size: 63px;
    margin: 0;
    text-transform: uppercase;
}

.contact .subhead {
    margin: 0 auto;
    font-size: 30px;
    text-align: center;
    width: 70%;
}

.contact .subhead span {
    font-size: 28px;
}

#contactUs {
    margin-top: 40px;
}

#contact-us-results {
    margin-top: 40px;
    margin-bottom: 200px;
}

.thankyou {
    text-align: center;
    margin: 80px auto 0;
    font-size: 45px;
}

.thankyou span {
    font-size: 68px;
}

.contact-group {
    position: relative;
}

.field-validation-error {
    color: red;
    font-size: 14px;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.contact input[type=text], .contact textarea {
    border: 2px solid #000;
    height: 60px;
    width: 100%;
    margin: 0;
    padding-left: 15px;
    margin-bottom: 34px;
    text-transform: uppercase;
    font-size: 25px;
}

.contact textarea {
    height: 215px;
    padding-top: 10px
}

.telephone {
    text-decoration: none;
    color: #000;
}

.g-recaptcha {
    margin-top: 20px;
}

.g-recaptcha > div {
    margin: 0 auto;
}

.checkbox {
    text-align: center;
}

.checkbox label {
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    text-transform: none;
    padding-left: 60px;
    position: relative;
}

.checkbox input[type="checkbox"] {
    display: none;
}

.checkbox label:before {
    border: 2px #002450 solid;
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    background-color: #fff;
}

.checkbox input[type="checkbox"]:checked + input[type="hidden"] + label:before {
    content: '\2714';
    text-align: center;
    line-height: 26px;
}

.btn-submit {
    background-color: white;
    margin: 40px auto 0;
    padding: 15px;
    display: block;
    text-align: center;
    border: 1px solid #000;
    color: #000;
    text-indent: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

placeholder {
    color: #000;
    opacity: 1;
    text-transform: uppercase;
}

::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
    text-transform: uppercase;
}

::-moz-placeholder {
    color: #000;
    opacity: 1;
    text-transform: uppercase;
}

:-ms-input-placeholder {
    color: #000;
    opacity: 1;
    text-transform: uppercase;
}

:-moz-placeholder {
    color: #000;
    opacity: 1;
    text-transform: uppercase;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .contact h4 {
        font-size: calc(35px + 28 * ((100vw - 320px) / 447));
        margin: 20px 0;
    }
    /*63 35*/
    .contact .subhead {
        width: 90%;
        font-size: 22px;
    }
}

/* Gravity Forms — match Umbraco contact form */
.contact .gform_wrapper,
#contact-us-results .gform_wrapper {
    margin-top: 40px;
    max-width: 100%;
}

.contact .gform_wrapper.gravity-theme .gform_fields,
#contact-us-results .gform_wrapper.gravity-theme .gform_fields,
.contact .gform_wrapper .gform_body ul.gform_fields,
#contact-us-results .gform_wrapper .gform_body ul.gform_fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    grid-row-gap: 0;
}

.contact .gform_wrapper .gfield,
#contact-us-results .gform_wrapper .gfield {
    width: 100%;
    margin: 0 0 34px;
    padding: 0;
    clear: none;
}

.contact .gform_wrapper .gfield--width-half,
#contact-us-results .gform_wrapper .gfield--width-half,
.contact .gform_wrapper .gfield.gfield--width-half,
#contact-us-results .gform_wrapper .gfield.gfield--width-half,
.contact .gform_wrapper .gfield.gf_left_half,
.contact .gform_wrapper .gfield.gf_right_half,
#contact-us-results .gform_wrapper .gfield.gf_left_half,
#contact-us-results .gform_wrapper .gfield.gf_right_half {
    width: calc(50% - 17px);
}

.contact .gform_wrapper .ginput_complex,
#contact-us-results .gform_wrapper .ginput_complex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
}

.contact .gform_wrapper .ginput_complex span,
#contact-us-results .gform_wrapper .ginput_complex span {
    width: calc(50% - 17px);
    margin: 0;
}

.contact .gform_wrapper .ginput_complex label,
#contact-us-results .gform_wrapper .ginput_complex label {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.contact .gform_wrapper .gfield_label,
#contact-us-results .gform_wrapper .gfield_label {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.contact .gform_wrapper .ginput_container,
#contact-us-results .gform_wrapper .ginput_container {
    margin: 0;
}

.contact .gform_wrapper input[type="text"],
.contact .gform_wrapper input[type="email"],
.contact .gform_wrapper input[type="tel"],
.contact .gform_wrapper input[type="url"],
.contact .gform_wrapper input[type="password"],
.contact .gform_wrapper select,
.contact .gform_wrapper textarea,
#contact-us-results .gform_wrapper input[type="text"],
#contact-us-results .gform_wrapper input[type="email"],
#contact-us-results .gform_wrapper input[type="tel"],
#contact-us-results .gform_wrapper input[type="url"],
#contact-us-results .gform_wrapper input[type="password"],
#contact-us-results .gform_wrapper select,
#contact-us-results .gform_wrapper textarea {
    border: 2px solid #000;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    height: 60px;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 15px;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 400;
    color: #1a1a1a;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.contact .gform_wrapper textarea,
#contact-us-results .gform_wrapper textarea {
    height: 215px;
    padding-top: 10px;
    resize: vertical;
}

.contact .gform_wrapper input::placeholder,
.contact .gform_wrapper textarea::placeholder,
#contact-us-results .gform_wrapper input::placeholder,
#contact-us-results .gform_wrapper textarea::placeholder {
    color: #000;
    opacity: 1;
    text-transform: uppercase;
}

.contact .gform_wrapper .gfield_description,
#contact-us-results .gform_wrapper .gfield_description {
    font-size: 14px;
    padding-top: 6px;
}

.contact .gform_wrapper .gfield_validation_message,
.contact .gform_wrapper .validation_message,
#contact-us-results .gform_wrapper .gfield_validation_message,
#contact-us-results .gform_wrapper .validation_message {
    color: red;
    font-size: 14px;
    padding: 6px 0 0;
}

.contact .gform_wrapper .gform_validation_errors,
#contact-us-results .gform_wrapper .gform_validation_errors {
    border: 2px solid #000;
    border-radius: 0;
    background: #fff;
    margin-bottom: 34px;
    padding: 15px;
    font-size: 18px;
}

/* Checkbox / consent */
.contact .gform_wrapper .gfield--type-checkbox,
.contact .gform_wrapper .gfield--type-consent,
#contact-us-results .gform_wrapper .gfield--type-checkbox,
#contact-us-results .gform_wrapper .gfield--type-consent {
    text-align: center;
}

.contact .gform_wrapper .gfield_checkbox,
.contact .gform_wrapper .ginput_container_consent,
#contact-us-results .gform_wrapper .gfield_checkbox,
#contact-us-results .gform_wrapper .ginput_container_consent {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    text-align: left;
}

.contact .gform_wrapper .gfield_checkbox label,
.contact .gform_wrapper .ginput_container_consent label,
#contact-us-results .gform_wrapper .gfield_checkbox label,
#contact-us-results .gform_wrapper .ginput_container_consent label {
    font-family: 'Oswald', Roboto, sans-serif;
    font-size: 26px;
    font-weight: 400;
    text-transform: none;
    color: #1a1a1a;
    line-height: 1.3;
    padding: 0;
    margin: 0;
}

.contact .gform_wrapper .gfield_checkbox input[type="checkbox"],
.contact .gform_wrapper .ginput_container_consent input[type="checkbox"],
#contact-us-results .gform_wrapper .gfield_checkbox input[type="checkbox"],
#contact-us-results .gform_wrapper .ginput_container_consent input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin: 4px 0 0;
    padding: 0;
    border: 2px solid #002450;
    border-radius: 0;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
}

.contact .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked::after,
.contact .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked::after,
#contact-us-results .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked::after,
#contact-us-results .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked::after {
    content: '\2714';
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    color: #1a1a1a;
}

/* Captcha */
.contact .gform_wrapper .gfield--type-captcha,
#contact-us-results .gform_wrapper .gfield--type-captcha {
    text-align: center;
}

.contact .gform_wrapper .ginput_recaptcha,
#contact-us-results .gform_wrapper .ginput_recaptcha {
    display: inline-block;
    margin: 20px auto 0;
}

/* Submit */
.contact .gform_wrapper .gform_footer,
.contact .gform_wrapper .gform_page_footer,
#contact-us-results .gform_wrapper .gform_footer,
#contact-us-results .gform_wrapper .gform_page_footer {
    margin: 0;
    padding: 0;
    text-align: center;
}

.contact .gform_wrapper .gform_button,
.contact .gform_wrapper input[type="submit"],
#contact-us-results .gform_wrapper .gform_button,
#contact-us-results .gform_wrapper input[type="submit"] {
    background-color: #fff;
    margin: 40px auto 0;
    padding: 15px 40px;
    display: inline-block;
    text-align: center;
    border: 1px solid #000;
    border-radius: 0;
    color: #000;
    text-indent: 0;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    width: auto;
    height: auto;
    cursor: pointer;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.contact .gform_wrapper .gform_button:hover,
.contact .gform_wrapper input[type="submit"]:hover,
#contact-us-results .gform_wrapper .gform_button:hover,
#contact-us-results .gform_wrapper input[type="submit"]:hover {
    opacity: 0.85;
}

@media only screen and (max-width: 767px) {
    .contact .gform_wrapper .gfield--width-half,
    #contact-us-results .gform_wrapper .gfield--width-half,
    .contact .gform_wrapper .gfield.gfield--width-half,
    #contact-us-results .gform_wrapper .gfield.gfield--width-half,
    .contact .gform_wrapper .gfield.gf_left_half,
    .contact .gform_wrapper .gfield.gf_right_half,
    #contact-us-results .gform_wrapper .gfield.gf_left_half,
    #contact-us-results .gform_wrapper .gfield.gf_right_half,
    .contact .gform_wrapper .ginput_complex span,
    #contact-us-results .gform_wrapper .ginput_complex span {
        width: 100%;
    }

    .contact .gform_wrapper .ginput_complex span + span,
    #contact-us-results .gform_wrapper .ginput_complex span + span {
        margin-top: 20px;
    }

    .contact .gform_wrapper input[type="text"],
    .contact .gform_wrapper input[type="email"],
    .contact .gform_wrapper input[type="tel"],
    .contact .gform_wrapper input[type="url"],
    .contact .gform_wrapper select,
    .contact .gform_wrapper textarea,
    #contact-us-results .gform_wrapper input[type="text"],
    #contact-us-results .gform_wrapper input[type="email"],
    #contact-us-results .gform_wrapper input[type="tel"],
    #contact-us-results .gform_wrapper input[type="url"],
    #contact-us-results .gform_wrapper select,
    #contact-us-results .gform_wrapper textarea {
        font-size: 18px;
        height: 50px;
        margin-bottom: 0;
    }

    .contact .gform_wrapper textarea,
    #contact-us-results .gform_wrapper textarea {
        height: 160px;
    }

    .contact .gform_wrapper .gfield,
    #contact-us-results .gform_wrapper .gfield {
        margin-bottom: 20px;
    }

    .contact .gform_wrapper .gfield_checkbox label,
    .contact .gform_wrapper .ginput_container_consent label,
    #contact-us-results .gform_wrapper .gfield_checkbox label,
    #contact-us-results .gform_wrapper .ginput_container_consent label {
        font-size: 18px;
    }

    .contact .gform_wrapper .gform_button,
    .contact .gform_wrapper input[type="submit"],
    #contact-us-results .gform_wrapper .gform_button,
    #contact-us-results .gform_wrapper input[type="submit"] {
        font-size: 18px;
        margin-top: 24px;
    }
}

.gform_required_legend {
    display: none;
}

/*Store Locator*/
.hero.locator {
    padding: 0 6% 42%;
}
/*.hero.locator .section__hero-content { top:19%; left:9.5%; width:37%;} */
.locations h1 {
    text-align: center;
    margin-top: 80px;
}

.locations p {
    text-align: center;
}

.locations sup {
    top: -0.8em;
    font-size: 50%;
}

.locator-title {
    margin: 57px auto 40px;
    max-width: 1323px;
    font-size: 31px;
}

#NAKsearchForm label {
    text-align: right;
    font-size: 25px;
    display: block;
    text-transform: initial;
    font-weight: normal;
    text-transform: uppercase;
}

#NAKsearchForm .labels {
    padding-right: 15px;
    width: 40%;
    float: left;
    color: #929292;
}

#NAKsearchForm .inputs {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#NAKsearchForm input, #NAKsearchForm select {
    height: 46px;
    width: 53%;
    padding-left: 10px;
    font-size: 21px;
    border: 2px solid #000;
    text-transform: uppercase;
}

#NAKsearchForm input, #NAKsearchForm select {
    margin-bottom: 20px;
}

.soc-search #NAKsearchForm input {
    font-size: 18px;
    height: 42px;
}
/*#NAKsearchForm select {width:50%;} */
.submit-location-button-div {
    max-height: 63px;
    max-width: 263px;
    width: 37%;
}

.btn-location {
    background: transparent;
    border: none;
}

#submit-button {
    margin-top: 40px;
    display: block;
    background-color: transparent;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#submit-button:hover {
    opacity: 0.7;
}

#submit-button img {
    width: 100%;
    max-width: 100%;
}

.top-sellers {
    display: flex;
    justify-content: space-between;
    margin-bottom: 75px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.top-sellers.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.top-sellers .item {
    max-width: 222px;
    width: 20%;
    margin: 0 1%;
}

.top-sellers a {
    text-decoration: none;
}

.top-sellers .item p {
    font-size: 23px;
    text-align: center;
    color: #313c4d;
    text-transform: uppercase;
    line-height: 1.3;
    margin: 30px 0 0;
}

.top-sellers .item p span {
    font-size: 17px;
}

.locations #search-results {
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 80px;
    min-height: 500px;
}

.location-results-title {
    font-size: 24px;
    text-align: center;
    margin-top: 0;
}

.location-grid-head {
    font-size: 15px;
}

.location-grid {
    border-top: solid 1px #313c4d;
    border-bottom: solid 1px #313c4d;
}

.location-grid-head > div {
    padding-left: 0;
}

.location-results {
    padding: 15px 0;
    border-bottom: dotted 1px #313c4d;
    font-size: 12px;
}

.location-results:last-child {
    border: none;
}

.location-results .store {
    font-weight: 500;
}

.location-results .col-xs-3 {
    padding-left: 0;
}

.location-results a {
    color: #997d43;
    text-decoration: none;
}

.location-results a:hover {
    text-decoration: underline;
}

/*recipe product mikmak updates*/
.hero.recipe-detail {
    width: 70%;
}

.product {
    margin: 40px auto 0;
}

.product.recipe-product-image {
    text-align: center;
}

.product.recipe-product-image img {
    max-width: 37%;
}
.product-faq-title {
    text-align: center;
    text-transform: uppercase;
}

@media only screen and (max-width: 800px) {
    #NAKsearchForm input, #NAKsearchForm select {
        width: 80%
    }
}

@media only screen and (max-width: 767px) {
    #NAKsearchForm input, #NAKsearchForm select {
        width: 90%
    }
}

@media only screen and (min-width:320px) and (max-width:1540px) {
    /*.locator h1 {font-size: calc(21px + 68 * ((100vw - 320px) / 1220));} */ /* 89 21*/
    /*.locator-title {font-size: calc(12px + 19 * ((100vw - 320px) / 1220));} */ /* 31 12*/
    /*.locator h1 {line-height:1.1;} */
    .locations h1 {
        font-size: calc(17px + 63 * ((100vw - 320px) / 1220));
    }
    /* 80 17*/

}

@media only screen and (min-width:320px) and (max-width:767px) {
    #NAKsearchForm label {
        font-size: calc(11px + 14 * ((100vw - 320px) / 447));
    }
    /* 25 11*/
    #NAKsearchForm input, #NAKsearchForm select {
        font-size: calc(16px + 4 * ((100vw - 320px) / 447));
    }
    /* 20 16*/
    .locations p {
        font-size: calc(11px + 5 * ((100vw - 320px) / 447));
    }
    /*16  11*/
}

@media only screen and (max-width:767px) {
    .locations.container {
        margin: 0;
        padding: 0;
    }

    .locations h1 {
        margin-top: 30px;
    }

    #NAKsearchForm select {
        width: 90%;
    }

    #NAKsearchForm label {
        color: #000;
        padding-top: 7%;
    }

    #ZipCode {
        width: 70%;
        margin-bottom: 20px;
    }

    .hero.locator .section__hero-content {
        left: -3%;
    }

    .locator-title {
        margin-top: 0;
    }

    #NAKsearchForm .labels {
        padding-right: 10px;
    }

    #NAKsearchForm input, #NAKsearchForm select {
        height: 40px;
        padding-left: 0;
    }

    #NAKsearchForm input {
        padding-left: 5px;
    }

    .soc-search #NAKsearchForm input {
        height: 30px;
        padding-left: 10px;
        color: #fff;
        font-size: 16px;
        padding-top: 0;
    }

    .location-results-title {
        margin-top: 40px;
    }

    .location-grid-head {
        font-size: 14px;
    }

    .location-results {
        font-size: 11px;
    }

    #NAKsearchForm .button--border--solid {
        Width: 125px;
        font-size: 23px;
        margin-top: 10px;
        padding: 12px 32px;
        width: auto;
    }

    .locations #search-results {
        margin: 20px 0;
    }

    .view-all {
        margin: 10px auto 30px;
    }

    .locator-title sup {
        font-size: 140%;
        top: 4px;
    }

    .inputs {
        position: relative;
    }

    .inputs .field-validation-valid, .inputs .field-validation-valid {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 14px;
    }

    .submit-location-button-div {
        max-height: 63px;
        max-width: 263px;
        width: 60%;
    }
}

@media only screen and (width:320px) {
    #storeLocatorForm .labels {
        padding-right: 2px;
    }
}

/*Offers*/
.hero.offers {
    padding: 0 6% 42%;
}

.offers h1 {
    text-align: center;
    margin: 80px 0;
}

.coupons-container {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.coupon-group {
    margin: 0 3%;
}

.coupon {
    background: white;
    opacity: 90%;
    box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.2);
    width: 400px;
    height: 260px;
}

.coupon-button-div {
    width: 67%;
    height: auto;
    max-width: 263px;
    max-height: 63px;
    margin: 40px auto;
}

.coupon-button-div a {
    padding: 0;
}

.btn-coupon img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.email-signup {
    background: white;
    opacity: 90%;
    padding: 20px 0;
    text-align: center;
}

.email-signup p {
    margin: 0 0 20px;
}

.email-signup input {
    display: inline-block;
    border: 2px solid #000;
    background-color: transparent;
    max-width: 450px;
    padding: 0 10px;
    width: 90%;
    margin: 5px 0 10px;
}

.email-signup button {
    display: inline-block;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    margin: 20px 0 0;
}

/*Privacy and Terms */
.hero.privacy {
    padding: 0 6% 42%;
    background-size: cover;
}

.privacy h1 {
    text-align: center;
    margin: 100px 0 40px;
}

.privacy .sub-title {
    font-family: 'Nanum Myeongjo', serif;
    text-transform: uppercase;
}

.terms a, .privacy a {
    color: #000;
}

.terms a:hover, .privacy a:hover {
    text-decoration: none;
}

.lowercase {
    text-transform: lowercase;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .privacy h1 {
        font-size: calc(20px + 43 * ((100vw - 320px) / 447));
        margin: 40px 0 20px;
    }
    /* 63 20*/
    .privacy {
        font-size: 16px;
    }
}


/*Print*/
@media print {
    body {
        font-size: 14px;
    }

    .mobile-nav, .mobile-top, .right-header, .mobile-nav-header, #breadcrumbs, footer, .recipe-container img, .recipe-container iframe, .tip, .print-none, #tags,
    .share-this, .no-print, .hero, .mobile-nav-handler, .section.gradient {
        display: none;
    }

    .header {
        padding: 0;
        box-shadow: none;
        height: 70px;
        position: relative;
    }

    main {
        padding-top: 0;
    }

    .recipe .container {
        padding: 0;
        margin: 0;
    }

    .recipe-container h1 {
        font-size: 25px;
        color: #000;
        padding-left: 0;
        margin-top: 0;
        letter-spacing: normal;
    }

    .recipe-container h3 {
        font-size: 20px;
        margin-bottom: 15px;
        padding-left: 0;
    }

    .recipe-container p {
        font-size: 20px;
        color: #000;
        padding-left: 0;
    }

    .recipe-info, .recipe-info .pipe {
        font-size: 12px;
        color: #000;
    }

    .recipe-info {
        margin: 15px 0;
    }

    .ingredients-container p.group-title {
        font-size: 20px;
    }

    .ingredients-container ul {
        margin-bottom: 20px;
    }

    .ingredients-container ul li, .directions ol li {
        font-size: 16px;
        letter-spacing: normal;
    }
}

.bv_modal_outer_content {
    font-size: initial;
}


body.error404 #page.site {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.error404 .site-main {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

.error-404 {
    flex: 1 0 auto;
    box-sizing: border-box;
    padding-top: 165px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.error-404 .page-header,
.error-404 .page-content {
    width: 100%;
    text-align: center;
}

.error-404 .page-title {
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .error-404 {
        padding-top: 92px;
    }
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
    .error-404 {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 410px) and (max-width: 600px) {
    .error-404 {
        padding-top: 66px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 409px) {
    .error-404 {
        padding-top: 52px;
    }
}

body.page-template-template-find-us div.locations div.inputs{
    display: flex;
    justify-content: center;
}
.show-recipe-search span.show-recipes {
    letter-spacing: -1px;
}