{"version":3,"file":"component---src-pages-teaching-resources-workshops-js-ff39e6f558ba09a8f7c9.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/shared/HeadingSpecial.js","webpack://gatsby-starter-default/./src/images/lines-left.svg","webpack://gatsby-starter-default/./src/images/lines-right.svg","webpack://gatsby-starter-default/./src/components/shared/Paginator.js","webpack://gatsby-starter-default/./src/images/separator-line.svg","webpack://gatsby-starter-default/./src/images/snowflakes-mobile.svg","webpack://gatsby-starter-default/./src/images/snowflakes-desktop.svg","webpack://gatsby-starter-default/./src/components/shared/SnowFlakes.js","webpack://gatsby-starter-default/./src/images/LOtC-QB-logo.jpg","webpack://gatsby-starter-default/./src/pages/teaching-resources/workshops.js"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport {Container} from \"reactstrap\"\nimport {media} from \"utils/Media\"\nimport leftLine from \"images/lines-left.svg\"\nimport rightLine from \"images/lines-right.svg\"\n\nconst HeadingContainer = styled.div` \n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        font-family: ${props => props.theme.font.family.special};\n        color: ${props => props.theme.colors.navy};\n        margin: 0;\n        display: flex;\n        width: 100%;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        \n        &.lines {\n            @media ${media.sm} {\n                &:before {\n                    content: '';\n                    margin: 0 20px 0 0;\n                    flex: 1 0 20px;\n                    background: url(${leftLine}) no-repeat center right;\n                    background-size: cover;\n                    height: 4px;\n                }\n\n                &:after {\n                    content: '';\n                    margin: 0 0 0 20px;\n                    flex: 1 0 20px;\n                    background: url(${rightLine}) no-repeat center left;\n                    background-size: cover;\n                    height: 4px;\n                }\n            }\n        }\n        \n        &.color--white {\n            color: ${props => props.theme.colors.white};\n        }\n    }\n`\n\n\nconst HeadingSpecial = (props) => {\n\n    let HeadingTag\n    const acceptedTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span']\n\n    if (acceptedTags.indexOf(props.headingTag) >= 0) {\n        HeadingTag = props.headingTag\n    } else {\n        HeadingTag = 'h2'\n    }\n\n    return (\n        <HeadingContainer>\n            <HeadingTag className={`${props.className} ${props.lines && 'lines'}`} dangerouslySetInnerHTML={{__html: props.title}}/>\n        </HeadingContainer>\n    )\n}\n\nHeadingSpecial.defaultProps = {\n    lines: true\n}\n\nexport default HeadingSpecial","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCAzMDAgNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDAuMjVMMjg5Ljg1NiAwLjI1MDAxN1YxLjc1MDAyTDAgMS43NVYwLjI1WiIgZmlsbD0iIzAwNDY4NCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjE0MzYgMy4yNUwzMDAgMy4yNTAwMlY0Ljc1MDAyTDEwLjE0MzYgNC43NVYzLjI1WiIgZmlsbD0iIzhBRUNGNSIvPgo8L3N2Zz4K\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCAzMDAgNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDAuMjVMMjg5Ljg1NiAwLjI1MDAxN1YxLjc1MDAyTDAgMS43NVYwLjI1WiIgZmlsbD0iIzAwNDY4NCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjE0MzYgMy4yNUwzMDAgMy4yNTAwMlY0Ljc1MDAyTDEwLjE0MzYgNC43NVYzLjI1WiIgZmlsbD0iIzhBRUNGNSIvPgo8L3N2Zz4K\"","import React, {Component} from 'react';\nimport styled from \"styled-components\"\nimport separatorLine from \"images/separator-line.svg\"\nimport {media} from \"utils/Media\"\n\nconst PaginatorWrapper = styled.div`\n    margin: 0.5rem auto;\n    width: 72px;\n    \n    @media ${media.lg} {\n      margin: 1rem auto;\n      width: 95px;\n    }\n`\n\nclass Paginator extends Component {\n    render() {\n        return (\n            <PaginatorWrapper>\n                <img src={separatorLine} alt=\"\" className=\"d-block\"/>\n            </PaginatorWrapper>\n        );\n    }\n}\n\nexport default Paginator;","export default \"data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI2IiB2aWV3Qm94PSIwIDAgOTUgMjYiIHdpZHRoPSI5NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjNjNkYmU3Ij48cGF0aCBkPSJtMS41MTExMSAxMS44YzEuNDIyMjItLjkgMi44NDQ0NS0xLjcgNC4zNTU1Ni0yLjYgMS4xNTU1NS0uNyAyLjQ4ODg5LTEuNyAzLjkxMTExLTIuOS45Nzc4Mi0uOCAxLjYwMDAyLTEuMyAxLjc3NzgyLTEuMy40NDQ0IDAgMS41MTExLjYgMy4wMjIyIDEuOSAyLjMxMTEgMS45IDQuNDQ0NCAzLjUgNi4xMzMzIDQuNi40NDQ1LjMuODg4OS41IDEuMzMzMy44LjQ0NDUuMy43MTEyLjUuNzExMi44IDAgLjItLjA4ODkuMy0uMTc3OC4zLTIuMTMzNCAxLjEtNC40NDQ1IDIuNi02LjkzMzQgNC40LS43MTExLjctMS41MTExIDEuNC0yLjIyMjIgMi4xLS42MjIyLjYtMS4zMzMzLjgtMi4xMzMzLjgtLjUzMzMgMC0xLjE1NTYtLjMtMS43Nzc3OS0uOC0uNjIyMjItLjUtMS4zMzMzMy0uOS0xLjk1NTU1LTEuNS0xLjUxMTEyLTEuMS0zLjI4ODg5LTIuMy01LjUxMTEyLTMuNy0xLjMzMzMyOS0uOC0yLjA0NDQ0LTEuMy0yLjA0NDQ0LTEuNSAwLS4zLjUzMzMzMy0uOCAxLjUxMTExLTEuNHptMTAuMDQ0NDkgNmMtLjA4ODkgMCAuNjIyMi0uNSAxLjk1NTUtMS41IDEuNjg4OS0xLjMgMy42NDQ1LTIuNiA1Ljk1NTYtMy45LS4wODg5LS4zLS44LS45LTIuMDQ0NS0yLTEuODY2Ni0xLjQtMy43MzMzLTIuOS01LjYtNC40LS4zNTU1LjEtLjk3NzguNi0xLjc3NzggMS4zLTEuMzMzMjkuOS0yLjU3NzczIDEuOC0zLjkxMTA3IDIuOC0xLjA2NjY2LjctMS43Nzc3NyAxLjItMi4xMzMzMyAxLjMtLjA4ODg5LjEtLjA4ODg5LjItLjA4ODg5LjMgMS4yNDQ0NS45IDMuODIyMjIgMi45IDcuNjQ0NDkgNi4xem0tNC4wODg5My02LjVjMS4wNjY2Ni0uNiAyLjA0NDQ0LTEuMiAzLjAyMjIzLTEuOS43MTExLS41IDEuMDY2Ny0uOCAxLjA2NjctLjguMTc3NyAwIC45Nzc3LjcgMi41Nzc3IDIgLjA4ODkgMCAuMzU1Ni4yIDEuMDY2Ny42LjQ0NDQuMi44LjYgMS4wNjY3IDEtLjA4ODkuMS0uNDQ0NS4zLTEuMDY2Ny42LS44LjQtMS42LjktMi4yMjIyIDEuNS0uNjIyMi44LS45Nzc4IDEuMi0xLjE1NTYgMS4yLS4yNjY2IDAtLjYyMjItLjMtMS4xNTU1LS44LS42MjIzLS43LTEuMDY2Ny0xLjItMS4zMzMzNy0xLjMtLjA4ODg5LS4xLS41MzMzMy0uMy0xLjMzMzMzLS43LS40NDQ0NC0uMi0uNjIyMjItLjQtLjYyMjIyLS43LS4wODg4OS0uMi0uMDg4ODktLjQuMDg4ODktLjd6Ii8+PHBhdGggZD0ibTcyLjg4OSAxMS44YzEuNDIyMy0uOSAyLjg0NDUtMS43IDQuMzU1Ni0yLjYgMS4xNTU2LS43IDIuNDg4OS0xLjcgMy45MTExLTIuOS45Nzc4LS44IDEuNi0xLjMgMS43Nzc4LTEuMy40NDQ0IDAgMS41MTExLjYgMy4wMjIyIDEuOSAyLjMxMTEgMS45IDQuNDQ0NCAzLjUgNi4xMzMzIDQuNi40NDQ1LjMuODg4OS41IDEuMzMzNC44LjQ0NDQuMy43MTExLjUuNzExMS44IDAgLjItLjA4ODkuMy0uMTc3OC4zLTIuMTMzMyAxLjEtNC40NDQ0IDIuNi02LjkzMzMgNC40LS43MTExLjctMS41MTExIDEuNC0yLjIyMjIgMi4xLS42MjIzLjYtMS4zMzM0LjgtMi4xMzM0LjgtLjUzMzMgMC0xLjE1NTUtLjMtMS43Nzc4LS44LS42MjIyLS41LTEuMjQ0NC0xLjEtMS45NTU1LTEuNi0xLjUxMTEtMS4xLTMuMjg4OS0yLjMtNS41MTExLTMuNy0xLjMzMzQtLjgtMi4wNDQ1LTEuNC0yLjA0NDUtMS42IDAtLjEuNDQ0NS0uNiAxLjUxMTEtMS4yem0xMC4wNDQ1IDZjLS4wODg5IDAgLjYyMjItLjUgMS45NTU1LTEuNSAxLjY4ODktMS4zIDMuNjQ0NS0yLjYgNS45NTU2LTMuOS0uMDg4OS0uMy0uOC0uOS0yLjA0NDQtMi0xLjg2NjctMS40LTMuNzMzNC0yLjktNS42MDAxLTQuNC0uMzU1NS4xLS45Nzc3LjYtMS43Nzc3IDEuMy0xLjMzMzQuOS0yLjU3NzggMS44LTMuOTExMSAyLjgtMS4wNjY3LjctMS43Nzc4IDEuMi0yLjEzMzQgMS4zLS4wODg5LjEtLjA4ODkuMi0uMDg4OS4zIDEuMTU1Ni45IDMuNzMzNCAyLjkgNy42NDQ1IDYuMXptLTQuMTc3OC02LjVjMS4wNjY3LS42IDIuMDQ0NC0xLjIgMy4wMjIyLTEuOS43MTExLS41IDEuMDY2Ny0uOCAxLjE1NTYtLjguMTc3OCAwIC45Nzc4LjcgMi41Nzc4IDIgLjA4ODggMCAuMzU1NS4yIDEuMDY2Ni42LjQ0NDUuMi44LjYgMS4wNjY3IDEtLjA4ODkuMS0uNDQ0NC4zLTEuMDY2Ny42LS44LjQtMS42LjktMi4yMjIyIDEuNS0uNjIyMi44LS45Nzc4IDEuMi0xLjE1NTYgMS4yLS4yNjY2IDAtLjYyMjItLjMtMS4xNTU1LS44LS42MjIyLS43LTEuMDY2Ny0xLjItMS4zMzMzLTEuMy0uMDg4OS0uMS0uNTMzNC0uMy0xLjMzMzQtLjctLjQ0NDQtLjItLjYyMjItLjQtLjYyMjItLjctLjE3NzgtLjItLjA4ODktLjQgMC0uN3oiLz48cGF0aCBkPSJtMzAuNzU2IDExLjFjMi4zMTExLTEuNCA0LjcxMTEtMi45IDcuMTExMS00LjMgMS45NTU2LTEuMiA0LjA4ODktMi43IDYuMzExMS00LjcgMS42ODg5LTEuNCAyLjY2NjctMi4xIDMuMDIyMi0yLjEuNzExMiAwIDIuNCAxIDQuOTc3OCAzLjEgMy44MjIyIDMuMiA3LjIgNS43IDEwLjA0NDUgNy42LjcxMTEuNCAxLjUxMTEuOCAyLjIyMjIgMS4zLjcxMTEuNCAxLjA2NjcuOSAxLjA2NjcgMS4zIDAgLjMtLjA4ODkuNS0uMjY2Ny42LTMuNTU1NiAxLjgtNy4yODg5IDQuMi0xMS4zNzc4IDcuMi0xLjI0NDQgMS4xLTIuNDg4OSAyLjMtMy43MzMzIDMuNC0uOTc3OC45LTIuMjIyMiAxLjQtMy41NTU2IDEuNC0uODg4OSAwLTEuOTU1NS0uNC0yLjkzMzMtMS4zLTEuMDY2Ny0uOS0yLjA0NDUtMS44LTMuMTExMS0yLjYtMi40ODg5LTEuOC01LjQyMjItMy44LTguOTc3OC02LTIuMjIyMi0xLjQtMy4zNzc4LTIuMi0zLjM3NzgtMi42LjA4ODktLjYuODg4OS0xLjMgMi41Nzc4LTIuM3ptMTYuNDQ0NCA5LjhjLS4wODg4LjEuOTc3OC0uOCAzLjItMi41IDIuNzU1Ni0yLjIgNi4wNDQ1LTQuMyA5LjY4ODktNi40LS4wODg5LS40LTEuMjQ0NC0xLjUtMy4zNzc3LTMuMi0zLjAyMjMtMi4zLTYuMTMzNC00LjctOS4xNTU2LTcuMS0uNjIyMi4yLTEuNi45LTIuODQ0NCAyLjItMi4xMzM0IDEuNS00LjI2NjcgMy02LjQgNC41LTEuNzc3OCAxLjItMi45MzM0IDEuOS0zLjU1NTYgMi4xLS4wODg5LjItLjA4ODkuMy0uMDg4OS41IDEuOTU1NiAxLjQgNi4xMzMzIDQuNiAxMi41MzMzIDkuOXptLTYuNzU1NS0xMC42YzEuNzc3OC0xIDMuMzc3OC0yIDQuODg4OS0zLjEgMS4xNTU1LS45IDEuNzc3OC0xLjMgMS44NjY2LTEuMy4yNjY3IDAgMS42IDEuMSA0LjE3NzggMy4yLjA4ODkgMCAuNjIyMi40IDEuNzc3OC45LjguNCAxLjMzMzMuOSAxLjY4ODkgMS42LS4wODg5LjItLjcxMTEuNS0xLjc3NzggMS0xLjMzMzMuNy0yLjU3NzggMS41LTMuNzMzMyAyLjQtLjk3NzggMS4zLTEuNiAxLjktMS44NjY3IDEuOS0uNDQ0NCAwLTEuMDY2Ny0uNC0xLjg2NjctMS4zLTEuMDY2Ni0xLjItMS43Nzc3LTEuOS0yLjIyMjItMi4yLS4xNzc4LS4xLS44ODg5LS41LTIuMjIyMi0xLjEtLjcxMTEtLjMtMS4wNjY3LS43LTEuMDY2Ny0xLjIgMC0uMS4xNzc4LS40LjM1NTYtLjh6Ii8+PC9nPjwvc3ZnPg==\"","export default __webpack_public_path__ + \"static/snowflakes-mobile-660ae4a7bf3e8274dc174a85a5145a64.svg\";","export default __webpack_public_path__ + \"static/snowflakes-desktop-a6fa743822b49763d0b980c542ab6593.svg\";","import snowFlakesXs from \"../../images/snowflakes-mobile.svg\"\nimport snowFlakesXl from \"../../images/snowflakes-desktop.svg\"\nimport styled from \"styled-components\";\nimport {media} from \"utils/Media\"\n\nconst SnowFlakes = styled.div`\n    background: url(\"${snowFlakesXs}\") repeat 50% 120%;\n    background-size: 240%;\n    \n    @media ${media.sm} {\n        background: url(\"${snowFlakesXl}\") repeat 50% 70%;\n        background-size: 290%;\n    }\n    \n    @media ${media.md} {\n        background: url(\"${snowFlakesXl}\") repeat 50% 70%;\n        background-size: 190%;\n    }\n    \n    @media ${media.lg} {\n        background: url(\"${snowFlakesXl}\") repeat 50% 70%;\n        background-size: 190%;\n    }\n    \n    @media ${media.xl} {\n        background: url(\"${snowFlakesXl}\") repeat 48% 17%;\n        background-size: 180%;\n    }\n`\n\nexport default SnowFlakes","export default __webpack_public_path__ + \"static/LOtC-QB-logo-407d1935510a499010cb526d2fadb243.jpg\";","import React, {Component} from \"react\"\nimport SEO from \"utils/Seo\"\nimport Layout from \"../../components/Layout/Layout\"\nimport styled from \"styled-components\"\nimport {graphql, StaticQuery} from \"gatsby\"\nimport {media} from \"utils/Media\"\nimport HeadingSpecial from \"../../components/shared/HeadingSpecial\";\nimport SnowFlakes from \"../../components/shared/SnowFlakes\";\nimport {GatsbyImage, getImage} from \"gatsby-plugin-image\"\nimport Paginator from \"../../components/shared/Paginator\";\nimport lotc from \"../../images/LOtC-QB-logo.jpg\"\n\nconst pageSlug = \"workshops\"\nconst pageTitle = \"Workshops\"\nconst categorySlug = \"teaching\"\nconst categoryTitle = \"teaching\"\n\nconst Padding = styled.div`\n    padding-left: 15px;\n    padding-right: 15px;\n`\nconst Content = styled.div`\n    position: relative;\n    width: 100%;\n    padding-bottom: 2rem;\n`\nconst BoxWrapper = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    max-width: 1200px;\n    margin: 0 auto 4rem;\n    text-align: center;\n    align-items: stretch;\n`\n\nconst Box = styled.div`\n    filter: drop-shadow(0px 0px 12px rgba(0, 49, 153, 0.2));\n    background: white;\n    padding: 1rem;\n    width: 100%;\n    margin: 0.5rem auto;\n\n    @media ${media.sm} {\n        margin: 1rem;\n    }\n\n    @media ${media.md} {\n        padding: 2rem;\n    }\n\n    h3 {\n        font-family: ${props => props.theme.font.family.special};\n        color: ${props => props.theme.colors.navy};\n        font-size: 24px;\n        margin-bottom: 1rem;\n        text-align: center;\n\n        @media ${media.sm} {\n            font-size: 30px;\n            line-height: 35px;\n        }\n\n    }\n\n    p {\n\n    }\n`\n\nconst InnerBox = styled.div`\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    a {\n        @media ${media.md} {\n            width: calc(50% - 2rem);\n        }\n    }\n`\n\nclass Workshops extends Component {\n    constructor(props) {\n        super(props);\n\n        this.pageData = {\n            pageName: \"enrichment-materials\",\n            siteName: \"frozeneducation\",\n            country: \"uk\",\n            region: \"emea\"\n        }\n    }\n\n    componentDidMount() {\n        // if (typeof window !== 'undefined' && typeof window.utag !== 'undefined') {\n        //     // Tealium\n        //     window.utag.view(this.pageData)\n        // }\n    }\n\n    render() {\n\n        return (\n            <Layout categorySlug={categorySlug}\n                    category={categoryTitle}\n                    currentPage={pageTitle}\n                    pageName={pageSlug}\n                    mainCategorySlug=\"teaching-resources\"\n                    enrichmentHeader>\n                <SEO slug={pageSlug} title={pageTitle} description=\"\"/>\n                <SnowFlakes>\n                    <Content className=\"enrichment\">\n                        <HeadingSpecial lines={false} headingTag=\"h1\"\n                                        className=\"py-4 py-md-5 font--bigger\"\n                                        title={pageTitle}/>\n                        <Padding>\n                        <p className=\"font--regular narrow text-center mx-auto mb-5\">\n                            Led by specifically trained Disney teaching artists, workshops can be tailored to\n                            your group’s needs and give your students the rare opportunity to perform scenes,\n                            songs and dances from the FROZEN whilst developing core skills such as communication\n                            and team building in a uniques and creative way.</p>\n                        <p className=\"font--regular narrow text-center mx-auto mb-5\">\n                            Workshops cost £14 per person on top of the ticket price and last 90 minutes. In\n                            London, they take place in a venue near the Theatre Royal Drury Lane. They are\n                            suitable for those aged 7 and up; minimum group size is 20.\n                        </p>\n                            <Paginator/>\n                        </Padding>\n                        <BoxWrapper>\n                            <Box>\n                                <p className=\"font-weight-bold narrow text-center mx-auto\">To book or to\n                                    find out more information:</p>\n                                <InnerBox>\n                                    <a href=\"tel:+448006408101\"\n                                       className=\"btn btn--new no-interstitial-check d-flex mx-auto text-uppercase text-white my-3\">\n                                        <span>CALL 0800 640 8101</span>\n                                    </a>\n                                    <a href=\"https://groupbooking.disneytickets.co.uk/contact/frozen-workshop/?prevPageName=emea:uk:disney:frozenthemusical:teaching-resources:workshops&adobe_mc=MCMID%3D19459291422493953404049622713115713592%7CMCORGID%3DCC0A3704532E6FD70A490D44%2540AdobeOrg%7CTS%3D1627385703\"\n                                       className=\"btn btn--new no-interstitial-check d-flex mx-auto text-uppercase text-white my-3\">\n                                        <span>EMAIL ENQUIRY</span>\n                                    </a>\n                                </InnerBox>\n\n                                <p className=\"font-weight-bold narrow text-center mt-3 mb-0 mx-auto\">or email <a href=\"mailto:groupsales@disneytickets.co.uk\">groupsales@disneytickets.co.uk</a> </p>\n                                <img style={{width: \"160px\"}} className=\"d-block mt-4 mb-0 mx-auto\" src={lotc} alt=\"Quality badge\" title=\"Quality badge\"/>\n                            </Box>\n                        </BoxWrapper>\n                        <GatsbyImage placeholder=\"none\" image={getImage(this.props.data.TopImageLg)} alt=\"\" title=\"\"\n                             className=\"img-fluid d-none d-lg-block\"/>\n                        <GatsbyImage placeholder=\"none\" image={getImage(this.props.data.TopImageMd)} alt=\"\" title=\"\"\n                             className=\"img-fluid d-none d-sm-block d-lg-none \"/>\n                        <GatsbyImage placeholder=\"none\" image={getImage(this.props.data.TopImageXs)} alt=\"\" title=\"\"\n                             className=\"img-fluid d-block d-sm-none\"/>\n                    </Content>\n                </SnowFlakes>\n            </Layout>\n        )\n    }\n}\n\nconst Query = (props) => (\n    <StaticQuery\n        query={graphql`\n            query {\n                TopImageLg: file(relativePath: { eq: \"TeachingResources/header-workshops-1920.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                TopImageMd: file(relativePath: { eq: \"TeachingResources/header-workshops-991.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n                TopImageXs: file(relativePath: { eq: \"TeachingResources/header-workshops-576.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n            }\n\t\t`}\n        render={data => (\n            <Workshops data={data}/>\n        )}\n    />\n)\n\nexport default Query\n"],"names":["HeadingContainer","styled","props","theme","font","family","special","colors","navy","media","white","HeadingSpecial","HeadingTag","indexOf","headingTag","className","lines","dangerouslySetInnerHTML","__html","title","defaultProps","PaginatorWrapper","Paginator","render","src","alt","Component","snowFlakesXs","snowFlakesXl","pageSlug","pageTitle","Padding","Content","BoxWrapper","Box","InnerBox","Workshops","pageData","pageName","siteName","country","region","componentDidMount","Layout","categorySlug","category","currentPage","mainCategorySlug","enrichmentHeader","slug","description","SnowFlakes","href","style","width","lotc","G","placeholder","image","getImage","this","data","TopImageLg","TopImageMd","TopImageXs","StaticQuery","query"],"sourceRoot":""}