{"version":3,"file":"component---src-components-pages-culture-studies-index-js-4af08303b3eb24c3ea51.js","mappings":"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","sources":["webpack://my-gatsby-site/./src/helpers/utmTracking.js","webpack://my-gatsby-site/./node_modules/@fortawesome/free-solid-svg-icons/faArrowRight.js","webpack://my-gatsby-site/./src/components/molecules/Video/index.js","webpack://my-gatsby-site/./node_modules/@fortawesome/free-solid-svg-icons/faArrowLeft.js","webpack://my-gatsby-site/./src/components/templates/Layout/layout.js","webpack://my-gatsby-site/./src/components/atoms/DynamicImage/index.js","webpack://my-gatsby-site/./src/components/molecules/Animation/animation.js","webpack://my-gatsby-site/./src/components/atoms/CTA-CursorGradient/index.js","webpack://my-gatsby-site/./src/components/pages/culture-studies/sections/hero-section.js","webpack://my-gatsby-site/./src/components/pages/culture-studies/sections/video-section.js","webpack://my-gatsby-site/./src/components/pages/culture-studies/sections/tile-section.js","webpack://my-gatsby-site/./src/components/molecules/CaseStudyAlternateContentBlocks/index.js","webpack://my-gatsby-site/./src/components/pages/culture-studies/sections/alternating-section.js","webpack://my-gatsby-site/./src/components/molecules/CaseStudyQuotes/index.js","webpack://my-gatsby-site/./src/components/pages/culture-studies/sections/related-section.js","webpack://my-gatsby-site/./src/components/pages/culture-studies/sections/conclusion-section.js","webpack://my-gatsby-site/./src/components/pages/culture-studies/index.js","webpack://my-gatsby-site/./src/helpers/windowDimensions.js"],"sourcesContent":["function TrackUtms () {\n    if (typeof window !== 'undefined' && window.location.search) {\n        let parameters = [];\n    \n        const UTMS = window.location.search.split('&');\n        UTMS.map(parameter => {      \n            if (parameter.includes('utm_medium=')) {\n                parameter = parameter.substring(parameter.indexOf(\"=\") + 1);\n                parameters.push({\n                    \"utm_medium\": parameter\n                })\n            } else if (parameter.includes('utm_source')) {\n                parameter = parameter.substring(parameter.indexOf(\"=\") + 1);\n                parameters.push({\n                    \"utm_source\": parameter\n                })\n            } else if (parameter.includes('utm_campaign')) {\n                parameter = parameter.substring(parameter.indexOf(\"=\") + 1);\n                parameters.push({\n                    \"utm_campaign\": parameter\n                })\n            } else if (parameter.includes('utm_content')) {\n                parameter = parameter.substring(parameter.indexOf(\"=\") + 1);\n                parameters.push({\n                    \"utm_content\": parameter\n                })\n            } else if (parameter.includes('utm_keyword')) {\n                parameter = parameter.substring(parameter.indexOf(\"=\") + 1);\n                parameters.push({\n                    \"utm_keyword\": parameter\n                })\n            } else if (parameter.includes('utm_term')) {\n                parameter = parameter.substring(parameter.indexOf(\"=\") + 1);\n                parameters.push({\n                    \"utm_term\": parameter\n                })\n            } else if (parameter.includes('oid')) {\n                parameter = parameter.substring(parameter.indexOf(\"=\") + 1);\n            } else if (parameter.includes('affid')) {\n                parameter = parameter.substring(parameter.indexOf(\"=\") + 1);\n            } \n            return null;\n        })\n        window.localStorage.setItem('utmParameters', JSON.stringify(parameters));\n    }\n}\n\nexport default TrackUtms;\n","'use strict';\nObject.defineProperty(exports, '__esModule', { value: true });\nvar prefix = 'fas';\nvar iconName = 'arrow-right';\nvar width = 448;\nvar height = 512;\nvar aliases = [8594];\nvar unicode = 'f061';\nvar svgPathData = 'M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z';\n\nexports.definition = {\n  prefix: prefix,\n  iconName: iconName,\n  icon: [\n    width,\n    height,\n    aliases,\n    unicode,\n    svgPathData\n  ]};\n\nexports.faArrowRight = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = aliases;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;\nexports.aliases = aliases;","import React from 'react';\nimport { Script } from \"gatsby\"\n\nconst Video = ({ videoId }) => {\n    return (\n        <React.Fragment>\n            <Script src={\"https://fast.wistia.com/embed/medias/\" + videoId + \".jsonp\"} async />\n            <Script src=\"https://fast.wistia.com/assets/external/E-v1.js\" async />\n            <div class=\"wistia_responsive_padding\" style={{padding:\"56.25% 0 0 0\", position: \"relative\"}}>\n                <div class=\"wistia_responsive_wrapper\" style={{height: \"100%\", left: \"0\", position:\"absolute\", top:\"0\", width:\"100%\"}}>\n                    <div class={\"wistia_embed wistia_async_\" + videoId } videoFoam=\"true\" style={{ height: \"100%\", position: \"relative\", width: \"100%\"}}>\n                        <div class=\"wistia_swatch\" style={{ height: \"100%\", left: \"0\", opacity: \"0\", overflow: \"hidden\", position: \"absolute\", top: \"0\", transition: \"opacity 200ms\", width:\"100%\"}}>\n                            <img src={\"https://fast.wistia.com/embed/medias/\" + videoId + \"/swatch\"} style={{filter: \"blur(5px)\", height: \"100%\", objectFit: \"contain\", width: \"100%\"}} alt=\"\" aria-hidden=\"true\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </React.Fragment>\n    )\n}\nexport default Video;","'use strict';\nObject.defineProperty(exports, '__esModule', { value: true });\nvar prefix = 'fas';\nvar iconName = 'arrow-left';\nvar width = 448;\nvar height = 512;\nvar aliases = [8592];\nvar unicode = 'f060';\nvar svgPathData = 'M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z';\n\nexports.definition = {\n  prefix: prefix,\n  iconName: iconName,\n  icon: [\n    width,\n    height,\n    aliases,\n    unicode,\n    svgPathData\n  ]};\n\nexports.faArrowLeft = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = aliases;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;\nexports.aliases = aliases;","import React from 'react';\nimport Helmet from 'react-helmet';\nimport GlobalStyle from '../../GlobalStyles';\n\nconst TemplateWrapper = ({ children }) => {\n    const minHeight = { minHeight: '100vh' };\n    const isBrowser = typeof window !== \"undefined\";\n    let shouldLoadProduction = false;\n\n    if (isBrowser && window.location.href.indexOf(\"motivosity-sandbox\") === -1 && process.env.NODE_ENV === 'production') {\n        shouldLoadProduction = true;\n    }\n\n    return (\n        <>\n            <Helmet>\n                <html lang=\"en\" />\n                <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n                <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin />\n                <link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,700&display=swap\" rel=\"stylesheet\"></link>\n                <meta\n                    http-equiv=\"Content-Type\"\n                    content=\"text/html; charset=utf-8\"\n                />\n                <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n\n                {/* Only add newrelic for production*/}\n                {shouldLoadProduction ? \n                    <script type=\"text/javascript\">\n                        {`\n                            ;window.NREUM||(NREUM={});\n                            NREUM.init = {\n                                distributed_tracing: { enabled: true },\n                                privacy: { cookies_enabled: true },\n                                ajax: { deny_list: [\"bam.nr-data.net\"] }\n                            };\n                            NREUM.loader_config = {\n                                accountID: \"815436\",\n                                trustKey: \"815436\",\n                                agentID: \"601407245\",\n                                licenseKey: \"80dfe6fe9f\",\n                                applicationID: \"601407245\"\n                            };\n                            NREUM.info = {\n                                beacon: \"bam.nr-data.net\",\n                                errorBeacon: \"bam.nr-data.net\",\n                                licenseKey: \"80dfe6fe9f\",\n                                applicationID: \"601407245\",\n                                sa: 1\n                            };\n                        `}\n                    </script>\n                : null }\n\n                {shouldLoadProduction ?\n                    <script\n                        type=\"text/javascript\"\n                        src=\"https://js-agent.newrelic.com/nr-loader-spa-1.244.0.min.js\"\n                    ></script>\n                : null } \n                \n                <meta\n                    name=\"viewport\"\n                    content=\"width=device-width, initial-scale=1.0\"\n                />\n\n                <meta name=\"theme-color\" content=\"#fff\" />\n                <meta property=\"og:type\" content=\"Motivosity\" />\n\n                <meta\n                    name=\"facebook-domain-verification\"\n                    content=\"juelu9vnyg1xl6dv1kvst8ceyv8bec\"\n                />\n\n                <link\n                    rel=\"image_src\"\n                    href=\"https://www.motivosity.com/static/a8152546986b82260bb3c1f1c88125a8/60782/logo-wordmark-black.webp\"\n                />\n\n                <meta\n                    name=\"google-site-verification\"\n                    content=\"XO4qJ7Nur3E4Nv0wknNfsxL5De6_1pH0164mt_kSZaM\"\n                />\n                \n                {/* Adding a noindex tag to every page in the staging env */}\n                {isBrowser && window.location.href.indexOf(\"motivosity-sandbox\") !== -1 ? \n                    <meta name=\"robots\" content=\"noindex\" /> \n                : null\n                }\n            </Helmet>\n            <GlobalStyle />\n\n            {children}\n        </>\n    );\n};\n\nexport default TemplateWrapper;\n","import React from 'react';\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\"\n\nconst DynamicImage = ( props ) => {\n    let src = getImage(props.src);\n    const altText = props.alt || \"\"; // Use the provided alt or an empty string if not provided\n\n    return (\n        <GatsbyImage image={src} alt={altText} loading=\"lazy\" placeholder=\"none\" />\n    );\n};\n\nexport default DynamicImage;\n","import React, { useEffect, createRef } from \"react\";\nimport lottie from \"lottie-web\";\n\nconst Animation = ({ animationFile }) => {\n    let animationContainer = createRef();\n\n    useEffect(() => {\n        const anim = lottie.loadAnimation({\n          container: animationContainer.current, // current instance of our container!\n          renderer: \"svg\",\n          loop: true,\n          autoplay: true,\n          animationData: animationFile\n        });\n        return () => anim.destroy(); // optional clean up for unmounting\n    }, [animationContainer, animationFile]);\n\n    return (\n        <div ref={animationContainer} />\n    );\n};\n\nexport default Animation;","import React from 'react';\nimport styled from 'styled-components';\nimport './styles.scss';\n\nconst CTAButton = styled.a``;\n\nCTAButton.defaultProps = {\n    $borderRadius: '55px'\n};\n\nconst CTA = ({ctaHref, ctaText, id }) => {\n    const handleMouseMove = (e) => {\n        const x = e.pageX - e.target.offsetLeft;\n        const y = e.pageY - e.target.offsetTop;\n        e.target.style.setProperty('--x', x + 'px');\n        e.target.style.setProperty('--y', y + 'px');\n    };\n\n    return (\n        <div style={{display: 'flex'}}>\n            <CTAButton href={ctaHref} className=\"button\" onMouseMove={handleMouseMove} id={id ? id : null}>\n                <span style={{margin: \"0\"}}>{ctaText}</span>\n            </CTAButton>\n        </div>\n    )\n}\n\nexport default CTA;","import React from 'react';\nimport styled from 'styled-components';\nimport Plx from 'react-plx';\nimport Animation from '../../../molecules/Animation/animation';\nimport animation from \"../../../../resources/animations/scrollDown.json\";\nimport DynamicImage from '../../../atoms/DynamicImage/index';\n\nconst ExtraWideHero = styled.div`\n    display: none;\n\n    @media (min-width: 2000px) {\n        display: block;\n        width: 1200px;\n        margin: 80px auto 100px auto;\n    }\n`;\n\nconst DesktopHero = styled.div`\n    display: none;\n    height: 1900px;\n\n    .fullWidth {\n        width: 100vw;\n        div {\n            width: 100vw;\n        }\n    }\n\n    @media (min-width: 769px) and (max-width: 2000px) {\n        display: block;\n        width: 100vw;\n        margin: 0px 0 100px 0;\n    }\n`;\n\nconst MobileHero = styled.div`\n    display: none;\n\n    @media (max-width: 769px) {\n        display: block;\n        width: 100vw;\n        margin: 50px 0 100px 0;\n\n        div {\n            width: 100vw;\n        }\n        div div {\n            width: 100vw;\n            max-width: none;\n        }\n    }\n`;\n\nconst LogoContainer = styled.div`\n    width: 440px;\n    right: 0;\n    left: 0;\n    margin: auto;\n    z-index: 10;\n    position: fixed;\n\n    @media (max-width: 650px) {\n        width: 100%;\n    }\n`;\n\nconst ScrollAnimationContainer = styled.div`\n    width: 100px;\n    position: absolute;\n    right: auto;\n    top: 33%;\n    right: 0;\n    left: 0;\n    margin: auto;\n    z-index: 10;\n    position: fixed;\n\n    @media (max-width: 650px) {\n        width: 100%;\n    }\n`;\n\nconst HeroSection = ({\n    companyLogo,\n    companyName,\n    heroForeground,\n    heroForegroundAlt,\n    heroMobile,\n    heroBackground,\n    heroBackgroundAlt,\n    heroExtraWide\n}) => {\n\n    return (\n        <>\n            <MobileHero>\n                <DynamicImage src={heroMobile} alt={heroBackgroundAlt} />\n            </MobileHero>\n\n            <ExtraWideHero>\n                <DynamicImage src={heroExtraWide} alt={heroBackgroundAlt} />\n            </ExtraWideHero>\n\n            <DesktopHero>\n                <Plx parallaxData={[\n                    {\n                        start: -100,\n                        end: 1000,\n                        properties: [\n                            {\n                                startValue: 1,\n                                endValue: 1.8,\n                                property: \"scale\"\n                            }\n                        ]\n                    },\n                    {\n                        start: 1000,\n                        end: 1800,\n                        properties: [\n                            {\n                                startValue: 1,\n                                endValue: 0,\n                                property: \"opacity\"\n                            }\n                        ]\n                    }\n                ]}\n                    style={{\n                        position: \"fixed\",\n                        left: 0,\n                        width: \"100%\",\n                        zIndex: -1,\n                        bottom: \"0%\",\n                    }}\n                >\n                    <div className=\"fullWidth\">\n                        <DynamicImage src={heroForeground} style={{ width: '100vw' }} alt={heroForegroundAlt} />\n                    </div>\n                </Plx>\n\n                <Plx parallaxData={[\n                    {\n                        start: 0,\n                        end: 1100,\n                        properties: [\n                            {\n                                startValue: 1,\n                                endValue: 1.4,\n                                property: \"scale\"\n                            }\n                        ]\n                    },\n                    {\n                        start: 1100,\n                        end: 1700,\n                        properties: [\n                            {\n                                startValue: 1,\n                                endValue: 0,\n                                property: \"opacity\"\n                            }\n                        ]\n                    }\n                ]}\n                    style={{\n                        position: \"fixed\",\n                        left: 0,\n                        right: 0,\n                        margin: 'auto',\n                        bottom: \"0%\",\n                        width: \"100vw\",\n                        zIndex: -3\n                    }}\n                >\n                    <div className=\"fullWidth\">\n                        <DynamicImage src={heroBackground} alt={heroBackgroundAlt} />\n                    </div>\n                </Plx>\n\n                <Plx parallaxData={[\n                    {\n                        start: 0,\n                        end: 700,\n                        properties: [\n                            {\n                                startValue: 1,\n                                endValue: 0,\n                                property: \"opacity\"\n                            }\n                        ]\n                    }\n                ]}\n                    style={{\n                        position: \"fixed\",\n                        top: \"17%\",\n                        width: \"500px\",\n                        zIndex: -2\n                    }}>\n                    <LogoContainer>\n                        <DynamicImage src={companyLogo} style={{ width: '440px', height: '150px' }} alt={companyName + ' Logo'} />\n                    </LogoContainer>\n                    <ScrollAnimationContainer>\n                        <Animation animationFile={animation} />\n                    </ScrollAnimationContainer>\n                </Plx>\n            </DesktopHero>\n        </>\n    );\n};\n\nexport default HeroSection;\n","import React from 'react';\nimport styled from 'styled-components';\nimport Video from '../../../molecules/Video/index';\nimport colors from '../../../../helpers/colors';\nimport Cta from '../../../atoms/CTA-CursorGradient/index';\n\nconst TextContainer = styled.div`\n    text-align: center;\n    margin: 0 auto;\n    max-width: 750px;\n    margin-bottom: 100px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    @media (max-width: 769px) {\n        padding: 0 20px;\n        margin-bottom: 50px;\n    }\n`;\n\nconst Title = styled.h1`\n    margin-bottom: 20px;\n    font-size: 40px;\n    font-weight: 900;\n    color: ${colors.mvDarkGrey};\n    max-width: 750px;\n\n    @media (max-width: 500px) {\n        font-size: 35px;\n    }\n`;\n\nconst Description = styled.h2`\n    font-size: 16px;\n    color: ${colors.paragraphTextColor};\n    font-weight: 300;\n    line-height: 1.5;\n    margin-bottom: 30px;\n`;\n\nconst VideoContainer = styled.div`\n    width: 846px;\n    margin: 0 auto;\n\n    @media (max-width: 1200px) {\n        width: 100%;\n    }\n    @media (max-width: 769px) {\n        width: 80%;\n        margin: 0 auto;\n    }\n\n    @media (max-width: 500px) {\n        width: 90%;\n    }\n`;\n\nconst VideoSection = ({ title, description, videoId, hubspotLink }) => {\n    return (\n        <>        \n        <TextContainer>\n            <Title>{title}</Title>\n            <Description>{description}</Description>\n            {hubspotLink ? <Cta ctaHref={hubspotLink} target=\"_blank\" rel=\"noopener\" ctaText=\"Download the PDF\" /> : null}\n        </TextContainer>\n\n        <VideoContainer>\n            <Video videoId={videoId} />\n        </VideoContainer>\n\n        </>\n    );\n};\n\nexport default VideoSection;\n","import React  from 'react';\nimport styled from 'styled-components';\nimport Plx from 'react-plx';\nimport DynamicImage from '../../../atoms/DynamicImage/index';\nimport colors from '../../../../helpers/colors';\n\nconst CardContainer = styled.div`\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    max-width: 1200px;\n    margin: 120px 0 200px 0;\n\n\n    @media (max-width: 1330px) {\n        flex-wrap: wrap;\n        justify-content: center;\n        margin: 120px auto 200px auto;\n    }\n\n    @media (max-width: 500px) {\n        flex-direction: column;\n    }\n`;\n\nconst Card = styled.div`\n    width: 277px;\n    height: 187px;\n    background: ${colors.mvWhite};\n    border-radius: 8px;\n    padding: 23px 40px 40px 40px;\n    box-shadow: 0px 20px 30px ${colors.greyBoxShadow};\n    margin: 0 15px;\n    text-align: center;\n\n    @media (max-width: 1330px) {\n        width: 45%;\n        height: 160px;\n        margin: 10px;\n    }\n\n    @media (max-width: 769px) {\n        height: 170px;\n    }\n\n    @media (max-width: 600px) {\n        height: 220px;\n    }\n    @media (max-width: 500px) {\n        width: 60%;\n        margin: 15px auto 15px auto;\n        height: 180px;\n        padding: 20px 15px;\n    } \n    @media (max-width: 410px) {\n        width: 70%;\n        height: 200px;\n    }    \n`;\n\nconst Text = styled.p`\n    color: ${colors.paragraphTextColor};\n    font-size: 20px;\n\n    span {\n        margin-left: 6px;\n        font-weight: 900;\n    }\n`;\n\nconst IconContainer = styled.div`\n    width: 39px;\n    margin: 0 auto 17px auto;\n`;\n\nconst DesktopAnimation = styled.div`\n    max-width: 1200px;\n    postion: absolute;\n    left: 0;\n    right: 0;\n    margin: auto;\n\n    @media (max-width: 1330px) {\n        display: none;\n    }\n    @media (min-width: 2000px) {\n        display: none;\n    }\n`;\n\nconst MobileContainer = styled.div`\n    @media (min-width: 1330px) {\n        display: none;\n    }\n    @media (min-width: 2000px) {\n        display: block;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n`;\n\nconst TileSection = ({ tiles }) => {\n    return (\n        <>\n        <DesktopAnimation>\n        <Plx parallaxData={[\n            {\n                start: 1300,\n                end: 2500,\n                properties: [\n                    {\n                        startValue: -50,\n                        endValue: 0,\n                        unit: \"%\",\n                        property: \"translateX\"\n                    }\n                ]\n            }\n            ]}\n        >\n            <CardContainer>\n                {tiles.map((tile, index) => {\n                    return (\n                        <Card key={index}>\n                            <IconContainer>\n                                <DynamicImage src={tile.image} alt={tile.imageAlt} />\n                            </IconContainer>\n                            <Text dangerouslySetInnerHTML={{ __html: tile.title }} />\n                        </Card>\n                    )\n                })}\n            </CardContainer>\n        </Plx>   \n        </DesktopAnimation>\n\n        <MobileContainer>\n             <CardContainer>\n                {tiles.map((tile, index) => {\n                    return (\n                        <Card key={index}>\n                            <IconContainer>\n                                <DynamicImage src={tile.image} alt={tile.imageAlt} />\n                            </IconContainer>\n                            <Text dangerouslySetInnerHTML={{ __html: tile.title }} />\n                        </Card>\n                    )\n                })}\n            </CardContainer>\n        </MobileContainer> \n        </>      \n    );\n};\n\nexport default TileSection;\n\n\n\n\n\n","import React, { useState, useEffect } from 'react';\nimport styled from 'styled-components';\nimport DynamicImage from '../../atoms/DynamicImage';\nimport Plx from 'react-plx';\nimport useWindowDimensions from '../../../helpers/windowDimensions';\nimport colors from '../../../helpers/colors';\n\nconst TextWrapper = styled.div`\n    text-align: left;\n    padding: 32px 0;\n\n    @media (max-width: 1050px) {\n        padding: 0 15px;\n        width: 60%;\n        margin-right: 0;\n    }\n\n    @media screen and (max-width: 769px) {\n        width: auto;\n        padding: 20px;\n        margin: 0 auto;\n        text-align: center;\n        margin-bottom: 15px;\n    }\n    @media (max-width: 500px) {\n        padding: 0;\n        margin-bottom: 30px;\n    }\n`;\n\nconst ImgLeftContent = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    position: relative;\n    margin-bottom: 180px;\n\n    ${TextWrapper} {\n        margin-left: 80px;\n    }\n\n    @media (max-width: 1230px) {\n        padding: 25px;\n    }\n\n    @media (max-width: 1050px) {\n        align-items: center;\n    }\n\n    @media screen and (max-width: 769px) {\n        flex-direction: column;\n        margin-top: 16px;\n        ${TextWrapper} {\n            margin-left: 0px;\n        }\n    }\n\n    @media (max-width: 500px) {\n        margin-bottom: 127px;\n        padding: 0;\n    }\n    \n`;\n\nconst ImgRightContent = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-direction: row-reverse;\n    position: relative;\n    margin-bottom: 180px;\n\n    \n\n    ${TextWrapper} {\n        margin-right: 80px;\n    }\n\n    @media (max-width: 1230px) {\n        padding: 25px;\n    }\n\n    @media (max-width: 1050px) {\n        align-items: center;\n\n        ${TextWrapper} {\n            margin-right: 20px;\n        }\n    }\n\n    @media screen and (max-width: 769px) {\n        display: block;\n        margin-top: 16px;\n\n        ${TextWrapper} {\n            margin-right: 0;\n        }\n    }\n\n    @media (max-width: 500px) {\n        margin-bottom: 127px;\n        padding: 0;\n    }\n`;\n\n\nconst TitleWrapper = styled.div``;\n\nconst Title = styled.h3`\n    font-size: 30px;\n    color: ${colors.mvDarkGrey};\n    font-weight: 900;\n    margin-bottom: 20px;\n    line-height: 1.5;\n    width: 540px;\n\n    @media (max-width: 1050px) {\n        width: 100%;\n    }\n\n    @media (max-width: 500px) {\n        margin-bottom: 30px;\n    }\n`;\n\nconst Description = styled.p`\n    font-size: 15px;\n    line-height: 1.5;\n    margin-bottom: 50px;\n    color: ${colors.paragraphTextColor};\n    width: 545px;\n\n    @media (max-width: 1050px) {\n        width: 100%;\n        margin-bottom: 25px;\n    }\n\n    @media (max-width: 500px) {\n        margin-top: 0;\n    }\n`;\n\nconst Heading = styled.div`\n    display: flex;\n    align-items: baseline;\n    justify-content: flex-start;\n`;\n\nconst Wrapper = styled.div`\n    margin-bottom: 200px;\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n\n    &:last-child {\n        margin-bottom: 120px;\n\n        @media screen and (max-width: 1280px) {\n            margin-bottom: 60px;\n        }\n\n        @media screen and (max-width: 1024px) {\n            margin-bottom: 0px;\n        }\n        @media screen and (max-width: 800px) {\n            margin-bottom: 20px;\n        }\n    }\n\n    @media screen and (max-width: 1200px) {\n        margin-bottom: 120px;\n    }\n\n    @media screen and (max-width: 1024px) {\n        margin-bottom: 80px;\n    }\n    @media screen and (max-width: 800px) {\n        margin-bottom: 40px;\n    }\n\n    @media (max-width: 500px){\n        padding: 0 20px;\n    }\n    margin-bottom: 0;\n`;\n\nconst ProductImage = styled.div`\n    width: 570px;\n    \n    @media (max-width: 1050px) {\n        width: 50%;\n    }\n    @media (max-width: 1000px) {\n        width: 60%;\n    }\n\n    @media (max-width: 769px) {\n        display: none;\n    }\n`;\n\nconst ProductImageMobile = styled.div`\n    display: none;\n\n    @media screen and (max-width: 769px) {\n        display: block;\n    }\n`;\n\nconst QuoteContainer = styled.div`\n    display: flex;\n    width: 100%;\n\n    @media (max-width: 1050px) {\n        flex-direction: column-reverse;\n    }\n    @media (max-width: 769px) {\n        align-items: center;\n    }\n`;\n\nconst QuoteTextContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    max-width: 354px;\n    position: relative;\n    margin-right: 46px;\n\n    @media (max-width: 769px) {\n        margin-right: 0;\n    }\n    @media (max-width: 600px) {\n        width: 100%;\n        max-width: none;\n    }\n`;\n\nconst Quote = styled.p`\n    font-size: 15px;\n    color: ${colors.mvDarkGrey};\n    font-style: italic;\n    line-height: 1.5;\n    font-weight: 400;\n\n    @media (max-width: 1050px) {\n        margin-top: 25px;\n    }\n`;\n\nconst QuoteBy = styled.p`\n    color: ${({ color }) => color};\n    font-size: 18px;\n    font-weight: 900;\n    margin-top: 20px;\n    text-align: right;\n\n    @media (max-width: 769px) {\n        text-align: center;\n    }\n`;\n\nconst QuoteImageContainer = styled.div`\n    width: 144px;\n`;\n\nconst ScreenShotWithText = ({\n    index,\n    title,\n    description,\n    imageAlign,\n    imageSrc,\n    imageAlt,\n    quote,\n    quoteBy,\n    quoteImage,\n    quoteColor\n}) => {\n    const Content = imageAlign === 'left' ? ImgLeftContent : ImgRightContent;\n    const [animationStartPoint, setAnimationStartPoint] = useState(2300)\n    const [animationEndPoint, setAnimationEndPoint] = useState(3000)\n    const { width } = useWindowDimensions();\n\n    useEffect(() => {\n        if (index === 0) {\n            setAnimationStartPoint(1900)\n            setAnimationEndPoint(3000)\n        } else if (index === 1) {\n            setAnimationStartPoint(2700)\n            setAnimationEndPoint(3700)\n        } else if (index === 2) {\n            setAnimationStartPoint(3400)\n            setAnimationEndPoint(4700)\n        } else if (index === 3) {\n            setAnimationStartPoint(4500)\n            setAnimationEndPoint(5400)\n        }\n    }, [index])\n\n    return (\n        <Wrapper>\n            <Content>\n                {width > 1250 && width < 2000 ?\n                    <>\n                        {imageAlign === 'right' ? /* this expression will determine if the image is on the left or right, which affects which side the animation starts at for the text and image */\n                            <>\n                                <Plx parallaxData={[\n                                    {\n                                        start: animationStartPoint,\n                                        end: animationEndPoint,\n                                        properties: [\n                                            {\n                                                startValue: 100,\n                                                endValue: 0,\n                                                property: \"translateX\",\n                                                unit: \"%\",\n                                            },\n                                        ]\n\n                                    }\n                                ]}\n                                >\n                                    <ProductImage>\n                                        <DynamicImage\n                                            src={imageSrc}\n                                            style={{ [imageAlign]: '5%' }}\n                                            alt={imageAlt}\n                                        />\n                                    </ProductImage>\n                                </Plx>\n\n\n                                <TextWrapper>\n                                <Plx parallaxData={[\n                                    {\n                                        start: animationStartPoint,\n                                        end: animationEndPoint,\n                                        properties: [\n                                            {\n                                                startValue: -50,\n                                                endValue: 0,\n                                                property: \"translateX\",\n                                                unit: \"%\",\n                                            },\n                                        ]\n\n                                    }\n                                ]}\n                                >\n                                        <Heading>\n                                            <TitleWrapper>\n                                                <Title>{title}</Title>\n                                            </TitleWrapper>\n                                        </Heading>\n                                        <Description dangerouslySetInnerHTML={{ __html: description }} />\n                                        <QuoteContainer>\n                                            <QuoteTextContainer>\n                                                <Quote>\"{quote}\"</Quote>\n                                                <QuoteBy color={quoteColor}>- {quoteBy}</QuoteBy>\n                                            </QuoteTextContainer>\n                                            <QuoteImageContainer>\n                                                <DynamicImage src={quoteImage} alt={\"Image of \" + quoteBy} />\n                                            </QuoteImageContainer>\n                                        </QuoteContainer>\n                                    \n                                </Plx>\n                                </TextWrapper>\n                            </>\n                            :\n                            <>\n                                <Plx parallaxData={[\n                                    {\n                                        start: animationStartPoint,\n                                        end: animationEndPoint,\n                                        properties: [\n                                            {\n                                                startValue: -50,\n                                                endValue: 0,\n                                                property: \"translateX\",\n                                                unit: \"%\",\n                                            },\n                                        ]\n\n                                    }\n                                ]}\n                                >\n                                    <ProductImage>\n                                        <DynamicImage\n                                            src={imageSrc}\n                                            style={{ [imageAlign]: '5%' }}\n                                            alt={imageAlt}\n                                        />\n                                    </ProductImage>\n\n                                </Plx>\n\n                                <TextWrapper>\n                                <Plx parallaxData={[\n                                    {\n                                        start: animationStartPoint,\n                                        end: animationEndPoint,\n                                        properties: [\n                                            {\n                                                startValue: 100,\n                                                endValue: 0,\n                                                property: \"translateX\",\n                                                unit: \"%\",\n                                            },\n                                        ]\n\n                                    }\n                                ]}\n                                >\n                                        <Heading>\n                                            <TitleWrapper>\n                                                <Title>{title}</Title>\n                                            </TitleWrapper>\n                                        </Heading>\n                                        <Description dangerouslySetInnerHTML={{ __html: description }} />\n                                        <QuoteContainer>\n                                            <QuoteTextContainer>\n                                                <Quote>\"{quote}\"</Quote>\n                                                <QuoteBy color={quoteColor}>- {quoteBy}</QuoteBy>\n                                            </QuoteTextContainer>\n                                            <QuoteImageContainer>\n                                                <DynamicImage src={quoteImage} alt={\"Image of \" + quoteBy} />\n                                            </QuoteImageContainer>\n                                        </QuoteContainer>\n                                </Plx>\n                                </TextWrapper>\n                            </>\n                        }\n                    </>\n\n                    :\n                    <>\n                        <ProductImage>\n                            <DynamicImage\n                                src={imageSrc}\n                                style={{ [imageAlign]: '5%' }}\n                                alt={imageAlt}\n                            />\n                        </ProductImage>\n                        <TextWrapper>\n                            <Heading>\n                                <TitleWrapper>\n                                    <Title>{title}</Title>\n                                </TitleWrapper>\n                            </Heading>\n                            <Description dangerouslySetInnerHTML={{ __html: description }} />\n                            <QuoteContainer>\n                                <QuoteTextContainer>\n                                    <Quote>\"{quote}\"</Quote>\n                                    <QuoteBy color={quoteColor}>- {quoteBy}</QuoteBy>\n                                </QuoteTextContainer>\n                                <QuoteImageContainer>\n                                    <DynamicImage src={quoteImage} alt={\"Image of \" + quoteBy} />\n                                </QuoteImageContainer>\n                            </QuoteContainer>\n                        </TextWrapper>\n                    </>\n                }\n                <ProductImageMobile>\n                    <DynamicImage\n                        src={imageSrc}\n                        style={{ [imageAlign]: '5%' }}\n                        alt={imageAlt}\n                    />\n                </ProductImageMobile>\n            </Content>\n\n        </Wrapper>\n    );\n};\n\nexport default ScreenShotWithText;","import React from 'react';\nimport styled from 'styled-components';\nimport CaseStudyAlternateContentBlocks from '../../../molecules/CaseStudyAlternateContentBlocks';\n\nconst Wrapper = styled.div`\n    @media (max-width: 769px) {\n        flex-direction: column;\n    }\n`;\n\nconst AlternatingSection = ({ data, quoteColor }) => {\n    return (\n            <Wrapper>\n                {data.map((content, index) => (               \n                    <CaseStudyAlternateContentBlocks\n                        index={index}\n                        imageAlign={content.imageAlign}\n                        title={content.title}\n                        description={content.description}\n                        imageSrc={content.image}\n                        imageAlt={content.imageAlt}\n                        quote={content.quote}\n                        quoteBy={content.quoteBy}\n                        quoteImage={content.quoteImage}\n                        quoteColor={quoteColor}\n                    />           \n                ))}\n            </Wrapper>\n    );\n};\n\nexport default AlternatingSection;\n\n\n","import React, { useState, useEffect } from \"react\";\nimport styled from 'styled-components';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faArrowRight } from '@fortawesome/free-solid-svg-icons/faArrowRight';\nimport { faArrowLeft } from '@fortawesome/free-solid-svg-icons/faArrowLeft';\nimport DynamicImage from '../../atoms/DynamicImage/index';\nimport Plx from 'react-plx';\nimport colors from '../../../helpers/colors';\nimport { handleKeyPress } from \"../../../helpers/keyboardHelper\";\n\nconst Wrapper = styled.div`\n    margin: 0 auto 280px auto;\n    width: 1200px;\n    background-color: ${props => props.$backgroundColor};\n    height: 540px;\n    border-radius: 54px;\n\n    @media (max-width: 1250px) {\n        width: 96%;\n    }\n\n    @media (max-width: 769px) {\n        flex-direction: column;\n        padding: 0 15px;\n    }\n\n    @media (max-width: 500px) {\n        width: 93%;\n    }\n\n`;\n\nconst Container = styled.div`\n    position: relative;\n    height: 200px;\n    width: 1000px;\n    margin: 0 auto;\n\n    @media (max-width: 1100px) {\n        width: 95%;\n    }\n\n    @media (max-width: 769px) {\n        width: 100%;\n    }\n\n    @media (max-width: 500px) {\n        width: 98%;\n    }\n`;\n\nconst SliderContainer = styled.div`\n    display: flex;\n    flex-direction: column; \n\n    .forward-card-slide {\n        -webkit-animation: slideForward 0.85s ease;forwards;\n        -moz-animation: slideForward 0.85s ease;\n        animation: slideForward 0.85s ease;  \n    }\n\n    @keyframes slideForward {\n        0% {\n           opacity:1\n        }\n    \n          50% {\n           opacity: .15\n        }\n           90% {\n           transform: translate(-100px,0);\n        }\n        100% {\n          opacity:0\n        }\n    }\n\n    .backward-card-slide {\n        -webkit-animation: slideBackward 0.85s ease;forwards;\n        -moz-animation: slideBackward 0.85s ease;\n        animation: slideBackward 0.65s ease;  \n    }\n\n    @keyframes slideBackward {\n        0% {\n           opacity:1\n        }\n    \n          50% {\n           opacity: .15\n        }\n           90% {\n           transform: translate(100px,0);\n        }\n        100% {\n          opacity:0\n        }\n    }\n`;\n\nconst Slider = styled.div`\n    @keyframes fadeIn {\n        0% {opacity: 0;}\n        100% {opacity:1;}\n    }\n    animation: fadeIn .5s;\n    -webkit-animation: fadeIn .5s;\n    -moz-animation: fadeIn .5s;\n    -o-animation: fadeIn .5s;\n    -ms-animation: fadeIn .5s;\n\n    margin-right: 0;\n    position: relative;\n    left: 0;\n    margin: 0 auto;\n    padding: 0px 0 35px 0;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n\n    @media (max-width: 769px) {\n        flex-direction: column;\n        padding: 0px;\n        width: 98%;\n        margin: 0px auto;\n    }\n\n    @media (max-width: 500px) {\n        width: 100%;\n        padding: 15px;\n    }\n`;\n\nconst SliderParagraph = styled.p`\n    font-size: 17px;\n    font-weight: 300;\n    color: ${colors.paragraphTextColor};\n    height: 100%;\n    font-style: italic;\n    line-height: 1.5;\n    margin: 44px auto 30px auto;\n    text-align: center;\n    width: 754px;\n\n    @media (max-width: 850px) {\n        width: 95%;\n    }\n\n    @media (max-width: 769px) {\n        margin-bottom: 20px;\n        width: 98%;\n    }\n\n    @media (max-width: 550px) {\n        width: 100%;\n        margin-top: 25px;\n        font-size: 16px;\n    }\n`;\n\nconst QuoteBy = styled.p`\n    color: ${colors.paragraphTextColor};\n    font-size: 15px;\n    font-weight: bold;\n    text-align: center;\n`;\n\nconst IconContainer = styled.div`\n    .iconContainer {    \n        font-size: 18px;\n        position: absolute;\n        bottom: -413px;\n        cursor: pointer;\n        display: inline-block;\n        border-radius: 50%;\n        padding: 0.5em 0.6em;\n        z-index: 2;\n        \n        :hover {\n            transition: .4s;\n            .icon {\n                color: ${props => props.$quoteColor};\n            }\n        }\n        .icon {\n            color: ${colors.mvLightMediumGrey};\n    \n            :hover {\n                transition: .4s;\n            }\n        }\n    }\n\n    .left {\n        right: 55%;\n    }\n\n    .right {\n        right: 42%;\n    }\n\n \n\n    @media (max-width: 769px) {\n        \n        .right {\n            right: 40%;\n        }\n        .left {\n            right: 56%;\n        }\n\n    }\n\n    @media (max-width: 550px) {\n        .iconContainer {\n            bottom: -205%;\n        }\n        .left {\n            left: 15px;\n        }\n    \n        .right {\n            right: 15px;\n        }\n    }\n`;\n\nconst DotContainer = styled.div`\n    position: absolute;\n    bottom: -400px;\n    right: 50.25%;\n\n    .pagination-container {\n        display: flex;\n        flex-direction: row;\n    }\n\n    .pagination-wrapper {\n        font-size: 0;\n        position: absolute;\n        bottom: -60%;\n        left: 65%;\n        transform: translate(-50%, -50%);\n        text-align: center;\n    }\n\n    @keyframes pagination-container--animation-prev {\n        0% { transform: translateX(0); }\n        100% { transform: translateX(18px); }\n    }\n    \n    @keyframes pagination-container--animation-next {\n        0% { transform: translateX(0); }\n        100% { transform: translateX(-18px); }\n    }\n    \n    .transition-prev .pagination-container {\n        animation: pagination-container--animation-prev 0.3s forwards;\n    }\n    \n    .transition-next .pagination-container {\n        animation: pagination-container--animation-next 0.3s forwards;\n    }\n\n    @keyframes slideLeft {\n        0% {\n          transform: translateX(0px);\n        }\n      \n        100% {\n          transform: translateX(-18px);\n        }\n    }\n\n    .transition-prev .little-dot--first {\n        animation: slideLeft 0.4s 0.3s forwards cubic-bezier(0.165, 0.84, 0.44, 1);\n    }\n  \n    @keyframes little-dot--first--animation {\n        0% { opacity: 1; }\n        100% { opacity: 0; }\n    }\n  \n    .transition-next .little-dot--first {\n        animation: little-dot--last--animation 0.3s forwards;\n    }\n  \n    \n    @keyframes little-dot--last--animation {\n        0% { opacity: 1; }\n        100% { opacity: 0; }\n    }\n    \n    .transition-prev .little-dot--last {\n        animation: little-dot--last--animation 0.3s forwards;\n    }\n    \n    @keyframes slideRight {\n        0% {\n        transform: translateX(0px);\n        opacity: 1;\n        }\n    \n        100% {\n        transform: translateX(18px);\n        opacity: 1;\n        }\n    }\n    \n    .transition-next .little-dot--last {\n        animation: slideRight 0.4s 0.3s forwards cubic-bezier(0.165, 0.84, 0.44, 1);\n    }\n\n    .transition-next .big-dot {\n        right: auto;\n        left: -6px;\n      }\n\n    .transition-next .big-dot-container {\n        right: auto;\n        left: 31px;\n    }\n    \n    @keyframes big-dot-container--animation-prev {\n        0% { transform: translateY(-50%); }\n        100% { transform: translateY(-50%) rotate(-179deg); }\n    }\n    \n    @keyframes big-dot-container--animation-next {\n        0% { transform: translateY(-50%); }\n        100% { transform: translateY(-50%) rotate(-181deg); }\n    }\n    \n    .transition-prev .big-dot-container {\n        animation: big-dot-container--animation-prev 0.3s forwards;\n    }\n    \n    .transition-next .big-dot-container {\n        animation: big-dot-container--animation-next 0.3s forwards;\n    }\n\n    @media (max-width: 769px) {\n        .pagination-wrapper {\n            bottom: -180%;\n            left: 50%;\n        }\n    }\n\n    @media (max-width: 550px) {\n        .pagination-wrapper {\n            bottom: -200%;\n        }\n    }\n\n    @media (max-width: 440px) {\n        .pagination-wrapper {\n            bottom: -235%;\n        }\n    }\n`;\n\nconst SmallDot = styled.div`\n    .little-dot {\n        cursor: pointer;\n        width: 6px;\n        height: 6px;\n        background: ${colors.mvLightMediumGrey};\n        border-radius: 100%;\n        display: inline-block;\n        vertical-align: middle;\n        margin: 0 12px;\n        position: relative;\n        z-index: 10;\n    }\n\n    .little-dot--first,\n    .little-dot--last {\n        z-index: 5;\n    }\n`;\n\nconst BigDot = styled.div`\n    .big-dot-container {\n        width: 18px;\n        height: 18px;\n        border-radius: 100%;\n        position: absolute;\n        top: 50%;\n        right: 29px;\n        transform: translateY(-50%);\n        z-index: 10;\n    }\n    .big-dot {\n        width: 12px;\n        height: 12px;\n        border-radius: 100%;\n        background-color: ${props => props.$quoteColor};\n        position: absolute;\n        top: 50%;\n        right: -6px;\n        transform: translateY(-50%);\n    }\n`;\n\nconst HeadshotContainer = styled.div`\n    width: 218px;\n    margin-top: 77px;\n\n    @media (max-width: 600px) {\n        margin-top: 45px;\n    }\n    @media (max-width: 530px) {\n        margin-top: 35px;\n    }\n    @media (max-width: 400px) {\n        width: 180px;\n    }\n`;\n\nconst QuoteContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n\n    @media (max-width: 769px) {\n        width: 100%;\n        margin-left: 0px;\n        margin-top: 0;\n    }\n`;\n\nconst QuoteSection = ({ quotes, quoteColor, quoteBackgroundColor }) => {\n    const [opacityAnimationStart, setOpacityAnimationStart] = useState(0);\n    const [opacityAnimationEnd, setOpacityAnimationEnd] = useState(0);\n\n    const [currentSlide, setCurrentSlide] = useState(0);\n    const [cardSlide, setCardSlide] = useState('');\n    const [paginationWrapper, setPaginationWrapper] = useState('');\n\n    const firstDot = 'little-dot--first';\n    const secondDot = 'little-dot--last';\n\n    const [bigDotContainer, setBigDotContainer] = useState('');\n\n    let sliderLength = quotes.length;\n    let lastSlide = sliderLength - 1;\n\n    useEffect(() => {\n        setOpacityAnimationStart(4400)\n        setOpacityAnimationEnd(5400)\n    }, [])\n\n    function moveBackward() {\n        setCardSlide('backward-card-slide');\n        setPaginationWrapper('transition-prev');\n        setBigDotContainer('big-dot-container-animation');\n\n        setTimeout(() => {\n            setCardSlide('');\n            if (currentSlide === 0) {\n                setCurrentSlide(lastSlide)\n            } else {\n                setCurrentSlide(currentSlide - 1)\n            }\n        }, 600);\n        cleanClasses();\n    }\n\n    function moveForward() {\n        setCardSlide('forward-card-slide');\n        setPaginationWrapper('transition-next');\n\n        setTimeout(() => {\n            setCardSlide('');\n            if (currentSlide === lastSlide) {\n                setCurrentSlide(0)\n            } else {\n                setCurrentSlide(currentSlide + 1)\n            }\n        }, 600);\n\n        cleanClasses();\n    }\n\n    function cleanClasses() {\n        setTimeout(() => {\n            setPaginationWrapper('');\n            setBigDotContainer('');\n        }, 500);\n    }\n\n    return (\n        <Plx parallaxData={[\n            {\n                start: opacityAnimationStart,\n                end: opacityAnimationEnd,\n                properties: [\n                    {\n                        startValue: 0,\n                        endValue: 1,\n                        property: \"opacity\"\n                    }\n                ]\n            }\n        ]}\n        >\n            <Wrapper $backgroundColor={quoteBackgroundColor}>\n                <Container>\n                    <IconContainer $quoteColor={quoteColor}>\n                        <div \n                            className=\"iconContainer left\" \n                            onClick={moveBackward} \n                            onKeyDown={(event) => handleKeyPress(event, moveBackward)}\n                            role=\"button\"\n                            tabIndex={0}\n                        >\n                            <FontAwesomeIcon icon={faArrowLeft} className='icon' alt=\"Arrow icon pointing left\" />\n                        </div>\n\n                        <SliderContainer>\n\n                            <Slider className={cardSlide}>\n                                <HeadshotContainer>\n                                    <DynamicImage src={quotes[currentSlide].image} alt={\"Headshot image of \" + quotes[currentSlide].quoteBy} />\n                                </HeadshotContainer>\n\n                                <QuoteContainer>\n                                    <SliderParagraph>\"{quotes[currentSlide].quote}\"</SliderParagraph>\n                                    <QuoteBy>{quotes[currentSlide].quoteBy}</QuoteBy>\n                                </QuoteContainer>\n\n                            </Slider>\n                        </SliderContainer>\n\n                        <div \n                            className=\"iconContainer right\" \n                            onClick={moveForward} \n                            onKeyDown={(event) => handleKeyPress(event, moveForward)}\n                            role=\"button\"\n                            tabIndex={0}\n                        >\n                            <FontAwesomeIcon icon={faArrowRight} className='icon' onClick={moveForward} alt=\"Arrow icon pointing right\" />\n                        </div>\n                    </IconContainer>\n\n                    <DotContainer>\n                        <div className={\"pagination-wrapper \" + paginationWrapper}>\n                            <div className=\"pagination-container\">\n                                <SmallDot onClick={moveBackward} >\n                                    <div className={\"little-dot \" + firstDot} />\n                                </SmallDot>\n\n                                <BigDot $quoteColor={quoteColor}>\n                                    <div className={\"big-dot-container \" + bigDotContainer} >\n                                        <div className=\"big-dot\" />\n                                    </div>\n                                </BigDot>\n\n                                <SmallDot onClick={moveForward}>\n                                    <div className={\"little-dot \" + secondDot} />\n                                </SmallDot>\n                            </div>\n                        </div>\n\n                    </DotContainer>\n                </Container>\n            </Wrapper>\n\n        </Plx>\n    );\n};\n\nexport default QuoteSection;\n","import styled from 'styled-components';\nimport React from 'react';\nimport DynamicImage from '../../../atoms/DynamicImage/index';\nimport Cta from '../../../atoms/CTA-CursorGradient/index';\nimport colors from '../../../../helpers/colors';\n\nconst Container = styled.div`\n    max-width: 1200px;\n    margin: 220px auto 160px auto;\n\n    @media (max-width: 769px) {\n        margin: 160px auto;\n    }\n    @media (max-width: 500px) {\n        margin: 0px auto 80px auto;\n    }\n`;\n\nconst HeadingText = styled.h3`\n    text-align: center;\n    font-size: 30px;\n    font-weight: bold;\n    color: ${colors.mvDarkGrey};\n    margin-bottom: 37px;\n\n    @media (max-width: 500px) {\n        font-size: 30px;\n        width: 100%;\n    }\n`;\n\nconst FeaturedResources = styled.div`\n    margin-top: 29px;\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    padding: 0px 50px;\n\n    @media screen and (max-width: 640px) {\n        padding: 0px 12px;\n    }\n    @media (max-width: 500px) {\n        flex-direction: column;\n        padding: 0 29px;\n        align-items: center;\n    }\n`;\n\nconst FeaturedResource = styled.a`\n    margin: 0px 36px;\n    cursor: pointer;\n    text-decoration: none;\n    background-color: ${colors.mvWhite};\n    box-shadow: 0px 4px 7px ${colors.greyBoxShadow};\n    width: 270px;\n    height: 320px;\n    padding: 18px;\n    border-radius: 10px;\n    transition: .4s;\n    \n\n    &:hover {\n        box-shadow: 0px 4px 7px ${colors.darkGreyBoxShadow};\n        transition: .4s;\n    }\n\n    @media (max-width: 900px) {\n        margin: 0px 20px;\n    }\n\n    @media (max-width: 769px) {\n        &:nth-child(3) {\n            display: none;\n        }\n    }\n\n    @media (max-width: 500px) {\n        padding-bottom: 100px;\n        margin-bottom: 35px;\n    }\n`;\n\nconst ResourceType = styled.p`\n    padding: 20px 0 10px 0;\n    font-size: 16px;\n    font-weight: bold;\n    color: ${colors.mvBlue};\n`;\n\nconst ResourceTitle = styled.h4`\n    font-size: 17px;\n    font-weight: bold;\n    color: ${colors.mvMediumGrey};\n`;\n\nconst CtaContainer = styled.div`\n    margin: -120px auto 100px auto;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n`;\n\nconst RelatedSection = ({\n    relatedContent,\n    hubspotLink\n}) => {\n\n    return (\n        <Container>\n            {hubspotLink ?\n                <CtaContainer>\n                    <Cta ctaHref={hubspotLink} target=\"_blank\" rel=\"noopener\" ctaText=\"Download the PDF\" />\n                </CtaContainer>\n            : null}\n            <HeadingText>More Culture Studies</HeadingText>\n            <FeaturedResources>\n                {relatedContent ? \n                    relatedContent.map(resource => {\n                        const { type, title, image, imageAlt, link } = resource;\n\n                        return (\n                            <FeaturedResource href={link + '/'} key={title} >  \n                                <DynamicImage src={image} alt={imageAlt} style={{width: '100%'}} />\n\n                                <ResourceType>{type}</ResourceType>\n                                <ResourceTitle>{title}</ResourceTitle>\n                            </FeaturedResource>\n                        );\n                    }): null\n                }\n                \n            </FeaturedResources>\n        </Container>\n    );\n};\n\nexport default RelatedSection;\n","import styled from 'styled-components';\nimport React from 'react';\nimport DynamicImage from '../../../atoms/DynamicImage/index';\nimport colors from '../../../../helpers/colors';\n\nconst Container = styled.div`\n    max-width: 1200px;\n    margin: -50px auto 160px auto;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n\n    @media (max-width: 769px) {\n        margin: 0 20px 160px 20px;\n    }\n    @media (max-width: 500px) {\n        margin: 0px 20px 80px 20px;\n    }\n`;\n\nconst ImageContainer = styled.div`\n    max-width: 340px;\n    margin: 0 auto 30px auto;\n`;\n\nconst Text = styled.p`\n    font-size: 16px;\n    color: ${colors.paragraphTextColor};\n    line-height: 1.5;\n    max-width: 743px;\n    text-align: center;\n\n    @media (max-width: 800px) {\n        width: 100%;\n    }\n`;\n\nconst ConclusionSection = ({\n    image,\n    text\n}) => {\n\n    return (\n        <Container>\n            <ImageContainer>\n                <DynamicImage src={image} alt='Wasatch IT Logo' style={{width: '100%'}} />\n            </ImageContainer>\n\n            <Text>{text}</Text>\n        </Container>\n    );\n};\n\nexport default ConclusionSection;\n","import React, { useEffect } from 'react';\nimport { graphql } from 'gatsby'\nimport Helmet from 'react-helmet';\nimport Layout from \"../../templates/Layout/layout\";\nimport TransparentHeader from '../../templates/TransparentHeader/index';\nimport Footer from \"../../templates/Footer/index\";\nimport Logo from '../../../resources/images/logo-wordmark-black.png'\nimport TrackUtms from '../../../helpers/utmTracking';\nimport HeroSection from './sections/hero-section';\nimport VideoSection from './sections/video-section';\nimport TileSection from './sections/tile-section';\nimport AlternatingSection from './sections/alternating-section';\nimport CaseStudyQuotes from'../../molecules/CaseStudyQuotes';\nimport RelatedSection from './sections/related-section';\nimport ConclusionSection from './sections/conclusion-section';\n\nconst HeaderProperties = ({ image, metaTitle, title, description, path }) => {\n    const defaultDescription = \"Employees want to be recognized, but that's not enough these days. They want to be engaged and heard too. Motivosity allows team members to reward each other and helps your managers be better leaders. Help your team be happier at work!\"\n    const imagePath= image.childImageSharp.gatsbyImageData.images.fallback.src;\n\n    return (\n        <Helmet>\n            <title>{metaTitle ? metaTitle : title}</title>\n            <meta\n                name=\"description\"\n                content={description ? description : defaultDescription}\n            />\n            <meta property=\"fb:app_id\" content=\"1448220805478189\" />\n            <meta\n                property=\"og:image\"\n                content={ imagePath ? \"https://www.motivosity.com\" + imagePath : \"https://www.motivosity.com\" + Logo}\n            />\n            <meta property=\"og:image:alt\" content=\"Preview image for our culture study\" />\n            <meta name=\"format-detection\" content=\"telephone=no\" />\n            <meta\n                property=\"og:url\"\n                content={\"https://www.motivosity.com/culture-studies\" + path + \"/\"}\n            />\n\n            <link rel=\"canonical\" href={\"https://www.motivosity.com/culture-studies\" + path + \"/\"} />\n        </Helmet>\n    )\n};\n\nconst CultureStudyTemplate = ({ data }) => {\n    return (\n        <Layout>\n            \n            <HeroSection \n                companyLogo={data.companyLogo} \n                companyName={data.companyName} \n                heroForeground={data.heroForeground}\n                heroForegroundAlt={data.heroForegroundAlt}\n                heroMobile={data.heroMobile}\n                heroBackground={data.heroBackground}\n                heroBackgroundAlt={data.heroBackgroundAlt}\n                heroExtraWide={data.heroExtraWide}\n            />\n            <TransparentHeader\n                showCTA={true}\n                pageName=\"Home Page\"\n            /> \n\n            <VideoSection \n                title={data.videoSectionTitle}\n                description={data.videoSectionDescription}\n                videoId={data.videoId}\n                hubspotLink={data.hubspotLink}\n            />\n            <TileSection tiles={data.tileSection} />\n            <AlternatingSection data={data.alternatingSection} quoteColor={data.quoteColor} />\n            <ConclusionSection image={data.conclusionImage} text={data.conclusionText} />\n            <CaseStudyQuotes \n                quotes={data.quoteSection} \n                quoteColor={data.quoteColor}\n                quoteBackgroundColor={data.quoteBackgroundColor}\n            />\n            <RelatedSection relatedContent={data.relatedCultureStudies} hubspotLink={data.hubspotLink} />\n            <Footer />\n        </Layout>\n    );\n};\n\n\nconst CultureStudy = ({ data }) => {\n    const {\n        markdownRemark: { frontmatter },\n    } = data;\n\n    useEffect(()=> {\n        TrackUtms();\n    } ,[])\n\n    return (\n        <Layout>\n            <HeaderProperties image={frontmatter.metaImage} metaTitle={frontmatter.metaTitle} description={frontmatter.metaDescription} path={frontmatter.path} title={frontmatter.title} />\n            <CultureStudyTemplate data={frontmatter} />\n        </Layout>\n    );\n};\n\n\nexport default CultureStudy;\n\n\nexport const CultureStudyQuery = graphql`\n    query CultureStudy($slug: String!) {\n        markdownRemark(fields: { slug: { eq: $slug} }) {\n            html\n            frontmatter {\n                title\n                path\n                hubspotLink\n                metaTitle\n                metaDescription\n                metaImage {\n                    childImageSharp {\n                      gatsbyImageData(\n                          placeholder: NONE\n                        )\n                    }\n                }\n                companyLogo {\n                    childImageSharp {\n                      gatsbyImageData(\n                          placeholder: NONE\n                          quality: 100\n                        )\n                    }\n                }\n                companyName\n                heroForeground {\n                    childImageSharp {\n                      gatsbyImageData(\n                          placeholder: NONE\n                          quality: 100\n                        )\n                    }\n                }\n                heroForegroundAlt\n                heroMobile {\n                    childImageSharp {\n                      gatsbyImageData(\n                          placeholder: NONE\n                          quality: 100\n                        )\n                    }\n                }\n                heroExtraWide {\n                    childImageSharp {\n                      gatsbyImageData(\n                          placeholder: NONE\n                          quality: 100\n                        )\n                    }\n                }\n                heroBackground {\n                    childImageSharp {\n                      gatsbyImageData(\n                          placeholder: NONE\n                          quality: 100\n                        )\n                    }\n                }\n                heroBackgroundAlt\n                videoSectionTitle\n                videoSectionDescription\n                videoId\n                tileSection {\n                    title\n                    image {\n                        childImageSharp {\n                          gatsbyImageData(\n                              placeholder: NONE\n                              quality: 100\n                            )\n                        }\n                    }\n                    imageAlt\n                }\n                alternatingSection {\n                    title\n                    description\n                    imageAlign\n                    image {\n                        childImageSharp {\n                          gatsbyImageData(\n                              placeholder: NONE\n                              quality: 100\n                            )\n                        }\n                    }\n                    imageAlt\n                    quote\n                    quoteBy\n                    quoteImage {\n                        childImageSharp {\n                          gatsbyImageData(\n                              placeholder: NONE\n                              quality: 100\n                            )\n                        }\n                    }\n                }\n                conclusionImage {\n                    childImageSharp {\n                      gatsbyImageData(\n                          placeholder: NONE\n                          quality: 100\n                        )\n                    }\n                }\n                conclusionText\n                quoteColor\n                quoteBackgroundColor\n                quoteSection {\n                    quote\n                    quoteBy\n                    image {\n                        childImageSharp {\n                          gatsbyImageData(\n                              placeholder: NONE\n                              quality: 100\n                            )\n                        }\n                    }\n                }\n                relatedCultureStudies {\n                    type\n                    title\n                    image {\n                        childImageSharp {\n                            gatsbyImageData(\n                                quality: 100\n                                placeholder: NONE\n                            )\n                        }\n                    }\n                    imageAlt\n                    link\n                }\n            }\n        } \n        \n    }\n    \n`;","import { useState, useEffect } from 'react';\n\nfunction getWindowDimensions() {\n  let width;\n  if (typeof window !== 'undefined') {\n    const { innerWidth: width, innerHeight: height } = window;\n    return {\n      width,\n      height\n    };\n  } else {\n    return width = 0;\n    \n  }\n}\n\nexport default function useWindowDimensions() {\n  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());\n\n  useEffect(() => {\n    if (typeof window !== 'undefined') {\n\n      function handleResize() {\n        setWindowDimensions(getWindowDimensions());\n      }\n\n      window.addEventListener('resize', handleResize);\n      return () => window.removeEventListener('resize', handleResize);\n    }\n  }, []);\n\n  return windowDimensions;\n}\n"],"names":["window","location","search","parameters","split","map","parameter","includes","substring","indexOf","push","localStorage","setItem","JSON","stringify","iconName","aliases","unicode","svgPathData","exports","prefix","icon","_ref","videoId","React","Script","src","async","class","style","padding","position","height","left","top","width","videoFoam","opacity","overflow","transition","filter","objectFit","alt","children","isBrowser","shouldLoadProduction","href","Helmet","lang","rel","crossorigin","content","type","name","property","GlobalStyle","props","getImage","altText","GatsbyImage","image","loading","placeholder","animationFile","animationContainer","createRef","useEffect","anim","lottie","container","current","renderer","loop","autoplay","animationData","destroy","ref","CTAButton","styled","a","withConfig","displayName","componentId","defaultProps","$borderRadius","ctaHref","ctaText","id","display","className","onMouseMove","e","x","pageX","target","offsetLeft","y","pageY","offsetTop","setProperty","margin","ExtraWideHero","div","DesktopHero","MobileHero","LogoContainer","ScrollAnimationContainer","companyLogo","companyName","heroForeground","heroForegroundAlt","heroMobile","heroBackground","heroBackgroundAlt","heroExtraWide","DynamicImage","Plx","parallaxData","start","end","properties","startValue","endValue","zIndex","bottom","right","Animation","animation","TextContainer","Title","h1","colors","mvDarkGrey","Description","h2","paragraphTextColor","VideoContainer","title","description","hubspotLink","Cta","Video","CardContainer","Card","mvWhite","greyBoxShadow","Text","p","IconContainer","DesktopAnimation","MobileContainer","tiles","unit","tile","index","key","imageAlt","dangerouslySetInnerHTML","__html","TextWrapper","ImgLeftContent","ImgRightContent","TitleWrapper","h3","Heading","Wrapper","ProductImage","ProductImageMobile","QuoteContainer","QuoteTextContainer","Quote","QuoteBy","color","QuoteImageContainer","_ref2","imageAlign","imageSrc","quote","quoteBy","quoteImage","quoteColor","Content","animationStartPoint","setAnimationStartPoint","useState","animationEndPoint","setAnimationEndPoint","useWindowDimensions","data","CaseStudyAlternateContentBlocks","$backgroundColor","Container","SliderContainer","Slider","SliderParagraph","$quoteColor","mvLightMediumGrey","DotContainer","SmallDot","BigDot","HeadshotContainer","quotes","quoteBackgroundColor","opacityAnimationStart","setOpacityAnimationStart","opacityAnimationEnd","setOpacityAnimationEnd","currentSlide","setCurrentSlide","cardSlide","setCardSlide","paginationWrapper","setPaginationWrapper","bigDotContainer","setBigDotContainer","lastSlide","length","moveBackward","setTimeout","cleanClasses","moveForward","onClick","onKeyDown","event","handleKeyPress","role","tabIndex","FontAwesomeIcon","faArrowLeft","faArrowRight","HeadingText","FeaturedResources","FeaturedResource","darkGreyBoxShadow","ResourceType","mvBlue","ResourceTitle","h4","mvMediumGrey","CtaContainer","relatedContent","resource","link","ImageContainer","text","HeaderProperties","metaTitle","path","imagePath","childImageSharp","gatsbyImageData","images","fallback","Logo","CultureStudyTemplate","Layout","HeroSection","TransparentHeader","showCTA","pageName","VideoSection","videoSectionTitle","videoSectionDescription","TileSection","tileSection","AlternatingSection","alternatingSection","ConclusionSection","conclusionImage","conclusionText","CaseStudyQuotes","quoteSection","RelatedSection","relatedCultureStudies","Footer","_ref3","markdownRemark","frontmatter","TrackUtms","metaImage","metaDescription","getWindowDimensions","innerWidth","innerHeight","windowDimensions","setWindowDimensions","handleResize","addEventListener","removeEventListener"],"sourceRoot":""}