<div id="page" class="hfeed site"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <div class="mobile-header-buffer"> </div> <header id="masthead" class="site-header outer" role="banner"> <div class="top-nav-outer outer gradient"> <div class="top-nav-container container"> <!-- ORDER FLIPPED BECAUSE OF FLOAT:RIGHT --> <div class="language-selector"> <select class="language-container"> <option value="http://edgewell.com/de/" selected>Deutsch</option><option value="http://edgewell.com/es/">Español</option><option value="http://edgewell.com/">English</option> </select> </div> <div class="top-search"> <!--<gcse:searchbox-only resultsUrl="/search-results" queryParameterName="q"></gcse:searchbox-only>--> <!--<div class="search-magnifying-lens">--> <form role="search" method="get" id="searchform" class="searchform" action="http://edgewell.com/de/"> <div> <!--<label class="screen-reader-text" for="s"></label>--> <input type="text" autocomplete="off" id="search-box" class="search-box placeholder" placeholder="Suche" value="" name="s" id="s" /> <input type="hidden" name="filter" value="0" /> <input type="image" src="http://edgewell.com/wp-content/themes/epc/images/magnifying-lens.png" onsubmit="submit();" /> <!--<input type="image" id="searchsubmit" value="" />--> </div> </form> </div> <div class="top-menu"> <div class="menu-top-menu-german-container"><ul id="top-menu" class="menu"><li id="menu-item-15217" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15217"><a href="http://edgewell.com/de/karriere/">Karriere</a></li> <li id="menu-item-12254" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12254"><a href="http://edgewell.com/de/investoren/">Investoren</a></li> <li id="menu-item-15339" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15339"><a href="http://ir.edgewell.com/news-and-events/press-releases/">Presse</a></li> <li id="menu-item-8160" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8160"><a href="/de/standorte/#kontakt">Kontakt</a></li> </ul></div> </div> </div> </div> <div class="header-container container clearfix"> <div class="site-branding clearfix"> <h1 class="site-title"> <a href="http://edgewell.com/de/" rel="home"> <img id="logo" src="http://edgewell.com/wp-content/themes/epc/images/logo.png" alt="Energizer Personal Care" /> </a> </h1> </div><!-- .site-branding --> <div class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"> <!--<span class="si-icon si-icon-hamburger-cross" data-icon-name="hamburger-cross"></span>--> <span class="svg-icon"></span> <span class="menu-text">Menü</span> </div> <nav id="site-navigation" class="main-navigation" role="navigation"> <div class="menu-main-menu-german-container"><ul id="primary-menu" class="menu gradient"><li id="menu-item-2329" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2329"><a href="#">Unternehmen</a> <ul class='menu gradient'> <li id="menu-item-14697" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14697"><a href="http://edgewell.com/de/unser-unternehmen/">Unser Unternehmen</a></li> <li id="menu-item-14950" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14950"><a href="http://edgewell.com/de/unsere-geschichte/">Unsere Geschichte</a></li> <li id="menu-item-3008" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3008"><a href="http://edgewell.com/de/standorte/">Standorte</a></li> <li id="menu-item-3018" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3018"><a href="http://edgewell.com/de/lieferantenbeziehungen/">Lieferantenbeziehungen</a></li> </ul> </li> <li id="menu-item-2334" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2334"><a href="#">Menschen</a> <ul class='menu gradient'> <li id="menu-item-3023" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3023"><a href="http://edgewell.com/de/unternehmensfuhrung/">Unternehmensführung</a></li> <li id="menu-item-3028" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3028"><a href="http://edgewell.com/de/die-mitarbeiter-von-edgewell/">Die Mitarbeiter von Edgewell</a></li> <li id="menu-item-15222" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15222"><a href="http://edgewell.com/de/unsere-kultur/">Unsere Kultur</a></li> </ul> </li> <li id="menu-item-3038" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3038"><a href="http://edgewell.com/de/marken/">Marken</a></li> </ul></div> </nav><!-- #site-navigation --> </div> <div class="bottom-border-gradient gradient"></div> </header><!-- #masthead --> <nav id="mobile-menu" class="mobile-navigation clearfix" role="navigation"> <div class="menu-main-menu-german-container"><ul id="mobile-primary-menu" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2329"><a href="#">Unternehmen</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14697"><a href="http://edgewell.com/de/unser-unternehmen/">Unser Unternehmen</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14950"><a href="http://edgewell.com/de/unsere-geschichte/">Unsere Geschichte</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3008"><a href="http://edgewell.com/de/standorte/">Standorte</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3018"><a href="http://edgewell.com/de/lieferantenbeziehungen/">Lieferantenbeziehungen</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2334"><a href="#">Menschen</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3023"><a href="http://edgewell.com/de/unternehmensfuhrung/">Unternehmensführung</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3028"><a href="http://edgewell.com/de/die-mitarbeiter-von-edgewell/">Die Mitarbeiter von Edgewell</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15222"><a href="http://edgewell.com/de/unsere-kultur/">Unsere Kultur</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3038"><a href="http://edgewell.com/de/marken/">Marken</a></li> </ul></div> <div class="mobile-navigation-secondary gradient clearfix"> <div class="mobile-navigation-secondary-container clearfix"> <div class="top-menu clearfix"> <div class="menu-top-menu-german-container"><ul id="top-menu" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15217"><a href="http://edgewell.com/de/karriere/">Karriere</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12254"><a href="http://edgewell.com/de/investoren/">Investoren</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15339"><a href="http://ir.edgewell.com/news-and-events/press-releases/">Presse</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8160"><a href="/de/standorte/#kontakt">Kontakt</a></li> </ul></div> </div> <div class="top-search clearfix"> <form role="search" method="get" id="searchform" class="searchform" action="http://edgewell.com/de/"> <div> <!--<label class="screen-reader-text" for="s"></label>--> <input type="text" autocomplete="off" id="search-box" class="search-box placeholder" placeholder="Suche" value="" name="s" id="s" /> <input type="hidden" name="filter" value="0" /> <input type="image" src="http://edgewell.com/wp-content/themes/epc/images/magnifying-lens.png" onsubmit="submit();" /> <!--<input type="image" id="searchsubmit" value="" />--> </div> </form> </div> <div class="language-bounder clearfix"> <div class="language-selector clearfix"> <div class="language-selector-container clearfix"> <div class="language-icon"></div> <select class="language-container"> <option value="http://edgewell.com/de/" selected>Deutsch</option><option value="http://edgewell.com/es/">Español</option><option value="http://edgewell.com/">English</option> </select> </div> </div> </div> </div> </div> </nav> <!-- DESKTOP SLIDER --> <div class="homepage-slider-outer outer"> <div id="new-royalslider-5" class="royalSlider new-royalslider-5 rsEpc rs-default-template" style="width:100%;height:Auto;;"> <div class="rsContent"> <img class="rsImg" src="http://edgewell.com/wp-content/uploads/2015/06/homepage-slide-1-with-gradient-new.jpg" alt="Homepage Slide 1"/> <div class="inside-content"> <!-- --> <div class="ui-draggable-handle rsSBlock bottom-light" style="width: 311px; height: 156px; left: 37px; top: 121.5px; bottom: auto; right: auto;"><h3>Unser Grundsatz: Integrität</h3> <h5>Unsere Werte bestimmen alle Bereiche unseres Unternehmens von den Produkten bis zu unserer Zusammenarbeit.</h5> <h5><a href="/unsere-kultur/#unsere-werte">Erfahren Sie mehr über unsere Werte</a></h5> </div> </div> <!--<div class='green-glow-overlay'></div>--> </div> <div class="rsContent"> <img class="rsImg" src="http://edgewell.com/wp-content/uploads/2015/06/homepage-slide-2-with-gradient-new1.jpg" alt="Homepage Slide 2"/> <div class="inside-content"> <!-- --> <div class="rsSBlock ui-draggable-handle top-dark" style="width: 286px; height: 191px; left: 61px; top: 18px;"><h3>Unser Lebenselixier:<br>Team Spirit</h3> <h5>Wir stellen uns allen Herausforderungen<br>gemeinsam. Wir sind mehr als nur Mitarbeiter –<br>wir ziehen alle an einem Strang. </h5> <h5><a href="/unsere-kultur/">Erfahren Sie mehr über<br>unsere Unternehmenskultur </a></h5> </div> </div> <!--<div class='green-glow-overlay'></div>--> </div> <div class="rsContent"> <img class="rsImg" src="http://edgewell.com/wp-content/uploads/2015/04/homepage-slide-4-with-gradient.jpg" alt="Homepage Slide 4"/> <div class="inside-content"> <!-- --> <div class="rsSBlock ui-draggable-handle bottom-dark" style="width: 258px; height: 181px; left: 56px; top: 12px;"><h3>Unser Unternehmen: Jung, aber voller Erfahrung</h3> <h5>Edgewell wurde im Jahr 2015 gegründet, aber unsere Wurzeln reichen Hunderte von Jahren zurück. Wir sind ein Team aus Vorreitern und Machern.</h5> <h5><a href="/unser-unternehmen/">Erfahren Sie mehr über uns</a></h5> </div> </div> <!--<div class='green-glow-overlay'></div>--> </div> <div class="rsContent"> <img class="rsImg" src="http://edgewell.com/wp-content/uploads/2015/06/homepage-slide-3-with-gradient-new.jpg" alt="Homepage Slide 3"/> <div class="inside-content"> <!-- --> <div class="rsSBlock ui-draggable-handle top-dark" style="width: 258px; height: 181px; left: 33px; top: 27px;"><h3>Unsere Leidenschaft:<br>Unsere Marken</h3> <h5>Wir sind eine globale Markenfamilie. Auf unsere<br>Produkte ist Verlass – sie machen das Leben<br>effizienter und angenehmer.</h5> <h5><a href="/marken/">Entdecken Sie unsere Marken</a></h5> </div> </div> <!--<div class='green-glow-overlay'></div>--> </div> </div> <!--<div class="desktop-homepage-slider-copy-outer"></div>--> </div> <!-- MOBILE SLIDER --> <div class="mobile-slider-outer outer"> <div id="new-royalslider-6" class="royalSlider new-royalslider-6 rsEpc rs-default-template" style="width:100%;height:400px;;"> <div class="rsContent"> <img class="rsImg" src="http://edgewell.com/wp-content/uploads/2015/04/homepage-slide-mobile-1.jpg" alt="homepage-slide-mobile-1-with-gradient"/> <div class="rsSBlock ui-draggable-handle top-light" style="width: auto; height: auto; left: auto; top: auto;"><h3>Unser Grundsatz: Integrität</h3> <h5>Unsere Werte bestimmen alle Bereiche unseres Unternehmens von den Produkten bis zu unserer Zusammenarbeit.</h5> <h5><a href="/unsere-kultur/#unsere-werte">Erfahren Sie mehr über unsere Werte</a></h5> </div> </div> <div class="rsContent"> <img class="rsImg" src="http://edgewell.com/wp-content/uploads/2015/04/homepage-slide-mobile-2.jpg" alt="homepage-slide-2-with-gradient"/> <div class="rsSBlock ui-draggable-handle bottom-dark" style="width: 120px; height: 60px; left: 5px; top: 5px; "><h3>Unser Lebenselixier:<br>Team Spirit</h3> <h5>Wir stellen uns allen Herausforderungen<br>gemeinsam. Wir sind mehr als nur Mitarbeiter –<br>wir ziehen alle an einem Strang. </h5> <h5><a href="/unsere-kultur/">Erfahren Sie mehr über<br>unsere Unternehmenskultur </a></h5> </div> </div> <div class="rsContent"> <img class="rsImg" src="http://edgewell.com/wp-content/uploads/2015/04/mobile-our-history-hero-image2.jpg" alt="homepage-slide-4-with-gradient"/> <div class="rsSBlock ui-draggable-handle bottom-dark" style="width: 343px; height: 183px; left: 5px; top: 5px;"><h3>Unser Unternehmen: Jung, aber voller Erfahrung</h3> <h5>Edgewell wurde im Jahr 2015 gegründet, aber unsere Wurzeln reichen Hunderte von Jahren zurück. Wir sind ein Team aus Vorreitern und Machern.</h5> <h5><a href="/unser-unternehmen/">Erfahren Sie mehr über uns</a></h5> </div> </div> <div class="rsContent"> <img class="rsImg" src="http://edgewell.com/wp-content/uploads/2015/04/homepage-slide-mobile-3.jpg" alt="homepage-slide-3-with-gradient"/> <div class="rsSBlock ui-draggable-handle bottom-dark" style="width: 120px; height: 60px; left: 5px; top: 5px; "><h3>Unsere Leidenschaft:<br>Unsere Marken</h3> <h5>Wir sind eine globale Markenfamilie. Auf unsere<br>Produkte ist Verlass – sie machen das Leben<br>effizienter und angenehmer.</h5> <h5><a href="/marken/">Entdecken Sie unsere Marken</a></h5> </div> </div> </div> </div> <div class="mobile-homepage-slider-copy-outer outer gradient"> <div class="mobile-homepage-slider-copy-container container clearfix"> </div> <div class="mobile-nav-bullets rsEpc container clearfix"> </div> </div> <div id="content" class="site-content outer"> <div class="site-content-container container"> <div id="primary" class="content-area clearfix"> <main id="main" class="site-main clearfix" role="main"> <h2 class="page-title modern-gradient">Wir bei Edgewell</h2> <div class="callout-container clearfix"> <div class="callout-section clearfix"> <a href="http://166.78.241.33/de/die-mitarbeiter-von-edgewell/#gretchen-b"> <div class="callout-image-container gradient"> <img class="display--retina" src="http://edgewell.com/wp-content/uploads/2015/03/gretchen-homepage-retina.jpg"> <img class="display--no-retina" src="http://edgewell.com/wp-content/uploads/2015/03/gretchen-homepage-344x210.jpg" alt="" /> <div class="callout-learn-more gradient"> <div class="callout-vertical-center"> Erfahren Sie mehr </div> </div> </div> </a> <a href="http://166.78.241.33/de/die-mitarbeiter-von-edgewell/#gretchen-b"> <h3>Unsere Mitarbeiter: Lernen Sie Gretchen kennen</h3> <div class="callout-copy"> Unsere Teams: Lernen Sie das Commercial-Team kennen </div> </a> </div> <div class="callout-section clearfix"> <a href="http://edgewell.com/de/marken/"> <div class="callout-image-container gradient"> <img class="display--retina" src="http://edgewell.com/wp-content/uploads/2015/03/homepage-image2-retina.jpg"> <img class="display--no-retina" src="http://edgewell.com/wp-content/uploads/2015/03/homepage-image2-344x210.jpg" alt="" /> <div class="callout-learn-more gradient"> <div class="callout-vertical-center"> Erfahren Sie mehr </div> </div> </div> </a> <a href="http://edgewell.com/de/marken/"> <h3>Hydro 5 Groomer</h3> <div class="callout-copy"> Der einzige 4-in-1 Rasierer, der rasiert, trimmt, Konturen schneidet und den Feuchtigkeitsgehalt der Haut erhält. </div> </a> </div> <div class="callout-section callout-section-last clearfix"> <a href="http://edgewell.com/de/karriere/"> <div class="callout-image-container gradient"> <img class="display--retina" src="http://edgewell.com/wp-content/uploads/2015/03/homepage-image3-retina.jpg"> <img class="display--no-retina" src="http://edgewell.com/wp-content/uploads/2015/03/homepage-image3-344x210.jpg" alt="" /> <div class="callout-learn-more gradient"> <div class="callout-vertical-center"> Erfahren Sie mehr </div> </div> </div> </a> <a href="http://edgewell.com/de/karriere/"> <h3>Wir stellen weltweit ein</h3> <div class="callout-copy"> Sind Sie der Richtige für unser Team? </div> </a> </div> </div> <div class="brands-container-homepage clearfix"> <a href="http://edgewell.com/de/marken/"> <div class="brands-grid display--desktop-homepage"> <img class="base-image-homepage" src="http://edgewell.com/wp-content/uploads/2015/03/edgewell_brands.jpg" /> <img class="hover-image-homepage" src="http://edgewell.com/wp-content/uploads/2017/06/edgewell_brands_de_hover_2017.jpg" /> </div> <div class="brands-grid display--tablet"> <img class="base-image-homepage" src="http://edgewell.com/wp-content/uploads/2015/03/edgewell_brands_tablet.jpg" /> <img class="hover-image-homepage" src="http://edgewell.com/wp-content/uploads/2017/06/edgewell_brands_tablet_de_2017.jpg" /> </div> <div class="brands-grid display--mobile"> <img class="base-image-homepage" src="http://edgewell.com/wp-content/uploads/2017/06/edgewell_brands_mobile.jpg" /> <!--<img class="hover-image-homepage" src="" />--> </div> </a> </div> </main><!-- #main --> </div><!-- #primary --> <div class="bottom-border-gradient gradient"></div> </div><!-- .site-content-container --> </div><!-- #content --> </div><!-- #page --> <div class="push"></div> </div><!--.wrapper--> <footer id="colophon" class="site-footer outer" role="contentinfo"> <div class="site-info container clearfix"> <div class="mobile-footer-column-1"> <div class="footer-menu footer-menu-first"> <div class="menu-footer-menu-1-german-container"><ul id="footer-menu-1" class="menu"><li id="menu-item-2315" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2315"><a href="#">Unternehmen</a></li> <li id="menu-item-15224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15224"><a href="http://edgewell.com/de/unser-unternehmen/">Unser Unternehmen</a></li> <li id="menu-item-15223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15223"><a href="http://edgewell.com/de/unsere-geschichte/">Unsere Geschichte</a></li> <li id="menu-item-2978" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2978"><a href="http://edgewell.com/de/standorte/">Standorte</a></li> <li id="menu-item-2983" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2983"><a href="http://edgewell.com/de/lieferantenbeziehungen/">Lieferantenbeziehungen</a></li> </ul></div> </div> <div class="footer-menu footer-menu-second"> <div class="menu-footer-menu-2-german-container"><ul id="footer-menu-2" class="menu"><li id="menu-item-2324" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2324"><a href="#">Menschen</a></li> <li id="menu-item-2988" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2988"><a href="http://edgewell.com/de/unternehmensfuhrung/">Unternehmensführung</a></li> <li id="menu-item-2993" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2993"><a href="http://edgewell.com/de/die-mitarbeiter-von-edgewell/">Die Mitarbeiter von Edgewell</a></li> <li id="menu-item-15226" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15226"><a href="http://edgewell.com/de/unsere-kultur/">Unsere Kultur</a></li> </ul></div> </div> <div class="footer-menu footer-menu-third"> <div class="menu-footer-menu-3-german-container"><ul id="footer-menu-3" class="menu"><li id="menu-item-2339" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2339"><a href="#">Karriere</a></li> <li id="menu-item-15225" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15225"><a href="http://edgewell.com/de/karriere/">Karriere</a></li> <li id="menu-item-3048" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3048"><a href="http://edgewell.com/de/karriere/funktionen/">Funktionen</a></li> </ul></div> </div> </div> <div class="mobile-footer-column-2"> <div class="footer-menu footer-menu-fourth"> <div class="menu-footer-menu-4-german-container"><ul id="footer-menu-4" class="menu"><li id="menu-item-11056" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11056"><a href="http://edgewell.com/de/marken/">Marken</a></li> <li id="menu-item-15338" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15338"><a href="http://ir.edgewell.com/news-and-events/press-releases/">Presse</a></li> <li id="menu-item-3068" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3068"><a href="http://edgewell.com/de/datenschutzbestimmungen/">Datenschutzbestimmungen</a></li> <li id="menu-item-11646" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11646"><a href="http://166.78.241.33//de/datenschutzbestimmungen/#your-california-privacy-rights">Your California Privacy Rights</a></li> <li id="menu-item-3073" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3073"><a href="http://edgewell.com/de/legal/">Rechtliche Informationen</a></li> </ul></div> </div> <div class="footer-menu-copyright"> <span class="copyright-text">© 2018 Edgewell Personal Care</span> <br> SCHICK, WILKINSON SWORD, PERSONNA, EDGE, SKINTIMATE, GENTLE GLIDE, 360°, 360° PROTECTION, PLAY ON, SPORT, SPORT LEVEL PROTECTION, FLEXFIT, CAREFREE, STAYFREE, THERMOCONTROL, O.B., BANANA BOAT, HAWAIIAN TROPIC, LITTER GENIE, WET ONES und die zugehörigen Wortmarken und Logos sind Marken oder eingetragene Marken der Edgewell Personal Care Brands, LLC (oder einer Edgewell-Tochtergesellschaft) in den Vereinigten Staaten und anderen Ländern auf der ganzen Welt. PLAYTEX ist eine in den Vereinigten Staaten und anderen Ländern der Playtex Marketing Corporation eingetragene Marke und ist ein Nutzungslizen-zunternehmen. </div> </div> </div><!-- .site-info --> </footer><!-- #colophon --> <div class="Lightbox" id="origin-quiz"> <div class="Lightbox__inner"> <canvas id="canvas"></canvas> <header class="Lightbox__header"> <img src="http://edgewell.com/wp-content/plugins/origin-quiz-popup/src/assets/images/quiz_header.jpg" alt="Quiz Header" width="1180" height="353" /> <button id="close" class="Lightbox__close">×</button> </header> <div class="Quiz" data-quiz="#quiz-start"> <div class="Placehold__title"></div> <div class="Placehold__description"></div> <div class="Placehold__button"></div> </div> </div> </div> <script id="start-template" type="text/x-handlebars-template"> <div class="text-center"> <h3 class="Quiz__title text-gradient-primary">{{title}}</h3> <div class="Quiz__description"> <p>{{description}}</p> </div> <button id="quiz-start" class="Button Button--wide Button__primary">{{start}}</button> </div> </script> <script id="questions-template" type="text/x-handlebars-template"> <ul class="Progress"> <div class="Progress__text">{{questionLang}} {{currentQuestion}} /{{quizLength}}</div> {{#each progress}} {{#if current}} <li class="Progress__bar Progress--current"></li> {{else}} <li class="Progress__bar"></li> {{/if}} {{/each}} </ul> <div class="Question"> <div class="Question__left"> <span class="Question__title text-gradient-primary">{{title}}</span> <span class="Question__caption">{{caption}}</span> <p class="Question__body">{{question}}</p> </div> <div class="Question__right"> <span class="Question__suffix">{{suffix}}:</span> <ul class="Answers"> {{#each answers}} <li class="Answer" data-answer="{{@index}}"> <div class="Answer__prefix">{{prefix}}</div> <div class="Answer__body">{{answer}}</div> </li> {{/each}} </ul> </div> </div> </script> <script id="complete-template" type="text/x-handlebars-template"> <div class="text-center"> <h3 class="Quiz__title text-gradient-primary">{{title}}</h3> <span class="Quiz__score-title">{{score}}</span> <div class="Quiz__score"> {{correctAnswersLength}} /{{quizLength}} </div> <span class="Quiz__caption-title">{{range.title}}</span> <span class="Quiz__caption">{{range.description}}</span> <button class="Button Button--wide Button--lower Button__primary" id="quiz-close">{{close}}</button> </div> </script> <script type='text/javascript' src='http://edgewell.com/wp-content/themes/epc/js/vendor/gradientText.js?ver=20150408'></script> <script type='text/javascript' src='http://edgewell.com/wp-includes/js/wp-embed.min.js?ver=4.8.6'></script> <script type='text/javascript' src='http://edgewell.com/wp-content/plugins/new-royalslider/lib/royalslider/jquery.royalslider.min.js?ver=3.2.4'></script> <script id="new-royalslider-init-code" type="text/javascript"> jQuery(document).ready(function($) { $('.new-royalslider-5').royalSlider({template:'default',image_generation:{imageWidth:'',imageHeight:'',thumbImageWidth:0,thumbImageHeight:0},thumbs:{thumbWidth:96,thumbHeight:72},autoPlay:{enabled:!0,delay:6000},deeplinking:{change:!0},block:{moveOffset:20,speed:400,delay:200},width:'100%',height:'Auto',autoScaleSlider:!0,autoScaleSliderWidth:2880,autoScaleSliderHeight:1253,slidesSpacing:0,imageScaleMode:'fill',imageScalePadding:0,arrowsNavAutoHide:!1,loop:!0,sliderDrag:!1,sliderTouch:!1,keyboardNavEnabled:!0,controlsInside:!1,addActiveClass:!0}); $('.new-royalslider-6').royalSlider({template:'default',image_generation:{imageWidth:'',imageHeight:'',thumbImageWidth:'',thumbImageHeight:''},thumbs:{thumbWidth:96,thumbHeight:72},block:{fadeEffect:!1,moveOffset:20,speed:400,delay:200},width:'100%',height:'400px',autoScaleSlider:!0,autoScaleSliderWidth:768,slidesSpacing:0,imageScaleMode:'fill',imageScalePadding:0,arrowsNavAutoHide:!1,startSlideId:0,loop:!0,loopRewind:!0,numImagesToPreload:6,sliderDrag:!1,sliderTouch:!1,keyboardNavEnabled:!0}); var sliderInstanceMobile = $('.mobile-slider-outer .royalSlider').data('royalSlider'), sliderInstanceDesktop = $('.homepage-slider-outer .royalSlider').data('royalSlider'), desktopGestureContainer = $('.homepage-slider-outer').children(".royalSlider"), mobileGestureContainer = $('.mobile-slider-outer').children(".royalSlider"), mobileContainer = $( ".mobile-homepage-slider-copy-container" ), desktopContainer = $( "desktop-homepage-slider-copy-outer" ), startX = 0, startY = 0, diffX, diffY, endX = 0, endY = 0, startingElement, endingElement, startTime, action, scroll, sort, touch, swipe, direction; //sliderInstanceDesktop.append( desktopContainer ); $('.mobile-nav-bullets').append($( ".mobile-slider-outer .rsEpc .rsNav.rsBullets")); desktopGestureContainer .on('touchstart mousedown', onStart) .on('touchmove', onMove) .on('touchend touchcancel', onEnd); mobileGestureContainer .on('touchstart mousedown', onStart) .on('touchmove', onMove) .on('touchend touchcancel', onEnd); //EVENT LISTENER FOR MOBILE SLIDER INITIALIZATION sliderInstanceMobile.ev.on('rsAfterContentSet', function( e ) { var html = sliderInstanceMobile.currSlide.content[0].innerHTML; var htmlElements = $.parseHTML( html ); //GET COPY SPECIFICALLY AND SET THE CONTAINER BLOCK TO IT mobileContainer.html( htmlElements[3].innerHTML ); }); //EVENT LISTENER TO CHANGE MOBILE CONTENT WHEN SLIDER BEGINS TO ANIMATE sliderInstanceMobile.ev.on('rsBeforeAnimStart', function(event) { //console.log( sliderInstanceMobile.currSlideId ); //console.log( sliderInstanceMobile.currSlide.content[0].innerHTML ); var html = sliderInstanceMobile.currSlide.content[0].innerHTML, html2; //IE9 USES className instead of classList if( $( "html" ).hasClass( "ie9" ) ) { html2 = sliderInstanceMobile.currSlide.content[0].children[1].children[0].className; } else { html2 = sliderInstanceMobile.currSlide.content[0].children[1].children[0].classList; } var htmlElements = $.parseHTML( html ); //console.log( htmlElements[3].innerHTML ); //GET COPY SPECIFICALLY AND SET THE CONTAINER BLOCK TO IT mobileContainer.html( htmlElements[3].innerHTML ); }); sliderInstanceDesktop.ev.on('rsBeforeAnimStart', function(event) { //console.log( "DESKTOP SLIDER ID" ) //console.log( sliderInstanceDesktop.currSlideId ); //console.log( sliderInstanceDesktop.currSlide.content[0].innerHTML ); var html = sliderInstanceDesktop.currSlide.content[0].innerHTML, html2; //IE9 USES className instead of classList if( $( "html" ).hasClass( "ie9" ) ) { html2 = sliderInstanceMobile.currSlide.content[0].children[1].children[0].className; //CONVERT HTML TO ITERABLE OBJECT var tempHtml = html2.split(' '); html2 = tempHtml; } else { html2 = sliderInstanceMobile.currSlide.content[0].children[1].children[0].classList; } var htmlElements = $.parseHTML( html ); //console.log( htmlElements[3].innerHTML ); //GET COPY SPECIFICALLY AND SET THE CONTAINER BLOCK TO IT desktopContainer.html( htmlElements[3].innerHTML ); }); function testTouch(e) { if (e.type == 'touchstart') { touch = true; } else if (touch) { touch = false; return false; } return true; } function onStart(ev) { if (testTouch(ev) && !action) { action = true; var e = ev.originalEvent, touchObj = e.changedTouches[0]; startX = touchObj.pageX; startY = touchObj.pageY; diffX = 0; diffY = 0; startingElement = e.target.className; sortTimer = setTimeout(function () { sort = true; }, 200); if (ev.type == 'mousedown') { $(document).on('mousemove', onMove).on('mouseup', onEnd); } } } function onMove(ev) { if (action) { var e = ev.originalEvent, touchObj = e.changedTouches[0]; endX = touchObj.pageX; endY = touchObj.pageY; diffX = endX - startX; diffY = endY - startY; if (!sort && !swipe && !scroll) { if (Math.abs(diffY) > 10) { // It's a scroll scroll = true; // Android 4.0 will not fire touchend event $(this).trigger('touchend'); } else if (Math.abs(diffX) > 7) { // It's a swipe swipe = true; if( diffX > 0 ) { direction = "left" } else if( diffX < 0 ) { direction = "right" } } } if (swipe) { ev.preventDefault(); // Kill page scroll // Handle swipe // ... } if (sort) { ev.preventDefault(); // Kill page scroll // Handle sort // .... } if (Math.abs(diffX) > 5 || Math.abs(diffY) > 5) { clearTimeout(sortTimer); } } } function onEnd(ev) { if (action) { action = false; if (swipe) { if( direction == "left" ) { $(this).data('royalSlider').prev(); } else if( direction == "right" ) { $(this).data('royalSlider').next(); } } else if (sort) { } else if (!scroll && Math.abs(diffX) < 5 && Math.abs(diffY) < 5) { // Tap if (ev.type === 'touchend') { // Prevent phantom clicks //ev.preventDefault(); } } swipe = false; sort = false; scroll = false; clearTimeout(sortTimer); if (ev.type == 'mouseup') { $(document).off('mousemove', onMove).off('mouseup', onEnd); } } } /* $('#new-royalslider-1, #new-royalslider-2').on( "touchstart", function(ev) { //SAVE ORIGINAL EVENT SO WE CAN ACCESS IT'S PROPERTIES var e = ev.originalEvent, touchObj = e.changedTouches[0]; //console.log( "LENGTH" + e.changedTouches.length ); startX = touchObj.pageX; startY = touchObj.pageY; //console.log( "START X: " + startX); //console.log( "START Y: " + startY); startTime = new Date().getTime(); startingElement = e.target.className; e.preventDefault(); }); $( "#new-royalslider-1, #new-royalslider-2" ).on( "touchmove", function(ev) { var e = ev.originalEvent, touchObj = e.changedTouches[0]; var moveY = touchObj.pageY; //console.log( "MOVE Y: " + moveY); if( moveY > 300 ) { $( "#new-royalslider-1, #new-royalslider-2" ).off( "touchstart" ); //console.log( $._data( $("#new-royalslider-1")[0], "events" ) ); //e.preventDefault(); } }); $( "#new-royalslider-1, #new-royalslider-2" ).on( "touchend", function(ev) { //SAVE ORIGINAL EVENT SO WE CAN ACCESS IT'S PROPERTIES var e = ev.originalEvent; endX = e.changedTouches[0].pageX; endY = e.changedTouches[0].pageY; var distanceX = startX - endX, distanceY = startY - endY; var elapsedTime = new Date().getTime() - startTime // get time elapsed if (elapsedTime <= allowedTime){ // first condition for swipe met if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint){ // 2nd condition for horizontal swipe met swipedir = (distanceX < 0)? 'left' : 'right' // if dist traveled is negative, it indicates left swipe } else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint){ // 2nd condition for vertical swipe met swipedir = (distanceY < 0)? 'up' : 'down' // if dist traveled is negative, it indicates up swipe } } if( distanceX > 50 ) { e.preventDefault(); if( $(this).attr("id") == "new-royalslider-1" ) { sliderInstanceDesktop.next(); //alert( "POSITIVE: " + distance ); } else if( $(this).attr("id") == "new-royalslider-2" ) { sliderInstanceMobile.next(); } } else if ( distanceX < -50 ) { e.preventDefault(); if( $(this).attr("id") == "new-royalslider-1" ) { sliderInstanceDesktop.prev(); //alert( "POSITIVE: " + distance ); } else if( $(this).attr("id") == "new-royalslider-2" ) { sliderInstanceMobile.prev(); } //startingElement = e.target.className; //TODO: TRIGGER A CLICK ON ARROWS SINCE WERE PREVENTING DEFAULT ACTION } }); */ //EVENT LISTENER TO CHANGE MOBILE CONTENT AND UI COLORS WHEN SLIDER BEGINS TO ANIMATE sliderInstanceMobile.ev.on('rsBeforeMove', function(event, type, userAction ) { var numberOfSlides = sliderInstanceMobile.numSlides - 1, currentSlide = sliderInstanceMobile.currSlideId, transitionSlide = 0; if( type == "next" ) { if( (currentSlide + 1) > numberOfSlides ) { transitionSlide = 0; } else { transitionSlide = currentSlide + 1; } } else if( type == "prev" ) { if( (currentSlide - 1) < 0 ) { transitionSlide = numberOfSlides; } else { transitionSlide = currentSlide - 1; } } else { //WHEN SWIPING CHECK THAT TRANSITION SLIDE IS IN THE ARRAY //IF OVER LIMIT, SET TO LAST SLIDE, IF UNDER SET TO FIRST SLIDE if( type == -1 ) { transitionSlide = numberOfSlides - 1; } else if( type >= numberOfSlides ) { transitionSlide = 0; } else { transitionSlide = type; } } //console.log( "TYPE: " + type ); //GET CLASS LIST OF CONTENT BLOCK FOR SLIDE var html; //IE9 USES className instead of classList if( $( "html" ).hasClass( "ie9" ) ) { html = sliderInstanceMobile.slides[transitionSlide].content[0].children[1].className; //CONVERT HTML TO ITERABLE OBJECT var tempHtml = html.split(' '); html = tempHtml; } else { html = sliderInstanceMobile.slides[transitionSlide].content[0].children[1].classList; } //console.log( "SLIDER CONTENT" + sliderInstanceMobile.slides[transitionSlide] ); //console.log( html ); //console.log(html.length); for (var i = 0; i < html.length; i++) { if( html[i] == "top-light" || html[i] == "bottom-light" ) { //console.log( "Light Theme" ); $( ".mobile-slider-outer .rsArrowLeft .rsArrowIcn" ).css( "background-position", "35px 0" ); $( ".mobile-slider-outer .rsArrowRight .rsArrowIcn" ).css( "background-position", "18px 0" ); } else if( html[i] == "top-dark" || html[i] == "bottom-dark" ) { //console.log( "Dark Theme" ); $( ".mobile-slider-outer .rsArrowLeft .rsArrowIcn" ).css( "background-position", "35px 91px" ); $( ".mobile-slider-outer .rsArrowRight .rsArrowIcn" ).css( "background-position", "18px 91px" ); } } }); sliderInstanceDesktop.ev.on('rsAfterSlideChange', function(event) { //console.log( sliderInstanceDesktop.currSlideId ); //GET CLASS LIST OF CONTENT BLOCK FOR SLIDE var html; //IE9 USES className instead of classList if( $( "html" ).hasClass( "ie9" ) ) { html = sliderInstanceDesktop.currSlide.content[0].children[1].children[0].className; //CONVERT HTML TO ITERABLE OBJECT var tempHtml = html.split(' '); html = tempHtml; } else { html = sliderInstanceDesktop.currSlide.content[0].children[1].children[0].classList; } for (var i = 0; i < html.length; i++) { //console.log( html[i] ); if( html[i] == "top-light" || html[i] == "bottom-light" ) { //console.log( "COLOR: Light" ); $( ".homepage-slider-outer .rsEpc .rsBullet" ).children( "span" ).css( "background", "rgba(136,136,136,.4)" ); $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).children( "span" ).css( "background", "#ffffff" ); } else if( html[i] == "top-dark" || html[i] == "bottom-dark" ) { //console.log( "COLOR: Dark" ); $( ".homepage-slider-outer .rsEpc .rsBullet" ).children( "span" ).css( "background", "rgba(136,136,136,.4)" ); //$( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).children( "span" ).css( "background", "#3f5c6b" ); $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).children( "span" ).css( "background", "#63666a" ); } } }); //EVENT LISTENER AFTER SLIDER CONTENT IS LOADED sliderInstanceDesktop.ev.on('rsAfterContentSet', function( e ) { //console.log( "Length:" + $( ".homepage-slider-outer .rsSBlock" ).length ); //console.log( "ID:" + sliderInstanceDesktop.currSlideId ); //console.log( "Length 2:" + $( ".homepage-slider-outer .rsSBlock" ).length ); $( ".homepage-slider-outer .rsSBlock" ).removeAttr('style'); positionArrows(); }); //EVENT LISTENER TO CHANGE CONTENT AND UI COLORS WHEN SLIDER BEGINS TO ANIMATE sliderInstanceDesktop.ev.on('rsBeforeMove', function(event, type, userAction ) { //console.log("Type: " + type); //console.log( sliderInstanceDesktop.currSlide.content[0].children[1].children[0].classList ); var numberOfSlides = sliderInstanceDesktop.numSlides - 1, currentSlide = sliderInstanceDesktop.currSlideId, transitionSlide = 0; //console.log( "Current Slide: " + currentSlide ); //console.log( "Number of Slides: " + numberOfSlides ); if( type == "next" ) { if( (currentSlide + 1) > numberOfSlides ) { transitionSlide = 0; } else { transitionSlide = currentSlide + 1; } } else if( type == "prev" ) { if( (currentSlide - 1) < 0 ) { transitionSlide = numberOfSlides; } else { transitionSlide = currentSlide - 1; } } else { transitionSlide = type; //WHEN SWIPING CHECK THAT TRANSITION SLIDE IS IN THE ARRAY //IF OVER LIMIT, SET TO LAST SLIDE, IF UNDER SET TO FIRST SLIDE //TODO: CHECK IF WE EVEN NEED ANYMORE /* if( type == -1 ) { transitionSlide = numberOfSlides - 1; //console.log( "Transition Slide: " + transitionSlide ); } else if( type >= numberOfSlides ) { transitionSlide = 0; //console.log( "Transition Slide: " + transitionSlide ); } else { transitionSlide = type; //console.log( "Transition Slide: " + transitionSlide ); } */ } //GET CLASS LIST OF CONTENT BLOCK FOR SLIDE var html; //IE9 USES className instead of classList if( $( "html" ).hasClass( "ie9" ) ) { html = sliderInstanceDesktop.slides[transitionSlide].content[0].children[1].children[0].className; //CONVERT HTML TO ITERABLE OBJECT var tempHtml = html.split(' '); html = tempHtml; } else { html = sliderInstanceDesktop.slides[transitionSlide].content[0].children[1].children[0].classList; } for (var i = 0; i < html.length; i++) { if( html[i] == "top-light" || html[i] == "bottom-light" ) { //console.log( "Light Theme" ); $( ".homepage-slider-outer .rsArrowLeft .rsArrowIcn" ).css( "background-position", "35px 0px" ); $( ".homepage-slider-outer .rsArrowRight .rsArrowIcn" ).css( "background-position", "18px 0px" ); /*if( Modernizr.mq('only screen and (max-width: 1043px)') ) { $( ".homepage-slider-outer .rsArrowLeft .rsArrowIcn" ).css( "background-position", "35px 0px" ); $( ".homepage-slider-outer .rsArrowRight .rsArrowIcn" ).css( "background-position", "18px 0px" ); } else { $( ".homepage-slider-outer .rsArrowLeft .rsArrowIcn" ).css( "background-position", "0 0" ); $( ".homepage-slider-outer .rsArrowRight .rsArrowIcn" ).css( "background-position", "70px 0" ); }*/ $( ".homepage-slider-outer .rsEpc .rsBullet span" ).css( "background", "rgba(136,136,136,.4)" ); //console.log( "Type: " + type ); //console.log( "Prev length: " + $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).prev( ".homepage-slider-outer .rsEpc .rsBullet" ).length ); if( type == "next" ) { //console.log( "Next Light length: " + $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).next( ".homepage-slider-outer .rsEpc .rsBullet" ).length ); if( $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).next( ".rsEpc .rsBullet" ).length == 0 ) { //console.log( "NEXT LIGHT FIRST" ); $( ".homepage-slider-outer .rsEpc .rsBullet" ).first().children( "span" ).css( "background", "#ffffff" ); } else { //console.log( "NEXT LIGHT" ); $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).next( ".rsEpc .rsBullet" ).children( "span" ).css( "background", "#ffffff" ); } } else if( type == "prev" ) { //console.log( $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).prev( ".rsEpc .rsBullet" ).length ); if( $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).prev().length == 0 ) { $( ".homepage-slider-outer .rsEpc .rsBullet" ).last().children( "span" ).css( "background", "#ffffff" ); } else { $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).prev().children( "span" ).css( "background", "#ffffff" ); } } else { //console.log( "SLIDE NUMBER: " + type ); /*$( ".homepage-slider-outer .rsEpc .rsBullet" ).children( "span" ).css( "background", "#ffffff" ); $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).children( "span" ).css( "background", "#ffffff" );*/ } return false; } else if( html[i] == "top-dark" || html[i] == "bottom-dark" ) { //console.log( "Dark Theme" ); $( ".homepage-slider-outer .rsArrowLeft .rsArrowIcn" ).css( "background-position", "35px 91px" ); $( ".homepage-slider-outer .rsArrowRight .rsArrowIcn" ).css( "background-position", "18px 91px" ); /*if( Modernizr.mq('only screen and (max-width: 1043px)') ) { $( ".homepage-slider-outer .rsArrowLeft .rsArrowIcn" ).css( "background-position", "35px 91px" ); $( ".homepage-slider-outer .rsArrowRight .rsArrowIcn" ).css( "background-position", "18px 91px" ); } else { $( ".homepage-slider-outer .rsArrowLeft .rsArrowIcn" ).css( "background-position", "0 63px" ); $( ".homepage-slider-outer .rsArrowRight .rsArrowIcn" ).css( "background-position", "70px 63px" ); }*/ $( ".homepage-slider-outer .rsEpc .rsBullet span" ).css( "background", "rgba(136,136,136,.4)" ); //console.log( "Type: " + type ); //console.log( "Prev length: " + $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).prev( ".homepage-slider-outer .rsEpc .rsBullet" ).length ); if( type == "next" ) { //console.log( "Next Dark length: " + $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).next( ".homepage-slider-outer .rsEpc .rsBullet" ).length ); if( $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).next( ".homepage-slider-outer .rsEpc .rsBullet" ).length == 0 ) { //console.log( "NEXT DARK FIRST" ); //$( ".homepage-slider-outer .rsEpc .rsBullet" ).first().children( "span" ).css( "background", "#3f5c6b" ); $( ".homepage-slider-outer .rsEpc .rsBullet" ).first().children( "span" ).css( "background", "#63666a" ); } else { //console.log( "NEXT DARK" ); //$( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).next( ".homepage-slider-outer .rsEpc .rsBullet" ).children( "span" ).css( "background", "#3f5c6b" ); $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).next( ".homepage-slider-outer .rsEpc .rsBullet" ).children( "span" ).css( "background", "#63666a" ); } } else if( type == "prev" ) { //console.log( $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).prev( ".rsEpc .rsBullet" ).length ); if( $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).prev().length == 0 ) { //$( ".homepage-slider-outer .rsEpc .rsBullet" ).last().children( "span" ).css( "background", "#3f5c6b" ); $( ".homepage-slider-outer .rsEpc .rsBullet" ).last().children( "span" ).css( "background", "#63666a" ); } else { //$( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).prev().children( "span" ).css( "background", "#3f5c6b" ); $( ".homepage-slider-outer .rsEpc .rsBullet.rsNavSelected" ).prev().children( "span" ).css( "background", "#63666a" ); } } else { //console.log( "SLIDE NUMBER: " + type ); } return false; } } if( $( html ).hasClass( "bottom-light") || $( html ).hasClass( "top-light") ) { //console.log( "Works" ); } if( $( html ).hasClass( "bottom-dark") || $( html ).hasClass( "top-dark") ) { //console.log( "Works 2" ); } }); $( window ).on( "resize", function() { positionArrows(); }); function positionArrows() { //FIND BODY INNER WIDTH INSTEAD OF WINDOW TO ACCOUNT FOR SCROLL BAR OR NOT var insideContentWidth = $( ".inside-content" ).width(), windowWidth = $( "body" ).innerWidth(), arrowWidth; //console.log( "Container: " + insideContentWidth ); //console.log( "Window: " + windowWidth ); if( windowWidth - insideContentWidth < 60 ) { arrowWidth = 0; } else { arrowWidth = $( ".rsArrow" ).width(); } //CALCULATE PROPER POSITION OF ARROWS, SHOULD APPEAR JUST OUTSIDE THE CONTAINER if( Modernizr.mq('only screen and (min-width: 768px)') && Modernizr.mq('only screen and (max-width: 799px)') ) { console.log(0); arrowOffset = 10; //arrowOffset = (windowWidth - insideContentWidth ) / 2 - arrowWidth; } else if( Modernizr.mq('only screen and (min-width: 800px)') && Modernizr.mq('only screen and (max-width: 1043px)') ) { console.log(1); arrowOffset = 20; } else if( Modernizr.mq('only screen and (min-width: 1044px)') ) { console.log(2); arrowOffset = 40; } //console.log( arrowOffset ); $( ".homepage-slider-outer .rsArrowLeft" ).css( "left", arrowOffset + "px" ); $( ".homepage-slider-outer .rsArrowRight" ).css( "right", arrowOffset + "px" ); if( $( ".inside-content" ).children( "rsBlock" ).hasClass( "bottom-dark" ) || $( ".inside-content" ).children( "rsBlock" ).hasClass( "top-dark" ) ) { /*$( ".homepage-slider-outer .rsArrowLeft .rsArrowIcn" ).css( "background-position", "35px 0px" ); $( ".homepage-slider-outer .rsArrowRight .rsArrowIcn" ).css( "background-position", "18px 0px" );*/ $( ".homepage-slider-outer .rsArrowLeft .rsArrowIcn" ).css( "background-position", "35px 91px" ); $( ".homepage-slider-outer .rsArrowRight .rsArrowIcn" ).css( "background-position", "18px 91px" ); } else if( $( ".inside-content" ).children( "rsBlock" ).hasClass( "bottom-light" ) || $( ".inside-content" ).children( "rsBlock" ).hasClass( "top-light" ) ) { $( ".homepage-slider-outer .rsArrowLeft .rsArrowIcn" ).css( "background-position", "35px 0px" ); $( ".homepage-slider-outer .rsArrowRight .rsArrowIcn" ).css( "background-position", "18px 0px" ); } } }); </script> <!-- GOOGLE CSE --> <script> (function() { var cx = '006424556016271477616:hebswap350y'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? ')https:' : 'http:') + '//cse.google.com/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-51126628-9', { 'cookieDomain': 'none' }); ga('send', 'pageview'); </script> <script> (function( $ ) { //GRADIENT TEXT INITIALIZE, OUTSIDE OF REQUIRE.JS FRAMEWORK TO PREVENT FOUT (FLASH OF UNSTYLED TEXT) $( document ).ready( function() { $( "#mobile-menu ul#mobile-primary-menu ul.sub-menu" ).addClass( "gradient" ); //alert( $( "#mobile-menu ul#mobile-primary-menu ul.sub-menu" ).attr("class") ); //if( !( $( "html" ).hasClass( "chrome") ) && !( $( "html" ).hasClass( "safari") ) ) { if( !( $( "html" ).hasClass( "chrome") ) && !( $( "html" ).hasClass( "safari") ) || ( !( $( "html" ).hasClass( "chrome") ) && $( "html" ).hasClass( "android4_1") && $( "html" ).hasClass( "safari") ) ) { var htmlElements = document.getElementsByClassName( 'page-title' ); gradientText.set(htmlElements,'00a99d','90c73e'); } var htmlElements2 = $( '.current_page_item.menu-item-has-children > a:not(.nav-square)' ), htmlElements3 = $( '#primary-menu > .current_page_item > a:not(.nav-square)' ), htmlElements4 = $( '#mobile-primary-menu > .current_page_item > a:not(.nav-square)' ), htmlElements5 = $( '.main-navigation .current_page_item, .mobile-navigation .current_page_item' ).parents().siblings( "a:not(.nav-square)" ); gradientText.set(htmlElements2,'00a99d','90c73e'); gradientText.set(htmlElements3,'00a99d','90c73e'); gradientText.set(htmlElements4,'00a99d','90c73e'); gradientText.set(htmlElements5,'00a99d','90c73e'); }); //VIMEO EVENT TRACKING /*var videoLabel = "Generic Video"; $( window ).load( function() { if( $( "#fitvid0" ).length > 0 ) { videoLabel = $( "iframe#fitvid0" ).attr( "src" ); } });*/ //ga('send', 'event', 'Vimeo', 'Started video', videoLabel, {'nonInteraction': 1}); //ga('send', 'event', 'Vimeo', 'Paused video', videoLabel, {'nonInteraction': 1}); //ga('send', 'event', 'Vimeo', 'Resumed video', videoLabel, {'nonInteraction': 1}); //ga('send', 'event', 'Vimeo', 'Completed video', videoLabel, {'nonInteraction': 1}); //ga('send', 'event', 'Vimeo', 'Skipped video forward or backward', videoLabel, {'nonInteraction': 1}); })( jQuery ); </script> </body> </html>