/**
 * Kelloggs IT brand specific style
 */
/*
 * Webfonts
 * ------   --------------------------------------------
 */
 .js-kstl-mega-nav__link--top:after{
	 background: transparent url(/content/dam/europe/kelloggs_it/images/down_arrow.svg) 0 50% no-repeat;
 }
 @media (max-width: 999px) {
	 .js-kstl-mega-nav__link--top:after{
        background: transparent url(/content/dam/europe/kelloggs_it/images/down_arrow.svg) no-repeat center;
    }
	html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.open:after{
        background: transparent url(/content/dam/europe/kelloggs_it/images/icon-arrow-top.png) no-repeat 8px 19px;
    }
 }
 .breadcrumbs-wrapper ul li::after {
	 background: url(/content/dam/europe/kelloggs_it/images/icon-arrow-right.png) 0px 50% no-repeat transparent;
 }
 .operators-container .operator .where-to-buy {
    background-image: url(/content/dam/europe/kelloggs_it/images/icon-shop.png);
 }
 .operators-container .operator .send-question {
    background: transparent url(/content/dam/europe/kelloggs_it/images/icon-question.png) 0px 50% no-repeat;
 }
 .kstl-add-this .addthis_button_compact {
	 background: transparent url(/content/dam/europe/kelloggs_it/images/icon-share.png) 0 0 no-repeat;
 }
 .recipeDetail .meta-container .operator .send-question {
    background: transparent url(/content/dam/europe/kelloggs_it/images/icon-question.png) 0px 50% no-repeat;
 }
 .faq-section .kstl-show-hide .sign {
	 background-image: url(/content/dam/europe/kelloggs_it/images/wkk2/plus_icon.png);
 }
 .faq-section .kstl-show-hide .open .sign {
    background-image: url(/content/dam/europe/kelloggs_it/images/wkk2/minus_icon.png);
 }
 /** what we believe **/
.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;
}

@media (max-width: 601px) {
	.wwb-home-pera1{width: 100% !important;}
    .WWB_pera.box {width: 100% !important;}
	.result-item .link-wrapper .name {
    margin-bottom: 20px;
}
}
@media (max-width: 480px) {    
    .our-community-video{
      height: 300px !important;
    }	
}
.hero-banner-top.chocokrispies .content-box .inner *,
.custom-slider.chocokrispies .link-wrapper .name,
.hero-banner-top.crunchy-nut .content-box .inner *,
.custom-slider.crunchy-nut .link-wrapper .name,
.custom-slider.spk .link-wrapper .name,
.hero-banner-top.coco-pops .content-box .inner *,
.custom-slider.coco-pops .link-wrapper .name,
.hero-banner-top.krave .content-box .inner *,
.custom-slider.krave .link-wrapper .name{
    color:#000 !important;
}
.hero-banner-top.frosties, .custom-slider.frosties {
    background: #5972c4;
}
.hero-banner-top.squares, .custom-slider.squares {
	background:#1452a9;
}
.hero-banner-top.crunchy-nut, .custom-slider.crunchy-nut {
	background:#FCCD3F;
}
.hero-banner-top.coco-pops, .custom-slider.coco-pops {
	background:#FCCD3F;
}	
.hero-banner-top.kelloggs-consumer, .custom-slider.kelloggs-consumer {
	background:#837fbc;
}
.hero-banner-top.krave, .custom-slider.krave {
	background:#f6a400;
}
.hero-banner-top.limitededition,  .custom-slider.ricekrispies {
	background:#1599ca;
}
.hero-banner-top.nutrigrain, .custom-slider.nutrigrain {
	background:#1452a9;
}
.hero-banner-top.poptarts, .custom-slider.poptarts {
	background:#d04c48;
}
.hero-banner-top.ricekrispies, .custom-slider.ricekrispies {
	background:#1599ca;
}
.hero-banner-top.flakes, .custom-slider.flakes {
	background:#008530;
}
.hero-banner-top.cornflakes, .custom-slider.cornflakes.anchor--products{
    background: #008530;
}
.hero-banner-top.cornflakes .content-box .inner *, .hero-banner-top.kelloggs{
    color: #ffffff;
}
.hero-banner-top.kelloggsnew, .custom-slider.kelloggsnew {
	background:#f1ab51;
}	
.hero-banner-top.extra, .custom-slider.extra {
	background:#e3bc9a;
}
.hero-banner-top.nice-morning, .custom-slider.nice-morning {
	background:#e9843b;
}
.hero-banner-top.loopsnew, .custom-slider.loopsnew {
	background:#e9243d;
}
/* .custom-slider.ricekrispies{ */
	/* margin-bottom:40px; */
/* } */

.custom-slider.kelloggs{
    background:#837fbc
}
.padding20 p a{
	word-break: break-word;
}
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column, html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column{
	height: auto;
}
.tiles-with-imgbg >div .grid__item p{
	padding: 0 28%;
}
.related-section-tile a{
    color:#fff;
    text-decoration:none;
    text-transform: uppercase;
}
.related-section-tile img{
	    z-index: 0;
		max-height: 65%;
}
.related-section-tile h3{
	z-index: 1;
    position: relative;
}
.related-section-tile.margin15 img{
    margin-right: 15px;
}
.related-section-tile.benefit-height img{
    max-height: 70%;
}
.related-section-tile.height80 img{
    max-height: 80%;
}

.related-section-tile.goodness-resize-img img{
    margin-right: 35px;
	max-height: 70%;
}
img.workingatkelloggs-left{
	float: left;
    margin-right: 20px;
	margin-bottom: 0;
}
.home-related-article-tiles .related-section-tile img{
	max-height: 60%;
}
.remove-anchor-color p a,
#KSTL-ContactUs-main a{
	color: #666666!important;
}
h2{
	margin-bottom: 20px;
}
.sitemap .KSTLNav>li.nav-button>ul li a{
	width: 92%;
	display: inline;
}
#KSTL-ContactUs-main .writeus{
	display:none;	
}
.press-release-list li a{
	color: #666666!important;
	text-decoration: underline!important;
}
header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li:last-of-type.kstl-mega-nav-item--top a{
	padding: 10px 0 10px 20px;
}
@media only screen and (max-width: 601px){
	.related-section-tile.goodness-resize-img img{
	margin-right: 15px;
    max-height: 65%;
	}
	body .fullWidth .centeredContent.padding10, html .fullWidth .centeredContent.padding10{
		padding: 0 10px !important;
	}
}
@media (max-width: 1199px){
	header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li:last-of-type.kstl-mega-nav-item--top a {
		padding-left: 13.5px;
		padding-right: 13.5px;
	}
}