/*
  Theme Name: Starkist
  Theme URI: 
  Author: Doug Brauning
  Author URI: 
  Description: Theme for Starkist's Corporate site
  Version: 1.0
*/

.page--50-50:after, .page--50-50-teg:after, .page--three-col:after {
    content: ' ';
    display: block;
    clear: both
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0px, 0px, 0px)
    }

    .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel .owl-refresh .owl-item {
        display: none
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .owl-carousel .owl-item img {
            display: block;
            margin: 0 auto;
            -webkit-transform-style: preserve-3d
        }

    .owl-carousel.owl-text-select-on .owl-item {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto
    }

    .owl-carousel .owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab
    }

    .owl-carousel .owl-rtl {
        direction: rtl
    }

        .owl-carousel .owl-rtl .owl-item {
            float: right
        }

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: scale 100ms ease
}

    .owl-carousel .owl-video-play-icon:hover {
        transition: scale(1.3, 1.3)
    }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-controls .owl-nav [class*='owl-'] {
        color: white;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #d6d6d6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

        .owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
            background: #869791;
            color: white;
            text-decoration: none
        }

    .owl-theme .owl-controls .owl-nav .disabled {
        opacity: 0.5;
        cursor: default
    }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791
    }

.with-wireframes #header, .with-wireframes #main, .with-wireframes #content, .with-wireframes #navigation, .with-wireframes .region-sidebar-first, .with-wireframes .region-sidebar-second, .with-wireframes #footer, .with-wireframes .region-bottom {
    outline: 1px solid #ccc
}

.lt-ie8 .with-wireframes #header, .lt-ie8 .with-wireframes #main, .lt-ie8 .with-wireframes #content, .lt-ie8 .with-wireframes #navigation, .lt-ie8 .with-wireframes .region-sidebar-first, .lt-ie8 .with-wireframes .region-sidebar-second, .lt-ie8 .with-wireframes #footer, .lt-ie8 .with-wireframes .region-bottom {
    border: 1px solid #ccc
}

.element-invisible, .element-focusable, #navigation .block-menu .block__title, #navigation .block-menu-block .block__title {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

    .element-focusable:active, .element-focusable:focus {
        position: static !important;
        clip: auto;
        height: auto;
        width: auto;
        overflow: auto
    }

#skip-link {
    margin: 0
}

    #skip-link a, #skip-link a:visited {
        display: block;
        width: 100%;
        padding: 2px 0 3px 0;
        text-align: center;
        background-color: #666;
        color: #fff
    }

.messages, .messages--status, .messages--warning, .messages--error {
    margin: 1.5em 0;
    padding: 10px 10px 10px 50px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD6UlEQVR42s2WX0xbVRzH3YwmC4k+GF/0ZS/S267/bmnX9nL7bwstZlnbjTDYyoC5GCbB0ZW5pdJCe6swbLFA6bpWIGuRMWVjKGP+21QW3SZBSAjGh4XEaTZTH82Cm/3ztS2xs7mw4KLRk3xyzj33/H6fe5Pz7zEA/yr/vUDukj9FH6drqTaqT8EoPs/UV+nX6TD1BlUh9AqLHlmgPKLcRHmoCOWmElK/FOKTYpS8UwLJkASiUyLI3pKhlClN0g46qj+qL/pbArlbrlO1q25JeiSgR2iYJ8ywXLSg/qP6LNl2ro8+Q4MMkKCd9K2t3q3KdQnkXXIF5aISkgEJzONm1F2qW52pDJN1MI2bUBIuAdVOJWSMTPNQgX6/vkjVpvpREpag6oMqWCYta1IzbsHh9ga0RJtzY8URMdRO9U/KSuWmNQUqh2pY3CtG+fvlqJyofMAFNrZAE+7e/RWR4X4cD9tgOGsA2U2CdtMDqwqyMyIzQ5KKqAKmcyaYxkzYd3YvjGNGFtXRPRj58DT+LOemRrFnrBLyITmUDmUyO/NYgu2d26ukHVJo3tXAMGpAs+cQmh0NeClan30uwN7TgnQ6nRd4r3thOGOAJqYB2UVC79AfZAnKHGUxQa8A2tNaNLW/jKvXv8Dyb8s4yryKA4O10A3roIvpUB+swTdz1/LJZ27PQBvT5lBH1RD4BChzlQ2wBNtc22aE/ULQgzRCl4P5BPcT93GMOYz9wb2QhCRgAq35d8u/L2PXe7tADVGgBlcQ+AXQtmlvsP/gzbJZvp8PMkJCFBYh8m0knyiVSsHe0YIGZz1+/uVOvt8z7QGvnwf+ST5EIRHIUyR4fh50rbp5lsDcYR4ReAXgBrng9q/Qfa0bfy035r7Ot2dvz4IX4IEIEAXwvDzscOw4zxJUd1YfEXlE4Aa4BQHMlwzSSBeI7iXvoTxWDqKPYCFsFaKmr+YVliB0JfS89DVpiuhlB9k/tSOZTuYFvq98yI7L0/MAsVWcGp0bfW61hbahwltxSeARsIKyWKesSKQSWIwvYkvvllwfx88pgOvhwthu/AzAxlVX8vz385tLbaVxwpcLZtEw0QDjsBGctzksiE4CimZFfHp++oWHbnbuUfdB0komMgHsRN1r0MWBsEmYODF5onY92/UTwcvBxuzXcN1ccHycVSn2FaPYWwzCQUDWKIt7z3utAJ5c74Hz+OLSomynY+cVfiM/xW3JiDyZpB3FuZrj4oCwE+Ad4qWMjPHjpTtL0mzMoxyZz9yM39Q7Y85Ok930icqm+k59TL2wm9l90dZv8y/8sPAigGf/iUN/Q4anM2zOsdLe+L+4VfwBVVjDs2rTYx0AAAAASUVORK5CYII=");
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid #be7
}

.messages--warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACuElEQVRIiWP4//8/Ay0xSYqntTpnT252zqeJBf0Njhsykrz/pyd6/e9vcNpGVQv6q2wlm0qc/r0+IPD/3UG+/61l9v9mdrjIUc2C7hqHUzc3S///eZwBjO9tF/vfWe1wjioWTKixVm8otPn38wQT3IKfxxn/t5Va/utpsNSg2ILWcttrNzdJgQ3+dpQRjEHs+9tE/zeXWt+gyILOamuTqlxrsOtPLub+7+emBsSq/88v5wL7oqHQ9H9nmbkF2RbUF1rev7lJEuziuU3i/90ddcB4UZsoJC62ifyvK7R4QJYFrcUGrmUZ5v9hYb9hosh/bzcDMN42VRgeF9W5hv8bi/XdSbagKtfs2c1NEvCIPbaQ/7+/pwkYn17Ki0hR24T/l2eZPCfJgsZ83dCiNOP/yCnn7iau/8G+5mD8aBsHSoqqyNL9X5erHUm0BcVpRm9ubhZHMoTh/4eDzP/DA23+RwTZ/P96hAlF7t5Wof8FyfpvibKgNk8noyDZ4D9quofg1Bjr/1kJlhjiIF+Upmn/r83RzCJoQXaC3qcbm8SwGMLwvybP/H8jMGlik7u7VeB/Zqz2J7wWVGdr1uTG62J1PQgfWST1/+hiCaxyIF8UJqv9r8hQrcVpQVqkzrcbG0WwGvB2H/P/lnx5MAaxsam5vYn3f2KY+jesFpSlqfZnxWjidP2OGWL/g/0swBjExu4Lhv958Ur/i5KU+lEsCA1lYI4JUv95bZ0gTo2Pt3P+z0myBmMQG5e6mxu4/kf4Kf8EmQm3oCRNebKrvSawIGPBqRG9sMOp5hjjfwdrlf/58bKT4RaUpWvtcLZV/39iscD/H0AFP46jYwYiMeP/44u4/9tbKQODSXUH3II9G7v18hI0n8YGKv+IDVT6joxj/BVx4mgcOCde/SnITPRUJAHEGlTCEkQV19TAAN8FC67hZdFXAAAAAElFTkSuQmCC");
    border-color: #ed5
}

.messages--error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACpElEQVR42rWWTUgbQRiGQ0Tx4MWDeFM8eBA9iKAoggiCoCiiIiL4L3oQV1CJB0UEf6iRYFpK7UniTw9VSqL2kvQsVDBpSZrtRo35czVNW3oprRf17exSl4yzu1ikAy9h59vvedhkMrMGAGoxknAk2w8MJ/WosXThiZkZt9jdLeglPjn5ATc3mhJNuNjbK0QbG3ExMICL/n6IfX0gcxB7ekDAELu6IHZ2IlJbi1hLS1BLogmPtbUhMTv7oMSamzUlqnByMxLT0/8STQkDj9TV4ZLj5OysrODl8jIu5Gs68dFR7JG6dWkJ0fFx+TpSX89IDMnwcHU1yKec12Yz3rlc4HkeLwjkXJpPip3U3+7vIx6P4ymph4eG5PlwTQ0lMdytlmBxMWKtrXLeT0zA5XTibvj9fjxfXETkb/3N/Dz2dneVuiTZtliU/rPSUsQ5ziuxZYG03IIlJdKKUPJjdRUAKMmzuTnskB/VYbdTtd9HR4g2NCi9Z2VliDY1BSnBaUEBzsrLqXyzWCiQ9HU5HA4afniIUFWV0hOqqMBpURErOM7NxWlhIZOvCwvA7S3Uxq+DA5AnZ3pO8vJYQSArC8c5Oeqx2Rj4udeLQH6+6v2B7GxW8DkjA0JmJpONwUHY7XZGIAgCzCYTeJUewmIFfqMRfEoKlQ2yJbza2oLWcLvdeDI2hk/3+iQWKzAYkJzNjg5srq9TwJ9OJ76YTNScx+ORJT66X1/grKyEbW2NgfPp6XKd/JMZySrHaQsSU1Oe+0/w3WpVgyu5HBlR6lc+H8gioevDwz6JrWwV5+3txyoSFk5DcOX1MnCyJ4Vwfb1zt1UY9SR8aioDpuppaVpwZbPTl+hHF04dOKzk8XBF8DgJC3/woU/W/EciOtELOWi8DDwp//215Q+p7kiKh2lQSAAAAABJRU5ErkJggg==");
    border-color: #ed541d
}

.messages__list {
    margin: 0
}

.messages__item {
    list-style-image: none
}

.messages--error p.error {
    color: #333
}

.ok, .messages--status {
    background-color: #f8fff0;
    color: #234600
}

.warning, .messages--warning {
    background-color: #fffce5;
    color: #840
}

.error, .messages--error {
    background-color: #fef5f1;
    color: #8c2e0b
}

.tabs-primary, .tabs-secondary {
    overflow: hidden;
    *zoom: 1;
    background-image: linear-gradient(to top, #bbbbbb 1px,rgba(0,0,0,0) 1px);
    list-style: none;
    border-bottom: 1px solid #bbbbbb \0/ie;
    margin: 1.5em 0;
    padding: 0 2px;
    white-space: nowrap
}

.tabs-primary__tab, .tabs-secondary__tab, .tabs-secondary__tab.is-active {
    float: left;
    margin: 0 3px
}

a.tabs-primary__tab-link, a.tabs-secondary__tab-link {
    border-right: 0;
    border-bottom: 0;
    display: block;
    line-height: 1.5em;
    text-decoration: none
}

.tabs-primary__tab, .tabs-primary__tab.is-active {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-shadow: 1px 1px 0 white;
    border: 1px solid #bbbbbb;
    border-bottom-color: transparent;
    border-bottom: 0 \0/ie
}

.is-active.tabs-primary__tab {
    border-bottom-color: white
}

a.tabs-primary__tab-link, a.tabs-primary__tab-link.is-active {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    transition: background-color 0.3s;
    color: #333;
    background-color: #dedede;
    letter-spacing: 1px;
    padding: 0 1em;
    text-align: center
}

    a.tabs-primary__tab-link:hover, a.tabs-primary__tab-link:focus {
        background-color: #e9e9e9;
        border-color: #f2f2f2
    }

    a.tabs-primary__tab-link:active, a.tabs-primary__tab-link.is-active {
        background-color: transparent;
        *zoom: 1;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9');
        background-image: linear-gradient(#e9e9e9,rgba(233,233,233,0));
        border-color: #fff
    }

.tabs-secondary {
    font-size: .9em;
    margin-top: -1.5em
}

.tabs-secondary__tab, .tabs-secondary__tab.is-active {
    margin: 0.75em 3px
}

a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active {
    border-radius: 0.75em;
    transition: background-color 0.3s;
    text-shadow: 1px 1px 0 white;
    background-color: #f2f2f2;
    color: #666;
    padding: 0 .5em
}

    a.tabs-secondary__tab-link:hover, a.tabs-secondary__tab-link:focus {
        background-color: #dedede;
        border-color: #999;
        color: #333
    }

    a.tabs-secondary__tab-link:active, a.tabs-secondary__tab-link.is-active {
        text-shadow: 1px 1px 0 #333333;
        background-color: #666;
        border-color: #000;
        color: #fff
    }

.inline {
    display: inline;
    padding: 0
}

    .inline li {
        display: inline;
        list-style-type: none;
        padding: 0 1em 0 0
    }

span.field-label {
    padding: 0 1em 0 0
}

.more-link {
    text-align: right
}

.more-help-link {
    text-align: right
}

    .more-help-link a {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7UlEQVR42qWTPQqDQBCFcwSPkCNITpAj5AjeIm1uYpkyR7Cy2Mot7OwsBAsRwUKwmOwLGRle3EIy8PyBfZ/z3J2TiPylz8VWWZZpUB40BonRKyizaxkA88MYYiqCEgv4MTvnZJom0VqWRbz3FlJZgLYtqmEY1Lg9r+sKsIXcLSC3AC019H0vqLquLeC5AfiHYSGkcdAJimKIBQiJ4+CO92OAtm0FNc8zOjkMwE5Q63FAtbeg6zpAYvG8BWR7i5qmQYwY4MIHqYhE2DOPQWcGJBQF2XU72ZzyUeZ5GCNt5/hybJgYdAXsq5sOEE/jG6dC5IOqCXTmAAAAAElFTkSuQmCC");
        background-position: 0 50%;
        background-repeat: no-repeat;
        padding: 1px 0 1px 20px
    }

.new, .update {
    color: #c00;
    background-color: transparent
}

.unpublished {
    height: 0;
    overflow: visible;
    background-color: transparent;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word
}

.lt-ie8 .node-unpublished > *, .lt-ie8 .comment-unpublished > * {
    position: relative
}

.comments {
    margin: 1.5em 0
}

.comment-preview {
    background-color: #ffffea
}

.comment .permalink {
    text-transform: uppercase;
    font-size: 75%
}

.indented {
    margin-left: 30px
}

.form-item {
    margin: 1.5em 0
}

.form-checkboxes .form-item, .form-radios .form-item {
    margin: 0
}

tr.odd .form-item, tr.even .form-item {
    margin: 0
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
    border: 1px solid #c00
}

.form-item .description {
    font-size: 0.85em
}

.form-type-radio .description, .form-type-checkbox .description {
    margin-left: 2.4em
}

.form-required {
    color: #c00
}

label.option {
    display: inline;
    font-weight: normal
}

.password-parent, .confirm-parent {
    margin: 0
}

#user-login-form {
    text-align: left
}

.openid-links {
    margin-bottom: 0
}

.openid-link, .user-link {
    margin-top: 1.5em
}

html.js #user-login-form li.openid-link, #user-login-form li.openid-link {
    margin-left: -20px
}

#user-login ul {
    margin: 1.5em 0
}

form th {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc
}

form tbody {
    border-top: 1px solid #ccc
}

form table ul {
    margin: 0
}

tr.even, tr.odd {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em
}

tr.even {
    background-color: #fff
}

.lt-ie8 tr.even th, .lt-ie8 tr.even td, .lt-ie8 tr.odd th, .lt-ie8 tr.odd td {
    border-bottom: 1px solid #ccc
}

td.active {
    background-color: #ddd
}

td.checkbox, th.checkbox {
    text-align: center
}

td.menu-disabled {
    background: #ccc
}

#autocomplete .selected {
    background: #0072b9;
    color: #fff
}

html.js .collapsible .fieldset-legend {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==");
    background-position: 5px 65%;
    background-repeat: no-repeat;
    padding-left: 15px
}

html.js .collapsed .fieldset-legend {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC");
    background-position: 5px 50%
}

.fieldset-legend .summary {
    color: #999;
    font-size: 0.9em;
    margin-left: 0.5em
}

tr.drag {
    background-color: #fffff0
}

tr.drag-previous {
    background-color: #ffd
}

.tabledrag-toggle-weight {
    font-size: 0.9em
}

tr.selected td {
    background: #ffc
}

.progress {
    font-weight: bold
}

    .progress .bar {
        background: #ccc;
        border-color: #666;
        margin: 0 0.2em;
        border-radius: 3px
    }

    .progress .filled {
        background-color: #0072b9;
        background-image: url("assets/images/progress.gif")
    }

#edit-field-receive-emails {
    display: none
}

#edit-field-receive-emails-mailchimp legend span.fieldset-legend {
    font-weight: bold;
    font-size: .85em
}

fieldset.captcha {
    margin-bottom: 1em
}

.da-thumbs {
    list-style: none;
    padding: 0;
    position: relative
}

    .da-thumbs li {
        position: relative
    }

    .da-thumbs a {
        display: block;
        overflow: hidden;
        position: relative
    }

        .da-thumbs a:hover .hoverdir__desc {
            display: none
        }

    .da-thumbs img {
        display: block;
        position: relative;
        width: 100%
    }

    .da-thumbs .hoverdir__desc {
        background: #2f2e69;
        background: rgba(48,35,104,0.7);
        bottom: 0;
        left: 0;
        padding: .5em;
        position: absolute;
        width: 100%
    }

        .da-thumbs .hoverdir__desc .card-title, .da-thumbs .hoverdir__desc .card-copy {
            color: #fff;
            font-weight: normal;
            margin: 0;
            text-align: center
        }

    .da-thumbs .hoverdir__overlay {
        background: #2f2e69;
        background: rgba(48,35,104,0.7);
        height: 100%;
        position: absolute;
        width: 100%
    }

        .da-thumbs .hoverdir__overlay.custom-hover-object {
            background: #333;
            background: rgba(255,255,255,0.7);
            height: 100%;
            position: absolute;
            width: 100%
        }

            .da-thumbs .hoverdir__overlay.custom-hover-object > .hoverdir__overlay-content {
                color: rgba(75,75,75,0.9)
            }

        .da-thumbs .hoverdir__overlay > .hoverdir__overlay-content {
            color: rgba(255,255,255,0.9);
            display: block;
            font-weight: normal;
            margin: 40px 20px 20px;
            padding: 10px 0;
            text-transform: uppercase
        }

.hoverdir__overlay-content h4 {
    color: #fff;
    text-align: center
}

.hoverdir__overlay-content p {
    color: #fff;
    text-align: center
}

.dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after {
    box-sizing: border-box
}

.dk-select, .dk-select-multi {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5em;
    width: 200px;
    cursor: pointer
}

.dk-selected {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    background-color: white;
    border: 1px solid #CCCCCC;
    border-radius: 0.4em;
    padding: 0 1.5em 0 0.5em;
    text-overflow: ellipsis
}

    .dk-selected:before, .dk-selected:after {
        content: '';
        display: block;
        position: absolute;
        right: 0
    }

    .dk-selected:before {
        top: 50%;
        border: solid transparent;
        border-width: 0.25em 0.25em 0;
        border-top-color: #CCCCCC;
        margin: -0.125em 0.5em 0 0
    }

    .dk-selected:after {
        top: 0;
        height: 100%;
        border-left: 1px solid #CCCCCC;
        margin: 0 1.5em 0 0
    }

.dk-selected-disabled {
    color: #BBBBBB
}

.dk-select .dk-select-options {
    position: absolute;
    display: none;
    left: 0
}

.dk-select-open-up .dk-select-options {
    border-radius: 0.4em 0.4em 0 0;
    margin-bottom: -1px;
    bottom: 100%
}

.dk-select-open-down .dk-select-options {
    border-radius: 0 0 0.4em 0.4em;
    margin-top: -1px;
    top: 100%
}

.dk-select-multi .dk-select-options {
    max-height: 10em
}

.dk-select-options {
    width: 100%;
    z-index: 100;
    background-color: white;
    border: 1px solid #CCCCCC;
    border-radius: 0.4em;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 10.5em;
    list-style: none;
    padding: 0.25em 0;
    margin: 0
}

.dk-option-selected {
    background-color: #3297fd;
    color: #fff
}

.dk-select-options-highlight .dk-option-selected {
    background-color: transparent;
    color: inherit
}

.dk-option {
    padding: 0 0.5em
}

.dk-select-options .dk-option-highlight {
    background-color: #3297fd;
    color: #fff
}

.dk-select-options .dk-option-disabled {
    color: #BBBBBB;
    background-color: transparent
}

.dk-optgroup {
    border: solid #CCCCCC;
    border-width: 1px 0;
    padding: 0.25em 0;
    margin-top: 0.25em
}

    .dk-optgroup + .dk-option {
        margin-top: 0.25em
    }

    .dk-optgroup + .dk-optgroup {
        border-top-width: 0;
        margin-top: 0
    }

    .dk-optgroup:nth-child(2) {
        padding-top: 0;
        border-top: none;
        margin-top: 0
    }

    .dk-optgroup:last-child {
        border-bottom-width: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }

.dk-optgroup-label {
    padding: 0 0.5em 0.25em;
    font-weight: bold;
    width: 100%
}

.dk-optgroup-options {
    list-style: none;
    padding-left: 0
}

    .dk-optgroup-options li {
        padding-left: 1.2em
    }

.dk-select-open-up .dk-selected {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-color: #3297fd
}

.dk-select-open-down .dk-selected {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #3297fd
}

    .dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before {
        border-width: 0 0.25em 0.25em;
        border-bottom-color: #3297fd
    }

    .dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after {
        border-left-color: #3297fd
    }

.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options {
    display: block;
    border-color: #3297fd
}

.dk-selected:hover, .dk-selected:focus {
    border-color: #3297fd
}

    .dk-selected:hover:before, .dk-selected:focus:before {
        border-top-color: #3297fd
    }

    .dk-selected:hover:after, .dk-selected:focus:after {
        border-left-color: #3297fd
    }

.dk-select-disabled {
    opacity: 0.6;
    color: #BBBBBB;
    cursor: not-allowed
}

    .dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus {
        border-color: inherit
    }

        .dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before {
            border-top-color: inherit
        }

        .dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after {
            border-left-color: inherit
        }

select[data-dkcacheid] {
    display: none
}
/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

a.meanmenu-reveal {
    display: none
}

.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: relative;
    background: #0c1923;
    padding: 4px 0;
    min-height: 42px;
    z-index: 999
}

.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px 13px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700
}

    .mean-container a.meanmenu-reveal:not(.meanclose) span {
        display: block;
        border-top: solid 3px #fff;
        height: 3px;
        margin-top: 3px
    }

.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #0c1923;
    margin-top: 44px
}

    .mean-container .mean-nav ul {
        padding: 0;
        margin: 0;
        width: 100%;
        list-style-type: none
    }

        .mean-container .mean-nav ul li {
            position: relative;
            float: left;
            width: 100%
        }

            .mean-container .mean-nav ul li a {
                display: block;
                float: left;
                width: 90%;
                padding: 1em 5%;
                margin: 0;
                text-align: left;
                color: #fff;
                border-top: 1px solid #383838;
                border-top: 1px solid rgba(255,255,255,0.5);
                text-decoration: none;
                text-transform: uppercase
            }

            .mean-container .mean-nav ul li li a {
                width: 80%;
                padding: 1em 10%;
                border-top: 1px solid #f1f1f1;
                border-top: 1px solid rgba(255,255,255,0.25);
                opacity: 0.75;
                filter: alpha(opacity=75);
                text-shadow: none !important;
                visibility: visible
            }

            .mean-container .mean-nav ul li.mean-last a {
                border-bottom: none;
                margin-bottom: 0
            }

            .mean-container .mean-nav ul li li li a {
                width: 70%;
                padding: 1em 15%
            }

            .mean-container .mean-nav ul li li li li a {
                width: 60%;
                padding: 1em 20%
            }

            .mean-container .mean-nav ul li li li li li a {
                width: 50%;
                padding: 1em 25%
            }

            .mean-container .mean-nav ul li a:hover {
                background: #252525;
                background: rgba(255,255,255,0.1)
            }

            .mean-container .mean-nav ul li a.mean-expand {
                margin-top: 1px;
                width: 26px;
                height: 32px;
                padding: 12px !important;
                text-align: center;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 2;
                font-weight: 700;
                background: rgba(255,255,255,0.1);
                border: none !important;
                border-left: 1px solid rgba(255,255,255,0.4) !important;
                border-bottom: 1px solid rgba(255,255,255,0.2) !important
            }

                .mean-container .mean-nav ul li a.mean-expand:hover {
                    background: rgba(0,0,0,0.9)
                }

.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both
}

.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0
}

.mean-container .mean-bar, .mean-container .mean-bar * {
    box-sizing: content-box
}

.mean-remove {
    display: none !important
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

.icon {
    display: block;
    width: 1.5em;
    height: 1.5em
}

img {
    max-width: 100%
}

input[type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none
}

input[type="email"], input[type="password"], input[type="text"], input[type="tel"], input[type="number"], input[type="url"], input[type="search"], textarea {
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #aeaeae;
    box-shadow: inset -1px 1px 8px -2px rgba(50,50,50,0.27);
    margin-left: 0;
    margin-right: 0;
    padding: .5em .65em;
    width: 100%
}

form label {
    display: block
}

ul, ol {
    margin: .5em 0;
    padding-left: 1.9em
}

    ul li, ol li {
        margin: .5em 0
    }

        ul li li, ol li li {
            font-size: inherit
        }

.social-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 1em
}

    .social-list li {
        margin: 0
    }

    .social-list li {
        display: inline-block;
        margin: 0 1em
    }

table {
    margin: 1.5em 0
}

    table tr {
        background: transparent
    }

        table tr:nth-child(even) {
            background: transparent
        }

    table:not(.nutrition-label) th {
        background: #4492cc;
        border: 0 none;
        color: #fff;
        padding: .5em;
        text-align: center;
        text-shadow: 0 0 2px #333
    }

    table td {
        border: 0 none;
        padding: .5em
    }

.responsive-table {
    display: block;
    width: 100%
}

    .responsive-table col, .responsive-table tbody, .responsive-table thead, .responsive-table tfoot, .responsive-table tr, .responsive-table th, .responsive-table td {
        display: block;
        width: 100%
    }

@media (min-width: 35em) {
    .responsive-table {
        display: table
    }

        .responsive-table col, .responsive-table tbody, .responsive-table thead, .responsive-table tfoot, .responsive-table tr, .responsive-table th, .responsive-table td {
            width: auto
        }

        .responsive-table td, .responsive-table th {
            display: table-cell
        }

        .responsive-table tr {
            display: table-row
        }

        .responsive-table tbody {
            display: table-row-group
        }

        .responsive-table thead {
            display: table-header-group
        }

        .responsive-table tfoot {
            display: table-footer-group
        }

        .responsive-table col {
            display: table-column
        }
}

.image-grid tr, .image-grid th, .image-grid td {
    text-align: center
}

h1 {
    font-family: 'Courgette', sans-serif;
    font-weight: normal;
    margin-bottom: .35em;
    line-height: 1.2;
    color: #001689;
    font-size: 2.5em
}

    h1 a {
        color: #001689;
        text-decoration: none
    }

        h1 a:hover, h1 a:focus {
            color: #000a3d;
            text-decoration: underline
        }

h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    margin-bottom: .35em;
    line-height: 1.2;
    color: #001689;
    font-size: 1.8em
}

    h2 a {
        color: #001689;
        text-decoration: none
    }

        h2 a:hover, h2 a:focus {
            color: #000a3d;
            text-decoration: underline
        }

h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    margin-bottom: .35em;
    line-height: 1.2;
    color: #001689;
    font-size: 1.4em
}

    h3 a {
        color: #001689;
        text-decoration: none
    }

        h3 a:hover, h3 a:focus {
            color: #000a3d;
            text-decoration: underline
        }

h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    margin-bottom: .35em;
    line-height: 1.2;
    color: #001689;
    font-size: 1.2em
}

    h4 a {
        color: #001689;
        text-decoration: none
    }

        h4 a:hover, h4 a:focus {
            color: #000a3d;
            text-decoration: underline
        }

h5 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    margin-bottom: .35em;
    line-height: 1.2;
    color: #001689;
    font-size: 1em
}

    h5 a {
        color: #001689;
        text-decoration: none
    }

        h5 a:hover, h5 a:focus {
            color: #000a3d;
            text-decoration: underline
        }

h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    margin-bottom: .35em;
    line-height: 1.2;
    color: #001689;
    font-size: .875em
}

    h6 a {
        color: #001689;
        text-decoration: none
    }

        h6 a:hover, h6 a:focus {
            color: #000a3d;
            text-decoration: underline
        }

a {
    color: #001689;
    text-decoration: none
}

    a:hover, a:focus {
        color: #000a3d;
        text-decoration: underline
    }

p {
    margin-bottom: 1em
}

hr {
    border-bottom: 1px solid #5d5c57;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

body .embedded-video {
    overflow: inherit
}

@media (min-width: 35em) {
    body .embedded-video iframe, body .embedded-video object, body .embedded-video embed {
        margin-top: 1em;
        position: absolute
    }
}

.no-mediaqueries body .embedded-video iframe, .no-mediaqueries body .embedded-video object, .no-mediaqueries body .embedded-video embed {
    margin-top: 1em;
    position: absolute
}

html {
    box-sizing: border-box
}

* {
    box-sizing: inherit
}

    *:before, *:after {
        box-sizing: inherit
    }

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    line-height: 1.4
}

.clear {
    clear: both
}

.header-logo {
    color: #fff;
    margin: 0
}

    .header-logo .logo-mobile {
        display: block
    }

@media (min-width: 35em) {
    .header-logo .logo-mobile {
        display: none
    }
}

.no-mediaqueries .header-logo .logo-mobile {
    display: none
}

.header-logo .logo-large {
    display: none
}

@media (min-width: 35em) {
    .header-logo .logo-large {
        display: block
    }
}

.no-mediaqueries .header-logo .logo-large {
    display: block
}

.button, .pagination a {
    padding: .5em 1em;
    border: .15em solid #0d4787;
    border-radius: .5em;
    color: #fff;
    font-size: .85em;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    outline: 0 none;
    background: #1262ae;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3NzdjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBkNDc4NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#1777cc),to(#0d4787));
    background-image: linear-gradient(#1777cc,#0d4787);
    display: inline-block;
    margin: 1.2em 0
}

    .button:hover, .pagination a:hover, .button:focus, .pagination a:focus {
        background: #115cac;
        color: #fff;
        text-decoration: none
    }

    .button:active, .pagination a:active {
        border: .15em solid #1777cc
    }

.button-current, .pagination span.current {
    padding: .5em 1em;
    border: .15em solid #0d4787;
    border-radius: .5em;
    color: #fff;
    font-size: .85em;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    outline: 0 none;
    background: #1262ae;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3NzdjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBkNDc4NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#1777cc),to(#0d4787));
    background-image: linear-gradient(#1777cc,#0d4787);
    background: #fff;
    color: #0d4787;
    display: inline-block;
    margin: 1.2em 0
}

.button, ul.pager li.pager-item a, ul.pager li.pager-first a, ul.pager li.pager-previous a, ul.pager li.pager-next a, ul.pager li.pager-last a {
    padding: .5em 1em;
    border: .15em solid #0d4787;
    border-radius: .5em;
    color: #fff;
    font-size: .85em;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    outline: 0 none;
    background: #1262ae;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3NzdjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBkNDc4NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: linear-gradient(#1777cc,#0d4787);
    display: inline-block;
    margin: 1.2em 0
}

    .button:hover, ul.pager li.pager-item a:hover, ul.pager li.pager-first a:hover, ul.pager li.pager-previous a:hover, ul.pager li.pager-next a:hover, ul.pager li.pager-last a:hover, .button:focus, ul.pager li.pager-item a:focus, ul.pager li.pager-first a:focus, ul.pager li.pager-previous a:focus, ul.pager li.pager-next a:focus, ul.pager li.pager-last a:focus {
        background: #115cac;
        color: #fff;
        text-decoration: none
    }

    .button:active, ul.pager li.pager-item a:active, ul.pager li.pager-first a:active, ul.pager li.pager-previous a:active, ul.pager li.pager-next a:active, ul.pager li.pager-last a:active {
        border: .15em solid #1777cc
    }

.button-current, ul.pager li.pager-current {
    padding: .5em 1em;
    border: .15em solid #0d4787;
    border-radius: .5em;
    color: #fff;
    font-size: .85em;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    outline: 0 none;
    background: #1262ae;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3NzdjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBkNDc4NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: linear-gradient(#1777cc,#0d4787);
    background: #fff;
    color: #0d4787;
    display: inline-block;
    margin: 1.2em 0
}

    .button-current:hover, ul.pager li.pager-current:hover, .button-current:focus, ul.pager li.pager-current:focus {
        background: #115cac;
        color: #fff;
        text-decoration: none
    }

    .button-current:active, ul.pager li.pager-current:active {
        border: .15em solid #1777cc
    }

    .button-current:hover, ul.pager li.pager-current:hover {
        background: #fff;
        color: #0d4787;
        cursor: default
    }

.button-form {
    padding: .5em 1em;
    border: .15em solid #0d4787;
    border-radius: .5em;
    color: #fff;
    font-size: .85em;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    outline: 0 none;
    background: #1262ae;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3NzdjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBkNDc4NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: linear-gradient(#1777cc,#0d4787)
}

    .button-form:hover, .button-form:focus {
        background: #115cac;
        color: #fff;
        text-decoration: none
    }

    .button-form:active {
        border: .15em solid #1777cc
    }

    .button-form:hover, .button-form:focus {
        cursor: pointer
    }

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

    .close-btn:hover, .close-btn:focus {
        cursor: pointer
    }

.button-circle, .pager.pager-load-more .pager-next {
    padding: .5em 1em;
    border: .15em solid #0d4787;
    border-radius: .5em;
    color: #fff;
    font-size: .85em;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    outline: 0 none;
    background: #1262ae;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3NzdjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBkNDc4NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: linear-gradient(#1777cc,#0d4787);
    display: inline-block;
    font-size: 1em;
    margin: 1em 0;
    padding-right: 4.25em;
    position: relative
}

    .button-circle:hover, .pager.pager-load-more .pager-next:hover, .button-circle:focus, .pager.pager-load-more .pager-next:focus {
        background: #115cac;
        color: #fff;
        text-decoration: none
    }

    .button-circle:active, .pager.pager-load-more .pager-next:active {
        border: .15em solid #1777cc
    }

    .button-circle:after, .pager.pager-load-more .pager-next:after {
        background: #fff;
        border: .25em solid #076fd5;
        border-radius: 5em;
        content: '\00a0';
        display: block;
        height: 4.5em;
        position: absolute;
        right: -1em;
        top: -1em;
        width: 4.5em
    }

    .button-circle .icon, .pager.pager-load-more .pager-next .icon {
        height: 2.5em;
        position: absolute;
        right: 0;
        top: 0;
        width: 2.5em;
        z-index: 99
    }

.button-x {
    padding: .5em 1em;
    border: .15em solid #0d4787;
    border-radius: .5em;
    color: #fff;
    font-size: .85em;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    outline: 0 none;
    background: #1262ae;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3NzdjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBkNDc4NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: linear-gradient(#1777cc,#0d4787);
    display: inline-block;
    font-size: 1em;
    margin: 1em 0;
    padding: 0.35em .75em;
    padding-right: 4.25em;
    position: relative;
    margin-right: 1em
}

    .button-x:hover, .button-x:focus {
        background: #115cac;
        color: #fff;
        text-decoration: none
    }

    .button-x:active {
        border: .15em solid #1777cc
    }

    .button-x:after {
        background: #fff;
        border: .25em solid #076fd5;
        border-radius: 5em;
        content: 'X';
        display: block;
        height: 1.75em;
        position: absolute;
        right: .5em;
        top: .20em;
        width: 1.75em;
        color: #076fd5;
        text-align: center
    }

    .button-x:hover, .button-x:focus {
        background: #115cac;
        color: #fff;
        text-decoration: none
    }

        .button-x:hover:after, .button-x:focus:after {
            content: '-'
        }

    .button-x:active {
        border: .15em solid #1777cc
    }

.button-circle-container {
    margin: 1em 0;
    text-align: center
}

.pager.pager-load-more {
    margin: 1em 0;
    position: relative;
    text-align: center
}

    .pager.pager-load-more .ajax-progress-throbber {
        left: -1.25em;
        position: absolute;
        top: .5em
    }

    .pager.pager-load-more .pager-next {
        padding: 0
    }

        .pager.pager-load-more .pager-next a {
            color: #fff;
            margin-right: 3.5em;
            padding: .5em 1em;
            text-decoration: none
        }

.pager.pager-load-more-empty {
    display: none
}

.clearMargin, ul.pager li.pager-item, ul.pager li.pager-first, ul.pager li.pager-previous, ul.pager li.pager-next, ul.pager li.pager-last {
    margin: 0
}

ul.pager.pager-load-more li.pager-next a {
    border: none;
    background: none;
    margin: 0;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: .5em 1em;
    margin-right: 3.5em;
    font-size: 1em
}

.container {
    margin: 0 auto;
    max-width: 82.5em;
    padding: 0 1em
}

.no-mediaqueries .container {
    width: 82.5em
}

.container:before, .container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

.custom-dropdown {
    width: 100%
}

    .custom-dropdown .dk-selected {
        border: 0 none;
        border-radius: .5em;
        padding: .5em .65em
    }

        .custom-dropdown .dk-selected:hover, .custom-dropdown .dk-selected:focus {
            border: 0 none
        }

        .custom-dropdown .dk-selected:before {
            border-top-color: #fff;
            margin: -.125em 1em 0 0;
            z-index: 2
        }

            .custom-dropdown .dk-selected:before:hover, .custom-dropdown .dk-selected:before:focus {
                border-top-color: #fff
            }

        .custom-dropdown .dk-selected:after {
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3NzdjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBkNDc4NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background-size: 100%;
            background-image: linear-gradient(#1777cc,#0d4787);
            border: 0 none;
            margin: 0;
            width: 2.5em;
            z-index: 1
        }

            .custom-dropdown .dk-selected:after:hover, .custom-dropdown .dk-selected:after:focus {
                border: 0 none
            }

    .custom-dropdown.dk-select-open-up .dk-selected:before, .custom-dropdown.dk-select-open-down .dk-selected:before {
        border-bottom-color: #fff
    }

    .custom-dropdown .dk-option {
        margin: 0;
        padding: .5em
    }

.dk-select-options {
    padding: 0
}

.dk-select.custom-dropdown + .custom-dropdown {
    display: none
}

.accordion {
    margin-bottom: 1em
}

.accordion-toggle {
    overflow: hidden;
    *zoom: 1;
    background: #0078c1;
    color: #fff;
    margin-top: 1em
}

    .accordion-toggle > button.accordion-anchor {
        background: #0078c1;
        color: #fff;
        border: none;
        width: 100%;
        outline: none
    }

    .accordion-toggle > a, .accordion-toggle .accordion-anchor {
        overflow: hidden;
        *zoom: 1;
        cursor: pointer;
        display: block;
        padding: 1em;
        position: relative;
        text-decoration: none
    }

    .accordion-toggle .accordion-button {
        font-size: 1.8em;
        font-weight: bold;
        line-height: 1.8em;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 1.8em
    }

.no-js .accordion-toggle .accordion-button {
    display: none
}

.accordion-toggle .accordion-title span {
    display: block;
    height: 0
}

.accordion-title, .accordion-button {
    color: #fff
}

.accordion-title {
    padding-right: 1em;
    text-align: left
}

    .accordion-title h4, .accordion-title p {
        color: #fff;
        margin: 0;
        text-shadow: 0 0 2px #333
    }

    .accordion-title h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 1.15em;
        font-weight: normal;
        margin-bottom: .15em
    }

.accordion-content {
    background: #fff;
    display: none;
    padding: 1em
}

.product-nutrition .accordion-content, .recipe-single-nutrition .accordion-content {
    padding: 0
}

.no-js .accordion-content {
    display: block
}

.breadcrumbs {
    display: none;
    font-size: .9375em;
    font-weight: 600;
    margin: .5em 0
}

@media (min-width: 35em) {
    .breadcrumbs {
        display: block
    }
}

.no-mediaqueries .breadcrumbs {
    display: block
}

.breadcrumbs ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    .breadcrumbs ul li {
        margin: 0
    }

.breadcrumbs li {
    display: inline-block;
    color: #0077c1
}

.breadcrumbs a {
    color: #0077c1
}

.breadcrumbs li + li:before {
    color: #0077c1;
    content: '\003e';
    padding: 0 .5em
}

.breadcrumb-current {
    cursor: default
}

.card {
    margin: 0 auto;
    max-width: 435px
}

    .card a, .card .altunative-share-card {
        display: block;
        overflow: hidden;
        position: relative
    }

        .card a > img, .card .altunative-share-card > img {
            display: block
        }

    .card > a > img:nth-child(2) {
        position: absolute;
        top: 40%;
        height: 15em;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        .card a .card__overlay, .card .altunative-share-card .card__overlay {
            left: 0;
            position: absolute;
            top: 100%;
            transition: all 300ms ease-out
        }

            .card a .card__overlay p, .card .altunative-share-card .card__overlay p {
                text-align: center
            }

        .card a:hover .card__overlay, .card a:focus .card__overlay, .card .altunative-share-card:hover .card__overlay, .card .altunative-share-card:focus .card__overlay {
            top: 0
        }

        .card a:hover .card__desc, .card a:focus .card__desc, .card .altunative-share-card:hover .card__desc, .card .altunative-share-card:focus .card__desc {
            display: none
        }

    .card .charlie-approved img {
        display: block;
        margin: 0 auto;
        width: 40%
    }

    .card .card-title {
        font-family: 'Courgette', sans-serif;
        font-weight: normal;
        color: #fff
    }

    .card .card__rating {
        margin-top: .25em;
        text-align: center
    }

        .card .card__rating .description {
            display: none
        }

    .card .fivestar-widget-static {
        display: inline-block;
        vertical-align: top
    }

    .card .form-item {
        margin: 0
    }

    .card .button-circle-container {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100%;
        font-size: .85em
    }

        .card .button-circle-container .button, .card .button-circle-container ul.pager li.pager-item a, ul.pager li.pager-item .card .button-circle-container a, .card .button-circle-container ul.pager li.pager-first a, ul.pager li.pager-first .card .button-circle-container a, .card .button-circle-container ul.pager li.pager-previous a, ul.pager li.pager-previous .card .button-circle-container a, .card .button-circle-container ul.pager li.pager-next a, ul.pager li.pager-next .card .button-circle-container a, .card .button-circle-container ul.pager li.pager-last a, ul.pager li.pager-last .card .button-circle-container a {
            font-size: 1em
        }

.card-nr {
    margin: 0 auto;
    max-width: 100%
}

    .card-nr a, .card-nr .altunative-share-card {
        display: block;
        overflow: hidden;
        position: relative;
        min-height: 320px
    }

@media (min-width: 35em) {
    .card-nr a, .card-nr .altunative-share-card {
        min-height: 498px
    }
}

.card-nr a.nr-recipe-cards, .card-nr .altunative-share-card.nr-recipe-cards {
    background: url("assets/images/nutrition-resources/landing-cards/recipe-cards.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.card-nr a.nr-handouts-edu-material, .card-nr .altunative-share-card.nr-handouts-edu-material {
    background: url("assets/images/nutrition-resources/landing-cards/handouts-edu-mat.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.card-nr a.nr-activities-for-children, .card-nr .altunative-share-card.nr-activities-for-children {
    background: url("assets/images/nutrition-resources/landing-cards/activities-for-children.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.card-nr a.nr-webinars, .card-nr .altunative-share-card.nr-webinars {
    background: url("assets/images/nutrition-resources/landing-cards/webinar-module-thumb_800x496.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.card-nr a > img, .card-nr .altunative-share-card > img {
    display: block
}

.card-nr a .card__overlay, .card-nr .altunative-share-card .card__overlay {
    left: 0;
    position: absolute;
    top: 100%;
    transition: all 300ms ease-out
}

    .card-nr a .card__overlay p, .card-nr .altunative-share-card .card__overlay p {
        text-align: center
    }

.card-nr a:hover .card__overlay, .card-nr a:focus .card__overlay, .card-nr .altunative-share-card:hover .card__overlay, .card-nr .altunative-share-card:focus .card__overlay {
    top: 0
}

.card-nr a:hover .card__desc, .card-nr a:focus .card__desc, .card-nr .altunative-share-card:hover .card__desc, .card-nr .altunative-share-card:focus .card__desc {
    display: none
}

.card-nr .charlie-approved img {
    display: block;
    margin: 0 auto;
    width: 40%
}

.card-nr .card-title {
    font-family: 'Courgette', sans-serif;
    font-weight: normal;
    color: #fff
}

.card-nr .card__rating {
    margin-top: .25em;
    text-align: center
}

    .card-nr .card__rating .description {
        display: none
    }

.card-nr .fivestar-widget-static {
    display: inline-block;
    vertical-align: top
}

.card-nr .form-item {
    margin: 0
}

.card-nr .button-circle-container {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    font-size: .85em
}

    .card-nr .button-circle-container .button, .card-nr .button-circle-container ul.pager li.pager-item a, ul.pager li.pager-item .card-nr .button-circle-container a, .card-nr .button-circle-container ul.pager li.pager-first a, ul.pager li.pager-first .card-nr .button-circle-container a, .card-nr .button-circle-container ul.pager li.pager-previous a, ul.pager li.pager-previous .card-nr .button-circle-container a, .card-nr .button-circle-container ul.pager li.pager-next a, ul.pager li.pager-next .card-nr .button-circle-container a, .card-nr .button-circle-container ul.pager li.pager-last a, ul.pager li.pager-last .card-nr .button-circle-container a {
        font-size: 1em
    }

.card-bkg {
    display: block;
    width: 100%
}

    .card-bkg img {
        display: block
    }

.card__desc {
    background: #225eac;
    background: rgba(34,94,172,0.8);
    bottom: 0;
    left: 0;
    padding: .5em;
    position: absolute;
    width: 100%
}

.card__overlay {
    background: #225eac;
    background: rgba(34,94,172,0.8);
    color: #fff;
    height: 100%;
    padding: 1em;
    width: 100%
}

    .card__overlay .card-title, .card__overlay .card__rating, .card__overlay .card__prep {
        margin: .25em 0
    }

        .card__overlay .card__rating .description {
            display: none
        }

.card__overlay-content {
    height: 100%;
    position: relative
}

.card-title {
    font-size: 1.2em
}

    .card-title img {
        max-height: 1em
    }

.card-title, .card-copy {
    color: #fff;
    margin: 0;
    text-align: center
}

    .card-title.nr-recipe-card-title, .card-copy.nr-recipe-card-title {
        margin-top: 3em
    }

.card__prep {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center
}

    .card__prep li {
        margin: 0
    }

.product-image-watermark {
    height: 100%;
    position: relative;
    width: 100%
}

    .product-image-watermark span, .product-image-watermark img {
        background: #eee;
        height: 1em;
        position: absolute;
        right: 0;
        top: 0;
        width: 1em
    }

.dl-card {
    margin: 0 auto;
    max-width: 100%
}

    .dl-card img {
        text-align: center
    }

    .dl-card .card-title {
        color: #000;
        text-align: center;
        font-size: 1.75em;
        margin: .5em 0 0 0;
        font-weight: 700
    }

    .dl-card .card-desc {
        text-align: center;
        margin: .5em 0
    }

    .dl-card .card-button {
        text-align: center;
        margin: .5em 0
    }

    .dl-card .embedded-video {
        margin-bottom: 2em
    }

.altunative-share-card .card__overlay {
    position: relative
}

.syh-small-fb-icon {
    margin-bottom: -.25em
}

.card card-title, .card__overlay {
    text-shadow: 0 0 2px #333
}

.card-list {
    list-style: none;
    padding: 1em 0;
    margin: 0;
    overflow: hidden;
}

    .card-list li {
        margin: 0
    }

    .card-list > li {
        margin: 1em auto
    }

@media (min-width: 35em) {
    .card-list > li {
        width: 47.82609%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 4.34783%
    }

        .card-list > li:nth-child(2n) {
            width: 47.82609%;
            clear: right;
            float: right;
            margin-right: 0
        }
}

@media (min-width: 60em) {
    .card-list > li {
        width: 31.91489%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 2.12766%
    }

        .card-list > li:nth-child(2n) {
            width: 31.91489%;
            clear: right;
            float: left;
            margin-left: 0;
            margin-right: 2.12766%
        }

        .card-list > li:nth-child(3n) {
            width: 31.91489%;
            clear: right;
            float: right;
            margin-right: 0
        }
}

.no-mediaqueries .card-list > li {
    width: 31.91489%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 2.12766%
}

    .no-mediaqueries .card-list > li:nth-child(2n) {
        width: 31.91489%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 2.12766%
    }

    .no-mediaqueries .card-list > li:nth-child(3n) {
        width: 31.91489%;
        clear: right;
        float: right;
        margin-right: 0
    }

@media (min-width: 60em) {
    .card-list > li.end-row {
        width: 31.91489%;
        clear: right;
        float: right;
        margin-right: 0
    }
}

.no-mediaqueries .card-list > li.end-row {
    width: 31.91489%;
    clear: right;
    float: right;
    margin-right: 0
}

.card-list.card-list-two-set > li {
    margin: 1em auto
}

@media (min-width: 35em) {
    .card-list.card-list-two-set > li {
        width: 47.82609%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 4.34783%
    }

        .card-list.card-list-two-set > li:nth-child(2n) {
            width: 47.82609%;
            clear: right;
            float: right;
            margin-right: 0
        }
}

@media (min-width: 60em) {
    .card-list.card-list-two-set > li {
        width: 48.93617%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 2.12766%
    }

        .card-list.card-list-two-set > li:nth-child(2n) {
            width: 48.93617%;
            clear: right;
            float: right;
            margin-right: 0
        }
}

.no-mediaqueries .card-list.card-list-two-set > li {
    width: 48.93617%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 2.12766%
}

    .no-mediaqueries .card-list.card-list-two-set > li:nth-child(2n) {
        width: 48.93617%;
        clear: right;
        float: right;
        margin-right: 0
    }

@media (min-width: 60em) {
    .card-list.card-list-two-set > li.end-row {
        width: 48.93617%;
        clear: right;
        float: right;
        margin-right: 0
    }
}

.no-mediaqueries .card-list.card-list-two-set > li.end-row {
    width: 48.93617%;
    clear: right;
    float: right;
    margin-right: 0
}

.card-list-nr {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    *zoom: 1
}

    .card-list-nr li {
        margin: 0
    }

    .card-list-nr > li {
        margin: 0;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

@media (min-width: 35em) {
    .card-list-nr > li {
        width: 100%;
        clear: right;
        float: right;
        margin-right: 0
    }
}

@media (min-width: 60em) {
    .card-list-nr > li {
        width: 48.93617%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 2.12766%;
        width: 50%
    }
}

.no-mediaqueries .card-list-nr > li {
    width: 48.93617%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 2.12766%;
    width: 50%
}

.dl-card-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    *zoom: 1
}

    .dl-card-list li {
        margin: 0
    }

    .dl-card-list > li {
        margin: 1em auto;
        text-align: center
    }

@media (min-width: 35em) {
    .dl-card-list > li {
        width: 100%;
        clear: right;
        float: right;
        margin-right: 0
    }
}

@media (min-width: 60em) {
    .dl-card-list > li {
        text-align: left;
        width: 48.93617%;
        clear: right;
        float: left;
    }
}

.no-mediaqueries .dl-card-list > li {
    text-align: left;
    width: 48.93617%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 2.12766%
}

@media (min-width: 60em) {
    .dl-card-list > li.end-row {
        width: 48.93617%;
        clear: right;
        float: right;
        margin-right: 0
    }
}

.no-mediaqueries .dl-card-list > li.end-row {
    width: 48.93617%;
    clear: right;
    float: right;
    margin-right: 0
}

.card-group, .page-sidebar {
    list-style: none;
    padding: 0;
    margin: 0
}

    .card-group li, .page-sidebar li {
        margin: 0
    }

    .card-group > li, .card-group > .card, .page-sidebar > li, .page-sidebar > .card {
        margin: 1em auto
    }

@media (min-width: 35em) {
    .card-group > li, .card-group > .card, .page-sidebar > li, .page-sidebar > .card {
        display: inline-block;
        margin-right: -4px;
        padding: 0 .5em;
        vertical-align: top;
        width: 50%
    }
}

@media (min-width: 60em) {
    .card-group > li, .card-group > .card, .page-sidebar > li, .page-sidebar > .card {
        display: inline-block;
        margin-right: -4px;
        padding: 0;
        vertical-align: top;
        width: 100%
    }
}

.no-mediaqueries .card-group > li, .no-mediaqueries .card-group > .card, .no-mediaqueries .page-sidebar > li, .no-mediaqueries .page-sidebar > .card {
    display: inline-block;
    margin-right: -4px;
    padding: 0;
    vertical-align: top;
    width: 100%
}

.feature-scroll {
    position: relative;
    margin: 0px 50px 25px;
}

.owl-carousel.owl-loaded {
    height: 148px
}

.owl-theme .owl-controls {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.owl-nav {
    height: 100%;
    position: relative
}

.owl-theme .owl-controls .owl-nav [class*='owl-'] {
    background: transparent;
    border-radius: auto;
    margin: 0;
    margin-top: -13px;
    position: absolute;
    top: 50%
}

    .owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
        background: transparent
    }

.owl-prev {
    left: -50px;
    border: none;
}

.owl-next {
    right: -50px;
    border: none;
}

.owl-outershare {
    max-width: 80%;
    margin: 0 auto;
    height: 336px
}

@media (min-width: 35em) {
    .owl-outershare {
        height: 360px
    }
}

.no-mediaqueries .owl-outershare {
    height: 360px
}

.owl-outershare {
    max-width: 80%;
    margin: 0 auto;
    height: 360px
}

    .owl-outershare .owl-theme .owl-controls .owl-nav [class*='owl-'] {
        top: 100%
    }

.footer-navigation {
    font-size: .85em;
    margin: .5em 0
}

    .footer-navigation ul {
        column-count: 1;
        list-style: none;
        padding: 0;
        margin: 0
    }

        .footer-navigation ul li {
            margin: 0;
            padding-right: 15px;
        }

@media (min-width: 35em) {
    .footer-navigation ul {
        column-count: 3;
    }
    /*
    .footer-navigation ul li {
        display: inline-block;
        margin-right: -5px;
        width: 33.33%
    }
        */
}

.no-mediaqueries .footer-navigation ul li {
    display: inline-block;
    margin-right: -5px;
    width: 33.33%
}

.footer-navigation a {
    color: #fff;
    display: block;
    padding: .25em 0
}


.footer-navigation a:hover,
.footer-navigation a:focus-visible {
    color:  #fff;
    text-decoration: underline;
}


@media (min-width: 35em) {
    .footer-navigation a {
        display: inline;
        padding: 0
    }
}

.no-mediaqueries .footer-navigation a {
    display: inline;
    padding: 0
}

.footer-social {
    margin: .5em 0;
    color: #fff;
    text-align: left
}

@media (min-width: 35em) {
    .footer-social {
        text-align: right
    }
}

.no-mediaqueries .footer-social {
    text-align: right
}

.footer-social h3, .footer-social h4 {
    font-family: 'Courgette', sans-serif;
    font-weight: normal;
    color: #fff;
    font-size: 1em;
    line-height: 1.2;
    margin: 0;
    margin-bottom: .25em
}

.footer-social__nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    .footer-social__nav ul li {
        margin: 0
    }

.footer-social__nav li {
    display: inline-block;
    height: 1.5em;
    margin: .25em;
    margin-right: -5px;
    width: 1.5em
}

    .footer-social__nav li:first-child {
        margin-left: 0
    }

.footer-social__nav a {
    color: #fff;
    display: block
}

.footer-social__nav .icon {
    display: block;
    height: auto;
    width: 100%
}

.footer-social__copyright {
    font-size: .75em;
    margin: .5 0
}

    .footer-social__copyright p {
        cursor: default;
        margin: 0
    }

/* FORMS */
#gform_wrapper_1 {
    max-width: 65%;
    text-align: center;
    margin: 0 auto;
    margin-top: 2em;
}
.gform_heading {
    display: none;
}
.gchoice {
    display: inline;
    margin-right: 0.5em;
}
.gform-footer {
    display: block;
}
.gfield_consent_label {
    display: inline;
}

.page-content .form-item.form-type-checkbox label {
    display: inline
}

.gfield_radio .gchoice {
    display: block;
}

.radio-inline .gfield_radio .gchoice {
    display: inline;
}

.gsection_title {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    color: #4c4c4c;
    font-size: 1em;
    line-height: 1.4;
}
.gfield.field-grouping {
    padding: 0 1.25em !important;
}
.gform_wrapper.gravity-theme .field_description_below .gfield_consent_description, .gform_wrapper.gravity-theme .gfield_consent_description {
    overflow: visible !important;
    border: none !important;
    margin-top: 0px !important;
}


.page-content .form-item.form-type-checkbox div {
    display: inline
}

.page-content .form-item .form-item.form-type-password label, .page-content .form-item .form-item.form-type-password .password-strength-title {
    display: block;
    font-size: .85em;
    font-weight: bold;
    margin: .5em 0
}

.page-content .form-item .form-item.form-type-password .password-strength-title {
    display: inline
}

.page-content .form-item {
    margin: 1em 0
}

    .page-content .form-item.form-type-checkbox label {
        display: inline
    }

    .page-content .form-item.form-type-checkbox div {
        display: inline
    }

    .page-content .form-item > label {
        display: block;
        font-size: .85em;
        font-weight: bold;
        margin: .5em 0
    }

    .page-content .form-item > div {
        display: block
    }

    .page-content .form-item .form-item {
        display: inline;
        margin: 0;
        margin-right: .5em
    }

        .page-content .form-item .form-item label {
            display: inline;
            font-size: 1em;
            font-weight: normal;
            margin: 0
        }

        .page-content .form-item .form-item.form-type-password {
            margin-right: 0
        }

            .page-content .form-item .form-item.form-type-password label, .page-content .form-item .form-item.form-type-password .password-strength-title {
                display: block;
                font-size: .85em;
                font-weight: bold;
                margin: .5em 0
            }

            .page-content .form-item .form-item.form-type-password .password-strength-title {
                display: inline
            }

    .page-content .form-item .description {
        font-size: .75em;
        margin: .5em 0
    }

.page-content .fivestar-static-item .form-item {
    margin: 0
}

.page-content .password-strength {
    margin: 0
}

.page-content .password-confirm {
    margin: 0
}

.page-content .fieldset-legend .summary {
    margin-right: .5em
}

.page-content .collapsible {
    margin: 1em 0
}

.page-content .fieldset-title {
    color: #4c4c4c;
    font-size: .85em;
    font-weight: bold;
    margin: .5em 0;
    text-decoration: underline
}



#account-pages.tab-group {
    margin: 0 auto
}

.gform_buttont {
    padding: .5em 1em;
    border: .15em solid #0d4787;
    border-radius: .5em;
    color: #fff;
    font-size: .85em;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    background: #1262ae;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3NzdjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBkNDc4NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#1777cc),to(#0d4787));
    background-image: linear-gradient(#1777cc,#0d4787);
    font-size: .85em
}

.gform_button:hover, .gform_button:focus {
    background: #115cac;
    color: #fff;
    text-decoration: none
}

.gform_button:active {
    border: .15em solid #1777cc
}

.contact-text {
    max-width: 100%
}

@media (min-width: 35em) {
    .contact-text {
        max-width: 75%
    }
}

.no-mediaqueries .contact-text {
    max-width: 75%
}

@media (min-width: 60em) {
    .contact-text {
        max-width: 65%
    }
}

.no-mediaqueries .contact-text {
    max-width: 65%
}

.MultiFile-label {
    margin: 1em 0
}

.MultiFile-title {
    font-weight: bold
}

.row {
    clear: both;
    margin: 0 auto;
    max-width: 82.5em;
    padding: 0 1em
}

.inner-header {
    padding-bottom: 34px;
    position: relative
}

.header-branding {
    margin-top: 1.3em
}

@media (min-width: 35em) {
    .header-branding {
        bottom: 34px;
        position: absolute
    }
}

@media (min-width: 60em) {
    .header-branding {
        margin-top: 1.9em;
        bottom: 37px;
    }
}

.no-mediaqueries .header-branding {
    margin-top: 1.9em
}

.charlie-img {
    display: inline-block;
    margin-right: -5px;
    vertical-align: bottom;
    width: 33%
}

@media (min-width: 71.25em) {
    .charlie-img {
        margin-bottom: -42px !important;
    }
}

.no-mediaqueries .charlie-img {
    margin-bottom: -42px
}

@media (min-width: 60em) {
    .charlie-img {
        width: 170px;
        margin-bottom: -3px;
    }
}

.charlie-img a {
    display: block
}

.charlie-img img {
    display: block
}

.header-logo {
    display: inline-block;
    margin-right: -5px;
    width: 68%
}

.header-logo img {
    vertical-align: initial;
}

@media (min-width: 60em) {
    .header-logo {
        width: auto
    }

        .header-logo img {
            width: 80%
        }
}

.no-mediaqueries .header-logo {
    width: auto
}

    .no-mediaqueries .header-logo img {
        width: 80%
    }

.header-logo a {
    display: block
}

.header-signup {
    display: none;
    float: right;
    margin-bottom: .5em;
    text-align: center
}

@media (min-width: 35em) {
    .header-signup {
        display: inline-block
    }
}

.no-mediaqueries .header-signup {
    display: inline-block
}

.header-club {
    background: #1981be;
    color: #fff;
    display: block;
    padding: 1em
}

    .header-club:hover, .header-club:active {
        color: #fff
    }

.header-login {
    color: #fff;
    font-size: 75%
}

    .header-login:hover, .header-login:active {
        color: #fff
    }

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

@media (min-width: 35em) {
    .home-hero {
        height: 100%
    }
}

@media (min-width: 60em) {
    .home-hero {
        height: 100%
    }
}

.no-mediaqueries .home-hero {
    height: 100%
}

.home-hero .container {
    height: 100%;
    position: relative
}

.home-hero {
    position: relative;
    max-height: 527px;
    height: 527px
}

@media (min-width: 35em) {
    .home-hero {
        max-height: 418px;
        height: 418px
    }
}

.home-hero {
    /*margin: 30% auto */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 !important;
    height: inherit;
    max-height: inherit;
}

@media (min-width: 35em) {
    .home-hero {
        /*margin-top: 310px*/
        
    }
}

@media (min-width: 60em) {
    .home-hero {
        /*margin-top: 300px*/
        
    }
}

.home-hero a {
    text-shadow: none;
    border: none
}

.home-hero h2 {
    font-family: 'Courgette', sans-serif;
    font-weight: normal;
    /*width: 65%;*/
    margin: 0px auto;
    color: #004884;
    text-shadow: 2px 1px 2px #afafaf, 0 0 2px #333;
    font-size: 2.5em;
    position: relative;
    z-index: 2;
    text-align: center
}

@media (min-width: 35em) {
    .home-hero h2 {
        /*width: 50%*/
    }
}

@media (min-width: 60em) {
    .home-hero h2 {
        width: 65%
    }
}

.home-hero h2 sup {
    font-size: 40%;
    top: -1em
}

.home-hero p {
    margin: 1em auto;
    color: #004884;
    text-shadow: 2px 1px 2px #afafaf, 0 0 2px #333;
    text-align: center;
    font-size: 1.25em;
    width: 45%
}

@media (min-width: 25em) {
    .home-hero p {
        top: 30%;
        width: 64%
    }
}

@media (min-width: 57em) {
    .home-hero p {
        max-width: 45%;
        display: block;
        margin: 1em auto
    }
}

@media (min-width: 66em) {
    .home-hero p {
        display: block;
        margin: 1em auto
    }
}

@media (min-width: 60em) {
    .home-hero p {
        display: inherit;
        margin: 1em auto;
        width: 25%
    }
}

@media (min-width: 82.5em) {
    .home-hero p {
        display: inherit;
        max-width: unset;
        margin: 1em auto
    }
}

.home-hero .hhero-button {
    background: #004884;
    padding: 0.5em 1em;
    border: 0.1em solid #fff;
    color: #fff;
    display: inline-block;
    /*margin: 1.2em 0;*/
    cursor: pointer;
    outline: 0 none
}

@media (min-width: 35em) {
    .home-hero .hhero-button {
        margin-top: 0%
    }
}

.home-hero .hhero-fork {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0
}

@media (min-width: 35em) {
    .home-hero .hhero-fork {
        top: 30%
    }
}

@media (min-width: 60em) {
    .home-hero .hhero-fork {
        display: block;
        margin-left: 63%;
        right: 5%;
        top: auto;
        z-index: -1
    }

        .home-hero .hhero-fork img {
            display: block;
            max-height: 354px
        }
}

.hero__card-container {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    background: #295b6b;
    background: rgba(41,91,107,0.8)
}

@media (min-width: 35em) {
    .hero__card-container {
        width: 65.21739%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none;
        position: absolute;
        bottom: 2em
    }
}

@media (min-width: 60em) {
    .hero__card-container {
        width: 40.42553%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none;
        position: absolute;
        bottom: 2em
    }
}

.no-mediaqueries .hero__card-container {
    width: 40.42553%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    position: absolute;
    bottom: 2em
}

.home-hero__content {
    padding: 1em
}

    .home-hero__content p {
        position: relative;
        z-index: 2
    }

@media (min-width: 35em) {
    .home-hero__content {
        padding: 1em 3em
    }
}

.no-mediaqueries .home-hero__content {
    padding: 1em 3em
}

.view-home-page-main-banner {
    position: relative;
    z-index: 1;
    /*height: 589px;*/
    overflow: hidden;
    text-align: center
}

    .view-home-page-main-banner .masthead-image img {
        /*
        position: absolute;
        z-index: 1;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto
            */
    }

@media (min-width: 35em) {
    .view-home-page-main-banner .masthead-image img {
        /*transform: translate(0%, 22%)*/
    }
}

.landing-page-masthead {
    text-align: center
}

    .landing-page-masthead img {
        width: 100%
    }

.home-hero__content h2 {
    font-family: 'Courgette', sans-serif;
    font-weight: normal;
    margin: 0;
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
    text-shadow: -1px 3px 10px #070707
}

.home-hero__content p {
    color: #fff;
    text-align: center
}

.home-hero__list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 4em
}

    .home-hero__list li {
        margin: 0
    }

    .home-hero__list .icon {
        position: absolute;
        left: 50%;
        top: -3.2em;
        z-index: 99;
        margin-left: -1.25em;
        margin-top: 1.25em;
        width: 2.5em;
        height: 2.5em
    }

    .home-hero__list li {
        position: relative;
        z-index: 2;
        display: inline-block;
        margin-right: -4px;
        vertical-align: bottom;
        width: 33.33%;
        text-align: center;
        background: #2f2e69;
        border-left: 5px solid #c2c1d1
    }

        .home-hero__list li:first-child {
            border-left: 0 none
        }

        .home-hero__list li:after {
            content: "\00a0";
            display: block;
            position: absolute;
            left: 50%;
            top: -3em;
            margin-left: -2.25em;
            width: 4.5em;
            height: 4.5em;
            background: #fff;
            border-radius: 5em;
            border: 0.25em solid #076fd5
        }

    .home-hero__list a {
        position: relative;
        z-index: 2;
        display: block;
        height: 5em;
        color: #fff;
        text-decoration: none
    }

.hero-callout-title {
    position: absolute;
    bottom: 1em;
    left: 0;
    width: 100%;
    line-height: 1em
}

#block-views-home-page-main-banner-block {
    background: #d7e5f0;
}

.heroes__product-call {
    margin: 1em 0
}

.heroes__product-photo {
    display: inline-block;
    vertical-align: top;
    margin-right: -5px
}

    .heroes__product-photo img {
        max-width: 150px;
        width: 100%
    }

@media (min-width: 35em) {
    .heroes__product-photo {
        width: 15%
    }
}

.heroes__product-copy {
    display: inline-block;
    vertical-align: top;
    margin-right: -5px
}

@media (min-width: 35em) {
    .heroes__product-copy {
        width: 85%;
        padding-left: 1em
    }
}

.heroes__product-copy h1, .heroes__product-copy p, div.product_info .heroes__product-copy p {
    margin: 0;
    margin-bottom: .5em
}

@media (min-width: 35em) {
    .site-header.video-bkg {
        background: transparent;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99
    }
}

.no-mediaqueries .site-header.video-bkg {
    background: transparent;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
}

.logged-in .video-bkg {
    top: 29px
}

@media (min-width: 35em) {
    .home-hero.hero-video {
        height: 36em
    }
}

@media (min-width: 60em) {
    .home-hero.hero-video {
        height: 45.8125em
    }
}

.no-mediaqueries .home-hero.hero-video {
    height: 45.8125em
}

.hero-video-container {
    height: 100%
}

.hero-video-copy {
    background: rgba(41,91,107,0.8);
    display: inline-block;
    margin-top: 6em;
    max-width: 28em;
    position: relative;
    text-align: center;
    z-index: 20
}

@media (min-width: 35em) {
    .hero-video-copy {
        background: transparent;
        margin-top: 15em
    }
}

@media (min-width: 60em) {
    .hero-video-copy {
        margin-top: 14em
    }
}

.hero-video-copy .home-hero__content {
    padding: .5em 1em 0
}

.hero-video-copy .home-hero__list {
    margin-top: 3em
}

    .hero-video-copy .home-hero__list li {
        background: transparent;
        border-left: 0 none
    }

        .hero-video-copy .home-hero__list li:after {
            height: 3.5em;
            margin-left: -1.75em;
            top: -2em;
            width: 3.5em
        }

    .hero-video-copy .home-hero__list .icon {
        height: 1.5em;
        margin-left: -.75em;
        top: -2.2em;
        width: 1.5em
    }

    .hero-video-copy .home-hero__list a {
        height: 4.5em
    }

.hero-video-copy h1, .hero-video-copy p {
    color: #fff
}

.login-navigation {
    list-style: none;
    padding: 0;
    margin: 0
}

    .login-navigation li {
        margin: 0
    }

    .login-navigation li {
        display: inline-block;
        margin-left: 5px
    }

        .login-navigation li:first-child {
            margin-left: 0
        }

.page-masthead {
    box-shadow: 0 3px 20px 0 rgba(12,12,12,0.75);
    background: transparent url("assets/images/refresh-2019/kitchen_bkgrd_products_landing_pg.jpg") center no-repeat;
    background-size: cover
}

    .page-masthead img {
        display: block;
        margin: 3em auto
    }

.altunative-masthead {
    box-shadow: 0 3px 20px 0 rgba(12,12,12,0.75);
    position: relative
}

    .altunative-masthead p {
        color: #fff;
        margin: 0
    }

.altunative-masthead-container {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.altunative-masthead-overlay {
    display: inline-block;
    vertical-align: top;
    padding: 1em;
    background: rgba(0,153,168,0.8)
}

    .altunative-masthead-overlay .button-circle-container {
        font-size: .9em
    }

.altunative-masthead__comparison table, .altunative-masthead__comparison tr, .altunative-masthead__comparison th, .altunative-masthead__comparison td {
    border: 0 none;
    background: transparent
}

    .altunative-masthead__comparison tr:nth-child(even) {
        background: transparent
    }

.altunative-masthead__comparison th {
    font-size: 1.9em;
    color: #fff
}

.altunative-masthead__comparison td {
    color: #fff;
    font-size: 1.25em
}

    .altunative-masthead__comparison td:first-child, .altunative-masthead__comparison td:last-child {
        font-style: italic
    }

.altunative-masthead__title {
    margin: 0;
    padding: .5em;
    border-bottom: 4px solid #fff;
    color: #fff;
    font-size: 2.18em
}

.altunative-masthead-image {
    position: relative;
    z-index: 1;
    height: 496px;
    overflow: hidden;
    text-align: center
}

    .altunative-masthead-image img {
        position: absolute;
        z-index: 1;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
        width: 100%;
        min-width: 560px
    }

@media (min-width: 35em) {
    .altunative-masthead-image img {
        min-width: 960px
    }
}

@media (min-width: 60em) {
    .altunative-masthead-image img {
        min-width: 1600px
    }
}

.no-mediaqueries .altunative-masthead-image img {
    min-width: 1600px
}

@media (min-width: 35em) {
    .recipe-masthead {
        box-shadow: 0 3px 20px 0 rgba(12,12,12,0.75);
        position: relative
    }
}

.no-mediaqueries .recipe-masthead {
    box-shadow: 0 3px 20px 0 rgba(12,12,12,0.75);
    position: relative
}

.crr-masthead {
    box-shadow: 0 3px 20px 0 rgba(12,12,12,0.75);
    position: relative
}

.crr-masthead {
    padding: 1em 0;
    background: transparent url("assets/images/backgrounds/crr-corp-responsibility-landing-page-featured-banner.jpg.jpg") center no-repeat;
    background-size: cover;
    min-height: 496px
}

.crr-corp-giving-masthead {
    padding: 1em 0;
    background: transparent url("../img/backgrounds/crr-corp-giving-landing-page-featured-banner.jpg") center no-repeat;
    background-size: cover;
    min-height: 511px
}

.media, .bd {
    overflow: hidden;
    _overflow: visible;
    zoom: 1
}

.media {
    margin: 10px
}

    .media .img {
        float: left;
        margin-right: 10px
    }

        .media .img img {
            display: block
        }

    .media .imgExt {
        float: right;
        margin-left: 10px
    }

.media-icon {
    margin: 10px;
    display: inline-block
}

    .media-icon .img {
        float: left;
        margin-right: 10px;
        width: 2em
    }

        .media-icon .img img {
            display: block
        }

    .media-icon .imgExt {
        float: left;
        margin-left: 10px
    }

@media (min-width: 60em) {
    .contact-introcopy {
        margin-top: 5em
    }
}

.no-mediaqueries .contact-introcopy {
    margin-top: 5em
}

.embedded-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

    .embedded-video iframe, .embedded-video object, .embedded-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.contestVideoContainer {
    margin: 0 auto
}

@media (min-width: 60em) {
    .contestVideoContainer {
        max-width: 40%
    }
}

.no-mediaqueries .contestVideoContainer {
    max-width: 40%
}

.nav-tabs, .tab-buttons {
    list-style: none;
    padding: 0;
    margin: 0;
    margin: 1em 0;
    border-bottom: 1px solid #aeaeae
}

    .nav-tabs li, .tab-buttons li {
        margin: 0
    }

    .nav-tabs li, .tab-buttons li {
        display: inline-block;
        margin-right: -4px;
        margin: 0 .25em 0 0;
        vertical-align: top
    }

    .nav-tabs a, .tab-buttons a {
        display: block;
        padding: .5em 1em;
        border-top-left-radius: .25em;
        border-top-right-radius: .25em;
        color: #0077c1;
        font-weight: bold;
        background: #eee
    }

.tab-buttons {
    border-bottom: 4px solid #004884;
    margin-bottom: 0
}

.tab-group {
    max-width: 500px
}

    .tab-group .tab-button {
        background: transparent
    }

        .tab-group .tab-button.active a {
            background: #004884
        }

        .tab-group .tab-button a {
            color: #fff;
            text-decoration: none;
            background: #1981be;
            transition: background 500ms
        }

            .tab-group .tab-button a:hover {
                background: #004884
            }

#edit-timezone {
    display: none
}

.single-tab {
    padding: 1em;
    background: #eee
}

.js .single-tab {
    display: none
}

.nutrition-label {
    width: 100%;
    margin: 0
}

.nutrition-label tbody, .nutrition-label tr, .nutrition-label td, .nutrition-label th {
    border: 0 none;
    text-align: center;
}

.nutrition-label tr.even, .nutrition-label tr:nth-child(even), .nutrition-label caption:nth-child(even) {
    background: #fff
}

.nutrition-label tr.odd, .nutrition-label tr:nth-child(odd), .nutrition-label caption:nth-child(odd) {
    background: #a5c3da
}

.nutrition-label tr.calories .nl-dataField {
    padding-left: 0.5em;
    font-size: 2em;
    text-align: left;
}

.nutrition-label tr.calories .nl-dataField + td {
    font-size: 2em;
    font-weight: 900;
    padding-left: 0.1em
}

.nutrition-label caption {
    text-align: left;
}

.nutrition-label tr.includes-added-sugars .nl-dataField {
    padding-left: 5em
}

    .nutrition-label caption {
        padding: 0.5em;
        color: #333;
    }

.nutrition-label th[scope=col] {
    padding-left: 0 !important;
}

@media (min-width: 35em) {
    .nutrition-label tr.calories .nl-dataField {
        padding-left: 1.5em !important
    }

    .nutrition-label th, .nutrition-label caption {
        padding-left: 3em !important;
    }

    .nutrition-label th.nl-tab1 {
        padding-left: 4em !important;
    }
}

.nutrition-label th {
    padding-left: 1.5em;
    text-align: left;
}
.nutrition-label th.nl-tab1 {
    padding-left: 2.5em;
    font-weight: normal !important;
    text-align: left;
}

tr.border-top-divider {
    border-top: 4px #0078c1 solid
}

.page-title {
    padding: 1em 0
}

    .page-title .h1, .page-title .sub-heading, .page-title p {
        margin: 0;
        color: #fff
    }

    .page-title .h1 {
        font-size: 1.5em;
        font-family: 'Courgette', sans-serif !important;
    }

@media (min-width: 35em) {
    .page-title .h1 {
        font-size: 1.8em
    }
}

@media (min-width: 60em) {
    .page-title .h1 {
        font-size: 2.5em
    }
}

.pager {
    list-style: none;
    padding: 0;
    margin: 0
}

    .pager li {
        margin: 0
    }

    .pager li {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top
    }

        .pager li a {
            display: block
        }

.altunative-popup-btns {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: .5em
}

    .altunative-popup-btns li {
        margin: 0
    }

    .altunative-popup-btns li {
        font-size: 80%;
        margin-top: .5em
    }

        .altunative-popup-btns li:first-child {
            margin-top: 0
        }

    .altunative-popup-btns a {
        text-decoration: underline
    }

.sk-popup-inner {
    position: relative
}

    .sk-popup-inner h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        margin: 0
    }

    .sk-popup-inner p:first-child {
        margin-top: 0
    }

    .sk-popup-inner table {
        margin-top: 0
    }

    .sk-popup-inner .altunative-additional-copy {
        font-size: 80%;
        margin-top: .5em
    }

.starkist-popup-header {
    padding: 1em
}

.starkist-popup-content {
    padding: 1em;
    padding-top: 0
}

.starkist-popup-box {
    background: transparent;
    background: rgba(0,0,0,0.75);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4
}

.sk-popup-container {
    background: #fff;
    margin: 1em;
    padding: 1em;
    position: absolute;
    top: 5em;
    z-index: 5
}

@media (min-width: 35em) {
    .sk-popup-container {
        left: 50%;
        margin: 0;
        margin-left: -17em;
        padding: 0;
        width: 34em
    }
}

.skPopup-close {
    padding: 1em;
    position: absolute;
    right: 0;
    top: 0
}

    .skPopup-close a {
        color: #4c4c4c;
        text-align: right;
        text-decoration: none
    }

.popup-video-box .sk-popup-container {
    left: 50%;
    margin-left: -10em;
    width: 20em
}

@media (min-width: 35em) {
    .popup-video-box .sk-popup-container {
        left: 50%;
        margin: 0;
        margin-left: -17em;
        padding: 0;
        width: 34em
    }
}

.no-mediaqueries .popup-video-box .sk-popup-container {
    left: 50%;
    margin: 0;
    margin-left: -17em;
    padding: 0;
    width: 34em
}

.popup-video-box .sk-popup-container .starkist-popup-content {
    padding: 0 1em 3em
}

.fancybox-slide--iframe .fancybox-content {
    width: 800px;
    height: 600px;
    max-width: 80%;
    max-height: 80%;
    margin: 0
}

.fancybox-controls {
    top: 8em
}

@media (min-width: 35em) {
    .fancybox-buttons {
        right: 4%
    }
}

.no-mediaqueries .fancybox-buttons {
    right: 4%
}

@media (min-width: 60em) {
    .fancybox-buttons {
        right: 20%
    }
}

.no-mediaqueries .fancybox-buttons {
    right: 20%
}

.primary-navigation {
    margin: 0 auto;
    max-width: 82.5em
}

    .primary-navigation ul {
        list-style: none;
        padding: 0;
        margin: 0;
        min-width: 170px
    }

        .primary-navigation ul li {
            margin: 0
        }

        .primary-navigation ul li {
            position: relative;
            border-bottom: 1px solid #eee
        }

            .primary-navigation ul li:hover > ul, .primary-navigation ul li:focus > ul {
                display: block
            }

            .primary-navigation ul li:first-child {
                border-top: 1px solid #eee
            }

@media (min-width: 57em) {
    .primary-navigation ul li {
        border-top: 0 none;
        border-bottom: 0 none
    }

        .primary-navigation ul li:first-child {
            border-top: 0 none;
            border-bottom: 0 none
        }
}

.no-mediaqueries .primary-navigation ul li {
    border-top: 0 none;
    border-bottom: 0 none
}

    .no-mediaqueries .primary-navigation ul li:first-child {
        border-top: 0 none;
        border-bottom: 0 none
    }

.primary-navigation .focus-active {
    display: block
}

.primary-navigation > ul {
    text-align: center
}

@media (min-width: 57em) {
    .primary-navigation > ul > li {
        display: inline-block;
        margin-right: -4px;
        border-left: 1px solid #749bbb;
        border-left: 1px solid rgba(255,255,255,0.5)
    }

        .primary-navigation > ul > li:first-child {
            border-left: 0 none
        }
}

.no-mediaqueries .primary-navigation > ul > li {
    display: inline-block;
    margin-right: -4px;
    border-left: 1px solid #749bbb;
    border-left: 1px solid rgba(255,255,255,0.5)
}

    .no-mediaqueries .primary-navigation > ul > li:first-child {
        border-left: 0 none
    }

.primary-navigation li > ul {
    display: none;
    font-size: .85em;
    text-align: left;
    background: #fff
}

@media (min-width: 57em) {
    .primary-navigation li > ul {
        border-bottom: 1px solid #749bbb;
        border-left: 1px solid #749bbb;
        border-right: 1px solid #749bbb;
        position: absolute;
        z-index: 99;
        left: -1px
    }

        .primary-navigation li > ul li {
            margin: 0;
            padding: 0
        }

        .primary-navigation li > ul a, .primary-navigation li > ul .nav-heading {
            white-space: nowrap
        }
}

.no-mediaqueries .primary-navigation li > ul {
    border-bottom: 1px solid #749bbb;
    border-left: 1px solid #749bbb;
    border-right: 1px solid #749bbb;
    position: absolute;
    z-index: 99;
    left: -1px
}

    .no-mediaqueries .primary-navigation li > ul li {
        margin: 0;
        padding: 0
    }

    .no-mediaqueries .primary-navigation li > ul a, .no-mediaqueries .primary-navigation li > ul .nav-heading {
        white-space: nowrap
    }

.primary-navigation li li > ul {
    font-size: 1em
}

@media (min-width: 57em) {
    .primary-navigation li li > ul {
        left: 100%;
        top: -1px;
        border-top: 1px solid #749bbb
    }
}

.no-mediaqueries .primary-navigation li li > ul {
    left: 100%;
    top: -1px;
    border-top: 1px solid #749bbb
}

.primary-navigation li li > ul ul {
    display: none
}

.primary-navigation a {
    display: block;
    padding: .5em 1.5em;
    font-weight: 700;
    color: #fff;
    text-decoration: none
}

@media (min-width: 57em) {
    .primary-navigation a {
        font-size: .8em
    }
}

.no-mediaqueries .primary-navigation a {
    font-size: .8em
}

@media (min-width: 60em) {
    .primary-navigation a {
        font-size: .85em
    }
}

.no-mediaqueries .primary-navigation a {
    font-size: .85em
}

@media (min-width: 82.5em) {
    .primary-navigation a {
        font-size: 1em
    }
}

.no-mediaqueries .primary-navigation a {
    font-size: 1em
}

.primary-navigation ul ul a, .primary-navigation ul ul .nav-heading {
    color: #004884;
    font-size: 0.9375em
}

.primary-navigation ul ul a {
    font-weight: 400
}

.primary-navigation ul ul .nav-heading {
    font-weight: 700
}

.primary-navigation li:hover > a {
    color: #004884;
    background: #fff
}

.primary-navigation li:hover .nav-heading {
    background: #eee
}

.primary-navigation li li:hover > a, .primary-navigation #menu-item-11508 .sub-menu li:hover > a, .primary-navigation #menu-item-11417:hover > a, .primary-navigation #menu-item-11416:hover > a, .primary-navigation #menu-item-11415:hover > a {
    color: #fff;
    background: #004884
}

.primary-navigation .sub-menu a:not([href]), .primary-navigation #menu-item-11508 .sub-menu a, .primary-navigation #menu-item-11417 > a, .primary-navigation #menu-item-11416 > a, .primary-navigation #menu-item-11415 > a {
    margin: 0;
    color: #004884;
    background: #eee;
    cursor: default;
    font-size: 0.9375em;
    font-weight: 700;
}

.mean-nav .sub-menu a:not([href]), .mean-nav #menu-item-11417 > a, .mean-nav #menu-item-11416 > a, .mean-nav #menu-item-11415 > a {
    color: #19598f;
    cursor: default;
    display: block;
    font-size: 1em;
    font-weight: 700;
    padding: 1em 10%;
    background: #eee;
}

.primary-navigation #menu-item-11508 .sub-menu a, .primary-navigation #menu-item-11417 > a, .primary-navigation #menu-item-11416 > a, .primary-navigation #menu-item-11415 > a {
    cursor: pointer;
}

.primary-navigation .nav-heading, .primary-navigation .whats-new-heading {
    margin: 0;
    color: #004884;
    font-size: 1em;
    background: #eee;
    cursor: default
}

    .primary-navigation .nav-heading span, .primary-navigation .whats-new-heading span {
        display: block;
        padding: .5em 1.5em
    }

    .primary-navigation .nav-heading a, .primary-navigation .whats-new-heading a {
        font-size: 1em;
        font-weight: bold
    }

.primary-navigation .whats-new-heading {
    font-weight: 700;
    color: #004884;
    font-size: 0.9375em
}

.no-mediaqueries .primary-navigation {
    width: 82.5em;
    min-width: 82.5em;
    display: block;
    margin: 0 auto
}

.nav-toggle {
    display: none
}

.mean-container a.meanmenu-reveal {
    width: 24px;
    height: 24px
}

.mean-container .mean-bar {
    background: transparent;
    padding: 0
}

.mean-container .level-one {
    overflow: hidden;
    *zoom: 1;
    border-bottom: 1px solid #004884
}

.mean-container .mean-nav {
    margin-top: 0;
    font-size: 0.9375em;
    background: transparent
}

    .mean-container .mean-nav ul li {
        margin: 0;
        font-weight: 700
    }

        .mean-container .mean-nav ul li.nav-heading a {
            background: transparent;
            font-weight: bold
        }

        .mean-container .mean-nav ul li:hover > a, .mean-container .mean-nav ul li.active > a {
            color: #fff;
            background: #19598f
        }

        .mean-container .mean-nav ul li li {
            border-top: 1px solid #fff;
            font-weight: 400
        }

            .mean-container .mean-nav ul li li a {
                border-top: 0 none;
                opacity: 1;
                filter: alpha(opacity=100)
            }

        .mean-container .mean-nav ul li a {
            border-top: 0 none;
            color: #19598f;
            text-transform: none;
            background: #fff
        }

            .mean-container .mean-nav ul li a:hover {
                color: #fff;
                background: #19598f
            }

            .mean-container .mean-nav ul li a.mean-expand {
                margin-top: 0;
                height: 27px;
                border-bottom: 0 none !important
            }

                .mean-container .mean-nav ul li a.mean-expand:hover, .mean-container .mean-nav ul li a.mean-expand:focus {
                    color: #fff;
                    background: #19598f
                }

    .mean-container .mean-nav .nav-toggle {
        display: block;
        margin: .5em 0;
        color: #fff;
        text-align: center;
        cursor: default;
        line-height: 1.2;
        font-size: 1.4em
    }

    .mean-container .mean-nav .nav-heading {
        background: #eee
    }

        .mean-container .mean-nav .nav-heading span {
            color: #19598f;
            cursor: default;
            display: block;
            font-size: 1em;
            font-weight: 700;
            padding: 1em 10%
        }

            .mean-container .mean-nav .nav-heading span a {
                background: transparent;
                padding: 1em 10%
            }

.primary-navigation ul ul .buy-now-nav > a, .mean-nav ul li .buy-now-nav > a {
    background: #004884;
    color: #fff;
    font-weight: bold
}

    .primary-navigation ul ul .buy-now-nav > a img, .mean-nav ul li .buy-now-nav > a img {
        margin-left: .25em;
        max-width: 20%
    }

@media (min-width: 57em) {
    .primary-navigation ul ul .buy-now-nav > a img, .mean-nav ul li .buy-now-nav > a img {
        max-width: 45%
    }
}

.no-mediaqueries .primary-navigation ul ul .buy-now-nav > a img, .no-mediaqueries .mean-nav ul li .buy-now-nav > a img {
    max-width: 45%
}

.product-list .card-product {
    padding: .5em 2em
}

@media (min-width: 35em) {
    .product-list .card-product {
        display: inline-block;
        margin: 1em 0;
        margin-right: -4px;
        padding: 0 2.5em;
        vertical-align: top;
        width: 33.33%
    }
}

@media (min-width: 60em) {
    .product-list .card-product {
        display: inline-block;
        margin: 1em 0;
        margin-right: -4px;
        padding: 0 2.5em;
        vertical-align: top;
        width: 25%
    }
}

.no-mediaqueries .product-list .card-product {
    display: inline-block;
    margin: 1em 0;
    margin-right: -4px;
    padding: 0 2.5em;
    vertical-align: top;
    width: 25%
}

.card-product a {
    text-decoration: none
}

.card-product .product-thumb img {
    display: block;
    margin: 0 auto
}

.card-product .product-title {
    text-align: center
}

.product-list__title {
    color: #fff;
    margin: 0
}

.card-product .product-thumb img {
    max-width: 85%
}

.large-pouch .product-thumb img {
    max-width: 100%
}

.microwave-pouch .product-thumb img {
    max-width: 105%
}

.product-list .card-product {
    display: flex;
    flex-wrap: wrap;
    align-self: flex-start;
    align-items: center;
    justify-content: center
}

.product-list {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .dropPouch {
        position: relative;
        top: 57px
    }
}

form.fivestar-widget {
    clear: both;
    display: block
}

    form.fivestar-widget select, form.fivestar-widget input {
        margin: 0
    }

.fivestar-combo-stars .form-item {
    margin: 0
}

.fivestar-combo-stars .fivestar-static-form-item {
    float: left;
    margin: 0
}

.fivestar-combo-stars .fivestar-static-item {
    float: left;
    margin: 0;
    margin-right: 40px
}

.fivestar-combo-stars .fivestar-form-item {
    float: left
}

.fivestar-combo-stars .form-type-fivestar .form-item {
    float: left
}

.form-item-vote .fivestar-static-form-item {
    margin-right: 40px
}

.form-item-vote .form-type-select {
    margin-right: 40px
}

.page-content .form-item .form-item.form-type-select.form-item-vote {
    margin-right: 40px
}

div.fivestar-widget-static {
    display: block
}

    div.fivestar-widget-static br {
        clear: left
    }

    div.fivestar-widget-static .star {
        background: url("assets/images/icons/star-icons.png") no-repeat 0 0;
        float: left;
        height: 19px;
        overflow: hidden;
        text-indent: -999em;
        width: 16px
    }

        div.fivestar-widget-static .star span.on {
            background: url("assets/images/icons/star-icons.png") no-repeat 0 -38px;
            display: block;
            height: 100%;
            width: 100%
        }

        div.fivestar-widget-static .star span.off {
            background: url("assets/images/icons/star-icons.png") no-repeat 0 0;
            display: block;
            height: 100%;
            width: 100%
        }

.card div.fivestar-widget-static .star {
    background: url("assets/images/icons/star-icons--white.png") no-repeat 0 0
}

    .card div.fivestar-widget-static .star span.on {
        background: url("assets/images/icons/star-icons--white.png") no-repeat 0 -38px
    }

    .card div.fivestar-widget-static .star span.off {
        background: url("assets/images/icons/star-icons--white.png") no-repeat 0 0
    }

.not-logged-in .clearfix.fivestar-user-stars.fivestar-average-stars.fivestar-combo-stars:first-child .fivestar-static-item:first-child {
    display: none
}

div.fivestar-widget {
    display: block
}

    div.fivestar-widget .cancel, div.fivestar-widget .star {
        float: left;
        height: 19px;
        overflow: hidden;
        text-indent: -999em;
        width: 16px
    }

        div.fivestar-widget .cancel, div.fivestar-widget .cancel a {
            background: url("assets/images/icons/delete.gif") no-repeat 0 0;
            height: 19px;
            text-decoration: none
        }

            div.fivestar-widget .cancel:hover, div.fivestar-widget .cancel:focus, div.fivestar-widget .cancel a:hover, div.fivestar-widget .cancel a:focus {
                background: url("assets/images/icons/delete.gif") no-repeat 0 -19px
            }

        div.fivestar-widget .star, div.fivestar-widget .star a {
            background: url("assets/images/icons/star-icons.png") no-repeat 0 0;
            text-decoration: none
        }

.card div.fivestar-widget {
    background: url("assets/images/icons/star-icons--white.png") no-repeat 0 0
}

div.fivestar-widget .cancel a, div.fivestar-widget .star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    cursor: pointer
}

div.fivestar-widget div.on a {
    background-position: 0 -19px
}

div.fivestar-widget div.hover a, div.rating div a:hover {
    background-position: 0 -38px
}

form.fivestar-widget div.description {
    margin-bottom: 0
}

html.js .fivestar-submit {
    display: none
}

.form-item {
    margin: 0
}

.search-form {
    background: #004884;
    border-radius: .5em;
    max-width: 35em;
    padding: .5em;
    position: relative;
    width: 100%
}

    .search-form form {
        margin: 0
    }

.header-search .search-form {
    clear: both
}

.search-form .form-type-searchfield {
    display: block;
    padding-right: 2.1875em;
    width: 100%;
    margin: 0;
}

    .search-form .form-type-searchfield input {
        border-radius: .5em;
        height: 1.75em;
        outline: none;
        padding: 0 .5em;
        width: 100%
    }

.search-form .form-actions {
    height: 1.75em;
    position: absolute;
    right: .5em;
    top: .5em;
    width: 1.75em
}

    .search-form .form-actions input {
        background: #dcecf7 url("assets/images/icons/search-icon.png") center no-repeat;
        border: 0 none;
        border-radius: .5em;
        height: 100%;
        padding: .3125em;
        text-indent: 9999px;
        width: 100%
    }

        .search-form .form-actions input img {
            width: 100%
        }

.page-content .search-form {
    margin: 1em 0
}

    .page-content .search-form .form-type-textfield {
        display: block;
        margin: 0;
        padding-right: 3em;
        width: 100%
    }

        .page-content .search-form .form-type-textfield label {
            display: none
        }

.search-form--recipe .row {
    margin-top: 6em
}

.recipe-landing-header {
    background-image: none;
    padding: 1em 0
}

    .recipe-landing-header.recipe-landing-bkg {
        background: #59b0e6;
    }

@media (min-width: 35em) {
    .recipe-landing-header.recipe-landing-bkg {
        min-height: 400px;
    }
}

.no-mediaqueries .recipe-landing-header.recipe-landing-bkg {
    background: transparent url("assets/images/summer-2021/STAR-0519_SUMMER2021LPHEADER.jpg") center no-repeat;
    background-size: cover;
    min-height: 400px;
    background-position: center
}

.recipe-searh__callout .callout-title {
    margin-top: 0px
}

.recipe-intro-text {
    color: #FFF;
    text-shadow: 0 0 2px #333
}

@media (min-width: 35em) {
    .recipe-intro-text {
        margin-top: 3em
    }
}

.no-mediaqueries .recipe-intro-text {
    margin-top: 3em
}

.recipe-search {
    border-radius: .5em;
    position: relative;
    width: 100%
}

@media (min-width: 35em) {
    .recipe-search {
        margin-top: 224px
    }
}

.no-mediaqueries .recipe-search {
    margin-top: 224px
}

.recipe-search form {
    margin: 0
}

.recipe-search .form-type-textfield {
    display: block;
    padding-right: 2em;
    width: 100%
}

    .recipe-search .form-type-textfield input {
        border: 0 none;
        border-bottom-left-radius: .5em;
        border-bottom-right-radius: 0;
        border-top-left-radius: .5em;
        border-top-right-radius: 0;
        line-height: 1.5em;
        outline: none;
        width: 100% !important;
    }

.recipe-search .form-actions {
    height: 100%;
    position: absolute;
    right: -.5em;
    top: 0;
    width: 2.5em
}

    .recipe-search .form-actions input {
        background: #dcecf7;
        background: #dcecf7 url("assets/images/icons/search-icon.png") center no-repeat;
        border: 0 none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: .5em;
        border-top-left-radius: 0;
        border-top-right-radius: .5em;
        height: 100%;
        text-indent: 9999px;
        width: 100%
    }

.recipe-select {
    margin: 1em 0
}

@media (min-width: 35em) {
    .recipe-select {
        display: inline-block;
        margin-right: -4px;
        padding-left: 1em;
        vertical-align: top;
        width: 50%
    }

        .recipe-select:nth-child(odd) {
            padding-left: 0
        }
}

@media (min-width: 60em) {
    .recipe-select {
        display: inline-block;
        margin: 0;
        margin-right: -4px;
        vertical-align: top;
        width: 33.33%
    }

        .recipe-select:nth-child(odd) {
            padding-left: 1em
        }

        .recipe-select:first-child {
            padding-left: 0
        }
}

.no-mediaqueries .recipe-select {
    display: inline-block;
    margin: 0;
    margin-right: -4px;
    vertical-align: top;
    width: 33.33%
}

    .no-mediaqueries .recipe-select:nth-child(odd) {
        padding-left: 1em
    }

    .no-mediaqueries .recipe-select:first-child {
        padding-left: 0
    }

.recipe-searh__callout {
    background: #295b6b;
    background: rgba(41,91,107,0.67);
    padding: 1em;
    text-shadow: 0 0 2px #333;
}

    .recipe-searh__callout .callout-title {
        font-family: 'Courgette', sans-serif;
        font-weight: normal
    }

    .recipe-searh__callout .callout-title, .recipe-searh__callout .callout-body {
        color: #fff;
        text-align: center
    }

        .recipe-searh__callout .callout-body.max-width {
            text-align: center;
            margin: 0 auto;
            max-width: 100%
        }

@media (min-width: 35em) {
    .recipe-searh__callout .callout-body.max-width {
        max-width: 100%
    }
}

@media (min-width: 60em) {
    .recipe-searh__callout .callout-body.max-width {
        max-width: 75%
    }
}

.community-signup-form {
    background-color: #ecebeb;
    margin: 0 auto;
    display: block;
    max-width: 574px;
    padding: 1em
}

.search-results {
    list-style: none;
    padding: 0;
    margin: 0
}

/*
    .search-results li {
        margin: 0
    }

    .search-results li {
        margin: 0;
        padding: 1em
    }
    */

@media (min-width: 35em) {
    /*
    .search-results li {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 50%
    }
        */
}

@media (min-width: 60em) {
    /*
    .search-results li {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 33.33%
    }
        */
}

.search-results .search-snippet-info {
    padding: 0
}

.search-result h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}

.signup {
    display: none;
    margin-bottom: .5em;
    text-align: center
}

@media (min-width: 35em) {
    .signup {
        display: inline-block;
        width: 100%
    }
}

.no-mediaqueries .signup {
    display: inline-block;
    width: 100%
}

.signup > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-top: .5em
}

    .signup > ul li {
        margin: 0
    }

@media (min-width: 35em) {
    .signup > ul {
        margin-top: .5em
    }
}

.no-mediaqueries .signup > ul {
    margin-top: .5em
}

.signup > ul li {
    border-left: 1px solid #fff;
    display: inline-block;
    margin-right: -4px;
    padding: 0 .5em;
    vertical-align: top
}

    .signup > ul li:first-child {
        border: 0
    }

.signup > ul a {
    color: #fff;
    display: block;
    font-size: 75%
}

    .signup > ul a:hover, .signup > ul a:active {
        color: #fff
    }

@media (min-width: 35em) {
    .header-signup {
        width: 127%
    }
}

.no-mediaqueries .header-signup {
    width: 127%
}

@media (min-width: 82.5em) {
    .header-signup {
        width: 82%
    }
}

.no-mediaqueries .header-signup {
    width: 82%
}

.header-signup .signup {
    text-align: right
}

.charlie-club-box {
    display: block;
    float: left;
    padding: 1em 2em;
    text-align: center
}

    .charlie-club-box p {
        margin: 0
    }

.language-box {
    float: right;
    text-align: center;
    padding: 0
}

    .language-box a {
        padding: 1em 2em;
        text-decoration: none;
        background: rgba(255,255,255,0.8);
        transition: background 500ms;
        display: block;
        color: #053d6c
    }

        .language-box a:hover, .language-box a:active {
            background: rgba(255,255,255,0.6)
        }

    .language-box p {
        margin: 0;
        color: #053d6c
    }

    .language-box .icon {
        fill: #053d6c;
        margin: 0 auto .5em auto
    }

.charlie-club-header {
    margin: 0 0 .5em 0;
    padding: 0
}

.signup-account {
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.signup-club {
    background: #053d6c !important;
    color: #fff;
    display: inline-block;
    font-size: .9em;
    vertical-align: top;
    color: #fff
}

    .signup-club a {
        color: #fff
    }

        .signup-club a:hover, .signup-club a:active {
            color: #fff
        }

.itemTax-956 .signup-club {
    background: #005cb8;
    background: #005cb8;
    background: rgba(0,92,184,0.7)
}

.signup-login {
    color: #fff;
    font-size: 75%
}

    .signup-login:hover, .signup-login:active {
        color: #fff
    }

.field-name-field-gender {
    display: none
}

.header-search {
    margin: 0 -100%;
    margin: 0 calc(50% - 50vw);
    background: #004884;
    padding: 0.5em 1em
}

@media (min-width: 35em) {
    .header-search {
        margin: 1em 0;
        padding: 0;
        background: none
    }
}

.no-mediaqueries .header-search {
    margin: 1em 0;
    padding: 0;
    background: none
}

.header-search .search-form {
    width: 60%;
    display: inline-block
}

@media (min-width: 35em) {
    .header-search .search-form {
        display: block;
        width: 100%
    }
}

.no-mediaqueries .header-search .search-form {
    display: block;
    width: 100%
}

.mobile-language-box {
    display: inline-block;
    width: 27%;
    text-transform: uppercase;
    margin-left: 4%
}

    .mobile-language-box p {
        margin: 0;
        padding: 0;
        text-align: center;
        display: inline;
    }

    .mobile-language-box a {
        color: #fff
    }

    .mobile-language-box .icon {
        display: inline-block;
        fill: #fff;
        margin-bottom: -.4em;
        margin-right: .4em
    }

@media (min-width: 35em) {
    .mobile-language-box {
        display: none
    }
}

.no-mediaqueries .mobile-language-box {
    display: none
}

.social-share {
    margin: .5em 0
}

    .social-share.altunative-share {
        bottom: 5em;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 9999
    }

        .social-share.altunative-share ul {
            display: block;
            text-align: center
        }

        .social-share.altunative-share li {
            height: 3em;
            margin-left: 1em;
            width: 3em
        }

            .social-share.altunative-share li:first-child {
                margin-left: 0
            }

            .social-share.altunative-share li.share-pinterest a {
                background-image: url("assets/svg/social-icons/pinterest-icon--white.svg") !important
            }

            .social-share.altunative-share li.share-any a {
                background-image: url("assets/svg/social-icons/share-icon--white.svg")
            }

        .social-share.altunative-share .addtoany_list a span.a2a_img {
            display: none
        }

    .social-share ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: top
    }

        .social-share ul li {
            margin: 0
        }

    .social-share li {
        display: inline-block;
        height: 1.5em;
        margin-left: .5em;
        vertical-align: top;
        width: 1.5em
    }

        .social-share li:first-child {
            margin-left: 0
        }

        .social-share li.share-pinterest a {
            background-image: url("assets/svg/social-icons/pinterest-icon--blue.svg") !important;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover !important;
            cursor: pointer !important;
            height: 100% !important;
            width: 100% !important
        }

        .social-share li.share-any a {
            background-image: url("assets/svg/social-icons/share-icon--blue.svg");
            background-position: center;
            background-position: no-repeat;
            background-size: cover;
            padding: 0
        }

        .social-share li.share-any span {
            display: block;
            height: 100%;
            line-height: inherit
        }

        .social-share li.share-any .addtoany_list > a {
            padding: 0
        }

    .social-share p {
        color: #0077c1;
        display: inline-block;
        font-size: .9375em;
        margin: 0;
        margin-right: .5em;
        vertical-align: top
    }

    .social-share a {
        display: block;
        height: 100%;
        width: 100%
    }

.page-top .social-share {
    display: block;
    text-align: right
}

.region-home-featured-items {
    background: transparent url("assets/images/refresh-2019/kitchen_bkgrd_product_scroll_pg.jpg") center no-repeat;
    background-size: cover
}

.home-cards {
    padding: 1em 0
}

.site-header {
    background: #005cb8
}

.header-search {
    font-size: .83em
}

@media (min-width: 35em) {
    .header-search {
        font-size: .80em;
        margin: .5em 0
    }
}

@media (min-width: 60em) {
    .header-search {
        margin: .5em 0
    }
}

.no-mediaqueries .header-search {
    margin: .5em 0
}

.header-signup {
    overflow: hidden;
}

    .header-signup .signup {
        float: right
    }

.site-navigation {
    background: #004884;
    margin-top: -34px;
}

.page-content .page-section-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: inherit;
    font-size: 1em;
    font-weight: bold;
    margin: 0
}

.page-content {
    padding-bottom: 1em
}

.page-title {
    background: #004884
}

.page-top {
    background: #fff
}

.column-fix {
    overflow: hidden;
    *zoom: 1;
    min-height: 90em;
    position: relative
}

.page-node-1169 .page-mid-bkg {
    background: transparent url(assets/images/patterns/White_Seamless_BG.jpg) center top repeat
}

@media (min-width: 859px) {
    .node-1546 iframe {
        height: 1400px
    }
}

.fullwidth-image {
    width: 100%;
    display: none
}

@media (min-width: 60em) {
    .fullwidth-image {
        display: block
    }
}

.no-mediaqueries .fullwidth-image {
    display: block
}

.fullwidth-image.mobile {
    display: block
}

@media (min-width: 60em) {
    .fullwidth-image.mobile {
        display: none
    }
}

.no-mediaqueries .fullwidth-image.mobile {
    display: none
}

.contact-wrapper {
    border-bottom: 1px solid #004884;
    padding-bottom: 1em;
    display: flex;
}

.form-item-files-attach-a-photo-to-your-message label {
    font-weight: bold
}

.charlie-world-img {
    width: 100%;
    display: none
}

@media (min-width: 60em) {
    .charlie-world-img {
        display: block
    }
}

.no-mediaqueries .charlie-world-img {
    display: block
}

.charlie-world-img.mobile {
    display: block
}

@media (min-width: 60em) {
    .charlie-world-img.mobile {
        display: none
    }
}

.no-mediaqueries .charlie-world-img.mobile {
    display: none
}

.charlie-world-container {
    background: #0059b1;
    padding: 2em 0
}

@media (min-width: 35em) {
    .charlie-world-container .col-1 {
        width: 68%;
        margin-right: 1%;
        display: inline-block
    }
}

.no-mediaqueries .charlie-world-container .col-1 {
    width: 68%;
    margin-right: 1%;
    display: inline-block
}

.charlie-world-container .col-1 p {
    color: #fff
}

@media (min-width: 35em) {
    .charlie-world-container .col-2 {
        width: 30%;
        display: inline-block
    }
}

.no-mediaqueries .charlie-world-container .col-2 {
    width: 30%;
    display: inline-block
}

.charlie-world-container .col-2 p {
    margin: 1em 0
}

@media (min-width: 35em) {
    .charlie-world-container .col-2 p {
        margin: 0
    }
}

.no-mediaqueries .charlie-world-container .col-2 p {
    margin: 0
}

.charlie-world-container .col-2 p .charlie-button {
    background: #004785;
    color: #FFF;
    padding: .5em 3em;
    border: 1px #fff solid
}

.timeline-cf:before, .timeline-cf:after {
    content: ' ';
    display: table
}

.timeline-cf:after {
    clear: both
}

.timeline-cf {
    *zoom: 1
}

.timeline-texture {
    background: url("assets/images/charlie-timeline/patterns/water-texture.jpg");
    height: 100%;
    width: 100%
}

@media (min-width: 60em) {
    .timeline-texture {
        -webkit-animation: animatedBackground 40s linear infinite;
        animation: animatedBackground 40s linear infinite
    }
}

.no-mediaqueries .timeline-texture {
    -webkit-animation: animatedBackground 40s linear infinite;
    animation: animatedBackground 40s linear infinite
}

@-webkit-keyframes animatedBackground {
    from {
        background-position: 0 0
    }

    to {
        background-position: -1000px 0
    }
}

@keyframes animatedBackground {
    from {
        background-position: 0 0
    }

    to {
        background-position: -1000px 0
    }
}

.timeline-texture .timeline-gradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc2990d1', endColorstr='#cc011f41',GradientType=0);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OTBkMSIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTFmNDEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: linear-gradient(to bottom, rgba(41,144,209,0.8) 0%,#011f41 100%);
    position: relative
}

.timeline-bubbles {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.timeline-top-water-line {
    display: none
}

@media (min-width: 60em) {
    .timeline-top-water-line {
        background: url("assets/images/charlie-timeline/backgrounds/water-line-top.png");
        display: block;
        min-height: 107px;
        width: 100%
    }
}

.no-mediaqueries .timeline-top-water-line {
    background: url("assets/images/charlie-timeline/backgrounds/water-line-top.png");
    display: block;
    min-height: 107px;
    width: 100%
}

@media (min-width: 60em) {
    .timeline-intro-charlie {
        display: block;
        left: -120px;
        position: absolute;
        top: 0
    }
}

.no-mediaqueries .timeline-intro-charlie {
    display: block;
    left: -120px;
    position: absolute;
    top: 0
}

.timeline-intro-charlie img {
    max-width: 69%;
    max-height: 200px
}

@media (min-width: 60em) {
    .timeline-intro-charlie img {
        max-height: 100%
    }
}

.no-mediaqueries .timeline-intro-charlie img {
    max-height: 100%
}

.timeline-charlie-and-copy {
    margin: 35px auto 0;
    max-width: 80%;
    position: relative;
    text-align: center
}

@media (min-width: 60em) {
    .timeline-charlie-and-copy {
        margin: 0 auto
    }
}

.no-mediaqueries .timeline-charlie-and-copy {
    margin: 0 auto
}

.timeline-charlie-and-copy h1 {
    color: #fff;
    font-family: "Courgette",cursive;
    font-size: 2.5em;
    font-weight: normal;
    margin: 0 0 10px
}

@media (min-width: 60em) {
    .timeline-charlie-and-copy h1 {
        float: left;
        margin-left: 32%;
        width: 40%
    }
}

.no-mediaqueries .timeline-charlie-and-copy h1 {
    float: left;
    margin-left: 32%;
    width: 40%
}

.timeline-charlie-and-copy p {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    margin: 0
}

@media (min-width: 60em) {
    .timeline-charlie-and-copy p {
        clear: right;
        float: left;
        margin-left: 32%;
        width: 40%
    }
}

.no-mediaqueries .timeline-charlie-and-copy p {
    clear: right;
    float: left;
    margin-left: 32%;
    width: 40%
}

.timeline-content-container {
    background: url("assets/images/charlie-timeline/patterns/fishing-line.png");
    background-position: center;
    background-repeat: repeat-y;
    margin: 0 auto;
    max-width: 80%;
    position: relative
}

.timeline-featured-year {
    margin: 0 auto 2em
}

@media (min-width: 60em) {
    .timeline-featured-year.timeline-solo-event {
        width: 60%
    }

        .timeline-featured-year.timeline-solo-event .timeline-year-event li {
            width: 96%
        }
}

.no-mediaqueries .timeline-featured-year.timeline-solo-event {
    width: 60%
}

    .no-mediaqueries .timeline-featured-year.timeline-solo-event .timeline-year-event li {
        width: 96%
    }

.timeline-featured-year:last-child {
    margin-bottom: 0
}

.timeline-featured-year h2 {
    background-color: #045195;
    color: #5ca9d7;
    font-family: "Open Sans",sans-serif;
    font-size: 2.5361416920283357em;
    font-weight: 700;
    margin-bottom: 0;
    padding: .2em 0;
    text-align: center;
    text-shadow: 0 0 2px #333
}

.timeline-featured-year .timeline-year-event {
    background: #5ca9d7;
    background: transparent\9;
    background: rgba(92,169,215,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ca9d7', endColorstr='#5ca9d7',GradientType=0);
    zoom: 1;
    border: 2px solid #0077c1;
    list-style: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    box-sizing: content-box
}

    .timeline-featured-year .timeline-year-event:nth-child(n) {
        -webkit-filter: none;
        filter: none
    }

    .timeline-featured-year .timeline-year-event li {
        padding: 4%
    }

@media (min-width: 60em) {
    .timeline-featured-year .timeline-year-event li {
        display: inline-block;
        float: left;
        padding: 2%;
        width: 46%
    }
}

.no-mediaqueries .timeline-featured-year .timeline-year-event li {
    display: inline-block;
    float: left;
    padding: 2%;
    width: 46%
}

.timeline-event-asset {
    text-align: center
}

@media (min-width: 60em) {
    .timeline-event-asset {
        display: inline-block;
        float: left;
        padding: 2%;
        width: 46%
    }
}

.no-mediaqueries .timeline-event-asset {
    display: inline-block;
    float: left;
    padding: 2%;
    width: 46%
}

.timeline-event-asset img {
    border: 2px solid #fff;
    border-radius: 2px
}

@media (min-width: 60em) {
    .timeline-event-copy {
        display: inline-block;
        float: left;
        padding: 2%;
        width: 46%
    }
}

.no-mediaqueries .timeline-event-copy {
    display: inline-block;
    float: left;
    padding: 2%;
    width: 46%
}

.timeline-event-copy h3 {
    color: #fff;
    font-family: "Courgette",cursive;
    font-size: 1.6em;
    font-weight: normal;
    margin: 0 0 .5em;
    text-shadow: 0 0 2px #333
}

.timeline-event-copy p {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    text-shadow: 0 0 2px #333
}

.timeline-charlie-footer-container {
    position: relative
}

@media (min-width: 60em) {
    .timeline-charlie-footer-container {
        min-height: 616px
    }
}

.no-mediaqueries .timeline-charlie-footer-container {
    min-height: 616px
}

.timeline-charlie-footer {
    margin: 0 auto;
    max-width: 80%
}

    .timeline-charlie-footer .timeline-sorry-charlie-to-surface .timeline-sorry-charlie {
        background: url("assets/images/charlie-timeline/branding/sorry-charlie-fishing-hook.png");
        background-position: center;
        background-repeat: no-repeat;
        height: 198px;
        margin-bottom: 3em
    }

    .timeline-charlie-footer .timeline-sorry-charlie-to-surface .timeline-to-surface {
        display: block;
        z-index: 10;
        position: relative
    }

.timeline-charlie-octo {
    margin-top: 2em;
    text-align: center
}

    .timeline-charlie-octo img {
        max-height: 270px
    }

@media (min-width: 35em) {
    .timeline-charlie-octo img {
        max-height: 300px
    }
}

.no-mediaqueries .timeline-charlie-octo img {
    max-height: 300px
}

@media (min-width: 60em) {
    .timeline-charlie-octo img {
        max-height: 350px
    }
}

.no-mediaqueries .timeline-charlie-octo img {
    max-height: 350px
}

@media (min-width: 82.5em) {
    .timeline-charlie-octo img {
        max-height: 430px
    }
}

.no-mediaqueries .timeline-charlie-octo img {
    max-height: 430px
}

.timeline-coral-reef {
    display: none
}

@media (min-width: 35em) {
    .timeline-coral-reef {
        max-width: 450px
    }
}

.no-mediaqueries .timeline-coral-reef {
    max-width: 450px
}

@media (min-width: 60em) {
    .timeline-coral-reef {
        bottom: 0;
        display: block;
        left: 0;
        line-height: 0;
        position: absolute;
        z-index: 1;
        max-width: 500px
    }
}

.no-mediaqueries .timeline-coral-reef {
    bottom: 0;
    display: block;
    left: 0;
    line-height: 0;
    position: absolute;
    z-index: 1;
    max-width: 500px
}

@media (min-width: 82.5em) {
    .timeline-coral-reef {
        max-width: 100%
    }
}

.no-mediaqueries .timeline-coral-reef {
    max-width: 100%
}

.timeline-bubble-container {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    bottom: 0;
    position: absolute
}

@media (min-width: 60em) {
    .timeline-bubble-container {
        -webkit-animation: bubblerise 100s infinite linear;
        animation: bubblerise 100s infinite linear
    }
}

.no-mediaqueries .timeline-bubble-container {
    -webkit-animation: bubblerise 100s infinite linear;
    animation: bubblerise 100s infinite linear
}

.timeline-bubble {
    border-radius: 10px;
    background: rgba(255,255,255,0.25);
    border: 1px solid rgba(255,255,255,0.5);
    height: 6px;
    margin: 0 auto;
    opacity: .5;
    width: 6px
}

@media (min-width: 60em) {
    .timeline-bubble {
        -webkit-animation: bubblewobble 2.5s infinite linear;
        animation: bubblewobble 2.5s infinite linear
    }
}

.no-mediaqueries .timeline-bubble {
    -webkit-animation: bubblewobble 2.5s infinite linear;
    animation: bubblewobble 2.5s infinite linear
}

@-webkit-keyframes bubblerise {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }

    5% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }

    90% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }

    98% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }

    100% {
        bottom: 100%
    }
}

@keyframes bubblerise {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }

    5% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }

    90% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }

    98% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }

    100% {
        bottom: 100%
    }
}

@-webkit-keyframes bubblewobble {
    0% {
        margin-left: 0
    }

    25% {
        margin-left: 20px
    }

    50% {
        margin-left: 40px
    }

    75% {
        margin-left: 20px
    }

    100% {
        margin-left: 0
    }
}

@keyframes bubblewobble {
    0% {
        margin-left: 0
    }

    25% {
        margin-left: 20px
    }

    50% {
        margin-left: 40px
    }

    75% {
        margin-left: 20px
    }

    100% {
        margin-left: 0
    }
}

.about-img-block {
    width: 100%;
    float: left
}

@media (min-width: 25em) {
    .about-img--desc-wrap {
        overflow: auto;
        float: left
    }
}

@media (min-width: 35em) {
    .about-img--desc-wrap {
        overflow: hidden;
        float: left
    }
}

@media (min-width: 60em) {
    .about-img--desc-wrap {
        overflow: hidden;
        float: none
    }
}

@media (min-width: 25em) {
    .about-img--desc {
        overflow: auto;
        float: left;
        padding: 0
    }
}

@media (min-width: 35em) {
    .about-img--desc {
        overflow: hidden;
        float: left;
        padding: 0 .5em
    }
}

@media (min-width: 60em) {
    .about-img--desc {
        overflow: hidden;
        float: none;
        padding: 0 .5em
    }
}

@media (min-width: 25em) {
    .about-img-block img {
        width: 200px;
        height: 234px;
        margin: 0;
        padding: 0 .5em;
        display: block;
        float: left;
        padding: 5px;
        display: table;
        vertical-align: middle;
        position: relative
    }
}

@media (min-width: 35em) {
    .about-img-block img {
        width: 200px;
        height: 234px;
        margin: 0;
        padding: 0 .5em;
        display: block;
        float: left;
        padding: 5px;
        display: table;
        vertical-align: middle;
        position: relative
    }
}

@media (min-width: 60em) {
    .about-img-block img {
        width: 200px;
        height: 234px;
        margin: 0;
        padding: 0 .5em;
        display: block;
        float: left;
        padding: 5px;
        display: table;
        vertical-align: middle;
        position: relative
    }
}

@media (min-width: 25em) {
    .corp-giving img {
        margin: 0 auto;
        padding: 0 .5em
    }
}

@media (min-width: 35em) {
    .corp-giving img {
        margin: 0 auto;
        padding: 0 .5em
    }
}

@media (min-width: 60em) {
    .corp-giving img {
        margin: 0 auto;
        padding: 0 .5em
    }
}

@media (min-width: 25em) {
    .corp-giving--block {
        width: 100%
    }
}

@media (min-width: 35em) {
    .corp-giving--block {
        width: 100%
    }
}

@media (min-width: 60em) {
    .corp-giving--block {
        padding: 0 !important;
        width: 50%;
        float: left
    }
}

.corp-giving--block h2, .corp-giving--block h2 a {
    font-size: 20px
}

@media (min-width: 25em) {
    .corp-giving--block h2, .corp-giving--block h2 a {
        font-size: 20px;
        width: 100%;
        float: left
    }
}

@media (min-width: 35em) {
    .corp-giving--block h2, .corp-giving--block h2 a {
        font-size: 20px;
        width: 100%;
        float: left
    }
}

@media (min-width: 25em) {
    .corp-giving--block p {
        padding-right: 1em;
        width: 100%;
        float: left
    }
}

@media (min-width: 35em) {
    .corp-giving--block p {
        width: 100%;
        float: left
    }
}

@media (min-width: 60em) {
    .corp-giving--block p {
        padding-right: 3em
    }
}

.product-type-header {
    background: #eee;
    height: 31.25em
}

    .product-type-header img {
        display: block;
        margin: 0 auto
    }

.promotions-header {
    position: relative
}

.promo-head-bkg {
    left: 50%;
    margin-left: -25em;
    position: absolute;
    top: 0;
    width: 50em;
    z-index: -1
}

@media (min-width: 35em) {
    .promo-head-bkg {
        left: 50%;
        margin-left: -32em;
        width: 64em
    }
}

@media (min-width: 60em) {
    .promo-head-bkg {
        left: 0;
        margin-left: 0;
        position: absolute;
        top: 0;
        width: auto;
        z-index: -1
    }
}

.no-mediaqueries .promo-head-bkg {
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 0;
    width: auto;
    z-index: -1
}

@media (min-width: 60em) {
    .promo-head-left, .promo-head-right {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 50%
    }
}

.no-mediaqueries .promo-head-left, .no-mediaqueries .promo-head-right {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 50%
}

.promo-head-right {
    padding: 0 1.5em
}

.promo-image img {
    display: block;
    margin: 0 auto;
    width: 26.25em
}

@media (min-width: 35em) {
    .promo-image img {
        width: 32.5em
    }
}

@media (min-width: 60em) {
    .promo-image img {
        width: auto
    }
}

.no-mediaqueries .promo-image img {
    width: auto
}

.promotion-title {
    margin-top: 2em
}

@media (min-width: 21em) {
    .promotion-title {
        margin-top: 1.4em
    }
}

@media (min-width: 60em) {
    .promotion-title {
        margin-top: .5em
    }
}

.no-mediaqueries .promotion-title {
    margin-top: .5em
}

@media (max-width: 60em) {
    .promotion-title {
        color: #4c4c4c !important
    }
}

.no-mediaqueries .promotion-title {
    color: #4c4c4c !important
}

.promo-copy {
    font-size: 1.125em
}

@media (max-width: 60em) {
    .promo-copy {
        color: #4c4c4c !important
    }
}

.no-mediaqueries .promo-copy {
    color: #4c4c4c !important
}

.promo-copy ul {
    font-size: 1.25em
}

.node-1746 .promotions-header {
    background: #337cc2
}

.node-1746 .promo-head-right .promotion-title {
    display: none
}

.node-1746 .promo-head-right p, .node-1746 .promo-head-right h1 {
    color: #fff
}

.node-1244 .promo-copy, .node-1661 .promo-copy, .node-1666 .promo-copy, .node-1671 .promo-copy, .node-1711 .promo-copy, .node-1771 .promo-copy, .node-1791 .promo-copy, .node-1796 .promo-copy, .node-2026 .promo-copy, .node-2401 .promo-copy {
    font-size: 1em
}

.node-1244 .promotions-header, .node-1661 .promotions-header, .node-1666 .promotions-header, .node-1671 .promotions-header, .node-1711 .promotions-header, .node-1771 .promotions-header, .node-1791 .promotions-header, .node-1796 .promotions-header, .node-2026 .promotions-header, .node-2401 .promotions-header {
    background: #337cc2
}

@media (min-width: 60em) {
    .node-1244 .promotions-header, .node-1661 .promotions-header, .node-1666 .promotions-header, .node-1671 .promotions-header, .node-1711 .promotions-header, .node-1771 .promotions-header, .node-1791 .promotions-header, .node-1796 .promotions-header, .node-2026 .promotions-header, .node-2401 .promotions-header {
        min-height: 493px
    }
}

.no-mediaqueries .node-1244 .promotions-header, .no-mediaqueries .node-1661 .promotions-header, .no-mediaqueries .node-1666 .promotions-header, .no-mediaqueries .node-1671 .promotions-header, .no-mediaqueries .node-1711 .promotions-header, .no-mediaqueries .node-1771 .promotions-header, .no-mediaqueries .node-1791 .promotions-header, .no-mediaqueries .node-1796 .promotions-header, .no-mediaqueries .node-2026 .promotions-header, .no-mediaqueries .node-2401 .promotions-header {
    min-height: 493px
}

@media (min-width: 60em) {
    .node-1244 .promo-image, .node-1661 .promo-image, .node-1666 .promo-image, .node-1671 .promo-image, .node-1711 .promo-image, .node-1771 .promo-image, .node-1791 .promo-image, .node-1796 .promo-image, .node-2026 .promo-image, .node-2401 .promo-image {
        vertical-align: middle;
        position: absolute;
        width: 57.73584905660377%;
        top: 50%;
        transform: translateY(-50%)
    }
}

.no-mediaqueries .node-1244 .promo-image, .no-mediaqueries .node-1661 .promo-image, .no-mediaqueries .node-1666 .promo-image, .no-mediaqueries .node-1671 .promo-image, .no-mediaqueries .node-1711 .promo-image, .no-mediaqueries .node-1771 .promo-image, .no-mediaqueries .node-1791 .promo-image, .no-mediaqueries .node-1796 .promo-image, .no-mediaqueries .node-2026 .promo-image, .no-mediaqueries .node-2401 .promo-image {
    vertical-align: middle;
    position: absolute;
    width: 57.73584905660377%;
    top: 50%;
    transform: translateY(-50%)
}

.node-1244 .promo-image img, .node-1661 .promo-image img, .node-1666 .promo-image img, .node-1671 .promo-image img, .node-1711 .promo-image img, .node-1771 .promo-image img, .node-1791 .promo-image img, .node-1796 .promo-image img, .node-2026 .promo-image img, .node-2401 .promo-image img {
    display: block;
    margin: 0 auto;
    width: 100%
}

@media (min-width: 60em) {
    .node-1244 .promo-head-left, .node-1244 .promo-head-right, .node-1661 .promo-head-left, .node-1661 .promo-head-right, .node-1666 .promo-head-left, .node-1666 .promo-head-right, .node-1671 .promo-head-left, .node-1671 .promo-head-right, .node-1711 .promo-head-left, .node-1711 .promo-head-right, .node-1771 .promo-head-left, .node-1771 .promo-head-right, .node-1791 .promo-head-left, .node-1791 .promo-head-right, .node-1796 .promo-head-left, .node-1796 .promo-head-right, .node-2026 .promo-head-left, .node-2026 .promo-head-right, .node-2401 .promo-head-left, .node-2401 .promo-head-right {
        display: inline-block;
        margin-right: -4px
    }
}

.no-mediaqueries .node-1244 .promo-head-left, .no-mediaqueries .node-1244 .promo-head-right, .no-mediaqueries .node-1661 .promo-head-left, .no-mediaqueries .node-1661 .promo-head-right, .no-mediaqueries .node-1666 .promo-head-left, .no-mediaqueries .node-1666 .promo-head-right, .no-mediaqueries .node-1671 .promo-head-left, .no-mediaqueries .node-1671 .promo-head-right, .no-mediaqueries .node-1711 .promo-head-left, .no-mediaqueries .node-1711 .promo-head-right, .no-mediaqueries .node-1771 .promo-head-left, .no-mediaqueries .node-1771 .promo-head-right, .no-mediaqueries .node-1791 .promo-head-left, .no-mediaqueries .node-1791 .promo-head-right, .no-mediaqueries .node-1796 .promo-head-left, .no-mediaqueries .node-1796 .promo-head-right, .no-mediaqueries .node-2026 .promo-head-left, .no-mediaqueries .node-2026 .promo-head-right, .no-mediaqueries .node-2401 .promo-head-left, .no-mediaqueries .node-2401 .promo-head-right {
    display: inline-block;
    margin-right: -4px
}

.node-1244 .promo-head-left, .node-1661 .promo-head-left, .node-1666 .promo-head-left, .node-1671 .promo-head-left, .node-1711 .promo-head-left, .node-1771 .promo-head-left, .node-1791 .promo-head-left, .node-1796 .promo-head-left, .node-2026 .promo-head-left, .node-2401 .promo-head-left {
    vertical-align: middle
}

@media (min-width: 60em) {
    .node-1244 .promo-head-left, .node-1661 .promo-head-left, .node-1666 .promo-head-left, .node-1671 .promo-head-left, .node-1711 .promo-head-left, .node-1771 .promo-head-left, .node-1791 .promo-head-left, .node-1796 .promo-head-left, .node-2026 .promo-head-left, .node-2401 .promo-head-left {
        width: 57.73584905660377%
    }
}

.no-mediaqueries .node-1244 .promo-head-left, .no-mediaqueries .node-1661 .promo-head-left, .no-mediaqueries .node-1666 .promo-head-left, .no-mediaqueries .node-1671 .promo-head-left, .no-mediaqueries .node-1711 .promo-head-left, .no-mediaqueries .node-1771 .promo-head-left, .no-mediaqueries .node-1791 .promo-head-left, .no-mediaqueries .node-1796 .promo-head-left, .no-mediaqueries .node-2026 .promo-head-left, .no-mediaqueries .node-2401 .promo-head-left {
    width: 57.73584905660377%
}

.node-1244 .promo-head-right, .node-1661 .promo-head-right, .node-1666 .promo-head-right, .node-1671 .promo-head-right, .node-1711 .promo-head-right, .node-1771 .promo-head-right, .node-1791 .promo-head-right, .node-1796 .promo-head-right, .node-2026 .promo-head-right, .node-2401 .promo-head-right {
    vertical-align: top;
    padding-bottom: 1em
}

    .node-1244 .promo-head-right .promotion-title, .node-1661 .promo-head-right .promotion-title, .node-1666 .promo-head-right .promotion-title, .node-1671 .promo-head-right .promotion-title, .node-1711 .promo-head-right .promotion-title, .node-1771 .promo-head-right .promotion-title, .node-1791 .promo-head-right .promotion-title, .node-1796 .promo-head-right .promotion-title, .node-2026 .promo-head-right .promotion-title, .node-2401 .promo-head-right .promotion-title {
        display: none
    }

    .node-1244 .promo-head-right p, .node-1661 .promo-head-right p, .node-1666 .promo-head-right p, .node-1671 .promo-head-right p, .node-1711 .promo-head-right p, .node-1771 .promo-head-right p, .node-1791 .promo-head-right p, .node-1796 .promo-head-right p, .node-2026 .promo-head-right p, .node-2401 .promo-head-right p {
        color: #fff
    }

@media (min-width: 60em) {
    .node-1244 .promo-head-right, .node-1661 .promo-head-right, .node-1666 .promo-head-right, .node-1671 .promo-head-right, .node-1711 .promo-head-right, .node-1771 .promo-head-right, .node-1791 .promo-head-right, .node-1796 .promo-head-right, .node-2026 .promo-head-right, .node-2401 .promo-head-right {
        width: 42.26415094339623%;
        padding-bottom: 0
    }
}

.no-mediaqueries .node-1244 .promo-head-right, .no-mediaqueries .node-1661 .promo-head-right, .no-mediaqueries .node-1666 .promo-head-right, .no-mediaqueries .node-1671 .promo-head-right, .no-mediaqueries .node-1711 .promo-head-right, .no-mediaqueries .node-1771 .promo-head-right, .no-mediaqueries .node-1791 .promo-head-right, .no-mediaqueries .node-1796 .promo-head-right, .no-mediaqueries .node-2026 .promo-head-right, .no-mediaqueries .node-2401 .promo-head-right {
    width: 42.26415094339623%;
    padding-bottom: 0
}

.node-1711 .promo-copy a {
    color: #fff;
    text-decoration: underline
}

    .node-1711 .promo-copy a:hover, .node-1711 .promo-copy a:focus {
        text-decoration: none
    }

.node-1771 h2, .node-1791 h2, .node-1796 h2 {
    font-family: 'Courgette', sans-serif;
    font-weight: normal;
    font-style: italic;
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    margin-bottom: 1.2em
}

@media (min-width: 60em) {
    .node-1771 .promo-head-right, .node-1791 .promo-head-right, .node-1796 .promo-head-right {
        padding-top: 100px
    }
}

.no-mediaqueries .node-1771 .promo-head-right, .no-mediaqueries .node-1791 .promo-head-right, .no-mediaqueries .node-1796 .promo-head-right {
    padding-top: 100px
}

.node-1771 .follow-charlie-prez, .node-1791 .follow-charlie-prez, .node-1796 .follow-charlie-prez {
    margin-top: 3em
}

    .node-1771 .follow-charlie-prez p, .node-1791 .follow-charlie-prez p, .node-1796 .follow-charlie-prez p {
        text-align: center;
        font-weight: bold;
        color: #fff
    }

    .node-1771 .follow-charlie-prez a, .node-1791 .follow-charlie-prez a, .node-1796 .follow-charlie-prez a {
        text-decoration: underline;
        font-weight: bold;
        color: #fff
    }

        .node-1771 .follow-charlie-prez a:hover, .node-1771 .follow-charlie-prez a:focus, .node-1791 .follow-charlie-prez a:hover, .node-1791 .follow-charlie-prez a:focus, .node-1796 .follow-charlie-prez a:hover, .node-1796 .follow-charlie-prez a:focus {
            text-decoration: none
        }

        .node-1771 .follow-charlie-prez a.no-underline, .node-1791 .follow-charlie-prez a.no-underline, .node-1796 .follow-charlie-prez a.no-underline {
            text-decoration: none
        }

            .node-1771 .follow-charlie-prez a.no-underline:hover, .node-1771 .follow-charlie-prez a.no-underline:focus, .node-1791 .follow-charlie-prez a.no-underline:hover, .node-1791 .follow-charlie-prez a.no-underline:focus, .node-1796 .follow-charlie-prez a.no-underline:hover, .node-1796 .follow-charlie-prez a.no-underline:focus {
                text-decoration: none
            }

    .node-1771 .follow-charlie-prez img, .node-1791 .follow-charlie-prez img, .node-1796 .follow-charlie-prez img {
        max-width: 29px
    }

@media (min-width: 60em) {
    .node-2026 .container.max-width-promo {
        max-width: 65%
    }
}

.no-mediaqueries .node-2026 .container.max-width-promo {
    max-width: 65%
}

.node-2026 .top-border {
    border-top: 5px #fff solid
}

.node-2026 .light-blue-bg {
    background: #3099c4
}

.node-2026 .med-blue-bg {
    background: #067bbc
}

.node-2026 .dark-blue-bg {
    background: #044780
}

.node-2026 .white-text {
    color: #fff
}

.node-2026 .top-bottom-padding {
    padding-top: 2em;
    padding-bottom: 2em
}

.node-2026 .top-bottom-margin {
    margin-top: 2em;
    margin-bottom: 2em
}

.node-2026 .align-center {
    text-align: center
}

.node-2026 h2 {
    font-family: 'Courgette', sans-serif;
    font-weight: normal
}

.sk-chicken-creations {
    background-image: url("assets/images/backgrounds/chicken-creations/Chicken_LandpingPage_Header_Desktop.jpg");
    background-position: center;
    background-position: no-repeat;
    background-size: cover;
    min-height: 0;
    position: relative
}

@media (min-width: 25em) {
    .sk-chicken-creations {
        min-height: 270px
    }
}

@media (min-width: 35em) {
    .sk-chicken-creations {
        min-height: 420px
    }
}

@media (min-width: 45em) {
    .sk-chicken-creations {
        min-height: 349px
    }
}

.sk-chicken-creations .embedded-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

    .sk-chicken-creations .embedded-video iframe, .sk-chicken-creations .embedded-video object, .sk-chicken-creations .embedded-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 96%
    }

@media (min-width: 45em) {
    .sk-chicken-creations .embedded-video {
        position: relative;
        padding-bottom: 0;
        padding-top: 0;
        height: auto;
        overflow: hidden
    }

        .sk-chicken-creations .embedded-video iframe, .sk-chicken-creations .embedded-video object, .sk-chicken-creations .embedded-video embed {
            width: 621px;
            height: 349px;
            display: block;
            margin: 0 auto;
            position: relative;
            top: 0;
            left: 0
        }
}

@media (min-width: 60em) {
    .node-2361 .container.max-width-promo {
        max-width: 65%
    }
}

.no-mediaqueries .node-2361 .container.max-width-promo {
    max-width: 65%
}

.node-2361 .top-border {
    border-top: 5px #fff solid
}

.node-2361 .light-blue-bg {
    background: #3099c4;
    text-shadow: 0 0 2px #333
}

.node-2361 .med-blue-bg {
    background: #067bbc
}

.node-2361 .dark-blue-bg {
    background: #044780
}

.node-2361 .white-text {
    color: #fff
}

.node-2361 .top-bottom-padding {
    padding-top: 2em;
    padding-bottom: 2em
}

.node-2361 .top-bottom-margin {
    margin-top: 2em;
    margin-bottom: 2em
}

.node-2361 .align-center {
    text-align: center
}

.node-2361 .chicken-check {
    margin: 0 1em;
    max-width: 1em;
    display: inline-block
}

.node-2361 .body-copy {
    font-size: 1.2em
}

.node-2361 h2 {
    color: #fff;
    font-size: 2.5em;
    font-weight: bold
}

.node-2361 h3 {
    font-weight: bold
}

.node-1661 .page--50-50-teg div, .node-2401 .page--50-50-teg div {
    margin-top: 1em;
    margin-bottom: 1em
}

.product-header {
    background: transparent url("assets/images/refresh-2019/Main_Product_Images_Bkgrd.jpg") center -39px no-repeat
}

@media (min-width: 35em) {
    .product-header {
        background: transparent url("assets/images/refresh-2019/Main_Product_Images_Bkgrd.jpg") center top no-repeat;
        height: 27em
    }
}

.no-mediaqueries .product-header {
    background: transparent url("assets/images/refresh-2019/Main_Product_Images_Bkgrd.jpg") center top no-repeat;
    height: 27em
}

.product-header__right, .product-header__left {
    position: relative
}

@media (min-width: 35em) {
    .product-header__right, .product-header__left {
        display: inline-block;
        height: 100%;
        margin-right: -4px;
        vertical-align: top;
        width: 50%
    }
}

.no-mediaqueries .product-header__right, .no-mediaqueries .product-header__left {
    display: inline-block;
    height: 100%;
    margin-right: -4px;
    vertical-align: top;
    width: 50%
}

.product-header__left {
    min-height: 24em
}

@media (min-width: 35em) {
    .product-header__left {
        min-height: none
    }
}

.no-mediaqueries .product-header__left {
    min-height: none
}

.product-header__image {
    bottom: 0;
    padding: 0 2em 2em;
    position: absolute;
    width: 100%
}

@media (min-width: 35em) {
    .product-header__image {
        padding: 4em 2em 2em
    }
}

.no-mediaqueries .product-header__image {
    padding: 4em 2em 2em
}

.product-header__image img {
    display: block;
    margin: 0 auto
}

.product-header__desc {
    background: #005db8;
    height: 100%;
    padding: 1em
}

@media (min-width: 35em) {
    .product-header__desc {
        background: #005db8;
        background: rgba(0,93,184,0.8)
    }
}

.no-mediaqueries .product-header__desc {
    background: #005db8;
    background: rgba(0,93,184,0.8)
}

.product-header__desc p {
    margin: 0;
    margin-bottom: 0.5em;
    color: #fff
}

.description-border {
    border: 4px solid #fff;
    height: 100%;
    padding: 1em;
    position: relative
}

@media (min-width: 35em) {
    .description-border {
        font-size: 0.85em
    }
}

.no-mediaqueries .description-border {
    font-size: 0.85em
}

.description-border p.product-buy-now {
    margin-top: 1em;
    text-align: center
}

@media (min-width: 35em) {
    .description-border p.product-buy-now {
        font-size: 0.85em;
        left: 0;
        margin: 0 auto;
        padding: 0.75em 0;
        right: 0;
        width: 75%
    }
}

.no-mediaqueries .description-border p.product-buy-now {
    font-size: 0.85em;
    left: 0;
    margin: 0 auto;
    padding: 0.75em 0;
    right: 0;
    width: 75%
}

.description-border p.product-buy-now a {
    background: #fff;
    border-radius: 0.35em;
    color: #005db8;
    display: block;
    font-size: 1.5em;
    font-weight: 600;
    padding: 0.5em
}

    .description-border p.product-buy-now a img {
        max-width: 40%
    }

.description-border p.starkist-online a {
    background: #005db8;
    border: 0.15em solid #0d4787;
    color: #fff;
    display: block;
    font-size: 1.3em;
    font-weight: 600;
    padding: 0.5em;
    background-image: linear-gradient(#1777cc,#0d4787);
    font-size: 1.5em
}

.buynow {
    padding: 10px 20px 2px;
    border: .15em solid #1e3d74;
    border-radius: .5em;
    color: white;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    outline: 0 none;
    background: #1e3c72;
    background-size: 100%;
    background-image: linear-gradient(#2a5298, #1e3c72);
    display: flex;
    margin: 0px auto;
}

    .buynow:hover {
        background-image: linear-gradient(#185ea9, #185ea9);
    }

    .buynow:before {
        display: inline-block;
        content: '';
        background-image: url('./assets/images/microwavables-landing-page/cart.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 40px;
        height: 36px;
        margin-right: 10px;
    }

    .buynow .text {
        margin-bottom: -10px;
        text-align: left;
    }

    .buynow .buy-online {
        font-family: 'Courgette', sans-serif;
        font-size: 20px;
        position: relative;
        top: -6px;
    }

    .buynow .local {
        text-transform: uppercase;
        font-weight: bold;
        position: relative;
        top: -13px;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
    }

@media screen and (max-width: 1100px) {
    .buynow:before {
        width: 3.6vw;
    }

    .buynow .text {
        margin-bottom: -13px;
    }

    .buynow .buy-online {
        font-size: 1.8vw;
    }

    .buynow .local {
        font-size: 1.14vw;
        top: -15px;
    }
}

@media screen and (max-width: 959px) {
    .buynow:before {
        width: 40px;
    }

    .buynow .text {
        margin-bottom: -10px;
    }

    .buynow .buy-online {
        font-size: 20px;
    }

    .buynow .local {
        font-size: 14px;
        top: -13px;
    }
}

@media screen and (max-width: 740px) {
    .buynow:before {
        width: 5.4vw;
    }

    .buynow .text {
        margin-bottom: -16px;
    }

    .buynow .buy-online {
        font-size: 2.7vw;
    }

    .buynow .local {
        font-size: 1.42vw;
        top: -18px;
    }
}

@media screen and (max-width: 559px) {
    .buynow:before {
        width: 40px;
    }

    .buynow .text {
        margin-bottom: -10px;
    }

    .buynow .buy-online {
        font-size: 20px;
    }

    .buynow .local {
        font-size: 14px;
        top: -13px;
    }
}

@media screen and (max-width: 395px) {
    .buynow {
        padding: 10px 15px 2px;
    }

        .buynow:before {
            width: 30px;
            margin-right: 7px;
        }

        .buynow .text {
            margin-bottom: -20px;
        }

        .buynow .buy-online {
            font-size: 17px;
            top: -9px;
        }

        .buynow .local {
            font-size: 11px;
            top: -21px;
        }
}

@media (max-width: 600px) {
    .buy-now-buttons-container {
        position: unset;
    }
}

.product-header {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    background-size: cover;
}

.product-header__right, .product-header__left {
    margin-right: 0px !important;
    height: auto !important;
}

.product-header__image {
    padding: 0px !important;
    width: 100%;
    height: 100%;
}

    .product-header__image > div {
        height: 100%;
        position: relative;
    }

    .product-header__image img {
        bottom: 35px;
        left: 50%;
        transform: translate(-50%, 0%);
        position: absolute;
        max-width: 230px;
        max-height: 270px;
    }

@media screen and (max-width: 559px) {
    .product-header {
        background-size: auto;
    }

    .product-header__image {
        left: auto;
        transform: none;
        position: relative;
    }

    .product-header__right, .product-header__left {
        width: 100%;
        margin-top: 10px;
    }
}

#widget-modal .modal-body {
    text-align: center;
    padding: 3%;
    width: 100%;
    max-width: 1200px;
    min-width: 300px;
    height: 650px;
    margin-left: auto;
    margin-right: auto
}

#widget-modal .close {
    position: relative;
    margin-right: -30px;
    color: #fff;
    margin-top: -30px;
    font-size: 40px
}

#destini-div {
    background: #fff;
    width: 100%;
    overflow-y: auto;
    max-width: 1200px;
    min-width: 300px;
    height: 650px;
}

.product-benefits h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}

.product-disclaimer {
    font-style: italic;
    font-size: 85%
}

.recipe-single-header img {
    display: block
}

.recipe-single-header .embedded-video {
    margin-bottom: 3em
}

.prep-info {
    background: #005db8;
    margin: 1em 0;
    padding: .75em .5em .5em
}

.prep-info__list {
    list-style: none;
    padding: 0;
    margin: 0
}

    .prep-info__list li {
        margin: 0
    }

@media (min-width: 35em) {
    .prep-info__list li {
        display: inline-block;
        margin-right: -4px;
        text-align: center;
        vertical-align: top;
        width: 33.33%
    }
}

.no-mediaqueries .prep-info__list li {
    display: inline-block;
    margin-right: -4px;
    text-align: center;
    vertical-align: top;
    width: 33.33%
}

@media (min-width: 35em) {
    .recipe-info-item {
        display: inline-block;
        vertical-align: top
    }
}

.recipe-info-copy {
    display: inline-block;
    vertical-align: top
}

    .recipe-info-copy p {
        color: #fff;
        font-size: .85em;
        margin: 0;
        text-align: center;
        text-shadow: 0 0 2px #333
    }

.recipe-info-icon {
    display: inline-block;
    height: 1.3em;
    vertical-align: top;
    width: 1.3em
}

.recipe-single-user p {
    margin-bottom: .5em
}

.recipe-single-ingredients, .recipe-single-directions, .recipe-single-health-facts {
    margin: 1em 0
}

    .recipe-single-ingredients h4, .recipe-single-directions h4, .recipe-single-health-facts h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400
    }

@media (min-width: 35em) {
    .recipe-altunative-image, .recipe-altunative-head-right {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 50%
    }
}

.no-mediaqueries .recipe-altunative-image, .no-mediaqueries .recipe-altunative-head-right {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 50%
}

.recipe-altunative-head-right {
    background: #39a4b0
}

.altunative-title {
    padding: 1em
}

    .altunative-title h2 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        color: #fff;
        font-size: 30px;
        font-weight: bold;
        margin: 0
    }

.recipe-altunative-compare {
    background: #fff;
    padding: 0 1em
}

    .recipe-altunative-compare table, .recipe-altunative-compare tr, .recipe-altunative-compare th, .recipe-altunative-compare td {
        background: transparent;
        border: 0 none
    }

    .recipe-altunative-compare table {
        margin: 0;
        width: 100%
    }

    .recipe-altunative-compare th {
        color: #333;
        font-size: 18px;
        text-transform: uppercase;
        border-bottom: 5px solid #39a4b0
    }

    .recipe-altunative-compare td {
        font-style: italic;
        padding: .25em;
        text-align: center
    }

.altunative-additional-copy {
    font-style: 80%
}

    .altunative-additional-copy p {
        line-height: 1em;
        margin: 0
    }

.node-1661 .teg-page {
    color: #fff
}

    .node-1661 .teg-page .promotions-header h2 {
        font-size: 2.5em;
        color: #004686;
        font-family: "Open Sans",sans-serif;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        line-height: 1.4
    }

    .node-1661 .teg-page .promotion-title, .node-1661 .teg-page .promo-copy {
        color: #fff !important
    }

        .node-1661 .teg-page .promotion-title h2, .node-1661 .teg-page .promo-copy h2 {
            font-size: 2.5em;
            color: #004686;
            font-family: "Open Sans",sans-serif;
            font-weight: 700;
            -webkit-font-smoothing: antialiased;
            line-height: 1.4
        }

    .node-1661 .teg-page.s-you-are-busy .promotions-header {
        min-height: 0
    }

    .node-1661 .teg-page.s-you-are-busy .promo-copy {
        color: #004686;
        padding-right: 4em
    }

.node-1661 .teg-lightblue {
    background: #337cc2
}

    .node-1661 .teg-lightblue h2 {
        color: #fff;
        font-weight: bold
    }

    .node-1661 .teg-lightblue h3 {
        color: #fff;
        font-weight: bold
    }

    .node-1661 .teg-lightblue a {
        color: #fff;
        text-decoration: underline
    }

        .node-1661 .teg-lightblue a:hover {
            text-decoration: none
        }

    .node-1661 .teg-lightblue .promotions-header {
        background: #337cc2
    }

.node-1661 .teg-darkblue {
    background: #0058af
}

    .node-1661 .teg-darkblue h2 {
        color: #fff;
        font-weight: bold
    }

    .node-1661 .teg-darkblue h3 {
        color: #fff;
        font-weight: bold
    }

    .node-1661 .teg-darkblue .promotions-header {
        background: #0058af
    }

    .node-1661 .teg-darkblue a {
        color: #fff;
        text-decoration: underline
    }

        .node-1661 .teg-darkblue a:hover {
            text-decoration: none
        }

.node-1661 .teg-white {
    color: #004686;
    background: #fff
}

    .node-1661 .teg-white .promotions-header {
        background: #fff
    }

    .node-1661 .teg-white h2 {
        font-weight: bold
    }

    .node-1661 .teg-white h3 {
        font-weight: bold
    }

    .node-1661 .teg-white p {
        font-family: "Open Sans",sans-serif;
        font-weight: 400;
        color: #004686;
        -webkit-font-smoothing: antialiased;
        line-height: 1.4
    }

.node-1661 .top-bottom-padding {
    padding-top: 2em;
    padding-bottom: 2em
}

.node-1661 .align-center {
    text-align: center
}

.flavorTabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%
}

    .flavorTabs li {
        float: left;
        margin: 0;
        cursor: pointer;
        padding: 0 2% 2em 2%;
        position: relative;
        width: 20%
    }

        .flavorTabs li h3 {
            font-family: 'Courgette', sans-serif;
            font-weight: normal;
            margin-bottom: .35em;
            line-height: 1.2;
            color: #001689;
            font-size: 1.75em;
            text-align: center;
            color: #fff
        }

            .flavorTabs li h3 a {
                color: #001689;
                text-decoration: none
            }

                .flavorTabs li h3 a:hover, .flavorTabs li h3 a:focus {
                    color: #000a3d;
                    text-decoration: underline
                }

        .flavorTabs li:hover {
            background-color: #208dc5;
            color: #fff
        }

        .flavorTabs li.active {
            background-color: #208dc5;
            color: #fff;
            display: block
        }

            .flavorTabs li.active:after {
                content: '';
                position: absolute;
                left: 40%;
                bottom: -30px;
                width: 0;
                height: 0;
                border-left: 30px solid transparent;
                border-right: 30px solid transparent;
                border-top: 30px solid #208dc5;
                clear: both
            }

.tab_content .page--50-50-teg .even {
    text-align: center
}

    .tab_content .page--50-50-teg .even a {
        margin-bottom: -1.5em
    }

.tab_container {
    width: 100%;
    border-top: none;
    clear: both;
    float: left;
    background: #fff
}

.tab_content {
    padding: 1em;
    display: none;
    color: #208dc5
}

.tab_drawer_heading {
    display: none
}

@media screen and (max-width: 60em) {
    .flavorTabs {
        display: none
    }

    .tab_drawer_heading {
        background: #0058af;
        color: #fff;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: center
    }

        .tab_drawer_heading h3 {
            font-family: 'Courgette', sans-serif;
            font-weight: normal;
            margin-bottom: .35em;
            line-height: 1.2;
            color: #001689;
            font-size: 1.75em;
            text-align: center;
            color: #fff
        }

            .tab_drawer_heading h3 a {
                color: #001689;
                text-decoration: none
            }

                .tab_drawer_heading h3 a:hover, .tab_drawer_heading h3 a:focus {
                    color: #000a3d;
                    text-decoration: underline
                }

    .d_active {
        background-color: #208dc5;
        color: #fff
    }
}

.charlie-teg {
    max-width: 65%;
    max-height: 210px
}

@media (min-width: 60em) {
    .charlie-teg {
        max-width: 70%;
        max-height: none
    }
}

.no-mediaqueries .charlie-teg {
    max-width: 70%;
    max-height: none
}

.s-find-your-flavor {
    display: flex
}

.tear-and-pair {
    background: #3d7fd1;
    background: linear-gradient(to bottom, #3d7fd1 0%,#8ecdfa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d7fd1', endColorstr='#8ecdfa',GradientType=0 );
    color: #fff
}

    .tear-and-pair h2 {
        font-size: 2.5em;
        color: #fff;
        font-family: "Open Sans",sans-serif;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        line-height: 1.4
    }

    .tear-and-pair .page--50-50-teg .odd, .tear-and-pair .page--50-50-teg .even {
        text-align: center
    }

.promo-head-left {
    float: left;
    width: 100%
}

@media (min-width: 60em) {
    .promo-head-left {
        width: 50%
    }
}

.no-mediaqueries .promo-head-left {
    width: 50%
}

.promo-head-right {
    float: right;
    text-align: center;
    width: 100%
}

@media (min-width: 60em) {
    .promo-head-right {
        width: 50%
    }
}

.no-mediaqueries .promo-head-right {
    width: 50%
}

.tms-lightblue {
    background: #208dc3
}

    .tms-lightblue h2 {
        font-size: 2.5em;
        color: #fff;
        font-family: "Open Sans",sans-serif;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        line-height: 1.4;
        text-shadow: 0 0 2px #333
    }

    .tms-lightblue p {
        color: #fff;
        font-size: 1.3em;
        font-family: "Open Sans",sans-serif;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        line-height: 1.4;
        text-shadow: 0 0 2px #333
    }

    .tms-lightblue a {
        color: #fff;
        text-decoration: underline
    }

        .tms-lightblue a:hover {
            text-decoration: none
        }

    .tms-lightblue input {
        color: #4c4c4c
    }

    .tms-lightblue .promo-copy {
        color: #fff
    }

    .tms-lightblue .find-your-fish img {
        vertical-align: middle;
        max-height: 47px;
        margin: 0 0 0 .25em
    }

.tms-white {
    background: transparent url("assets/images/trace-my-starkist/world-map.jpg") center top no-repeat;
    background-size: contain;
    min-height: 750px
}

    .tms-white h2 {
        font-weight: bold
    }

    .tms-white h3 {
        font-weight: bold
    }

    .tms-white p {
        font-family: "Open Sans",sans-serif;
        font-weight: 400;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        line-height: 1.4
    }

.results-container {
    background: #208dc3;
    color: #fff
}

@media (min-width: 60em) {
    .results-container {
        margin-top: 4em
    }
}

.no-mediaqueries .results-container {
    margin-top: 4em
}

.results-container .ocean-image img {
    display: block;
    margin: 0 auto
}

@media (min-width: 60em) {
    .results-container .ocean-image img {
        margin: 0
    }
}

.no-mediaqueries .results-container .ocean-image img {
    margin: 0
}

.results-container .results {
    text-align: left
}

    .results-container .results .button-circle .icon, .results-container .results .pager.pager-load-more .pager-next .icon, .pager.pager-load-more .results-container .results .pager-next .icon {
        right: -3px;
        top: -2px
    }

    .results-container .results .button-circle:after, .results-container .results .pager.pager-load-more .pager-next:after, .pager.pager-load-more .results-container .results .pager-next:after {
        width: 4em;
        height: 4em
    }

    .results-container .results .fishSVG {
        display: inline-block;
        margin-bottom: -9px;
        margin-right: .5em
    }

    .results-container .results .locationSVG {
        display: inline-block;
        margin-bottom: -9px;
        margin-right: .8em
    }

.results-container .result-text {
    font-size: 1.5em;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 1.4
}

.top-bottom-padding {
    padding-top: 2em;
    padding-bottom: 2em
}

.align-center {
    text-align: center
}

.wtb--masthead .wtb--intro {
    color: #fff;
    max-width: 440px
}

.wtb--masthead .row {
    margin-top: 6em
}

@media (min-width: 35em) {
    .where-to-buy-wrapper-masthead {
        box-shadow: 0 3px 20px 0 rgba(12,12,12,0.75);
        position: relative
    }
}

.no-mediaqueries .where-to-buy-wrapper-masthead {
    box-shadow: 0 3px 20px 0 rgba(12,12,12,0.75);
    position: relative
}

.where-to-buy-masthead {
    padding: 1em 0
}

    .where-to-buy-masthead.where-to-buy-bg {
        background: #59b0e6
    }

@media (min-width: 35em) {
    .where-to-buy-masthead.where-to-buy-bg {
        background: transparent url("assets/images/backgrounds/wtb-masthead/wtb-bg.jpg") center no-repeat;
        background-size: cover;
        min-height: 314px;
        background-position: bottom
    }
}

.no-mediaqueries .where-to-buy-masthead.where-to-buy-bg {
    background: transparent url("assets/images/backgrounds/wtb-masthead/wtb-bg.jpg") center no-repeat;
    background-size: cover;
    min-height: 314px;
    background-position: bottom
}

.wtb--stores .col {
    background-repeat: repeat;
    background-image: url("assets/images/patterns/White_Seamless_BG.jpg");
    min-height: 200px;
    margin-bottom: 1em
}

    .wtb--stores .col.col1 .wtb-pad {
        text-align: center
    }

    .wtb--stores .col .wtb-pad {
        padding: .5em;
        min-height: 655px
    }

    .wtb--stores .col .wtb-zip {
        float: left;
        width: 50%;
        margin-right: 1em
    }

    .wtb--stores .col .wtb-submit {
        float: left
    }

    .wtb--stores .col h2 {
        color: #fff;
        width: 100%;
        background: #013f7a;
        padding: 1em .5em;
        margin: 0;
        text-align: center
    }

.wtb--options .wtb-product-category {
    padding: .25em;
    max-width: 100%
}

.wtb--options .wtb-products {
    padding: .25em;
    display: none;
    max-width: 100%
}

.col.col3 .wtb-pad {
    color: #000
}

.page--three-col #otherOnlineStores {
    width: 100%;
    min-height: 650px
}

.page--three-col #storesNearYouResults {
    display: none;
    width: 100%;
    max-height: 538px;
    clear: both;
    overflow-y: scroll;
    margin-top: 3em;
    color: #000
}

.page--three-col #itemLocatorMsg {
    color: #f44242;
    font-weight: bold
}

.featured-products {
    overflow: hidden;
    *zoom: 1;
    list-style: none;
    padding: 0;
    margin: 0
}

    .featured-products li {
        margin: 0
    }

    .featured-products li {
        margin-bottom: 1em
    }

@media (min-width: 35em) {
    .featured-products li {
        width: 47.82609%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 4.34783%
    }

        .featured-products li:nth-child(2n) {
            width: 47.82609%;
            clear: right;
            float: right;
            margin-right: 0
        }
}

@media (min-width: 60em) {
    .featured-products li {
        width: 31.91489%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 2.12766%
    }

        .featured-products li:nth-child(2n) {
            width: 31.91489%;
            clear: right;
            float: left;
            margin-left: 0;
            margin-right: 2.12766%
        }

        .featured-products li:nth-child(3n) {
            width: 31.91489%;
            clear: right;
            float: right;
            margin-right: 0
        }
}

.no-mediaqueries .featured-products li {
    width: 31.91489%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 2.12766%
}

    .no-mediaqueries .featured-products li:nth-child(2n) {
        width: 31.91489%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 2.12766%
    }

    .no-mediaqueries .featured-products li:nth-child(3n) {
        width: 31.91489%;
        clear: right;
        float: right;
        margin-right: 0
    }

@media (min-width: 60em) {
    .featured-products li.end-row {
        width: 31.91489%;
        clear: right;
        float: right;
        margin-right: 0
    }
}

.no-mediaqueries .featured-products li.end-row {
    width: 31.91489%;
    clear: right;
    float: right;
    margin-right: 0
}

.featured-recipes {
    background: #336b76
}

.homeBGImage, .page-search-recipes .page-mid-bkg {
    background-position: center top;
    background-repeat: repeat
}

.recipe-filter {
    display: block;
    width: 100%;
    margin-bottom: 1em
}

@media (min-width: 60em) {
    .recipe-filter {
        display: inline-block;
        width: 23%;
        margin-right: 1.5%
    }
}

.no-mediaqueries .recipe-filter {
    display: inline-block;
    width: 23%;
    margin-right: 1.5%
}

.recipeDropdowns {
    padding: 2em 0 0 0
}

.recipe-list .no-results {
    border: 0.5em solid #0459a4;
    padding: 0 1em;
    background: #0077c1;
    color: #fff;
    position: relative;
    min-height: 110px;
    text-align: center
}

@media (min-width: 60em) {
    .recipe-list .no-results {
        padding: 0 15em 0 5em
    }
}

.no-mediaqueries .recipe-list .no-results {
    padding: 0 15em 0 5em
}

@media (min-width: 60em) {
    .recipe-list .no-results p {
        text-align: left
    }
}

.no-mediaqueries .recipe-list .no-results p {
    text-align: left
}

.recipe-list .no-results img {
    max-height: 100px
}

@media (min-width: 60em) {
    .recipe-list .no-results img {
        position: absolute;
        right: 5em;
        bottom: 0
    }
}

.no-mediaqueries .recipe-list .no-results img {
    position: absolute;
    right: 5em;
    bottom: 0
}

.view-recipes-featured-product-and-related-recipes + .view {
    display: none
}

.featuredProductCardContainer {
    border: 0;
    position: relative
}

    .featuredProductCardContainer img:first-child {
        border: 0;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -125%)
    }

.page-sidebar {
    background: #1f889e;
    margin-top: 1em;
    padding: 0 1em
}

@media (min-width: 60em) {
    .page-sidebar {
        overflow: hidden;
        *zoom: 1;
        height: 100%;
        margin-top: 0;
        position: absolute;
        right: 0
    }
}

.no-mediaqueries .page-sidebar {
    overflow: hidden;
    *zoom: 1;
    height: 100%;
    margin-top: 0;
    position: absolute;
    right: 0
}

.page-sidebar h3 {
    font-family: 'Courgette', sans-serif;
    font-weight: normal;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 2px #333
}

.page-sidebar .charlie-approved-image {
    display: block;
    margin: 0 auto;
    margin-top: 2em
}

#mc_embed_signup {
    clear: left
}

    #mc_embed_signup .mc-field-group.input-group label {
        display: inline;
        margin-left: 0.5em
    }

.community-signup-form {
    background-color: #ecebeb;
    margin: 0 auto;
    display: block;
    max-width: 574px
}

.find-your-flavor-box {
    background: #004686;
    display: inline-block
}

@media (min-width: 60em) {
    .find-your-flavor-box {
        margin: 0 -100%;
        margin: 0 calc(50% - 50vw);
        max-width: 99.583vw;
        width: 100.5%
    }
}

.no-mediaqueries .find-your-flavor-box {
    margin: 0 -100%;
    margin: 0 calc(50% - 50vw);
    max-width: 99.583vw;
    width: 100.5%
}

.find-your-flavor-box h2 {
    color: #fff;
    font-weight: bold
}

.fyf-flavors {
    overflow: hidden;
    *zoom: 1;
    list-style: none;
    padding: 0;
    margin: 0;
    margin: 0 auto;
    max-width: 82.5em
}

    .fyf-flavors li {
        margin: 0
    }

    .fyf-flavors li {
        margin-bottom: 1em
    }

@media (min-width: 60em) {
    .fyf-flavors li {
        display: inline-block;
        width: 17%;
        margin: 0 1%;
        vertical-align: text-top
    }
}

.no-mediaqueries .fyf-flavors li {
    display: inline-block;
    width: 17%;
    margin: 0 1%;
    vertical-align: text-top
}

.fyf-flavors .tab_container {
    background-color: #136298
}

.fyf-flavors li h3 {
    font-family: 'Courgette', sans-serif;
    font-weight: normal;
    margin-bottom: .35em;
    line-height: 1.2;
    color: #001689;
    font-size: 2.5em;
    text-align: center;
    color: #fff
}

    .fyf-flavors li h3 a {
        color: #001689;
        text-decoration: none
    }

        .fyf-flavors li h3 a:hover, .fyf-flavors li h3 a:focus {
            color: #000a3d;
            text-decoration: underline
        }

.fyf-flavors li button {
    font-family: 'Courgette',sans-serif;
    font-weight: normal;
    margin-bottom: .35em;
    line-height: 1.2;
    font-size: 2.5em;
    text-align: center;
    color: #fff;
    background: transparent;
    outline: none;
    border: 0;
    width: 100%
}

.fyf-flavors li p {
    text-align: center;
    color: #fff
}

    .fyf-flavors li p a {
        color: #fff;
        display: block;
        text-decoration: underline
    }

        .fyf-flavors li p a sup {
            display: inline-block;
            border-bottom: 1px solid #fff;
            padding-bottom: 0.93em
        }

        .fyf-flavors li p a:hover, .fyf-flavors li p a:focus {
            text-decoration: none
        }

            .fyf-flavors li p a:hover sup, .fyf-flavors li p a:focus sup {
                border-bottom: 1px solid #0058af
            }

.site-footer {
    padding: 1em 0;
    background: #004884
}

.svg-include {
    display: none
}

.site-header, .site-navigation, .main-content, .site-footer, .home-cards, .home-featured-items {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

@media (min-width: 35em) {
    .site-header, .site-navigation, .main-content, .site-footer, .home-cards, .home-featured-items {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

@media (min-width: 60em) {
    .site-header, .site-navigation, .main-content, .site-footer, .home-cards, .home-featured-items {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

.no-mediaqueries .site-header, .no-mediaqueries .site-navigation, .no-mediaqueries .main-content, .no-mediaqueries .site-footer, .no-mediaqueries .home-cards, .no-mediaqueries .home-featured-items {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

.site-header {
    float: none
}

.messages, .messages--status, .messages--warning, .messages--error {
    margin: 0
}

.header-top {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

@media (min-width: 35em) {
    .header-top {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

@media (min-width: 60em) {
    .header-top {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

.no-mediaqueries .header-top {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

.header-top .login-navigation {
    float: right
}

.header-branding {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

@media (min-width: 35em) {
    .header-branding {
        width: 47.82609%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none
    }
}

@media (min-width: 60em) {
    .header-branding {
        width: 65.95745%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none
    }
}

.no-mediaqueries .header-branding {
    width: 65.95745%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none
}

.header-right {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

@media (min-width: 35em) {
    .header-right {
        width: 47.82609%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

@media (min-width: 60em) {
    .header-right {
        width: 31.91489%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

.no-mediaqueries .header-right {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

.footer-navigation {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

@media (min-width: 35em) {
    .footer-navigation {
        width: 69.21739%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none
    }
}

@media (min-width: 60em) {
    .footer-navigation {
        width: 49.42553%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none
    }
}

.no-mediaqueries .footer-navigation {
    width: 40.42553%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none
}

.footer-social {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

@media (min-width: 35em) {
    .footer-social {
        width: 30.43478%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

@media (min-width: 60em) {
    .footer-social {
        width: 40.42553%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

.no-mediaqueries .footer-social {
    width: 40.42553%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

.breadcrumbs {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

    .breadcrumbs span {
        color: #0077c1;
    }

@media (min-width: 35em) {
    .breadcrumbs {
        width: 47.82609%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none
    }
}

@media (min-width: 60em) {
    .breadcrumbs {
        width: 48.93617%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none
    }
}

.no-mediaqueries .breadcrumbs {
    width: 48.93617%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none
}

.page-top .social-share {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

@media (min-width: 35em) {
    .page-top .social-share {
        width: 47.82609%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

@media (min-width: 60em) {
    .page-top .social-share {
        width: 48.93617%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

.no-mediaqueries .page-top .social-share {
    width: 48.93617%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

.page-content {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

@media (min-width: 35em) {
    .page-content {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

@media (min-width: 60em) {
    .page-content {
        width: 65.95745%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none
    }
}

.no-mediaqueries .page-content {
    width: 65.95745%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none
}

@media (min-width: 60em) {
    .page-content.span-12 {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

.no-mediaqueries .page-content.span-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

.page-sidebar {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

.page-id-10923 .page-sidebar {
    display: none;
}

@media (min-width: 35em) {
    .page-sidebar {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

@media (min-width: 60em) {
    .page-sidebar {
        width: 31.91489%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }

    .page-id-10923 .page-sidebar {
        display: block;
    }
}

.no-mediaqueries .page-sidebar {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

.recipe-search {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

@media (min-width: 35em) {
    .recipe-search {
        width: 47.82609%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none
    }
}

@media (min-width: 60em) {
    .recipe-search {
        width: 31.91489%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none
    }
}

.no-mediaqueries .recipe-search {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none
}

.recipe-searh__callout {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    display: none
}

@media (min-width: 35em) {
    .recipe-searh__callout {
        width: 47.82609%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none;
        display: block
    }
}

@media (min-width: 60em) {
    .recipe-searh__callout {
        width: 40.42553%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none;
        display: block
    }
}

.no-mediaqueries .recipe-searh__callout {
    width: 40.42553%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    display: block
}

@media (min-width: 35em) {
    .recipe-single-ingredients, .recipe-single-directions {
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
        width: 50%
    }
}

.no-mediaqueries .recipe-single-ingredients, .no-mediaqueries .recipe-single-directions {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 50%
}

.recipe-single-ingredients {
    padding-right: 1em
}

@media (min-width: 35em) {
    .image-copy-container {
        margin-top: 1em
    }
}

.no-mediaqueries .image-copy-container {
    margin-top: 1em
}

@media (min-width: 35em) {
    .image-copy-container-col1, .image-copy-container-col2 {
        display: inline-block;
        vertical-align: top;
        margin-right: -4px
    }
}

.no-mediaqueries .image-copy-container-col1, .no-mediaqueries .image-copy-container-col2 {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.image-copy-container-col1 {
    padding-right: 1em
}

@media (min-width: 35em) {
    .image-copy-container-col1 {
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
        width: 25%
    }
}

.no-mediaqueries .image-copy-container-col1 {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 25%
}

.image-copy-container-col2 {
    padding-right: 1em
}

@media (min-width: 35em) {
    .image-copy-container-col2 h3 {
        margin-top: 0
    }
}

.no-mediaqueries .image-copy-container-col2 h3 {
    margin-top: 0
}

@media (min-width: 35em) {
    .image-copy-container-col2 {
        width: 75%
    }
}

.no-mediaqueries .image-copy-container-col2 {
    width: 75%
}

.page--50-50 {
    margin: 0 0 1em 0
}

    .page--50-50 .filtering {
        margin: 0 0 2em 0
    }

@media (min-width: 35em) {
    .page--50-50 .filtering {
        margin: 0 0 4em 0
    }
}

.page--50-50 .filtering .buy-online-click-options {
    max-width: 100%
}

.page--50-50 div:nth-child(odd) {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: left
}

@media (min-width: 35em) {
    .page--50-50 div:nth-child(odd) {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        clear: left
    }
}

@media (min-width: 60em) {
    .page--50-50 div:nth-child(odd) {
        width: 48.93617%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none;
        clear: left
    }
}

.page--50-50 div:nth-child(even) {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: right
}

@media (min-width: 35em) {
    .page--50-50 div:nth-child(even) {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

@media (min-width: 60em) {
    .page--50-50 div:nth-child(even) {
        width: 48.93617%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        clear: right
    }
}

.page--50-50-teg div.odd {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: left
}

@media (min-width: 35em) {
    .page--50-50-teg div.odd {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        clear: left
    }
}

@media (min-width: 60em) {
    .page--50-50-teg div.odd {
        width: 48.93617%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none;
        clear: left
    }
}

.page--50-50-teg div.even {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: right
}

@media (min-width: 35em) {
    .page--50-50-teg div.even {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        clear: right
    }
}

@media (min-width: 60em) {
    .page--50-50-teg div.even {
        width: 48.93617%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        clear: right
    }
}

.page--three-col div.col1 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

@media (min-width: 60em) {
    .page--three-col div.col1 {
        width: 31.91489%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none
    }
}

.page--three-col div.col2 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

@media (min-width: 60em) {
    .page--three-col div.col2 {
        width: 31.91489%;
        float: left;
        margin-right: -100%;
        margin-left: 34.04255%;
        clear: none
    }
}

.page--three-col div.col3 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
}

@media (min-width: 60em) {
    .page--three-col div.col3 {
        width: 31.91489%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

.no-mediaqueries .main-content {
    float: none
}

.no-mediaqueries .view-home-page-main-banner .masthead-image img {
    width: auto
}

.no-mediaqueries .footer-social__nav li {
    width: 24px;
    height: auto
}

.no-mediaqueries .recipe-select {
    padding-right: 1em
}

.no-mediaqueries .charlie-img {
    width: 180px
}

.no-mediaqueries .header-logo {
    width: 450px
}

.no-borderradius .button-circle:after, .no-borderradius .pager.pager-load-more .pager-next:after, .pager.pager-load-more .no-borderradius .pager-next:after, .no-borderradius .pager.pager-load-more .pager-next:after {
    background: transparent url(assets/images/icons/ie/ie-circle-bkg.png) center no-repeat;
    border: 0 none
}

.no-borderradius .card__overlay .button-circle:after, .no-borderradius .card__overlay .pager.pager-load-more .pager-next:after, .pager.pager-load-more .no-borderradius .card__overlay .pager-next:after {
    background: transparent url(assets/images/icons/ie/ie-circle-bkg-small.png) center no-repeat
}

.no-borderradius .home-hero__list li:after {
    background: transparent url(assets/images/icons/ie/ie-circle-bkg.png) center no-repeat;
    border: 0 none
}

.no-svg .recipe-info-icon {
    width: 2.3em
}

.no-svg .social-share ul li {
    width: 24px
}

    .no-svg .social-share ul li img {
        display: none
    }

.no-svg .share-pinterest {
    background: transparent url(assets/images/icons/ie/pinterest-icon--blue.png) center no-repeat
}

.no-svg .share-facebook {
    background: transparent url(assets/images/icons/ie/facebook-icon--blue.png) center no-repeat
}

.no-svg .share-twitter {
    background: transparent url(assets/images/icons/ie/twitter-icon--blue.png) center no-repeat
}

.no-svg .share-any {
    background: transparent url(assets/images/icons/ie/share-icon--blue.png) center no-repeat
}

.lte-ie9 .hero-video-copy {
    background: #295b6b;
    background: rgba(41,91,107,0.8)
}

.stmc {
    color: #fff;
    left: -155px;
    position: absolute;
}

.hidden-card {
    display: none;
}