/**
 * Kelloggs AU Masterbrand style
 *
 * - Kelloggs Red: #b51946
 *
 */

/*
 * Webfonts
 * --------------------------------------------------
 */

@font-face {
    font-family: OpenSans;
    src: url(/content/dam/europe/kelloggs_fr/fonts/opensans-light-webfont.woff) format("woff");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: OpenSans;
    src: url(/content/dam/europe/kelloggs_fr/fonts/opensans-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: OpenSans;
    src: url(/content/dam/europe/kelloggs_fr/fonts/opensans-semibold-webfont.woff) format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: OpenSans;
    src: url(/content/dam/europe/kelloggs_fr/fonts/opensans-bold-webfont.woff) format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: OpenSans;
    src: url(/content/dam/europe/kelloggs_fr/fonts/opensans-extrabold-webfont.woff) format("woff");
    font-weight: 800;
    font-style: normal;
}

/*
 * Tool Styles
 * --------------------------------------------------
 */
.hide {
    display: none !important;
}
.size-h1 {
    font-size: 2rem;
}
.float-left {
    float: left;
}

.float-right {
    float: right;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

hr.dashed {
    border-top: 1px dashed #8c8b8b;
}

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

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

.text-right {
    text-align: right;
}
/* To hide unwanted heading from product details page */
.kstl-nutrition-header.kstl-sansM h5 {
	display:none;
}
@media (max-width: 601px) {
    .mobile-text-center {
        text-align: center;
    }
    .mobile-text-left {
        text-align: left;
    }
    .mobile-text-right {
        text-align: right;
    }
}

@media (min-width: 602px) {
    .desktop-text-center {
        text-align: center;
    }
    .desktop-text-left {
        text-align: left;
    }
    .desktop-text-right {
        text-align: right;
    }
}

.no-background {
    background-image: none !important;
}

.display-none {
    display: noen;
}

body .red,
html .red {
    background: none!important;
}

.mobile {
    display: none;
}

.desktop {
    display: block;
}

/*
 * Partials
 * --------------------------------------------------
 */

.button {
    display: inline-block;
    padding: 15px 15px;
    background-color: #b41946;
    border-radius: 999px;
    text-transform: uppercase;
    font-size: 14px;
    color: white;
    text-decoration: none;
    transition: background-color .3s, border .3s;
    box-sizing: border-box;
}

.button:hover {
    background-color: #6f1b2b;
}

.button.white {
    background-color: white;
    color: #2c2c2c;
    border: solid 1px #cccccc;
}

.button.white:hover {
    background-color: #2c2c2c;
    color: white;
}

.desk-two-tenths.white,
.lap-two-thirds.white,
.palm-two-thirds.white {
    display: none;
}

/*
 * Default Structures
 * --------------------------------------------------
 */

body {
    font-family: OpenSans;
    background: url(/content/dam/europe/kelloggs_fr/images/pattern-natural-white.jpg) 0 0 repeat;
}

.container > .wrapper {
    padding: 40px 0;
}

ol {
    margin-left: 40px;
}

ul {
    margin-left: 40px;
}

.nav ul {
    margin-left: 0px;
}

.centeredContent p {
    font-family: OpenSans;
    font-size: 16px;
    color: #666666;
}

.centeredContent p a {
    color: #d31145;
}

/*
 * Structural Overrides
 * --------------------------------------------------
 */

.kstl-prod-detail-page .kstl-responsive-image img {
    padding: 0;
}

.grid.with-bg-white {
    position: relative;
    background-color: white;
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.grid .product-grid-container.with-bg-white.no-space {
    margin-top: 15px !important;
}

.grid.with-bg-white::before {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: transparent url(/content/dam/europe/kelloggs_fr/images/wave-top-white.png) 50% 0 no-repeat;
}

.grid.with-bg-white::after {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 100%;
    left: 0;
    background: transparent url(/content/dam/europe/kelloggs_fr/images/wave-bottom-white.png) 50% 100% no-repeat;
}

/*
 * Header
 * --------------------------------------------------
 */

.content_wrapper .topNavWrapper {
    background-color: white;
}

.content_wrapper .topNavWrapper .topNav .kstl-responsive-image img {
    width: 100px;
    margin: 14px 0 14px 40px;
}


.white-logo {
    display: none;
}

.red-logo {
    display: block;
}

.navicon span,
.navicon span:before,
.navicon span:after {
    cursor: pointer;
    height: 3px;
    width: 35px;
}

.custom-overlay-trigger-wrapper {
    float: right;
}

.kstl-mega-nav > ul {
    margin-left: 0;
}


.content_wrapper .topNavWrapper .topNav .operators-wrapper {
    text-align: right;
    padding-right: 20px;
}

.content_wrapper .topNavWrapper .topNav .operators-wrapper {
    margin: 15px 15px 5px 0px;
}

.content_wrapper .topNavWrapper .topNav .operators-wrapper .overlay-trigger-wrapper,
.content_wrapper .topNavWrapper .topNav .custom-overlay-trigger-wrapper {
    display: inline-block;
}

.content_wrapper .topNavWrapper .topNav .operators-wrapper .overlay-trigger-wrapper {
    margin-top: 12px;
}

.content_wrapper .topNavWrapper .topNav .custom-overlay-trigger-wrapper {
    margin-top: 26px;
    margin-left: 16px;
    transform: translateY(-8px);
}

.content_wrapper .topNavWrapper .topNav .custom-overlay-trigger-wrapper {
    margin-top: 12px;
}

.content_wrapper .topNavWrapper .topNav .operators-wrapper .overlay-trigger-wrapper > a,
.content_wrapper .topNavWrapper .topNav .custom-overlay-trigger-wrapper > a {
    display: block;
}

/*
 * Footer
 * --------------------------------------------------
 */

.footer {
    /*background: repeating-linear-gradient(
        45deg,
        rgba(206,210,235, 0.2),
        rgba(206,210,235, 0.2) 20px,
        transparent 20px,
        transparent 40px
    );*/
}

.footer .logo-wrapper {
    max-width: 980px;
    margin: 0 auto !important;
}

.footer .logo-wrapper img {
    width: 100px;
    padding-top: 30px;
}

.footer .mob-logo-wrapper {
    padding: 0 60px;
}

.footer .breadcrumbs-wrapper {
    max-width: 980px;
    margin: 0 auto;
    /*background-color: rgba(0, 0, 255, 0.075);*/
}

.footer .breadcrumbs-wrapper ul {
    list-style: none;
}

.footer .breadcrumbs-wrapper ul li {
    position: relative;
    display: inline-block;
    margin-right: 17px;
}

.footer .breadcrumbs-wrapper ul li::after {
    content: "";
    display: inline-block;
    background: transparent url(/content/dam/europe/kelloggs_fr/images/icon-arrow-right.png) 0 50% no-repeat;
    width: 8px;
    height: 13px;
    margin-left: 20px;
    margin-bottom: -2px;
    opacity: 0.1;
}

.footer .breadcrumbs-wrapper ul li:last-of-type::after {
    display: none;
}

.footer .breadcrumbs-wrapper ul li.home-item img {
    margin-bottom: -9px;
}

.footer .breadcrumbs-wrapper ul li a,
.footer .breadcrumbs-wrapper ul li span {
    display: inline-block;
    font-size: 12px;
    font-family: KelloggsSansRegular;
    color: #2c2c2c;
    text-transform: uppercase;
    text-decoration: none;
}

.footer .breadcrumbs-wrapper ul li a:hover {
    text-decoration: underline;
}

.footer .widgets {
    max-width: 980px;
    margin: 0 auto 40px auto !important;
}

.footer .widgets .widget-list {
    margin-right: 50px;
}

@media (max-width: 601px) {
    .footer .widgets .widget-list {
        margin-right: 0px;
    }
    .footer .widgets .widget-list ul {
        margin-left: 0px;
    }
}

.footer .widgets .widget-list ul {
    list-style: none;
}

.footer .widgets .widget-list ul li {}

.footer .widgets .widget-list ul li a {
    text-decoration: none;
    display: block;
    padding: 20px 0;
    border-bottom: solid 1px #e6e6e6;
    color: #2c2c2c;
}

.footer .widgets .widget-list ul li:last-of-type a {
    border-bottom: none;
}

.footer .widgets .widget-list.social-networks ul li a {
    background-color: transparent;
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 40px;
}

.footer .widgets .widget-list.social-networks ul li a.facebook {
    background-image: url(/content/dam/europe/kelloggs_fr/images/icon-facebook.png);
}

.footer .widgets .widget-list.social-networks ul li a.twitter {
    background-image: url(/content/dam/europe/kelloggs_fr/images/icon-twitter.png);
}

.footer .widgets .widget-list.social-networks ul li a.youtube {
    background-image: url(/content/dam/europe/kelloggs_fr/images/icon-youtube.png);
}

.footer .widgets .widget-list.social-networks ul li a.instagram {
    background-image: url(/content/dam/europe/kelloggs_fr/images/icon-instagram.png);
}

.footer .copyright {
    background-color: #2c2c2c;
    color: white;
    font-size: 12px;
    max-width: 1440px;
    margin: 0 auto !important;
}

.footer .copyright .wrapper {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    padding: 40px 0;
}

.footer .copyright .wrapper .back-top {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-50%);
    width: 64px;
    height: 64px;
    background-color: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 9999px;
    color: #2c2c2c;
    text-decoration: none;
}

.footer .copyright .wrapper .back-top .label {
    display: block;
    font-size: 32px;
    margin: 32px 0 0 10px;
    transform: rotate(90deg);
}

/*
 * Heros
 * --------------------------------------------------
 */

.hero {
    background-color: transparent;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 514px;
    position: relative;
}

.hero .description {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    width: 350px;
}

.hero.home .description {
    width: 375px;
    background: #ffffff;
    padding: 15px 15px;
    opacity: 0.95;
}

.hero .description h1 {
    font-family: KelloggsSansMedium;
    color: #ffffff;
    font-size: 81px;
    line-height: 1;
    padding-bottom: 15px;
}
.mob_contact_us {
	display:none;
}
@media (max-width: 999px){
    .hero .description h1 {
        color: #262626;  
    }
	.mob_contact_us {
		display:block;
	}
	.topNavWrapper .operators-wrapper.mob_contact_us a.contact-us-link {
		right:21px;
		top:0px;
	}
}
.hero.home .description h1 {
    color: #b41946 !important;
    font-size: 45px;
}

.hero .description h2 {
    font-family: KelloggsSansRegular;
    color: #262626;
    font-size: 56px;
    line-height: 0.8;
    padding-bottom: 15px;
}

.hero .description h3 {
    font-family: KelloggsSansRegular;
    color: #262626;
    font-size: 36px;
    line-height: 1.1;
}

.hero .description h4 {
    font-family: KelloggsSansRegular;
    color: #262626;
    font-size: 24px;
    line-height: 1.1;
}

.hero .description .operator {
    border-top: solid 1px #b41946;
    margin-top: 30px;
    padding-top: 20px;
}

.hero.home .description .operator {
    border-top: 0px;
    margin-top: 5px;
}

.hero .menu {
    position: absolute;
    top: 50%;
    right: 55px;
    transform: translateY(-50%);
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}

.hero .menu ul {
    list-style-type: none;
    margin-left: 0px;
}

.hero .menu ul li {}

.hero .menu ul li a {
    display: block;
    width: 275px;
    height: 90px;
    box-sizing: border-box;
    padding: 35px 20px 35px 78px;
    color: #666666;
    text-decoration: none;
    font-size: 16px;
    background-color: white;
    background-repeat: no-repeat;
    background-position-y: 50%;
    border-left: solid 2px transparent;
    border-bottom: solid 1px #f4f4f3;
    position: relative;
    transition: background-color .3s;
}

.hero .menu ul li a::after {
    display: none;
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    background: transparent url(/content/dam/europe/kelloggs_fr/images/icon-arrow-right.png) 0 50% no-repeat;
    top: 0;
    right: 35px;
}

.hero .menu ul li a:hover {
    background-color: #f4f4f3;
    border-left-color: #b41946;
    color: #2c2c2c;
}

.hero .menu ul li a:hover::after {
    display: block;
}

.hero .menu ul li:last-of-type a {
    border-bottom: none;
}

.hero .menu ul li a.brands {
    background-image: url(/content/dam/europe/kelloggs_fr/images/icon-brands.png);
    background-position-x: 32px;
}

.unstoppable.grid__item {
    padding-left: 24px;
    padding-top: 24px;
}

.hero .menu ul li a.cereals {
    background-image: url(/content/dam/europe/kelloggs_fr/images/icon-cereals.png);
    background-position-x: 24px;
}

.hero .menu ul li a.snacks {
    background-image: url(/content/dam/europe/kelloggs_fr/images/icon-snacks.png);
    background-position-x: 24px;
}

.show-3 .product-view-all a {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    color: #262626;
    padding-bottom: 2px;
    border-bottom: 2px solid #262626;
    font-family: KelloggsSansMedium;
}

.show-3 .result-item:nth-child(n+4) {
    display: none;
}

.show-3.view-more .result-item:nth-child(n+4) {
    display: inline-block;
}

.show-3.view-more .product-view-all {
    display: none;
}

/*articles listing*/

.articles .custom-gsa-container .collection .result-item .link-wrapper {
    background-color: white;
    margin: 20px 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    display: block;
    transition: box-shadow 0.3s;
    min-height: 460px;
}

.articles .custom-gsa-container .collection .result-item .link-wrapper .name {
    font-family: KelloggsSansMedium;
    color: #2c2c2c;
    font-size: 24px;
    padding-bottom: 8px;
    text-transform: uppercase;
    min-height: 64px;
}

.articles .custom-gsa-container .collection .result-item .link-wrapper .image {
    margin-bottom: 30px;
}

.cta-articles {
    display: none;
}

/* Overrides on different hero variants */

.hero.medium {
    height: 536px;
}

.hero.medium .description h1 {
    font-size: 56px;
    font-family: KelloggsSansRegular;
}

.hero.medium .description p {
    font-size: 16px;
    line-height: 1.6;
    color: #666666;
}

.hero.small {
    height: 332px;
}

.hero-blurb {
    padding: 40px 20px;
}

.hero-blurb > .wrapper {
    /*background-color: rgba(255, 255, 0, 0.1);*/
    max-width: 660px;
    margin: 0 auto;
}

.hero-blurb .preheader {
    font-size: 14px;
    color: #b51946;
    text-transform: uppercase;
}

.hero-blurb h1 {
    font-size: 54px;
    color: #262626;
    font-family: KelloggsSansRegular;
}
.hero-blurb h2 {
    margin-bottom: 20px;
}
.hero-blurb h3 {
    font-size: 24px;
    color: #262626;
    font-family: KelloggsSansMedium;
}

.hero-blurb .author {
    font-size: 24px;
    color: #262626;
    font-family: KelloggsSansRegular;
}

.hero-blurb hr {
    border: none;
    border-top: 1px solid #dddddd;
    margin: 35px 0;
}

.hero-blurb li {
    font-size: 16px;
    color: #666666;
    font-family: OpenSans;
    margin-bottom: 10px;
}

.hero-blurb p {
    font-size: 16px;
    color: #666666;
    ;
    font-family: OpenSans;
}

.hero-blurb ul {
    margin: 10px 0 20px 24px;
}

.hero-blurb ul li {
    font-size: 18px;
    color: #262626;
    margin: 8px 0;
    padding-left: 8px;
}

/*
 * Cards
 * --------------------------------------------------
 */

.cards-container .card {
    display: block;
    background-color: #8c8b8b;
    position: relative;
    float: left;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s;
    margin: 20px 0;
    font-size: 0;
}

.cards-container .card:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}

.cards-container .grid__item:nth-of-type(even) .card {
    float: right;
}

.cards-container .card .image {
    width: 100%;
}

.cards-container .card .description {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 80%;
    text-align: center;
}

.cards-container .card .description h3 {
    font-family: KelloggsSansMedium;
    color: #ffffff;
    font-size: 24px;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.cards-container .card .description p {
    color: #ffffff;
    font-size: 18px;
    font-family: KelloggsSansRegular;
}

/* 2nd variants of the card component */

.cards-container .card2 {
    background-color: white;
    margin: 20px 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    display: block;
    transition: box-shadow 0.3s;
    min-height: 510px;
}


.cards-container .card2:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}

.cards-container .card2 .image {}

.cards-container .card2 .image img {
    width: 100%;
}

.cards-container .card2 .description {
    padding: 40px 60px;
    text-align: center;
    min-height: 150px;
}

.cards-container .card2 .description h3 {
    font-family: KelloggsSansMedium;
    color: #2c2c2c;
    font-size: 24px;
    padding-bottom: 8px;
}

@media (max-width:360px) {
    .cards-container .card2 .description h3 {
        font-size: 19px;
    }
}

.cards-container .card2 .description p {
    color: #666666;
    font-size: 16px;
}

/* 3rd variants of the card component */

.cards-container .card3 {
    background-color: white;
    margin: 20px 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    display: block;
    transition: box-shadow 0.3s;
    min-height: 567px;
}

.cards-container .card3:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}

.cards-container .card3 .image img {
    width: 100%;
}

.cards-container .card3 .description {
    padding: 40px 60px;
    text-align: center;
    min-height: 150px;
}

.cards-container .card3 .description h3 {
    font-family: KelloggsSansMedium;
    color: #2c2c2c;
    font-size: 24px;
    padding-bottom: 8px;
}

.cards-container .card3 .description p {
    color: #666666;
    font-size: 16px;
}

/*static recipe tiles*/

.cards-container .card4 {
    max-height: 320px;
    background-color: white;
    margin: 20px 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    display: block;
    transition: box-shadow 0.3s;
}

.cards-container .card4 .description {
    padding: 40px 60px;
    text-align: center;
    min-height: 150px;
}

.cards-container .card4 .description h3 {
    font-size: 18px;
    font-family: KelloggsSansMedium;
    color: #2c2c2c;
    padding-bottom: 8px;
}

.cards-container .card4 .description p {
    color: #666666;
    font-size: 16px;
}

.cards-container .card4 .image img {
    width: 100%;
}

.cards-container .card4:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}

/*
 * Banners
 * --------------------------------------------------
 */

.banners-container {
    /*margin-bottom: 100px;*/
}

.banners-container .banner {
    background-color: #8c8b8b;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 20px 0 30px 0;
    width: 980px;
    height: 400px;
    float: left;
    /*box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);*/
}

.banners-container .banner .description {
    background-color: white;
    position: absolute;
    top: 40px;
    left: 60px;
    width: 320px;
    height: 380px;
    padding: 30px 15px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    text-align: center;
}

.banners-container .banner.position-alt .description {
    left: auto;
    right: 60px;
}

.banners-container .banner .description .icon {
    display: inline-block;
    margin: 15px 0;
}

.banners-container .banner .description h3 {

    font-family: KelloggsSansMedium;
    color: #262626;
    font-size: 54px;
    line-height: 0.9;
    padding-bottom: 15px;
}

.banners-container .banner.promotion .description h3 {
    word-break: break-all;
    font-size: 46px;
}

.banners-container .banner.nutrition .description h3 {
    font-size: 46px;
}

.banners-container .banner.what-we-believe .description h3 {
    font-size: 44px;
}
.banners-container .banner .description h6 {
    font-family: KelloggsSansRegular;
    color: #262626;
    font-size: 22px;
    line-height: 1;
}

.banners-container .banner .description .operator {
    border-top: solid 1px #b41946;
    margin: 40px 40px 0 40px;
    padding-top: 35px;
}

/* 2nd variant of the banner component */

.banners-container .banner2 {
    background-color: #8c8b8b;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 20px 0 30px 0;
    width: 980px;
    height: 400px;
    float: left;

}

.banners-container .banner2 .description {
    width: 320px;
    padding: 30px 20px;
    text-align: center;
    background-color: white;
    position: absolute;
    top: 40px;
    left: 60px;
    width: 320px;
    height: 380px;
    padding: 30px 20px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    text-align: center;
}

.banners-container .banner2 .description .preheader {
    font-family: KelloggsSansRegular;
    font-size: 24px;
    color: #b51946;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.banners-container .banner2 .description h3 {
    font-family: KelloggsSansMedium;
    color: #262626;
    font-size: 36px;
    line-height: 1.1;
    padding-bottom: 15px;
}

.banners-container .banner2 .description p {
    font-size: 16px;
    color: #666666;
}

.banners-container .banner2 .description .operator {
    border-top: solid 1px #b41946;
    margin: 40px 40px 0 40px;
    padding-top: 35px;
}

/*
 * Promos
 * --------------------------------------------------
 */

.promos-container {}

.promos-container .heading {
    display: block;
    text-align: center;
    font-family: KelloggsSansRegular;
    font-size: 36px;
    margin-bottom: 40px;
}

.promos-container .operator {
    text-align: center;
    margin-top: 20px;
}

.promos-container .operator a {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    color: #262626;
    padding-bottom: 2px;
    border-bottom: 2px solid #262626;
    font-family: KelloggsSansMedium;
}

.promos-container .promo {

    background-color: white;
    max-width: 482px;
    height: 578px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.promos-container .promo .description {
    margin: 30px 50px;
}

.promos-container .promo .description h3 {
    margin-bottom: 10px;
    font-family: KelloggsSansMedium;
    font-size: 24px;
    font-weight: normal;
}

.promos-container .promo .description p {
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.6;
    color: #666666;
}

.promos-container .promo .description .operator {
    margin-top: 25px;
}

.promos-container .promo .description .operator a {
    text-transform: uppercase;
    color: #262626;
}

.promos-container .promo .description .operator a:hover {
    text-decoration: none;
}

/* Grid specific positionings */

.promos-container .grid__item .kstl-rich-text .promo {
    margin-bottom: 16px;
}

.promos-container .grid__item:nth-of-type(odd) .kstl-rich-text .promo {
    float: right;
}

.promos-container .grid__item:nth-of-type(even) .promo {
    margin-left: 12px;
}

.promos-container .grid__item:nth-of-type(odd) .promo {
    margin-right: 12px;
}

/*
 * Mosaic
 * --------------------------------------------------
 */

.mosaic-main-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    margin-top: 100px !important;
}

.mosaic-main-wrapper .mosaic-tiles-wrapper {
    max-width: 980px;
    margin: 0 auto !important;
    padding: 100px 0 100px 0 !important;
}

.mosaic-main-wrapper .heading {
    margin-top: -125px;
}

.mosaic-main-wrapper .heading .item {
    float: left;
}

.mosaic-main-wrapper .heading .item.operator {
    float: right;
    margin-top: 50px;
}

.mosaic-main-wrapper .heading .item.blurb {
    float: right;
    margin-top: 62px;
    margin-right: 25px;
    font-size: 24px;
    color: #262626;
    font-family: KelloggsSansRegular;
}

.mosaic-main-wrapper .operator {
    text-align: center;
    margin-top: 20px;
}

.mosaic-main-wrapper .operator .view-all {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    color: #262626;
    padding-bottom: 2px;
    border-bottom: 2px solid #262626;
    font-family: KelloggsSansMedium;
}

.operator .view-all {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    color: #262626;
    padding-bottom: 2px;
    border-bottom: 2px solid #262626;
    font-family: KelloggsSansMedium;
}

/* Standard tile style */

.mosaic-main-wrapper .mosaic-tiles-wrapper .grid__item .cta {
    /*border: solid 1px darkslategrey;*/
    box-sizing: border-box;
    position: relative;
    padding: 0 0 10px 0;
    overflow: hidden;
}

.mosaic-main-wrapper .mosaic-tiles-wrapper .grid__item .cta .cta_image .kstl-image-wrapper .kstl-responsive-image img {
    padding: 0 !important;
}

.mosaic-main-wrapper .tile-content {
    position: absolute;
    top: 60px;
    left: 40px;
    width: 236px;
    height: 280px;

    color: #262626;
}

.mosaic-main-wrapper .tile-content .name {
    padding-left: 30px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 14px;
    color: white;
}

.mosaic-main-wrapper .tile-content .quote {
    font-size: 18px;
    line-height: 1.8;
    margin: 20px 0;
    text-align: right;
    color: white;
}

.mosaic-main-wrapper .tile-content .operator {
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 100%;
}

.mosaic-main-wrapper .tile-content .operator .view-answer {
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    font-size: 14px;
}

.mosaic-main-wrapper .tile-content .operator .view-answer:hover {
    text-decoration: underline;
}

.mosaic-main-wrapper .mosaic-carousel-wrapper {
    padding-bottom: 60px !important;
}

.mosaic-main-wrapper .mosaic-carousel-wrapper .heading {
    position: relative;
    width: 380px;
    margin: 0 auto;
}

.mosaic-main-wrapper .mosaic-carousel-wrapper .heading .item.image {
    float: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50px);
}

.mosaic-main-wrapper .mosaic-carousel-wrapper .heading .item.operator {
    margin-bottom: 20px;
}

.mosaic-main-wrapper .mosaic-carousel-wrapper .flexslider {
    margin-top: 0;
}

.mosaic-main-wrapper .mosaic-carousel-wrapper .flexslider .flex-viewport {
    width: 316px;
    margin: 0 auto;
}

.mosaic-main-wrapper .mosaic-carousel-wrapper .kstl-full-image-slide {
    position: relative;
    background-color: transparent;
}

.mosaic-main-wrapper .mosaic-carousel-wrapper .kstl-full-image-slide .kstl-feature-inset {
    position: static;
    background-image: none;
    background-color: transparent;
}

.mosaic-main-wrapper .mosaic-carousel-wrapper .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    height: 0;
    padding: 0 !important;
}

/*
 * Inline Block
 * --------------------------------------------------
 */

.inline-overlay .answer-content {
    display: none;
}

.inline-overlay-block {
    display: block;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.inline-overlay-block > .wrapper {
    position: relative;
    height: 100%;
}

.inline-overlay-block .answer-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 40px);
    max-width: 800px;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.inline-overlay-block .answer-content > .wrapper {
    padding: 60px 80px;
    padding: 80px 80px 40px 80px;
    position: relative;
}

.inline-overlay-block .answer-content h3 {
    display: block;
    /*text-align: center;*/
    margin-bottom: 30px;
    font-family: KelloggsSansRegular;
    font-size: 24px;
    line-height: 1.2;
    color: #262626;
}

.inline-overlay-block .answer-content h3 .question-title {
    font-family: KelloggsSansMedium;
}

.inline-overlay-block .answer-content .description p {
    margin: 12px 0;
}

.inline-overlay-block .operator.close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 33px;
    height: 32px;
    background: transparent url(/content/dam/europe/kelloggs_fr/images/icon-close.png) 0 0 no-repeat;
    cursor: pointer;
}

/*
 * Tab Control
 * --------------------------------------------------
 */

.tab-control-wrapper {
    margin: 25px 0;
}

.tab-control-wrapper ul {
    list-style: none;
    text-align: center;
    margin-left: 0px;
}

.tab-control-wrapper ul li {
    display: inline-block;
    margin: 0 15px;
}

.tab-control-wrapper ul li a {
    display: block;
    padding: 4px 2px;
    text-decoration: none;
    color: #262626;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
}

.tab-control-wrapper ul li a.active,
.tab-control-wrapper ul li a:hover {
    color: #b51946;
    border-bottom-color: #b51946;
}

/*
 * Custom GSA List
 * --------------------------------------------------
 */

.custom-gsa-container .filters {
    text-align: center;
    margin-bottom: 70px;
}

.custom-gsa-container .filters > a {
    display: inline-block;
    background-color: #f7f7f7;
    padding: 12px 30px;
    text-decoration: none;
    border: solid 1px #dddddd;
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
    margin: 4px 4px;
    border-radius: 999px;
}

.results-total-wrapper {
    display: none;
    margin-bottom: 20px;
}

.results-total-wrapper span {
    font-weight: bold;
}

.custom-gsa-container .filters > a:hover,
.custom-gsa-container .filters > a.is-active {
    border-color: #262626;
    background-color: #262626;
    color: #f7f7f7;
}

.custom-gsa-container .collection {
    border-top: solid 1px #dddddd;
    padding-top: 40px;
}

.custom-gsa-container .collection .collection-no-results {
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #b51946;
}

.custom-gsa-container .collection .result-item .link-wrapper {
    display: block;
    margin: 0 8px 16px 8px;
    background-color: white;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.2;
    color: #666666;
    overflow: hidden;
    transition: box-shadow 0.3s;
    box-sizing: border-box;
    min-height: 260px;
}

.custom-gsa-container .collection .result-item .link-wrapper .image {
    height: 160px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 14px;
}

.custom-gsa-container .collection .result-item .link-wrapper .image img {
    max-width: 100%;
    max-height: 100%;
}

.custom-gsa-container .collection .result-item .link-wrapper .name {
    display: block;
    text-align: center;
    font-family: KelloggsSansMedium;
    font-size: 18px;
    line-height: 1.2;
    color: #2c2c2c;
    margin: 0 40px;
    margin-bottom: 14px;
}

.custom-gsa-container .collection .result-item .link-wrapper .description {
    display: none;
    text-align: center;
    margin: 25px 40px 40px 40px;
}

.custom-gsa-container .collection .result-item[data-type="product"] .link-wrapper .description {
    display: none;
}

.custom-gsa-container .collection .result-item[data-type="brand"] .link-wrapper .description {
    display: none;
}

.custom-gsa-container .pagination {

    margin: 40px 0;
    width: 100%;
}

.custom-gsa-container .pagination ul li a.number:hover {
    text-decoration: underline;
}

.custom-gsa-container .pagination ul {
    list-style-type: none;
    text-align: center;
    margin-left: 0;
}

.custom-gsa-container .pagination ul li {
    display: inline-block;
    margin: 0 10px;
}

.custom-gsa-container .pagination ul li a {
    display: block;
    font-size: 16px;
    color: #2c2c2c;
    border-radius: 999px;
    padding: 6px 15px;
    /*background-color: rgba(255, 0, 255, 0.2);*/
}

.custom-gsa-container .pagination ul li a:hover {
    background-color: rgba(243, 243, 243, 0.4);
}

.custom-gsa-container .pagination ul li a.is-active {
    cursor: default;
    background-color: #2c2c2c;
    color: white;
}

.custom-gsa-container .pagination ul li a.previous-link img,
.custom-gsa-container .pagination ul li a.first-link img {
    transform: rotate(180deg);
}

/*
 * Products Container & Grid
 * --------------------------------------------------
 */

.product-grid-container .heading h3 {
    text-align: center;
    font-family: KelloggsSansRegular;
    font-size: 36px;
    margin-bottom: 50px;
}

.products-container {
    margin: 0 0 140px 0;
    padding: 0 0 60px 0;
}

.products-container .heading h3 {
    text-align: center;
    font-family: KelloggsSansRegular;
    font-size: 36px;
    margin-bottom: 50px;
}

.products-container .operator {
    margin-top: 15px;
    text-align: center;
}

.products-needed-container h4 {
    font-family: KelloggsSansMedium;
    font-size: 18px;
    color: #262626;
    text-transform: uppercase;
    margin-top: 10px;
}

.products-container .operator .show-all {
    text-decoration: none;
    font-family: KelloggsSansMedium;
    font-size: 16px;
    text-transform: uppercase;
    color: #2c2c2c;
    border-bottom: solid 2px #2c2c2c;
}

.products-container .operator .show-all:hover {
    border-bottom-color: transparent;
}

.products-container .product_category {
    margin: 60px 0;
}

.products-container .product_category .grid__item {
    margin-bottom: 40px;
}

.products-container .product_category .grid__item > .product__image {
    /*margin: 10px;*/
}

.products-container .product_category .grid__item > h3 {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 0 30px;
}

.products-container .product_category .grid__item > h3 > a {
    text-decoration: none;
    font-size: 18px;
    font-family: KelloggsSansMedium;
    color: #2c2c2c;
}

/*
 * Article Grid
 * --------------------------------------------------
 */

.article-grid-container .kstl-list {
    font-size: 0;
}

.article-grid-container .kstl-list .article-item .link-wrapper {
    display: block;
    margin: 0 8px 16px 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    background-color: white;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.2;
    color: #666666;
    overflow: hidden;
    transition: box-shadow 0.3s;
    height: 500px;
}

.article-grid-container .kstl-list .article-item .link-wrapper:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}

.article-grid-container .kstl-list .article-item .link-wrapper .image {
    background: repeating-linear-gradient( 135deg, rgba(255, 255, 0, 0.1), rgba(255, 255, 0, 0.1) 20px, transparent 20px, transparent 40px);
    min-height: 230px;
}

.article-grid-container .kstl-list .article-item .link-wrapper .image img {
    width: 100%;
}

.article-grid-container .kstl-list .article-item .link-wrapper h3 {
    display: block;
    text-align: center;
    font-family: KelloggsSansMedium;
    font-size: 18px;
    line-height: 1.2;
    color: #2c2c2c;
    margin: 45px 40px 0 40px;
}

.article-grid-container .kstl-list .article-item .link-wrapper p {
    display: block;
    text-align: center;
    margin: 25px 40px 40px 40px;
}

/*
 * Blades
 * --------------------------------------------------
 */

.blades-container {
    position: relative;
    margin: 60px 0 !important;
    padding: 40px 0 !important;
}

.blades-container .blade {
    padding: 20px 0;
}

.blades-container .blade.with-border-bottom {
    border-bottom: 1px solid #dddddd;
}

.blades-container .blade.with-vertical-spacing {
    padding: 60px 0;
}

.blades-container .blade.alt {}

.blades-container .blade .block {
    width: 50%;
    float: left;
}

.blades-container .blade.alt .block {
    float: right;
}

.blades-container .blade .block.image {
    padding: 20px;
}

.blades-container .blade .block.image img {
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.blades-container .blade .block.description {
    padding-left: 90px;
}

.blades-container .blade.alt .block.description {
    padding-left: 0;
    padding-right: 90px;
}

.blades-container .blade .block.description h4 {
    font-size: 24px;
    font-family: KelloggsSansMedium;
    color: #262626;
    margin-bottom: 10px;
}

.blades-container .blade .block.description h4 em,
.blades-container .blade .block.description h4 i {
    font-style: normal;
    color: #b51946;
}

.blades-container .blade .block.description p {
    font-size: 16px;
    font-family: KelloggsSansRegular;
    color: #666666;
    margin: 12px 0;
}

.blades-container .kstl-add-this {
    margin-top: 0 !important;
    text-align: center;
}

/*
 * Related Items
 * --------------------------------------------------
 */

.related-items-container .heading {
    text-align: center;
    margin-bottom: 50px;
}

.related-items-container .heading h3 {
    font-size: 36px;
    font-family: KelloggsSansRegular;
}

.related-items-container .flexslider .flex-viewport {
    max-width: 980px;
    margin: 0 auto;
}

.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide {
    background-color: white;
    margin: 0 5px;
}

.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .kstl-feature-inset {
    position: static;
    max-width: 100%;
    width: 100%;
}

.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    padding: 0 !important;
}

.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .description {
    height: 210px;
    text-align: center;
    padding: 30px 40px 15px 40px;
}

.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .description .preheader {
    text-transform: uppercase;
    font-size: 14px;
    color: #b51946;
    margin-bottom: 5px;
}

.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .description h5 {
    font-family: KelloggsSansMedium;
    font-size: 18px;
    color: #2c2c2c;
    line-height: 1.4;
    margin-bottom: 20px;
}

.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .description p {
    font-family: KelloggsSansRegular;
    font-size: 16px;
    color: #666666;
    line-height: 1.4;
    margin: 10px 0;
}

.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .operator {
    text-align: center;
    margin: 15px 40px 40px 40px;
}

.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .operator a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    color: #2c2c2c;
    padding-bottom: 2px;
    font-family: KelloggsSansMedium !important;
    text-align: center;
    border-bottom: 2px solid #262626;
    text-decoration: none;
}

.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .operator a:hover {
    text-decoration: none;
}

.related-items-container .related-item {
    display: block;
    text-align: center;
    padding: 0 20px;
    text-decoration: none;
    font-size: 18px;
    font-family: KelloggsSansMedium;
    color: #2c2c2c;
}

.related-items-container .related-item .description {
    margin-top: 15px;
}

/*
 * Lightbox Overlays
 * --------------------------------------------------
 */

.vbox-overlay {
    background-color: rgba(255, 255, 255, 0.8);
}

.vbox-container > .vbox-content > .vbox-inline {
    background-color: transparent !important;
}

.vbox-container > .vbox-content > .vbox-inline > .grid > .grid__item {
    padding-left: 0;
}

.vbox-container .vbox-content .overlay-container {
    max-width: 800px;
    background-color: white;
    padding: 60px 40px;
    margin: 10px auto;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/*
 * 'Ask Us' Overlay
 * --------------------------------------------------
 */

.vbox-container .vbox-content .overlay-container.overlay-ask-us-container {
    /*background-color: paleturquoise;*/
    font-size: 16px;
    color: #666666;
}

.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactinfo-region {
    display: none !important;
}

.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactform-region {
    border: none;
}

.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactform-region .box-header {
    display: none !important;
}

.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactform-region .box-body {
    padding: 0;
}

.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactform-region > form > fieldset > div {
    margin: 20px 0;
}

.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactform-region button[type="submit"] {
    background-color: #b51946;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 999px;
    border: none;
    margin-top: 30px;
    transition: background-color .3s, border .3s;
}

.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactform-region button[type="submit"]:hover {
    background-color: #6f1b2b;
}

/*
 * Operators container (used in Product detail, promotion detail pages)
 * --------------------------------------------------
 */

.operators-container {

    padding-top: 40px;
}

.operators-container.is-sticky {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    padding-left: 40px !important;
    background-color: rgba(255, 255, 0, 0.2);
}

.operators-container .operator {
    margin-top: 30px;
}

.operators-container .operator .where-to-buy {
    background-image: url(/content/dam/europe/kelloggs_fr/images/icon-shop.png);
    background-position: 20px 50%;
    background-repeat: no-repeat;
    padding-left: 60px;
    display: none;
}

.operators-container .operator .send-question {
    background: transparent url(/content/dam/europe/kelloggs_fr/images/icon-question.png) 0px 50% no-repeat;
    display: inline-block;
    padding: 18px 10px 18px 60px;
    text-transform: uppercase;
    text-decoration: none;
    color: #2c2c2c;
}

.meta-container .kstl-add-this,
.operators-container .kstl-add-this {
    margin-top: 20px;
}

.kstl-add-this .addthis_text {
    cursor: pointer;
    display: block;
    padding-top: 14px;
    padding-bottom: 18px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    color: #2c2c2c;
    font-size: 14px;
}


.kstl-add-this .addthis_button_compact {
    display: block;
    position: relative;
    width: 53px !important;
    height: 53px !important;
}

.kstl-add-this .addthis_button_compact::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 53px;
    height: 53px;
    content: '';
    background: transparent url(/content/dam/europe/kelloggs_fr/images/icon-share.png) 0 0 no-repeat;
}

.kstl-add-this .addthis_button_compact .at-icon-wrapper {
    display: none;
}

/*
 * Product Details Page
 * --------------------------------------------------
 */

.productDetail .leftColumn {
    position: relative;
}

.productDetail .headline {
    margin-left: 60px !important;
}

.productDetail .headline .kstl-product-header {
    font-family: KelloggsSansRegular;
    font-size: 54px;
    color: #262626;
    padding-bottom: 30px;
    line-height: 1.1;
}

.productDetail .headline .kstl-product-description {
    font-family: KelloggsSansRegular;
    font-size: 18px;
    color: #2c2c2c;
}

.productDetail .headline .kstl-image-wrapper {
    margin-top: 20px;
    margin-left: 20px;
}

.productDetail .headline .kstl-nutrition-info {
    margin-top: 30px;
    padding: 0;
    font-size: 16px;
    color: #666666;
}

.productDetail .headline .kstl-nutrition-info .kstl-nutrition-header {
    font-family: KelloggsSansMedium;
    font-size: 18px;
    text-transform: uppercase;
    color: #262626;
}

.product_nutrition_btn {
    padding: 0;
    margin-top: 30px;
    font-family: KelloggsSansMedium;
    font-size: 18px;
    color: #262626;
    text-transform: uppercase;
    border: none;
    border-bottom: solid 2px #808080;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-top: 30px;
}

.productDetail .kstl-product-nutrition-table,
.productDetail .product-nutrition-table {
    margin-top: 60px;
    margin-left: 0;
    width: 100%;
    background-color: white;
    font-family: OpenSans;
    font-weight: normal;
    font-size: 14px;
    color: #666666;
}

.productDetail .kstl-product-nutrition-table tbody tr,
.productDetail .product-nutrition-table thead tr,
.productDetail .product-nutrition-table tbody tr {
    border: none;
}

.productDetail .product-nutrition-table thead tr {
    background-color: #b51946;
    color: white;
}

.productDetail .kstl-product-nutrition-table tbody tr:nth-of-type(odd),
.productDetail .product-nutrition-table tbody tr:nth-of-type(odd) {
    background-color: #f8f8f8;
}

.productDetail .kstl-product-nutrition-table tbody tr td,
.productDetail .product-nutrition-table thead tr th,
.productDetail .product-nutrition-table tbody tr td {
    padding: 15px 20px;
}

.productDetail .kstl-related-products {
    margin-top: 60px;
}

.productDetail .kstl-related-products .heading {
    width: 100%;
    text-align: center;
    font-family: KelloggsSansRegular;
    font-size: 36px;
    color: #2c2c2c;
}

.productDetail .kstl-related-products .relatedItem_list {
    margin-top: 30px;
}

.productDetail .kstl-related-products .relatedItem_list .grid__item {
    padding: 0 50px !important;
}

.productDetail .kstl-related-products .relatedItem_list .grid__item h3 a {
    font-family: KelloggsSansMedium;
    font-size: 18px;
    color: #2c2c2c;
}

/*
 * Recipes Grid Container
 * --------------------------------------------------
 */

.anchor--recipes .heading h3 {
    font-size: 36px;
    font-family: KelloggsSansRegular;
}

.recipes-grid-container {}

.recipes-grid-container .kstl-list {
    font-size: 0;
}

.recipes-grid-container .kstl-list .recipe-item {
    font-size: 16px;
}

.recipes-grid-container .kstl-list .recipe-item .link-wrapper {
    display: block;
    text-decoration: none;
    background-color: white;
    margin: 0 8px 16px 8px;
    height: 330px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s;
}

.searchResults .result-container .result-item:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}

.recipes-grid-container .kstl-list .recipe-item .link-wrapper .image {
    background: repeating-linear-gradient( 45deg, rgba(206, 210, 235, 0.1), rgba(206, 210, 235, 0.1) 20px, transparent 20px, transparent 40px);
}

.recipes-grid-container .kstl-list .recipe-item .link-wrapper .image img {
    width: 100%;
}

.recipes-grid-container .kstl-list .recipe-item h3 {
    display: block;
    text-align: center;
    margin: 20px;
    font-family: KelloggsSansMedium;
    font-size: 16px;
    color: #2c2c2c;
}

.related-recipe__body {
    margin-bottom: 14px;
}

div.kstl-related-recipes.grid {
    font-size: 0;
}

div.kstl-related-recipe {
    padding-left: 12px !important;
    background-color: white;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.2;
    color: #666666;
    overflow: hidden;
    transition: box-shadow 0.3s;
}

div.related-recipe__img {
    text-align: center;
    margin-bottom: 14px;
}

.related-recipe__link a {
    display: block;
    text-align: center;
    font-family: KelloggsSansMedium;
    font-size: 18px;
    line-height: 1.2;
    color: #2c2c2c;
    margin-top: 45px;
    margin: 45px 40px 0 40px;
    margin: 0 40px;
    text-decoration: none;
}

.brand-container {
    font-family: KelloggsSansMedium;
    text-transform: uppercase;
    font-size: 14px;
    color: #b51946;
    margin-top: 12px;
    ;
}

div.related-recipe__copy {
    display: none;
}

/*
 * Past Promotions
 * --------------------------------------------------
 */

.past-promotions {

    margin: 40px 0;
}

.past-promotions .description {
    float: left;
    width: 33%;
    padding-right: 60px;
}

.past-promotions .description h4 {
    font-family: KelloggsSansRegular;
    font-size: 36px;
    display: inline-block;
    line-height: 1.0;
    margin-bottom: 20px;
}

.past-promotions .description p {
    font-size: 16px;
    line-height: 1.4;
    color: #666666;
}

.past-promotions .links {
    float: left;
    width: 67%;
    list-style-type: none;
}

.past-promotions .links li {
    display: inline-block;
    width: 48%;
}

.past-promotions .links li a {
    display: block;
    padding: 3px;
    margin: 4px;
    font-size: 14px;
    color: #2c2c2c;
    margin: 10px 20px 10px 0;
    text-decoration: none;
}

.past-promotions .links li a:hover {
    text-decoration: underline;
}

/*
 * Recipe Details Page
 * --------------------------------------------------
 */

.recipeDetail .meta-container {
    margin-right: 80px !important;
}

.recipeDetail .meta-container .kstl-recipe-servings,
.recipeDetail .meta-container .kstl-recipe-totaltime {
    text-transform: uppercase;
    padding: 35px 0 35px 10px;
    border-bottom: solid 1px #e9e8e6;
    font-size: 14px;
    color: #262626;
}

.recipeDetail .meta-container .operator {
    border-bottom: solid 1px #e9e8e6;
    padding: 30px 0;
}

.recipeDetail .meta-container .operator .send-question {
    background: transparent url(/content/dam/europe/kelloggs_fr/images/icon-question.png) 0px 50% no-repeat;
    display: inline-block;
    padding: 18px 10px 18px 65px;
    text-transform: uppercase;
    text-decoration: none;
    color: #2c2c2c;
}

.recipeDetail .meta-container .kstl-add-this {
    padding: 10px 0 20px 0;
    border-bottom: solid 1px #e9e8e6;
}

.recipeDetail .kstl-recipe-name {
    font-family: KelloggsSansRegular;
    font-size: 54px;
    color: #262626;
    padding-bottom: 30px;
    line-height: 1.1;
}

.recipeDetail .kstl-recipe-ingredients,
.recipeDetail .kstl-recipe-directions {
    font-family: KelloggsSansRegular;
    font-size: 16px;
    color: #666666;
    margin-bottom: 20px;
}

.recipeDetail .kstl-recipe-ingredients h4,
.recipeDetail .kstl-recipe-directions h4 {
    font-family: KelloggsSansMedium;
    font-size: 18px;
    color: #262626;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
}

.recipeDetail .kstl-recipe-ingredients .ingredient-section {
    font-family: KelloggsSansRegular;
    font-size: 16px;
    color: #666666;
    font-weight: normal;
    text-transform: uppercase;
    display: inline-block;
    /*margin-bottom: 8px;*/
    margin: 8px 0 4px 0;
}

.recipeDetail .kstl-recipe-ingredients ul {
    list-style-type: none;
    margin-left: 0px;
}

.recipeDetail .kstl-recipe-ingredients ul li {
    margin-bottom: 4px;
}

/*
 * Promotion Details Page
 * --------------------------------------------------
 */

.promotionDetail {}

.promotionDetail .descriptions-container {
    font-size: 18px;
    color: #2c2c2c;
    line-height: 1.4;
}

.promotionDetail .descriptions-container h2 {
    font-family: KelloggsSansRegular;
    font-size: 54px;
    line-height: 1.1;
    color: #262626;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 40px;
}

.promotionDetail .descriptions-container h4 {
    font-family: KelloggsSansMedium;
    font-size: 18px;
    color: #262626;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.promotionDetail .descriptions-container ol {
    margin: 25px 0;
    counter-reset: lorem-li;
    list-style-type: none;
}

.promotionDetail .descriptions-container ol li {
    margin: 20px 0;
    font-size: 16px;
    color: #666666;
    counter-increment: lorem-li;
    position: relative;
    padding-left: 80px;
}

.promotionDetail .descriptions-container ol li::before {
    content: '0' counter(lorem-li) '.';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: KelloggsSansMedium;
    font-size: 24px;
    color: #b51946;
}

.promotionDetail .related-products-container {
    background-color: rgba(255, 0, 255, 0.2);
    margin: 40px 0;
}

/*
 * Search Results
 * --------------------------------------------------
 */

.searchResults .result-container {
    margin: 10px 0;
}

.searchResults .result-container .result-item {
    display: block;
    padding: 60px;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s;
}

.searchResults .result-container .result-item:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}

.searchResults .result-container .result-item .item {
    float: left;
}

.searchResults .result-container .result-item .item.blurb {
    width: calc(100% - 240px);
}

.searchResults .result-container .result-item .item.blurb h3 {
    display: inline-block;
    margin-bottom: 20px;
    font-family: KelloggsSansMedium;
    font-size: 24px;
    color: #262626;
}

.searchResults .result-container .result-item .item.blurb p {
    display: inline-block;
    font-size: 16px;
    color: #666666;
}

.searchResults .result-container .result-item .item.image {
    width: 120px;
    margin: 0 60px;
}

.serach-results .tab-wrapper-2 .custom-gsa-container .collection .result-item .link-wrapper .name {
    display: none;
}

/*
 * Internal Scroll
 * --------------------------------------------------
 */

.internal-scroll {
    padding: 25px 0 20px 0 !important;
}

.internal-scroll .logo-wrapper {
    float: left;
    display: none;
}

.internal-scroll .logo-wrapper img {
    width: 100px;
}

.internal-scroll .custom-overlay-trigger-wrapper {
    float: right !important;
    margin-top: 3px;
    display: none;
}

.internal-scroll .nav {
    /*width: 400px;*/
    text-align: center;
    margin: 0 auto;
    /*background-color: rgba(255, 255, 0, 0.15);*/
}

.internal-scroll .nav ul {
    list-style-type: none;
}

.internal-scroll .nav ul li {
    display: inline-block;
}

.internal-scroll .nav ul li a {
    display: block;
    margin: 0 10px;
    padding: 8px 16px;
    text-transform: uppercase;
    text-decoration: none;
    color: #2c2c2c;
    font-family: KelloggsSansRegular;
    font-size: 12px;
    border-radius: 9999px;
    /*background-color: rgba(0, 0, 0, 0.02);*/
}

.internal-scroll .nav ul li a:hover,
.internal-scroll .nav ul li a.active {
    background-color: #2c2c2c;
    color: white;
}

.internal-scroll.is-sticky {
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    /*z-index: 99;*/
    z-index: 13;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.internal-scroll.is-sticky > .grid__item {
    display: block;
    max-width: 1440px;
    margin: 0 auto !important;
}

.internal-scroll.is-sticky .logo-wrapper {
    display: block;
}

.internal-scroll.is-sticky .custom-overlay-trigger-wrapper {
    display: block;
}

/*
 * Custom Overlay
 * --------------------------------------------------
 */

.custom-overlay-parent {
    display: none !important;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.custom-overlay-parent.active {
    display: block !important;
}

/*
 * Custom Overlay: Search Overlay
 * --------------------------------------------------
 */

.custom-overlay.search-overlay {
    max-width: 1440px;
    margin: 0 auto !important;
    background-color: white;
    background: linear-gradient(180deg, white, white 95%, transparent);
    padding: 15px 25px 120px 25px !important;
}

.custom-overlay.search-overlay .operator.close {
    text-align: right;
    cursor: pointer;
    margin-top: 12px;
}

.custom-overlay.search-overlay .search-textbox {
    max-width: 980px;
    margin: 100px auto 0 auto;
}

.custom-overlay.search-overlay .search-textbox input[type="text"] {
    width: calc(100% - 75px);
    font-family: KelloggsSansRegular;
    font-size: 36px;
    padding: 10px 0;
    margin: 0 20px 0 0;
    border: none;
    border-bottom: solid 1px #cccccc;
    border-radius: 0;
}

/*logo*/

.grid__item.custom-overlay-parent.active > div > div:nth-child(1) > div > span > img {
    margin-left: 15px;
    width: 100px;
    margin-top: 1px;
}

@media (max-width: 601px) {
    .grid__item.custom-overlay-parent.active > div > div:nth-child(1) > div > span > img {
        margin-left: -5px
    }
}

.custom-overlay.search-overlay .search-textbox input[type="text"]::-webkit-input-placeholder,
.custom-overlay.search-overlay .search-textbox input[type="text"]::-moz-placeholder,
.custom-overlay.search-overlay .search-textbox input[type="text"]::-ms-input-placeholder {
    color: darkslateblue;
}

.custom-banner-container .js-image-wrapper {
    display: none;
}

.custom-banner-container {
    opacity: 0;
    transition: opacity 0.25s;
}

/*spredfast*/

body > div.header-holder > div.header {
    display: none !important;
}

body > div.header-holder > div.subheader {
    background-color: none !important;
}

/**-- COntact us  --*/

#KSTL-ContactUs-main .callus {
    height: auto;
    margin-bottom: 12px;
}

#KSTL-ContactUs-main .box-header {
    background: #b41946 !important;
}

#KSTL-ContactUs-main .box-bordered {
    border: none !important;
}

#KSTL-ContactUs-main {
    display: block !important;
    font-family: KelloggsSansMedium !important;
    color: #262626 !important;
    font-size: 14px !important;
}

/*sitemap*/

.sitemap {
    display: block;
    padding: 0px 10px !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 980px !important;
}

.sitemap .subtitle {
    font-style: normal;
    font-size: 16px !important;
    font-family: KelloggsSansMedium !important;
    margin: 14px 0;
    display: block;
    padding-left: 2px;
    padding-bottom: 16px !important;
    border-bottom: 1px dotted black;
}

.sitemap ul li a {
    text-decoration: none;
    color: #d31145;
    display: inline-block;
    padding: 4px 0;
    margin: 2px 0;
}

/*fixes*/

.modal__container {
    display: none !important;
}

.header-holder {
    display: none !important;
}

.operator.close p {
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom-style: solid;
    width: 43px;
    float: right;
}


.articlepodright {
    width: 220px;
    float: right;
    margin: 0 0 20px 20px;
}

.articlepodleft {
    width: 210px;
    float: left;
    margin: 0 20px 10px 0;
}

.articlepodright-paragraph {
    width: 210px;
    float: right;
    margin-left: 20px;
    margin-top: 0;
    height: 145px;
}

.hero-blurb ul.lichange li {
    font-size: 16px;
    color: #666666;
    margin: 8px 0;
    padding-left: 8px;
}

.nutritionImageRight Img {
    float: right;
    width: 300px;
    height: auto;
}

.nutritionImageLeft Img {
    float: left;
    width: 300px;
    height: auto;
    margin-right: 20px;
}

.group1.cboxElement img {
    width: 100%;
}

.hero.pillar .description h1 {
    font-size: 48px;
}

.hero.pillar.who-we-are .description h1 {
    margin-left: 0px;
    color: #ffffff;
}

.hero.pillar.who-we-are .description .text-one {
    color: #ffffff;
    margin-bottom: 20px;
}

.hero.pillar.who-we-are .description .banner-button {
    background-color: #6f1b2b;
    color: white;
    padding: 5px;
}

.hero.pillar.nutrition .description h1 {
    margin-left: 0;
}

.hero .description h2 {
    font-family: KelloggsSansRegular;
    color: #262626;
    font-size: 56px;
    line-height: 0.8;
    padding-bottom: 15px;
}

.hero.pillar.who-we-are .description h2 {
    font-family: KelloggsSansRegular;
    color: #262626;
    font-size: 56px;
    line-height: 0.9;
    padding-bottom: 15px;
}

.hero .description h3 {
    font-family: KelloggsSansRegular;
    color: #262626;
    font-size: 36px;
    line-height: 1.1;
}

.hero .description h4 {
    font-family: KelloggsSansRegular;
    color: #262626;
    font-size: 24px;
    line-height: 1.1;
}

/****Samresh Masterbrand************/

.container .hero .description h4 {
    font-weight: normal;
}

.grid.fullWidth.whiteBackground {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

div.row2020 {
    width: 100%;
    float: left;
}

.whiteBackground {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    width: 100%;
}

.LFlastPera {
    text-align: right;
}

.LFlastPeraText {
    width: 60%;
    float: left;
    text-align: left;
}

.LFlastPeraImage {
    width: 38%;
    display: inline-block;
}

.LFlastPeraImage img {
    width: 100%;
}

.row2020 p {
    padding-top: 25px;
}

.brandDescContainer {
    display: table;
}

.brandImg,
.brandDesc {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.brandImg {
    text-align: center;
}

.brandDescContainer .brandDesc .kstl-brand-description {
    padding-bottom: 0 !important;
}

.recipe-list-wrapper .custom-gsa-container .collection .result-item .link-wrapper .image img {
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
}

.littleFarmerPeraImage div img {
    width: 70%;
}

.tab-wrapper.brands .custom-gsa-container .collection .result-item .link-wrapper .name,
.tab-wrapper.brands .custom-gsa-container .collection .result-item .link-wrapper .cta-articles,
.tab-wrapper.brands .custom-gsa-container .collection .result-item .link-wrapper .description,
.serach-results .custom-gsa-container .collection .result-item .link-wrapper .description ,
.tab-wrapper.cereals .custom-gsa-container .collection .result-item .link-wrapper .name,
.tab-wrapper.snacks .custom-gsa-container .collection .result-item .link-wrapper .name{
    display: none !important;
}


.banners-container .banner.position-alt.nutrition .description .icon {
    margin-top: 0;
}

.wwb-home-pera1 {
    width: 40%;
    float: left;
    padding-top: 40px;
    margin-right: 40px;
}

.WWB_pera.box {
    text-align: center;
    padding: 1%;
    width: 22%;
    float: left;
    margin: 0;
}

.WWB_pera_Heading {
    margin-left: 20px;
}

.custom-banner-container {
    background-repeat: no-repeat;
    background-size: cover;
}

.nourishProductWrapper .desk-one-quarter {
    width: 100%;
}

.nourishProductWrapper .custom-gsa-container .collection {
    border-top: 0px;
}

@media (max-width: 768px) {
    .internal-scroll .nav {
        clear: both;
    }
    .results-total-wrapper {
        margin-left: 20px;
    }
    .footer .mob-logo-wrapper {
        margin-left: 20px;
    }

}

.related-items-container .related-recipe__img a {
    width: 90%;
    display: block;
    margin: 0 auto;
}

.related-items-container .related-recipe__img a img {
    width: 100%;
    height: auto;
}

.centeredContent .related-recipe__link a {
    color: #2c2c2c;
}

.brandDetail .blades-container {
    padding: 40px 0px !important;
}

.brandDetail .blades-container.centeredContent .blade p {
    padding: 20px 20px 0;
}

.brandDetail .blades-container.centeredContent .blade .description p {
    padding: 0;
}

.centeredContent .nourishPera .amazing-wrapper .ftr_text p {
    font-size: 12px;
}

.specialkDisclaimer.ftr_text p {
    font-size: 12px;
}

.prod-disclaimer-text .kstl-nutrition-info {
    font-size: .9rem !important;
}

.myAccountLogin .grid__item a {
    text-decoration: none;
}

@media (max-width: 999px) {
    .grid.centeredContent.myAccountLogin .grid__item {
        padding: 0px 20px !important;
    }

    .hero.pillar.who-we-are .description h1 {
        color: #2c2c2c;
    }
    .hero.pillar.who-we-are .description .text-one {
        color: #2c2c2c;
    }
	 .results-total-wrapper {
        margin-left: 20px;
    }
}

/****Yash CSS************/

.cards-container .card2new {
    min-height: 200px;
}

.topNavWrapper .operators-wrapper a.contact-us-link {
    background: url(/content/dam/europe/kelloggs_fr/images/icon-contact-us-sprite.png) no-repeat right -44px;
    height: 40px;
    display: inline-block;
    padding-right: 7px;
    line-height: 32px;
    color: #cc0033;
    text-decoration: none;
    text-transform: uppercase;
    font-family: kelloggssansmedium;
    font-size: 12px;
    position: relative;
    top: -10px;
}

.topNavWrapper .operators-wrapper a.contact-us-link span {
    background: url(/content/dam/europe/kelloggs_fr/images/icon-contact-us-sprite.png) no-repeat top left;
    display: block;
    height: 32px;
    padding: 0 4px 0 15px;
}

.float-right-image-wrapper {
    float: right;
    margin: 20px;
    margin-right: 0px;
}

.float-left-image-wrapper {
    float: left;
    margin: 20px;
    margin-left: 0;
}

.vertical-align-middle {
    vertical-align: middle;
}

.padding-right-20 {
    padding-right: 20px;
    float: none;
    padding-top: 0px;
}

@media (max-width:500px) {
    a .vertical-align-middle.padding-right-20 {
        float: left;
        padding-top: 7px;
    }
}

.hero-blurb.marketplace-commitment a {
    color: #0000ee;
}

@media (max-width: 414px) {
    .float-right-image-wrapper {
        float: none;
        margin: 20px;
        text-align: center;
    }
    .float-left-image-wrapper {
        float: none;
        text-align: center;
        margin: 20px;
    }
}

.hero-blurb.environmental-initiatives ul li {
    font-size: 16px;
    color: #666666;
}

.hero-blurb .image-description-text {
    font-size: 13px;
}

.hero-blurb.press-release-child p {
    margin-bottom: 20px;
}

.hero-blurb.press-release-child .image-wrapper {
    text-align: center;
}

.hero-blurb.press-release-child .text-align-center {
    text-align: center;
}

.margin-left-zero {
    margin-left: 0;
}

.margin-right-zero {
    margin-right: 0;
}

.margin-top-zero {
    margin-top: 0;
}

.margin-bottom-zero {
    margin-bottom: 0;
}

.container .hero-blurb.marginbottomzero {
    margin-bottom: 0;
}

.grid.with-bg-white.blades-container {
    margin-top: 0 !important;
}

.hide-in-mobile {
    display: block;
}

.hide-in-desktop {
    display: none;
}

@media (max-width: 768px) {
    .hide-in-desktop {
        display: show;
    }
    .hide-in-mobile {
        display: none;
    }
}

/*Yash*/

.nourishPera.strengthRetreatPera {
    margin-left: 20px;
    margin-right: 20px;
}

.nourishPera.minHeight425 {
    min-height: 425px;
}

.nourishPera.minHeight325 {
    min-height: 325px;
}

.SKImageRight {
    width: 40%;
    float: right;
    margin: 10px 0px 0px 45px;
}

.SKImageLeft {
    width: 45%;
    float: left;
    margin: 10px 45px 0px 0px;
}

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

/*Samresh*/

.fontSize54 {
    font-size: 54px;
    color: #262626 !important;
    font-family: KelloggsSansRegular !important;
}

.blades-container .blade .block.image img {
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.parbase.textAndImage.section.minHeight175 {
    min-height: 175px;
}

.articlepodright-paragraph {
    width: 210px;
    float: right;
    margin-left: 20px;
    margin-top: 20px;
    height: auto;
}

.articlepodleft-paragraph {
    width: 210px;
    float: left;
    height: auto;
    margin-right: 20px;
    margin-top: 20px;
}

.cerealCarousel .flex-control-nav.flex-control-paging {
    margin-bottom: 25px;
}
.cerealCarousel .flexslider {
	padding-bottom:35px;
}
.cerealCarousel .flexslider .flex-direction-nav .flex-next {
    background: url(/content/dam/europe/kelloggs_fr/images/btn-arrow-right.png) no-repeat;
    right: -25px;
    opacity: .3;
}

.cerealCarousel .flexslider .flex-direction-nav .flex-prev {
    background: url(/content/dam/europe/kelloggs_fr/images/btn-arrow-left.png) no-repeat;
    left: -25px;
    opacity: .3;
}

.cerealCarousel .flexslider .flex-direction-nav a {
    width: 25px;
    height: 50px;
}

.cerealCarousel .flex-control-paging li a.flex-active {
    background: #b44464;
}
.cerealCarousel .blades-container{
    margin-top:0 !important;
    padding-top:0 !important;
}
.cerealCarousel .cards-container{
	margin-bottom:40px;
}
.cerealCarousel .cards-container .card2{
	min-height:400px;
}
.cerealCarousel .cards-container .card2 .image img {
    width: auto;
	margin:0 auto;
}
.alternatepostext-wrapper .articlepodimageleft {
    width: 25%;
    float: left;
}

.alternatepostext-wrapper .articlepodimageright {
    width: 25%;
    float: right;
}

.alternatepostext-wrapper .articlepodtextleft {
    width: 73%;
    float: left;
}

.alternatepostext-wrapper .articlepodtextright {
    width: 73%;
    float: right;
}

.articlepodright-paragraph {
    width: 210px;
    float: right;
    margin-left: 20px;
    margin-top: 20px;
    height: auto;
}

.articlepodleft-paragraph {
    width: 210px;
    float: left;
    height: auto;
    margin-right: 20px;
    margin-top: 20px;
}

.articlepodleft-paragraph.widthAuto {
    width: auto;
}

.articlepodright-paragraph.widthAuto {
    width: auto;
}

@media (max-width: 480px) {

    .articlepodright-paragraph {
        width: 100% !important;
    }
    .articlepodleft-paragraph {
        width: 100% !important;
    }
}

.article-health-banner-text {
    padding: 0 100px;
}

@media (max-width: 768px) {
.cerealCarousel .flexslider{
		padding-bottom: 50px;
	}
    .article-health-banner-text {
        padding: 0 20px;
    }
}

@media (max-width: 601px) {

    .rel-article-list {
        margin: 0 20px 0 30px;
    }

    .rel-article-list li {
        padding: 0 10px 0 0;
    }
    .tab_content.activeTab .tab_inner {
        -webkit-transition: max-height 1s;
        transition: max-height 1s;
        max-height: none !important;
        height: auto;
    }
    .press-release-wrapper .hero-blurb h1 {
        font-size: 38px;
    }
   .centeredContent.articles-container.anchor--articles .hero-blurb h1 {
        font-size: 38px;
    }
    .hero-blurb .wrapper p {
    margin-bottom: 15px;
}
.cards-container .card2, .cards-container .card2 .description{
	min-height:0;
}
.cerealCarousel .cards-container .card2{
	min-height:0;
	padding-bottom:10px;
}
}
.hero-blurb .wrapper p {
    margin-bottom: 20px;
}
.hero-blurb .wrapper p.marginbottomzero {
    margin-bottom: 0px;
}
.hero-blurb .wrapper p a{
   display: block;
}
.hero-blurb .wrapper p a.inline-block{
    display: inline-block;
}

.hero.commitment{
    border: none;
    border-top: 1px solid #dddddd;
    margin: 2px 0;
}

/* Helps the anchor tags in Pragraph to leave line breaks */
.hero.paranchor{
    display: inline-block;
}
/* tabs */
.tab_wrapper_outer .tab-controls{
    text-align:center;
    /*padding:20px 0*/
}
.tab_wrapper_outer .tab_wrapper{
    margin-bottom: 40px;
}
.tab_wrapper_outer .tab-controls .tab_link{
    display: block;
    margin: 0 10px;
    padding: 8px 16px;
    text-transform: uppercase;
    text-decoration: none;
    color: #2c2c2c;
    font-family: KelloggsSansRegular;
    font-size: 12px;
    border-radius: 9999px;
    background: none;
    border: none;
    font-family: KelloggsSansRegular;
    font-size: 12px;
    font-weight: normal;
}
.tab_wrapper_outer .tab-controls .tab_link:hover,
.tab_wrapper_outer .tab-controls .activeLink .tab_link{
    background-color: #2c2c2c;
    color: white;
}
.press-release-list{
    list-style:none;
    margin-left:5px;
    font-size: 12px;
}
.press-release-list li{
    margin-bottom:15px
}
.press-release-list li span{
    display:block;
}
.press-release-list li a{
    color: #d31145;
    text-decoration: none;
    cursor: pointer;
}
.press-release-list li a:hover{
    text-decoration:underline;
}

@media (max-width: 999px) {
    
    .press-release-list {
        margin:10px;
    }
    .tab_wrapper_outer .mobile_tab_link {
        background: #f3f0e9;
    }
    .tab_wrapper_outer .mobile_tab_link, .tab_link {
        color: #2c2c2c;
    }
   
}
.nourishPera.strengthRetreatPera h3{
   margin-bottom: 20px;
    text-align: center;
    font-family: KelloggsSansRegular;
    font-size: 36px; 
}
.tab-wrapper-outer{
  
    margin: 20px auto;
}  
.text-align-center{
    text-align: center;
}
.text-align-center.three-tab-wrapper p, .text-align-center.three-tab-wrapper h3{
    margin-bottom: 20px;
    padding: 4px;
}
.text-align-center.three-tab-wrapper p.reference{ 
    font-size: 10px;
}
.tab_inner{
    margin-top: 20px;
    margin-bottom: 20px;
}
.tab_inner p{
    margin-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 601px){
    .tab_inner{
    margin-top: 0px;
    margin-bottom: 0px;
    }
}
.margintopzero{
    margin-top: 0px;
}
html .fullWidth .centeredContent.vertical-adjustment{
    margin-top: -58px !important;
}
.inline-block{
    display: inline-block;
}