/** Custom Resources * 15 - mr-peanut.css */ /** Plugins * global_textEditorWidget.zip - http://d32bphan0l5769.cloudfront.net/plugins/p4/global_textEditorWidget.zip/v1.2000000000000002/v1487575301757_594934077/ * widgetApi * global_textEditorWidget.css * KHC_Planters_Home_GettoknowPlanters.zip - https://d22r0r521qk72y.cloudfront.net/kraft/v201806180308p/plugins/KHC_Planters_Home_GettoknowPlanters/ * widgetApi * KHC_Planters_Home_GettoknowPlanters.css * KHC_Planters_Home_NutMobile.zip - https://d22r0r521qk72y.cloudfront.net/kraft/v201806180308p/plugins/KHC_Planters_Home_NutMobile/ * widgetApi * KHC_Planters_Home_NutMobile.css * KHC_Planters_Home_Twitter.zip - https://d22r0r521qk72y.cloudfront.net/218/studio/plugins/KHC_Planters_Home_Twitter.zip/v1527230258185_2138411177/ * widgetApi * KHC_Planters_Home_Twitter.css * KHC_Planters_BreadCrumb.zip - https://d22r0r521qk72y.cloudfront.net/kraft/v201806180308p/plugins/KHC_Planters_BreadCrumb/ * widgetApi * KHC_Planters_BreadCrumb.css * KHC_Planters_Content_Navigation.zip - https://d22r0r521qk72y.cloudfront.net/kraft/v201806180308p/plugins/KHC_Planters_Content_Navigation/ * widgetApi * KHC_Planters_Content_Navigation.css * KHC_Planters_Separator.zip - https://d22r0r521qk72y.cloudfront.net/kraft/v201806180308p/plugins/KHC_Planters_Separator/ * widgetApi * KHC_Planters_Separator.css * KHC_Planters_Title.zip - https://d22r0r521qk72y.cloudfront.net/kraft/v201806180308p/plugins/KHC_Planters_Title/ * widgetApi * KHC_Planters_Title.css * KHC_Planters_InstagramGallery.zip - https://d22r0r521qk72y.cloudfront.net/218/studio/plugins/KHC_Planters_InstagramGallery.zip/v1523949381687_518461061/ * widgetApi * KHC_Planters_InstagramGallery.css * KHC_Planters_Facebook.zip - https://d22r0r521qk72y.cloudfront.net/218/studio/plugins/KHC_Planters_Facebook.zip/v1527159500120_1618534672/ * widgetApi * KHC_Planters_Facebook.css * KHC_Planters_Video_Gallery.zip - https://d22r0r521qk72y.cloudfront.net/kraft/v201806180308p/plugins/KHC_Planters_Video_Gallery/ * widgetApi * KHC_Planters_Video_Gallery.css */ .cls_mr-peanutTitle,.cls_mobmr-peanutTitle{font-size:26px;line-height:28px;font-weight:500;letter-spacing:.001em;font-family:FuturaLT-ExtraBold;margin-top:0;text-transform:uppercase;color:#049;margin-bottom:10px}.cls_right p{font-size:14px;line-height:20px;letter-spacing:.0025em;font-family:Helvetica;color:#808080;margin-top:5px;margin-bottom:10px}.cls_left{width:23%;float:left;padding-right:15px}img.gettoknow-mrpeanutimg{max-width:100%;height:auto;width:100%}.cls_right{width:75%;float:right}.cls_mobmr-peanutTitle,.cls_mobmr-peanutSmallTitle{display:none}#mr-peanut .cls_twitterWrapper .cls_twitterPeanut{display:none}#mr-peanut .textEditorParent{max-width:944px;margin:auto;padding:46px 0;border-top:2px solid #ccc;border-bottom:2px solid #ccc;margin-top:50px;margin-bottom:100px}#mr-peanut .textEditorContainer{display:inline-block}#mr-peanut .cls_navigate_Container{padding-top:75px}#mr-peanut .cls_mainNutHeading{color:#049!important;margin-bottom:20px}#mr-peanut .krftBrdCrumbCont{padding-left:15px}#mr-peanut .cls_nuttyRoadCrew{padding-left:15px;padding-right:15px;max-width:944px;padding-bottom:0}#mr-peanut .cls_navigate_Container{padding-left:30px}#mr-peanut h2.cls_plantersTitleText{padding-left:15px}#mr-peanut .textEditorParent .textEditorContainerReader{padding:0}.cls_mr-peanutSmallTitle,.cls_mobmr-peanutSmallTitle{font-size:13px;font-family:GlyphaLTstd-Bold;letter-spacing:.005em;line-height:21px;text-transform:uppercase;color:#808080}.cls_paragraph{width:97%}#mr-peanut .skc_pageCellLayout[widgettype="KHC_Planters_BreadCrumb"],#mr-peanut .skc_pageCellLayout[widgettype="KHC_Planters_Home_NutMobile"],#mr-peanut .skc_pageCellLayout[widgettype="KHC_Planters_Content_Navigation"]{background-color:#fff!important}.textEditorParent{background-color:#f5f5f5!important}#mr-peanut a.cls_navigate_name{font-family:GlyphaLTstd-Bold}@media screen and (min-width:0) and (max-width:767px){.cls_left,.cls_right{margin:0 auto;float:none}.cls_mr-peanutTitle,.cls_mr-peanutSmallTitle,.cls_mobmr-peanutSmallTitle,.cls_mobmr-peanutTitle{text-align:center}.cls_mobmr-peanutSmallTitle{font-size:13px}.cls_mobmr-peanutTitle{font-size:20px}.cls_mobmr-peanutTitle,.cls_mobmr-peanutSmallTitle{line-height:24px;width:76%;margin:0 auto;display:block}.cls_mr-peanutTitle,.cls_mr-peanutSmallTitle{display:none}.cls_mainNutHeading,#mr-peanut .cls_mainNutHeading h1,#mr-peanut .cls_nutTitle,#mr-peanut .cls_mainNutHeading{font-size:20px;line-height:24px;width:100%;margin:0 auto;margin-bottom:10px}#mr-peanut .cls_navigate_Container{padding-top:0;padding-left:15px}#mr-peanut .cls_nuttyRoadCrew{padding-left:0;padding-right:0}#mr-peanut a.cls_navigate_name{font-family:GlyphaLTStd-Bold;font-size:11px;line-height:15px}#mr-peanut .cls_navigate_link:last-child{padding-bottom:35px}#mr-peanut .cls_plantersTitleText{margin-bottom:20px}#mr-peanut h2.cls_plantersTitleText{padding-left:0}.skc_pageCellLayout[widgettype="KHC_Planters_Home_Twitter"],.skc_pageCellLayout[widgettype="KHC_Planters_Facebook"]{margin-bottom:30px}#mr-peanut .textEditorParent{padding:28px 0;margin-bottom:60px}.cls_left,img.gettoknow-mrpeanutimg{width:209px;margin:0 auto}.cls_mobmr-peanutTitle{margin-bottom:10px}#mr-peanut .cls_getPlantersButtonTxt{font-size:13px}#mr-peanut .krftBrdCrumbCont{padding-left:0}}@media screen and (min-width:1025px){#mr-peanut .skc_pageCellLayout[widgettype="KHC_Planters_Social_Tumblr"]{margin:0 42px}}@media screen and (min-width:768px){#mr-peanut .cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersImg,#mr-peanut .cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersDetails{width:46%}}@media screen and (min-width :768px) and (max-width :1024px){#mr-peanut .cls_getPlantersButtonTxt{font-size:16px;padding:0 10px}#mr-peanut .textEditorParent{margin-left:15px;margin-right:15px}.cls_left{padding-left:0}.cls_paragraph{width:98%}#mr-peanut .cls_navigate_Container{padding-left:10PX;padding-right:10PX}.cls_navigate_link{padding:0 5px!important}} .textEditorParent .textEditorContainerReader{padding:0 10px;word-break:break-word;}.textEditorParent .textEditorStudioWdtEditMode{border:1px solid #34aadc;}.textEditorParent ul li{list-style-type:disc!important;}.textEditorParent .textEditorStudioWdtEditMode:empty:not(:focus):before{content:attr(data-ph);padding:10px;font-size:20px;line-height:50px;} .cls_maingetPlantersimage{width:100%}.cls_getPlantersImg{display:block;width:60%;padding:0 14px}.cls_getPlantersDetails{display:block;width:32%;padding-left:28px;color:#049;font-weight:bolder}.cls_getPlantersTitle{font-size:34px;line-height:36px;font-weight:500;letter-spacing:.001em;font-family:FuturaLT-ExtraBold;margin-top:0;text-transform:uppercase;color:#049}.cls_getPlantersDetails a{text-decoration:none;color:unset}a{text-decoration:none;color:unset}.cls_getPlantersText{font-size:16px;line-height:22px;letter-spacing:.0025em;font-family:helvetica;color:#808080;margin:10px 0 10px;font-weight:normal}.cls_getPlantersbutton{text-decoration:none;padding:0;margin:0 auto;cursor:pointer;height:50px;display:table;margin-top:26px;transition:transform .2s;margin-left:0}.cls_getPlantersButtonTxt{text-align:center;line-height:53px;padding:0 28px;font-family:FuturaLT-ExtraBold;color:#1a3e6b;text-transform:uppercase;width:auto;font-size:16px;text-decoration:none}.cls_getPlantersContainer{width:87%;margin:auto;padding-top:120px;padding-bottom:150px;max-width:1024px;overflow:hidden}.cls_getPlantersbutton:hover{transform:scale(1.05)}.sk-ui-layout-grid-cell.skc_pageCellLayout[widgettype="KHC_Brand_Home_GettoknowPlanters"]{background-color:#fff}span.bg-left{background-position:0 0;background-repeat:no-repeat;height:50px;background-image:url("//d22r0r521qk72y.cloudfront.net/kraft/v201806180308p/img/planters-btn-sprt.png");float:left;padding-left:8px;margin-right:-2px}span.bg-mid{background-position:0 -50px;background-repeat:repeat-x;font-size:18px;font-family:futura extra bold;color:#1a3e6b;height:50px;text-align:center;min-width:50px;background-image:url("//d22r0r521qk72y.cloudfront.net/kraft/v201806180308p/img/planters-btn-sprt.png");float:left}span.bg-right{background-position:0 -100px;background-repeat:no-repeat;height:50px;background-image:url("//d22r0r521qk72y.cloudfront.net/kraft/v201806180308p/img/planters-btn-sprt.png");float:right;padding-right:8px;margin-left:-2px}.cls_getPlantersbutton:focus{outline:0}@media screen and (min-width:0) and (max-width:767px){.cls_getPlantersTitle{font-size:20px;line-height:24px;margin-bottom:15px;text-align:center;color:#049;font-weight:bolder}.cls_getPlantersContainer{width:96%;margin:auto;padding-top:40px;padding-bottom:110px}.cls_getPlantersText{font-size:13px;line-height:18px;text-align:center}.cls_getPlantersButtonTxt{line-height:53px;font-size:14px;padding:0 15px}.cls_getPlantersDetails{width:100%;padding-left:0;float:none}.cls_getPlantersbutton{margin-left:auto}.cls_getPlantersImg{width:100%;padding:unset;float:none}}@media screen and (min-width:768px) and (max-width:1024px){.cls_getPlantersContainer{width:98%;max-width:974px}.cls_getPlantersImg{width:60%;padding:0 14px}.cls_getPlantersButtonTxt{line-height:52px;font-size:14px;padding:0 15px}.cls_getPlantersText{width:91%}#mr-peanut .cls_getPlantersText{width:100%}.cls_getPlantersbutton span.bg-left,.cls_getPlantersbutton span.bg-mid,.cls_getPlantersbutton span.bg-right{height:50px}#home .cls_getPlantersContainer{width:95%}#home .cls_getPlantersImg{width:63%}#home .cls_getPlantersDetails{width:29%}}@media screen and (min-width:901px) and (max-width:1120px){.cls_getPlantersImg{width:58%}.cls_getPlantersContainer{width:90%}}@media screen and (min-width:768px) and (max-width:900px){.cls_getPlantersImg{width:56%}.cls_getPlantersContainer{width:100%}}.cls_getPlantersContainer.GettoknowPlanters{padding-top:40px;padding-bottom:40px;margin:0;width:100%}.cls_getPlantersContainer.GettoknowPlanters{background:linear-gradient(to bottom,#0079c3,#049);background-image:-webkit-linear-gradient(top,#0079c3,#049);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0079C3',endColorstr='#004499');-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0079C3',endColorstr='#004499')}.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersImg,.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersDetails{padding-right:15px;padding-left:15px}.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersTitle{color:#ffdb24}.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersText{color:#fff;letter-spacing:.0025em;font-family:Helvetica;-webkit-text-size-adjust:none}.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersWrap{margin:auto}@media screen and (min-width:768px){.cls_getPlantersContainer.GettoknowPlanters{padding-top:100px;padding-bottom:66px}#mr-peanut .cls_getPlantersContainer.GettoknowPlanters{padding-top:120px;padding-bottom:150px}#mr-peanut .cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersImg,#mr-peanut .cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersDetails{width:46%}.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersImg,.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersDetails{width:50%;padding-right:15px;padding-left:15px}.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersTitle{font-size:34px;line-height:36px;letter-spacing:.001em}.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersText{font-size:16px;line-height:22px;letter-spacing:.0025em}.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersWrap{width:750px}}@media screen and (max-width:949px) and (min-width:768px){.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersWrap{width:768px}}@media screen and (min-width:950px){.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersWrap{width:900px}}@media(min-width:992px){.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersWrap{width:970px}}@media screen and (min-width:1024px){.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersWrap{width:974px}} .cls_nutContainer{width:375px;height:245px;text-align:center;background-color:#060d44;color:white;display:inline-block;position:absolute;z-index:1;top:50%;left:20%;opacity:.85;transform:translate(-20%,-50%);-webkit-transform:translate(-20%,-50%);-ms-transform:translate(-20%,-50%);padding:30px 25px}a{text-decoration:none;color:unset}.cls_nutTitle,.cls_mainNutHeading,.cls_mainNutHeading h1{color:#ffdb24!important;font-weight:500;font-size:34px;line-height:36px;letter-spacing:.001em;font-family:FuturaLT-ExtraBold;margin-top:0;text-transform:uppercase;margin-bottom:10px}.cls_mainNutHeading,#mr-peanut .cls_mainNutHeading h1,.cls_mainNutHeading h1{color:#049!important}.cls_nutdetails{margin-bottom:10px;font-size:16px;line-height:22px;letter-spacing:.0025em;font-family:helvetica}#nutmobile .cls_nutdetails{text-transform:uppercase;font-family:GlyphaLTStd-Bold;font-size:13px}.cls_RideButton{text-decoration:none;padding:0;margin:0 auto;cursor:pointer;height:50px;display:table;margin-top:26px}.cls_RideButton:hover{transform:scale(1.05)}.cls_nutButton{text-align:center;line-height:53px;padding:0 28px;font-family:FuturaLT-ExtraBold;color:#1a3e6b;text-transform:uppercase;width:auto;font-size:16px}.cls_mainNutimage{width:100%;display:block}.cls_nutContainer{left:12%}.cls_nutImage{position:relative}.cls_mobNutimage{display:none}#nutmobile .cls_RideButton{display:none}@media screen and (min-width:768px){.cls_nuttyRoadCrew{max-width:974px;margin:0 auto;padding:5px 0;padding-bottom:70px}.cls_nuttyRoadCrew .cls_nutContainer{width:350px;height:200px;text-align:left;left:0;transform:translate(0%,-41%);-webkit-transform:translate(0%,-41%);-ms-transform:translate(0%,-41%)}.cls_nuttyRoadCrew .cls_RideButton{display:none}.cls_nuttyRoadCrew .cls_nutTitle,.cls_nuttyRoadCrew .cls_nutdetails{margin-left:10px}}@media screen and (min-width:0) and (max-width:767px){.cls_nutContainer{width:100%;height:auto;padding:15px 0;position:relative;opacity:1;padding-bottom:20px;top:unset;left:unset;transform:none;background-color:#010a62}.cls_nuttyRoadCrew .cls_nutContainer{height:auto!important;text-align:center!important;left:unset!important;transform:none!important;width:100%!important;margin:0}.cls_nuttyRoadCrew{padding-bottom:10px}.cls_mainNutHeading{text-align:center}.cls_nutTitle,.cls_mainNutHeading{font-size:20px;line-height:24px;width:85%;margin:0 auto}.cls_nutdetails{font-size:13px;line-height:18px;width:90%;margin:auto;margin-bottom:10px}#nutmobile .cls_nutdetails{font-size:11px;line-height:15px}.cls_RideButton span.bg-right,.cls_RideButton span.bg-mid,.cls_RideButton span.bg-left{height:50px}.cls_nutButton{line-height:52px;font-size:13px;padding:0 15px}.cls_mobNutimage{display:block;width:100%}.cls_mainNutimage{display:none}}@media screen and (min-width:767px) and (max-width:1024px){.cls_nutContainer{width:350px;height:200px;padding:15px 15px}.cls_nutTitle{font-size:34px}.cls_nutdetails{font-size:13px}.cls_RideButton{margin-top:15px;height:25px}span.bg-right,span.bg-mid,span.bg-left{height:36px}.cls_nutButton{line-height:36px;font-size:14px;padding:0 15px}.cls_mobNutimage{display:none}.cls_mainNutimage{display:block}}@media screen and (min-width:768px) and (max-width:949px){.cls_nuttyRoadCrew{max-width:768px;padding:0 15px}.cls_nuttyRoadCrew .cls_nutContainer{margin:0 15px}} /** image directory path **/ /** browser support chrome / safari -> -webkit- mozilla / firefor -> -moz- ie -> -ms- konqueror -> -khtml- opera -> -o- **/ /** custom fonts type support eot -> IE6-IE8 & IE9 Compat Modes woff -> Pretty Modern Browsers woff2 -> Super Modern Browsers ttf -> Safari, Android, iOS svg -> Legacy iOS **/ /** get the number and returns as unit value ex: 10px -> 10 | 10 -> 10 **/ /** get the unit and returns as number ex: 10 -> 10px | 10px -> 10px **/ /** Local function get-map-number **/ /** Local function TRBL - top, right, bottom and left **/ /** loading images from the local directory. just pass the image url and the relative url. **/ /*** find the duplicate values ***/ /** replace string **/ /** remove duplicates **/ /** special function for rendering list arguments with their values ex: list: (10px, 10px) - val: ('top', 'left') result: top: 10px; left: 10px; only for: margin, padding and position **/ /** creating shapes square, rectangle ellipse and circle **/ /** min, max width and height settings **/ /** align: float, text-align, and vertical-align fl - float: left; fr - float:right; tal - text-align: left; tar - text-align:right; val - vertical-align: left; var: vertical-align:right; vam - vertical-align:middle vat - vertical-align: top; vab - vertical-align: bottom; **/ /** clear both **/ /** display method in short form b: block, n:none, ib: inline-block, fx: flex, ifx: inline-flex, bx: -webkit-box, -ms-flexbox, t - table, tc - table-cell **/ /** position **/ /** z-index **/ /** opacity **/ /** padding and margin **/ /** border properties: size, color and type **/ /** border-radius properties: tl, bl, tr and br **/ /*** extend multiple classes with one parent class ***/ /*set brower based css properties prefixes*/ /*hiding text selection*/ /*hiding text selection*/ /*enabling backface visibility*/ /*disabling backface visibility*/ /*drop shadow*/ /*inner shadow*/ /* enable scroll overflow -> x, y */ /*disable scroll*/ /*center align the dom by position*/ /*center aligning the content by flex properties*/ /** set image aspect ratio and auto center align **/ /** back to top - btn setup **/ /** calc for any property **/ /*disable all mouse click events*/ /*enable all mouse click events*/ /*setting mouse/cursor pointer*/ /* text transform: uppercase, lowercase, capitalize by passing single character like 'u, l, c' */ /* setting content with help of pseudo classes ::after, ::before */ /*** show dotted("...") in single line ***/ /** setting line count/clamp to be displayed in the panel which means restrict the number lines in the text and shows "..." **/ /** will help you to fix the all sides padding into given width and height which means, it will not be overflow **/ /** show tab highlight color supports only: tablet and mobile devices **/ /** hide tab highlight color supports only: tablet and mobile devices **/ /** show hyphens **/ /** hide hyphens **/ /** rendering css arrow using border concept **/ /** linear-gradient **/ /** updating input box placeholder color **/ /** floating elements in 9 places **/ /** removing tag default css styles ex: ul, a and body **/ /** removing default ul tag css styles **/ /** setting toggle states like :hover, :active, :focus etc., **/ /** removing the image background and merge with it **/ /** remove a tag default style **/ /** remove body default style **/ /** adding mask css **/ /** none properties **/ /** add custom font / @font-face **/ /* get component value by inifity property type */ /*get font name from web font*/ /*get font size from web font size*/ /*get color from web font size*/ /*get border sizes from web border size*/ /*get web media queries*/ /*creating media query css value*/ /*GET VALUE BASED ON THE RATIO*/ /* creating custom media query css */ /*setting dynamic media query by value*/ /*set width and height*/ /** maping the properties and rendering the css Note: this is a component specific method **/ /*FOR RENDERING BACKGROUND FOR SINGLE IMAGE*/ /*FOR RENDERING BACKGROUND FOR SPRITE/COLLECTION IMAGES */ /*render a single typography by config*/ /*render typography by collections */ /** additional properties support added for button config NOTE: This is a local function. automatically adds the property, if user adds it will be skipped. **/ /*render a single button by config */ /*render buttons by collections */ /** rendering modal/toasts layout **/ /******************************* COLORS *******************************/ /******************************* FONT NAMES *******************************/ /******************************* FONT SIZES *******************************/ /******************************* BORDERS *******************************/ /*** common extends class ***/ @media screen and (min-width: 0px) and (max-width: 767px) { #nutmobile .cls_twitterWrapper .cls_twitterFollow { margin-top: 12px !important; display: block !important; } #home .cls_twitterOuterDom { padding-bottom: 20px; } .cls_twitterWrapper { width: 99%; margin: 0 auto; } .cls_twitterWrapper .cls_twitterHeader { min-height: 30px !important; } .cls_twitterWrapper .cls_twitterPeanut { display: none; } .cls_twitterWrapper .cls_twitterFollow { margin-top: -3px !important; display: none !important; } .cls_twitterWrapper .cls_twitterIcon { margin-bottom: 10px; } .cls_twitterWrapper iframe#twitter-widget-0 { width: 100% !important; } .cls_twitterWrapper .cls_twitterTitle { font-size: 11px !important; margin-top: 12px !important; } .cls_twitterWrapper .cls_tweetUrl { padding-left: 5%; } .cls_twitterWrapper .mobButton { display: block !important; background: #fad500; padding: 4px 4px; margin: 20px auto; width: 205px; } .cls_twitterWrapper a.cls_innerMobBut { background: #fad500; color: #1a3e6b; padding: 8px 10px; border-top: 1.5px solid #e3aa51; border-left: 1.5px solid #e3aa51; border-bottom: 1.5px solid #fce160; border-right: 1.5px solid #fce160; font-weight: bold; font-size: 18px; display: inline-block; font-family: FuturaLT-ExtraBold; } div#twitter-widget-0 { max-width: unset !important; } .EmbeddedTweet.tweet-InformationCircle-widgetParent { max-width: unset !important; } .twitter-tweet .twitter-tweet-rendered { width: auto !important; } } @media screen and (min-width: 768px) { .cls_twitterWrapper { min-height: 500px; } } #nutmobile .cls_twitterWrapper .cls_twitterPeanut { display: none; } .cls_twitterWrapper { display: block; background: #ffffff; } .cls_twitterWrapper .cls_twitterHeader { position: relative; min-height: 50px; } .cls_twitterWrapper .cls_innerDOM { float: right; margin-bottom: 20px; } .cls_twitterWrapper .cls_twitterIcon { background-image: url("https://d3bguyhblutwd5.cloudfront.net/1170/studio/assets/v1515578685137_933392482/blueSocialIconSprite.png"); width: 25px; height: 25px; background-repeat: no-repeat; float: left; margin-top: 10px; margin-left: 15px; } .cls_twitterWrapper .cls_twitterTitle { font-size: 13px; line-height: 16px; padding: 0 5px; font-family: FuturaLT-ExtraBold; color: #007cD5; float: left; text-transform: uppercase; margin-top: 14px; font-weight: 500; } .cls_twitterWrapper .cls_twitterPeanut { background-image: url(https://d3bguyhblutwd5.cloudfront.net/1170/studio/assets/v1523949966156_635208227/mrPeanutSmall.png); width: 44px; height: 101px; background-repeat: no-repeat; margin-top: -100px; margin-bottom: 10px; } .cls_twitterWrapper .cls_twitterFollow { margin: 10px; border: 1px solid #007cD5; padding: 3px 9px; color: #007cD5; font-family: helvetica; display: block; font-size: 11px; font-weight: 700; text-decoration: none; line-height: 16px; } .cls_twitterWrapper .cls_twitterFollow:hover { background-color: #007cD5; color: #fff; } .cls_twitterWrapper .cls_tweetUrl { color: #007cD5; text-decoration: none; font-size: 12px; line-height: 18px; font-family: helvetica; } .cls_twitterWrapper .mobButton { display: none; } #nutmobile .cls_twitterWrapper .cls_innerDOM { margin-bottom: 0px; } #nutmobile .cls_twitterWrapper .mobButton { display: none !important; } #nutmobile .cls_twitterWrapper .EmbeddedTweet { max-width: none; } .SandboxRoot.env-bp-min .Tweet-body { color: #808080; font-size: 12px; } @media screen and (min-width:0) and (max-width:767px){.krftBrdCrumb{padding:10px 15px 12px 15px!important}.krftBrdCrumbCont{margin-left:unset!important}.krftBrdCrumbCont ul li a{line-height:18px!important}#search .krftBrdCrumb{padding:10px 15px 12px 15px!important;margin-top:0!important}#search .krftBrdCrumbCont ul li a{line-height:18px}#search .krftBrdCrumbCont ul li:nth-last-child(2) a{color:#808080}}@media screen and (min-width:768px) and (max-width:1024px){.krftBrdCrumb{margin:0!important}}@media screen and (max-width:949px) and (min-width:768px){.krftBrdCrumb{width:768px}}@media screen and (min-width:950px){.krftBrdCrumb{width:900px}}@media screen and (min-width:1024px){.krftBrdCrumb{width:974px}#search .krftBrdCrumb{width:100%;max-width:974px;margin:0 auto!important;box-sizing:border-box;padding-bottom:40px}}@media screen and (min-width:768px){#pdp .krftBrdCrumb{padding:15px 30px 50px 55px}}@media screen and (max-width:767px){.krftBrdCrumb{padding:10px 0 12px 0}.krftBrdCrumbCont ul li:nth-last-child(2) a span:before{content:"<<";color:#808080}.krftBrdCrumbCont ul li:nth-last-child(2) a{color:#777}.krftBrdCrumbCont ul li:nth-child(1) a span:after{content:""}.krftBrdCrumbCont ul li{display:none!important}.krftBrdCrumbCont ul li:nth-last-child(2){display:block!important}.krftBrdCrumbCont ul li:before{display:none}.krftBrdCrumb{padding:20px 15px 15px 15px}#meet-the-peanutters .krftBrdCrumb{margin:0!important}#meet-the-peanutters .krftBrdCrumbCont ul li:nth-last-child(3){display:block!important}#meet-the-peanutters .krftBrdCrumbCont ul li:nth-last-child(2){display:none!important}#meet-the-peanutters .krftBrdCrumbCont ul li:nth-last-child(3) a span:before{content:"<<";color:#808080}#meet-the-peanutters .krftBrdCrumbCont ul li:nth-last-child(3) a{color:#555}}.krftBrdCrumb{height:auto;min-height:10px;margin:0 auto 0 auto;position:relative;padding:15px 15px 30px 15px}#nutmobile .krftBrdCrumb{padding:15px 15px 30px 0}.krftBrdCrumbCont ul li{color:#a9a9a9;display:inline;line-height:100%}.krftBrdCrumbCont ul li:before{content:"/\00a0";font-size:15px;vertical-align:middle;padding:0 5px;color:#ccc}.krftBrdCrumbCont ul li a{color:#555;text-decoration:none;line-height:100%;padding:0;display:inline-block;cursor:pointer;font-family:Helvetica;font-weight:400}.krftBrdCrumbCont ul{list-style-type:none;margin:0;font-size:12px;font-family:Helvetica;font-weight:400;line-height:150%;padding:0}.krftBrdCrumb:before{content:" ";display:table}.krftBrdCrumbCont ul li:nth-child(1){list-style:none}.krftBrdCrumbCont ul li:nth-last-child(1) a{text-decoration:none}.krftBrdCrumbCont ul li:first-child:before{content:''}.krftBrdCrumbCont ul li a{color:#007cd5}.krftBrdCrumbCont ul li:nth-last-child(1) a{color:#777}.krftBrdCrumbCont ul li a:hover{color:#049}.krftBrdCrumbCont ul li:last-child{pointer-events:none} .cls_navigate_Container{max-width:974px;margin:0 auto}.cls_navigate_title{background-repeat:no-repeat;display:inline-block;padding-bottom:15px;background-position:bottom;background-image:url("//d3bguyhblutwd5.cloudfront.net/1173/studio/assets/v1516712384283_697727766/navBar.jpg")}.cls_navigate_title{font-size:13px;line-height:16px;letter-spacing:.0010em;font-family:FuturaLT-ExtraBold;margin-top:0;text-transform:uppercase;color:#049}.cls_navigate_link{display:inline-block;padding:0 10px;border-right:1px solid #ccc}.cls_navigate_link:last-child{border-right:0}a.cls_navigate_name{font-size:13px;font-family:helvetica-normal;letter-spacing:.005em;line-height:21px;text-transform:uppercase;color:#808080;text-decoration:none}a.cls_navigate_name:hover{color:#007cd5}.cls_navigate_links{padding:0;margin:0;display:inline-block}@media screen and (min-width:0) and (max-width:767px){.cls_navigate_link{display:block;padding:10px;border:0;border-top:1px solid #ccc;text-align:center}.cls_navigate_links{display:block}.cls_navigate_title{display:block;text-align:center;padding:10px;font-size:11px;line-height:16px;background:0}.cls_navigate_Container{max-width:100%;padding:0 15px}.a.cls_navigate_name{font-size:11px;line-height:15px}}@media screen and (min-width:768px) and (max-width:949px){.cls_navigate_Container{max-width:768px;padding:0 15px;padding-top:110px}} .cls_plantersTitleTextContainer{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.cls_plantersTitleText{letter-spacing:.001em;font-family:FuturaLT-ExtraBold;margin-top:0;text-transform:uppercase;color:#049;margin-bottom:10px}.cls_plantersTitleText,h1.cls_plantersTitleText,h2.cls_plantersTitleText{font-size:34px;line-height:36px}h3.cls_plantersTitleText{font-size:22px;line-height:24px}h4.cls_plantersTitleText{font-size:19px;line-height:21px}h5.cls_plantersTitleText{font-size:16px;line-height:18px}h6.cls_plantersTitleText{font-size:13px;line-height:16px}@media screen and (max-width:767px){.cls_plantersTitleText{text-align:center}.cls_plantersTitleText,h1.cls_plantersTitleText,h2.cls_plantersTitleText{font-size:20px;line-height:24px}h3.cls_plantersTitleText,h4.cls_plantersTitleText{font-size:18px;line-height:24px}h5.cls_plantersTitleText,h6.cls_plantersTitleText{font-size:11px;line-height:16px}.cls_plantersTitleTextContainer{padding-top:50px}.cls_navigate_link:last-child{padding-bottom:25px}}@media screen and (min-width:768px){.cls_plantersTitleTextContainer{width:750px;padding-right:0;padding-left:0}}@media screen and (max-width:949px) and (min-width:768px){.cls_plantersTitleTextContainer{width:768px}}@media screen and (min-width:950px){.cls_plantersTitleTextContainer{width:900px}}@media screen and (min-width:992px){.cls_plantersTitleTextContainer{width:970px}}@media screen and (min-width:1024px){.cls_plantersTitleTextContainer{width:974px}} /* * (c)2002-2015 Skava. All rights reserved. The Skava system, including without * limitation, all software and other elements thereof, are owned or controlled * exclusively by Skava and protected by copyright, patent, and other laws. Use * without permission is prohibited. For further information contact Skava at * info@skava.com. */ div[widgetType = 'KHC_Brand_InstagramGallery'] { } div[widgetType = 'KHC_Brand_InstagramGallery'].child { } .instagramContentWrapper *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .instagramContentWrapper { background: #fff; margin:20px; } .instagramHeaderWrapper { width:100%; height:50px; } .instagramHeaderLeft { float:left; } .instagramHeaderRight { float:right; } .socialIconsSpr { background: url("https://d3bguyhblutwd5.cloudfront.net/1170/studio/assets/v1515578685137_933392482/blueSocialIconSprite.png"); background-repeat: no-repeat; } .instgramIcn { display: inline-block; background-position: -66px 0px; width: 22px; height: 22px; margin: 12px; margin-right: 3px; } a.instagramFollowBtn:hover { background-color: #007cd5; color: #ffffff; } .instagramHeaderLeft a { font-size: 13px; line-height: 16px; letter-spacing: 0.0010em; font-family: FuturaLT-ExtraBold; margin-top: 0; text-transform: uppercase; font-weight: 500; color: #007cD5; text-decoration: none; } .instagramHeaderRight a { display: block; float: right; margin: 10px; border: 1px solid #007cD5; padding: 3px 9px; font-size: 11px; line-height: 16px; letter-spacing: 0.0025em; font-family: Helvetica; font-weight: bold; color:#007cD5; text-decoration: none; } .instagramImageWrapper { clear:both; } .instagramImageWrapper img { max-width: 100%; height: auto; width: 100%; } .instagramUserCaption { margin: 15px 15px 10px 15px; } .instagramUserName { font-size: 14px; line-height: 20px; letter-spacing: 0.0010em; font-family: Helvetica; font-weight: bold; color: #007cD5; } .instagramUserName a { text-decoration:none; color: #007cD5; } .instagramCreatedTime { font-size: 11px; line-height: 16px; letter-spacing: 0.0025em; font-family: Helvetica; font-weight: normal; color: #808080; } .instagramCreatedTime a { text-decoration:none; color: #808080; } .instagramCaptionText { color: #808080; font-size: 12px; line-height: 18px; letter-spacing: 0.0025em; font-family: Helvetica; padding-top: 10px; } .instagramProfPic { display:inline-block; } .instagramProfPic img { width: 30px; height: 30px; max-width: 100%; } .instagramUserDetails { display:inline-block; } .instagramCnt { text-align: center; padding-top: 10px; height: 43px; border-top: 1px solid #ccc; color: #808080; } .instagramLikesCnt, .instagramCommentsCnt { display:inline-block; margin: 0 7%; } .socialIconsSpr{ cursor:pointer; } .instagramCaptionText > span { text-overflow: ellipsis; -webkit-line-clamp: 4; overflow: hidden; display: -webkit-box; max-height: 70px; display: -moz-box; box-orient: vertical; -moz-box-orient: vertical; -webkit-box-orient: vertical; box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; } #nutmobile .instagramContentWrapper, #mr-peanut .instagramContentWrapper{ margin: 0; } .instagramLikesImage { background-image: url(https://d3bguyhblutwd5.cloudfront.net/1170/studio/assets/v1521085996524_1933882414/de09421ae2c6.png); background-repeat: no-repeat; background-position: -233px -280px; background-size: 400px 320px; width: 22px; height: 20px; padding-left: 23px; } .instagramCommentsImage { background-image: url(https://d3bguyhblutwd5.cloudfront.net/1170/studio/assets/v1521085996524_1933882414/de09421ae2c6.png); background-repeat: no-repeat; background-position: -318px -197px; background-size: 380px 320px; width: 25px; height: 20px; padding-left: 23px; } @media screen and (max-width: 767px) { .sk-ui-layout-grid-cell { width: 100% !important; } } @media screen and (min-width: 768px) { #nutmobile .instagramContentWrapper, #mr-peanut .instagramContentWrapper{ min-height: 500px; position: relative; } .instagramCnt { width: 100%; } } /** image directory path **/ /** browser support chrome / safari -> -webkit- mozilla / firefor -> -moz- ie -> -ms- konqueror -> -khtml- opera -> -o- **/ /** custom fonts type support eot -> IE6-IE8 & IE9 Compat Modes woff -> Pretty Modern Browsers woff2 -> Super Modern Browsers ttf -> Safari, Android, iOS svg -> Legacy iOS **/ /** get the number and returns as unit value ex: 10px -> 10 | 10 -> 10 **/ /** get the unit and returns as number ex: 10 -> 10px | 10px -> 10px **/ /** Local function get-map-number **/ /** Local function TRBL - top, right, bottom and left **/ /** loading images from the local directory. just pass the image url and the relative url. **/ /*** find the duplicate values ***/ /** replace string **/ /** remove duplicates **/ /** special function for rendering list arguments with their values ex: list: (10px, 10px) - val: ('top', 'left') result: top: 10px; left: 10px; only for: margin, padding and position **/ /** creating shapes square, rectangle ellipse and circle **/ /** min, max width and height settings **/ /** align: float, text-align, and vertical-align fl - float: left; fr - float:right; tal - text-align: left; tar - text-align:right; val - vertical-align: left; var: vertical-align:right; vam - vertical-align:middle vat - vertical-align: top; vab - vertical-align: bottom; **/ /** clear both **/ /** display method in short form b: block, n:none, ib: inline-block, fx: flex, ifx: inline-flex, bx: -webkit-box, -ms-flexbox, t - table, tc - table-cell **/ /** position **/ /** z-index **/ /** opacity **/ /** padding and margin **/ /** border properties: size, color and type **/ /** border-radius properties: tl, bl, tr and br **/ /*** extend multiple classes with one parent class ***/ /*set brower based css properties prefixes*/ /*hiding text selection*/ /*hiding text selection*/ /*enabling backface visibility*/ /*disabling backface visibility*/ /*drop shadow*/ /*inner shadow*/ /* enable scroll overflow -> x, y */ /*disable scroll*/ /*center align the dom by position*/ /*center aligning the content by flex properties*/ /** set image aspect ratio and auto center align **/ /** back to top - btn setup **/ /** calc for any property **/ /*disable all mouse click events*/ /*enable all mouse click events*/ /*setting mouse/cursor pointer*/ /* text transform: uppercase, lowercase, capitalize by passing single character like 'u, l, c' */ /* setting content with help of pseudo classes ::after, ::before */ /*** show dotted("...") in single line ***/ /** setting line count/clamp to be displayed in the panel which means restrict the number lines in the text and shows "..." **/ /** will help you to fix the all sides padding into given width and height which means, it will not be overflow **/ /** show tab highlight color supports only: tablet and mobile devices **/ /** hide tab highlight color supports only: tablet and mobile devices **/ /** show hyphens **/ /** hide hyphens **/ /** rendering css arrow using border concept **/ /** linear-gradient **/ /** updating input box placeholder color **/ /** floating elements in 9 places **/ /** removing tag default css styles ex: ul, a and body **/ /** removing default ul tag css styles **/ /** setting toggle states like :hover, :active, :focus etc., **/ /** removing the image background and merge with it **/ /** remove a tag default style **/ /** remove body default style **/ /** adding mask css **/ /** none properties **/ /** add custom font / @font-face **/ /* get component value by inifity property type */ /*get font name from web font*/ /*get font size from web font size*/ /*get color from web font size*/ /*get border sizes from web border size*/ /*get web media queries*/ /*creating media query css value*/ /*GET VALUE BASED ON THE RATIO*/ /* creating custom media query css */ /*setting dynamic media query by value*/ /*set width and height*/ /** maping the properties and rendering the css Note: this is a component specific method **/ /*FOR RENDERING BACKGROUND FOR SINGLE IMAGE*/ /*FOR RENDERING BACKGROUND FOR SPRITE/COLLECTION IMAGES */ /*render a single typography by config*/ /*render typography by collections */ /** additional properties support added for button config NOTE: This is a local function. automatically adds the property, if user adds it will be skipped. **/ /*render a single button by config */ /*render buttons by collections */ /** rendering modal/toasts layout **/ /******************************* COLORS *******************************/ /******************************* FONT NAMES *******************************/ /******************************* FONT SIZES *******************************/ /******************************* BORDERS *******************************/ /*** common extends class ***/ .cls_facebookWrapper { display: block; background: #ffffff; max-width: 768px; } .cls_facebookWrapper a { text-decoration: none; } .cls_facebookWrapper .cls_facebookHeader { position: relative; min-height: 50px; } .cls_facebookWrapper .cls_innerDOM { float: right; margin-bottom: 20px; } .cls_facebookWrapper .cls_innerDOM .cls_fbLikebtn { text-decoration: none; display: block; float: right; margin: 10px; border: 1px solid #007cD5; padding: 3px 9px; position: absolute; right: 9px; font-size: 11px; line-height: 16px; letter-spacing: 0.0025em; font-family: Helvetica; font-weight: bold; color: #007cD5; } .cls_facebookWrapper .cls_innerDOM .cls_fbLikebtn:hover { background-color: #007cD5; color: #fff; } .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbImageCont { position: relative; } .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbImageCont img { width: 100%; box-sizing: border-box; margin: auto; } .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbDescriptionCont { margin: 15px; } .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbDescriptionCont .fbPofileCont .fbProfileImg { width: 30px; height: 30px; box-sizing: border-box; float: left; } .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbDescriptionCont .fbPofileCont .fbTimeZone { display: table; padding-left: 10px; padding-bottom: 10px; width: 148px; box-sizing: border-box; } .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbDescriptionCont .fbPofileCont .fbTimeZone .fbProfileName { color: #007cD5; font-size: 14px; line-height: 20px; letter-spacing: 0.0010em; font-family: Helvetica; font-weight: bold; } .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbDescriptionCont .fbPofileCont .fbTimeZone .fbCreatedTime { font-size: 11px; line-height: 16px; letter-spacing: 0.0025em; font-family: Helvetica; font-weight: normal; color: #808080; } .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbDescriptionCont .fbImgDecs { overflow: hidden; display: block; position: relative; margin-bottom: 0; font-size: 12px; line-height: 18px; letter-spacing: 0.0025em; font-family: Helvetica; color: #808080; text-overflow: ellipsis; -webkit-line-clamp: 4; overflow: hidden; display: -webkit-box; max-height: 70px; /* display: -webkit-box; */ display: -moz-box; box-orient: vertical; -moz-box-orient: vertical; -webkit-box-orient: vertical; box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; } .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbRatings { padding: 14px 10px 13px 20px; text-align: center; border-top: 1px solid #ccc; } .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbRatings .likesCont { background-image: url(https://d3bguyhblutwd5.cloudfront.net/1170/studio/assets/v1518149996078_449814604/facebookSprite.png); background-repeat: no-repeat; width: 0; height: 18px; display: block; padding: 0 18px; margin: 0 13px; display: inline-block; background-position: 0 -194px; } .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbRatings .commentCont { background-image: url(https://d3bguyhblutwd5.cloudfront.net/1170/studio/assets/v1518149996078_449814604/facebookSprite.png); background-repeat: no-repeat; width: 0; height: 17px; display: block; padding: 0 18px; margin: 0 13px; display: inline-block; background-position: -19px -213px; } .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbRatings .sharesCont { background-image: url(https://d3bguyhblutwd5.cloudfront.net/1170/studio/assets/v1518149996078_449814604/facebookSprite.png); background-repeat: no-repeat; width: 0; height: 16px; display: block; padding: 0 18px; margin: 0 13px; display: inline-block; background-position: -19px -270px; } .cls_facebookWrapper .cls_facebookIcon { background-image: url("https://d3bguyhblutwd5.cloudfront.net/1170/studio/assets/v1515578685137_933392482/blueSocialIconSprite.png"); width: 25px; height: 25px; background-repeat: no-repeat; float: left; margin-top: 10px; margin-left: 15px; background-position: -33px 0px; } .cls_facebookWrapper .cls_facebookTitle { font-size: 13px; line-height: 25px; padding: 0 5px; font-family: FuturaLT-ExtraBold; color: #007cD5; float: left; text-transform: uppercase; margin-top: 8px; } .cls_facebookWrapper .cls_fbUrl { color: #007cD5; text-decoration: none; font-size: 12px; line-height: 18px; font-family: helvetica; } .SandboxRoot.env-bp-min .fb-body { color: #808080; font-size: 12px; } @media screen and (min-width: 1025px) { .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbDescriptionCont { padding-bottom: 31px; } .cls_facebookOuterDom .fbMediaCont .fbImageCont { min-height: 286px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .likesCont, .commentCont, .sharesCont { margin: 0; } } @media screen and (min-width: 768px) { .cls_facebookWrapper { position: relative; min-height: 500px; } .FbFooterContainer { position: absolute; bottom: 0; width: 100%; margin: 0 auto; } } @media screen and (min-width: 0px) and (max-width: 767px) { .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbRatings .likesCont, .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbRatings .commentCont, .cls_facebookWrapper .cls_facebookOuterDom .fbMediaCont .fbRatings .sharesCont { padding: 0 20px; } } .container>a{display:flex;justify-content:center;align-items:center;font-size:2em;color:#ffeead;position:relative;background-color:transparent;background:transparent}.container{width:100%;padding:15px;max-width:944px;padding-bottom:30px;display:inline-block}.container>a>img{width:100%;height:100%;object-fit:cover}.cls_commonDom{width:100%;float:left}.cls_smallDom{width:31.2%;float:left;padding:10px}.cls_commonDom:nth-child(odd) .big{padding-left:0;padding-bottom:0}.cls_commonDom:nth-child(odd) .cls_smallDom{padding-right:0;padding-bottom:0}.cls_commonDom:nth-child(even) .cls_smallDom{padding-left:0;padding-bottom:0}.cls_commonDom:nth-child(even) .big{padding-right:0;padding-bottom:0}a.big{width:66.6%;float:left;padding:10px}a.small{margin:10px 0;display:inline-block;width:100%}.container img{width:100%}a.small:first-child{margin-top:0}.big{grid-column:span 2;grid-row:span 2}.small{grid-column:span 1;grid-row:span 1}.panel{position:relative;transition:transform .2s}.panel-type-video::after{content:'';position:absolute;right:0;bottom:0;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background-image:url("//d3bguyhblutwd5.cloudfront.net/1170/studio/assets/v1519045799494_1799644868/playBtn_small.png");background-position:center;background-repeat:no-repeat;background-size:contain}.panel:hover{transform:scale(1.025);cursor:pointer}.panel label{position:absolute;bottom:0;left:0;padding:10px;text-transform:uppercase;font-family:Arial;width:100%}.cls_LinkTitle:first-child a.cls_Link.cls_All{color:#ffdb24}.panel label .title{font-size:13px;letter-spacing:.005em;color:#FFF;font-family:GlyphaLT-Bold}.panel label .subtitle{font-size:19px;line-height:21px;letter-spacing:.001em;margin-top:0;text-transform:uppercase;color:#ffdb24;font-family:FuturaLT-ExtraBold;width:80%}.skc_pageCellLayout[widgettype="KHC_Planters_Video_Gallery"]{background:linear-gradient(to bottom,#0079c3,#049);background-image:-webkit-linear-gradient(top,#0079c3,#049)}.cls_videoContainer{padding-top:100px;padding-bottom:90px;max-width:974px;margin:0 auto}.cls_videoGalleryTitle{font-size:34px;line-height:36px;letter-spacing:.001em;font-family:FuturaLT-ExtraBold;margin-top:0;text-transform:uppercase;color:#ffdb24;display:inline-block;padding-left:20px}.cls_videoGallery{max-width:974px;margin:0 auto}.cls_navigatioLinks{display:inline-block;float:right;margin-top:12px;margin-right:10px}a.cls_Link{display:inline-block;padding:0 10px;border-right:1px solid #ccc;cursor:pointer;font-size:11px;font-family:GlyphaLTStd-Bold;letter-spacing:.005em;line-height:18px;text-transform:uppercase;color:#fff}.cls_LinkTitle:last-child a{border-right:0}.cls_loadMoreGallerybutton{text-decoration:none;padding:0;margin:0 auto;cursor:pointer;height:50px;display:table;margin-top:26px;transition:transform .2s}.cls_loadMoreGallerybutton:hover{transform:scale(1.025);-webkit-transform:scale(1.05)}.cls_loadMoreGallerybutton span.bg-left{background-position:0 0;background-repeat:no-repeat;height:50px;background-image:url("//d22r0r521qk72y.cloudfront.net/kraft/v201806180308p/img/planters-btn-sprt.png");float:left;padding-left:8px;margin-right:-2px}.cls_loadMoreGallerybutton span.bg-mid{background-position:0 -50px;background-repeat:repeat-x;font-size:16px;font-family:futura extra bold;color:#1a3e6b;height:50px;text-align:center;min-width:50px;background-image:url("//d22r0r521qk72y.cloudfront.net/kraft/v201806180308p/img/planters-btn-sprt.png");float:left}.cls_loadMoreGallerybutton span.bg-right{background-position:0 -100px;background-repeat:no-repeat;height:50px;background-image:url("//d22r0r521qk72y.cloudfront.net/kraft/v201806180308p/img/planters-btn-sprt.png");float:right;padding-right:8px;margin-left:-2px}.cls_loadMoreGallerybuttonTxt{text-align:center;line-height:53px;padding:0 28px;font-family:FuturaLT-ExtraBold;color:#1a3e6b;text-transform:uppercase;width:auto;font-size:16px;text-decoration:none}a.cls_Link.cls_All:hover,a.cls_Link.cls_Videos:hover,a.cls_Link.cls_Snapshots:hover,a.cls_Link.cls_Gifs:hover{color:#ffdb24!important}.cls_mr-peanutIcon{position:absolute;z-index:0;background-image:url("https://d3bguyhblutwd5.cloudfront.net/1170/studio/assets/v1519825549324_965990274/peanutterImageTransparent.png");background-repeat:no-repeat;width:150px;height:328px;top:10px;margin-left:-106px}img .cls_GalleryImage:focus{outline:0}.cls_loadMoreGallerybutton:focus{outline:0}@media screen and (min-width:0) and (max-width:767px){.container>a>img{height:auto}.container>a{margin-bottom:20px;width:100%}.cls_commonDom .cls_smallDom,.cls_commonDom a.big,.cls_commonDom a.small{width:100%}.cls_commonDom:nth-child(even) .big,.cls_commonDom:nth-child(odd) .cls_smallDom{padding-left:0}.container{display:inline-block!important;width:94%;padding:0 10px}.cls_videoGallery .cls_videoGalleryTitle{font-size:20px;padding-left:0}.cls_videoGallery{text-align:center}.cls_videoContainer{padding-top:50px;padding-bottom:40px}.cls_videoGallery .cls_navigatioLinks{display:none}.panel-type-video::after{width:35px;height:35px;bottom:0;right:0;top:unset;left:unset}.cls_mr-peanutIcon{width:100px;height:230px;background-size:100% 100%;top:10px;margin-left:-40px}.cls_loadMoreGallerybuttonTxt{padding:0 10px;font-size:13px}.cls_getPlantersContainer.GettoknowPlanters{padding-bottom:110px}.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersImg,.cls_getPlantersContainer.GettoknowPlanters .cls_getPlantersDetails{padding-right:15px;padding-left:15px;width:90%;margin:0 auto;float:none}.panel label .title{font-size:11px;line-height:15px;margin-bottom:8px}.panel label .subtitle{font-size:15px;line-height:21px}}@media screen and (min-width:768px) and (max-width:1024px){.cls_loadMoreGallerybuttonTxt{padding:0 10px}.container{width:96%;padding:15px;padding-bottom:30px}.cls_smallDom{width:31.5%}.cls_commonDom a.big{width:65.7%}a.small:last-child{margin-top:0}a.small:first-child{margin-top:0}}@media screen and (min-width:768px) and (max-width:850px){.cls_left{width:22%}a.big{width:64%}}