#home_heroes{background-color:#30302f;background-position:left top;background-repeat:repeat-x;background-size:cover;background-attachment:fixed;width:100%;float:left;position:relative;margin:0px 0px 0px 0px;padding:235px 0px 113px 0px;display:flex;flex-direction:column;align-items:center}#home_heroes .home-title-container{max-width:1200px;margin:25px auto 55px}@media (max-width:1680px){#home_heroes .home-title-container{width:calc(100% - 40px) !important}}#home_heroes .home-title-container .home-title{font-family:'Muli',sans-serif;font-size:42px;font-weight:900;line-height:1.2;color:#FFF;text-align:center}@media (max-width:1200px){#home_heroes .home-title-container .home-title{font-size:42px}}#home_heroes .home-title-container .home-intro{color:#FFF;text-align:center;margin:25px 0 0 0}#home_heroes ul#heroes{width:100%;max-width:1600px;height:calc(100vh - 235px - 80px);max-height:610px;min-height:400px;display:flex;flex-direction:row;justify-content:space-between}#home_heroes ul#heroes li{background-color:#30302f;background-position:center top;background-repeat:no-repeat;background-size:cover;width:calc(33.333% - 14px);height:100%;float:left;position:relative;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;overflow:hidden;cursor:pointer;z-index:0;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1)}#home_heroes ul#heroes li:last-child{margin-right:0px}#home_heroes ul#heroes li .fade{background:url(../png/home-hero-fade.png) left bottom no-repeat;background-size:cover;width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:0;opacity:0.35;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1)}#home_heroes ul#heroes li .content{width:calc(100% - 80px);min-width:290px !important;height:calc(100% - 80px);float:left;position:relative;margin:0px 0px 0px 0px;padding:40px 40px 40px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;z-index:1}#home_heroes ul#heroes li .content a.section{height:26px;padding:0px 20px 0px 20px;position:absolute;left:40px;top:40px;font-family:'Zilla Slab',serif;font-style:italic;font-weight:700;color:#ffffff;font-size:16px;line-height:26px;text-decoration:none;border:2px solid #fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:block;-webkit-transition:all 125ms cubic-bezier(.645, .045, .355, 1);transition:all 125ms cubic-bezier(.645, .045, .355, 1)}#home_heroes ul#heroes li .content a.section:hover{background:#fff;color:#30302f;-webkit-transition:all 125ms cubic-bezier(.645, .045, .355, 1);transition:all 125ms cubic-bezier(.645, .045, .355, 1)}#home_heroes ul#heroes li .content h2{width:100%;color:#fff;font-family:'Muli',sans-serif;font-weight:900;font-size:2.5vw;line-height:3vw;-webkit-transition:all 125ms cubic-bezier(.645, .045, .355, 1);transition:all 125ms cubic-bezier(.645, .045, .355, 1)}#home_heroes ul#heroes li .content p{width:100%;max-height:0px;height:auto;color:#fff;font-family:'Muli',sans-serif;font-weight:400;font-size:18px;line-height:27px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;display:block;overflow:hidden;-webkit-transition:all 125ms cubic-bezier(.645, .045, .355, 1);transition:all 125ms cubic-bezier(.645, .045, .355, 1)}#home_heroes ul#heroes li .content a.cta{margin-top:19px}#home_heroes ul#heroes li .overlay{background:#000;width:100%;height:100%;position:absolute;left:0px;top:0px;pointer-events:none;z-index:10;opacity:0;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1)}#home_heroes ul#heroes li.inactive .overlay{opacity:.5;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1)}#home_heroes ul#heroes li:hover{width:70%;-webkit-box-shadow:0px 5px 35px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 5px 35px 0px rgba(0,0,0,0.75);box-shadow:0px 5px 35px 0px rgba(0,0,0,0.75);-webkit-transition:all 125ms cubic-bezier(.645, .045, .355, 1);transition:all 125ms cubic-bezier(.645, .045, .355, 1);z-index:1}#home_heroes ul#heroes li:hover .fade{-webkit-transition:all 125ms cubic-bezier(.645, .045, .355, 1);transition:all 125ms cubic-bezier(.645, .045, .355, 1);opacity:1}#home_heroes ul#heroes li:hover .content p{display:block;opacity:1;height:auto;max-height:600px;padding-top:11px;padding-bottom:4px;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition-delay:125ms}#home_heroes #myths{background:url(https://www.sugar.org/wp-content/themes/sugar/elements/styles/../images/icon-myth-alert.png) left 40px center no-repeat;width:100%;max-width:1600px;height:140px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}#home_heroes #myths h4{font-size:2vw;line-height:2.2vw;color:#fff;font-family:'Muli',sans-serif;font-weight:900;margin:0px 20px 0px 130px;float:left;position:relative}#home_heroes #myths ul#myth-list{width:calc(100% - 194px - 320px);height:140px;margin-right:30px;float:left;position:relative;display:block;overflow:hidden}#home_heroes #myths ul#myth-list li{width:100%;height:140px;float:left;position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;font-family:'Zilla Slab',serif;font-size:2vw;line-height:2.2vw;font-weight:600;font-style:italic;text-align:left;color:#fff}#top_callout,#middle_callout{width:100%;max-width:1600px;height:140px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}#top_callout h4,#middle_callout h4{font-size:36px;line-height:36px;color:#30302f;font-family:'Muli',sans-serif;font-weight:900;margin:0px 40px 0px 40px}#top_callout h4{color:#fff}.stage#home_section_callouts{background:#30302f url(https://www.sugar.org/wp-content/themes/sugar/elements/styles/../images/sugar-bg-dark.jpg) center top repeat-x;background-attachment:fixed;margin-top:113px}.stage#more_posts{background:url(https://www.sugar.org/wp-content/themes/sugar/elements/styles/../images/sugar-crystal-bg.jpg) center bottom repeat-x;background-attachment:fixed !important}.stage#more_posts a#sugar-packet-blog-logo{margin-top:-220px}.stage .content#home_main_callouts{margin-top:-113px}.stage .content#home_main_callouts .callout{margin-bottom:0px}.stage .content#section_callouts{margin:-113px 0px 0px 0px;padding-bottom:281px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.stage .content#section_callouts .sectioncallout{background-size:cover;background-position:left top;background-repeat:no-repeat;width:calc(25% - 15px);height:380px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;position:relative}.stage .content#section_callouts .sectioncallout .content{width:calc(100% - 60px);height:calc(100% - 70px);margin:30px 0px 0px 30px;padding:0px 0px 0px 0px;z-index:2;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-end;align-items:flex-start}.stage .content#section_callouts .sectioncallout .content .icon{width:80px;height:80px;position:absolute;left:0px;top:0px;overflow:hidden;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1)}.stage .content#section_callouts .sectioncallout .content .icon img{width:100%;height:auto;float:left;position:relative}.stage .content#section_callouts .sectioncallout .content .icon.charcoal{background-color:#30302f}.stage .content#section_callouts .sectioncallout .content .icon.dark-blue{background-color:#395cb6}.stage .content#section_callouts .sectioncallout .content .icon.light-blue{background-color:#81cad0}.stage .content#section_callouts .sectioncallout .content .icon.green{background-color:#7bbd33}.stage .content#section_callouts .sectioncallout .content .icon.dark-green{background-color:#42695c}.stage .content#section_callouts .sectioncallout .content .icon.brown{background-color:#80644c}.stage .content#section_callouts .sectioncallout .content .icon.pink{background-color:#f16565}.stage .content#section_callouts .sectioncallout .content .icon.yellow{background-color:#eac821}.stage .content#section_callouts .sectioncallout .content h2{width:100%;float:left;position:relative;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-family:'Zilla Slab',serif;font-weight:600;color:#fff;font-style:italic;font-size:2vw;line-height:2.2vw;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition-delay:125ms}.stage .content#section_callouts .sectioncallout .content p{width:100%;height:auto;max-height:1px;float:left;position:relative;margin:8px 0px 0px 0px;color:#fff;display:block;overflow:hidden;opacity:0;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition-delay:125ms}.stage .content#section_callouts .sectioncallout .content a.cta{width:auto;position:relative;margin-top:14px}.stage .content#section_callouts .sectioncallout .fade{width:100%;height:10px;position:absolute;left:0px;bottom:0px;z-index:1;opacity:1;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition-delay:125ms}.stage .content#section_callouts .sectioncallout:hover .content .icon{width:40px;height:40px}.stage .content#section_callouts .sectioncallout:hover .content p{display:block;height:auto;max-height:400px;opacity:1;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1)}.stage .content#section_callouts .sectioncallout:hover .fade{height:100%;opacity:0.35;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1)}.stage .content#section_callouts .sectioncallout.charcoal .fade{background-color:#30302f}.stage .content#section_callouts .sectioncallout.dark-blue .fade{background-color:#395cb6}.stage .content#section_callouts .sectioncallout.light-blue .fade{background-color:#81cad0}.stage .content#section_callouts .sectioncallout.green .fade{background-color:#7bbd33}.stage .content#section_callouts .sectioncallout.dark-green .fade{background-color:#42695c}.stage .content#section_callouts .sectioncallout.brown .fade{background-color:#80644c}.stage .content#section_callouts .sectioncallout.pink .fade{background-color:#f16565}.stage .content#section_callouts .sectioncallout.yellow .fade{background-color:#eac821}@media screen and (max-width:1680px){ul#heroes{width:calc(100% - 40px) !important}}@media screen and (max-width:1300px){#home_heroes ul#heroes li{width:calc(33.333% - 7px)}#top_callout h4,#middle_callout h4{font-size:28px;line-height:28px}}@media screen and (max-width:1200px){.stage .content#section_callouts .sectioncallout{width:calc(50% - 10px) !important;height:380px}.stage .content#section_callouts .sectioncallout:nth-child(1),.stage .content#section_callouts .sectioncallout:nth-child(2){margin-bottom:20px}.stage .content#section_callouts .sectioncallout .content .icon{width:60px;height:60px}.stage .content#section_callouts .sectioncallout .content h1{font-size:3.5vw;line-height:3.5vw}#top_callout h4,#middle_callout h4{font-size:24px;line-height:24px}#top_callout a.cta,#middle_callout a.cta{height:40px;padding:0px 48px 0px 25px;line-height:40px}}@media screen and (max-width:960px){#home_heroes{padding-top:100px !important;height:auto !important;overflow-y:hidden;display:block !important;float:left;position:relative}#home_heroes ul#heroes{width:calc(100% - 40px) !important;display:block !important;max-height:none !important;min-height:0 !important;height:auto !important;position:relative !important;float:left;position:relative;margin-left:20px}#home_heroes ul#heroes li{width:calc(100% - 0px) !important;height:auto !important;padding-top:35% !important;padding-bottom:0px !important;margin-bottom:20px !important;float:left !important;position:relative !important;margin-left:0px}#home_heroes ul#heroes li:last-child{margin-bottom:0px !important}#home_heroes ul#heroes li .overlay{display:none !important}#home_heroes ul#heroes li .fade{display:none !important}#home_heroes ul#heroes li.light-gray .content{background-color:#e7e8e6}#home_heroes ul#heroes li.medium-gray .content{background-color:#babcb6}#home_heroes ul#heroes li.dark-gray .content{background-color:#949691}#home_heroes ul#heroes li.charcoal .content{background-color:#30302f}#home_heroes ul#heroes li.dark-blue .content{background-color:#395cb6}#home_heroes ul#heroes li.light-blue .content{background-color:#81cad0}#home_heroes ul#heroes li.green .content{background-color:#7bbd33}#home_heroes ul#heroes li.dark-green .content{background-color:#42695c}#home_heroes ul#heroes li.brown .content{background-color:#80644c}#home_heroes ul#heroes li.pink .content{background-color:#f16565}#home_heroes ul#heroes li.yellow .content{background-color:#eac821}#home_heroes ul#heroes li .content{position:static}#home_heroes ul#heroes li .content h1{font-size:26px;line-height:32px}#home_heroes ul#heroes li .content a.cta{height:40px;padding:0px 48px 0px 25px;line-height:40px}#home_heroes ul#heroes li .content p{display:none !important;opacity:1;height:auto;max-height:1600px;padding-top:11px;padding-bottom:4px;font-size:16px;line-height:24px;color:#949691 !important}#home_heroes ul#heroes li .fade{opacity:1}.stage .content#section_callouts .sectioncallout .content p{display:none !important;height:auto;max-height:400px;opacity:1}.stage .content#section_callouts .sectioncallout .content .fade{width:100%;height:10px;position:absolute;left:0px;bottom:0px;z-index:1;opacity:1;display:none !important}.stage#more_posts a#sugar-packet-blog-logo{width:236px;height:45px;background-image:url(https://www.sugar.org/wp-content/themes/sugar/elements/styles/../images/sugar-packet-blog-logo-small.png)}#top_callout,#middle_callout{height:auto;flex-direction:column !important;justify-content:center !important;align-content:center !important;align-items:center !important;padding-top:40px;padding-bottom:40px;margin-left:20px}#top_callout h4,#middle_callout h4{text-align:center;font-size:30px;line-height:30px;margin:20px 0px 20px 0px !important}}@media screen and (max-width:760px){.stage .content#section_callouts .sectioncallout{width:calc(100% - 0px) !important;height:380px;margin-bottom:20px !important}.stage .content#section_callouts .sectioncallout:last-child{margin-bottom:0px !important}.stage .content#section_callouts .sectioncallout .content h1{font-size:26px;line-height:26px}.stage .content#section_callouts .sectioncallout .content p{display:block;height:auto;max-height:400px;opacity:1}.stage .content#section_callouts .sectioncallout .content .fade{width:100%;height:10px;position:absolute;left:0px;bottom:0px;z-index:1;opacity:1}}